; Elaine0211
HOME TUTORIALS MATERIALS LINKS FOLLOW CHATBOX

# 课程; 另类 Blog Archive ( BS )
2012/11/20 14:00 ♥ 4 SARANG(s)

Tutorials Require By Xinmei.

效果如下图 -


课程开始 >>>

---------------------------------------------------

For Not sidebar ; 

Step ① 按Ctrl+F 找 </style>
Step ② 在 </style> 的下面添加以下的code

<div style="position:fixed;top:50px; left:60px;">
<select style="border: 1px solid #000; padding: 3px; background:#FFF;font-family:Arial; font-size:11px; color: #000; width: 95px; text-align: center; "
onChange="location.href=this.options[this.selectedIndex].value;" value="GO" target="_blank">
<option selected="selected">By Posts</option><BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
</select>
<br>
<select style="border: 1px solid #000; padding: 3px; background:#FFF;font-family:Arial; font-size:11px; color: #000; width: 95px; text-align: center; "
onChange="location.href=this.options[this.selectedIndex].value;" value="GO" target="_blank">
<option selected="selected">By Days</option><BloggerPreviousItems>
<option value="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></option>
</BloggerPreviousItems>
</select></div>

---------------------------------------------------

For have sidebar ; 

Step ① 按 Ctrl+F 找你要置放这个 blog archive 的地方
Step ② 在你要的位置置放之下的code

<center>
<select style="border: 1px solid #000; padding: 3px; background:#FFF;font-family:Arial; font-size:11px; color: #000; width: 95px; text-align: center; "
onChange="location.href=this.options[this.selectedIndex].value;" value="GO" target="_blank">
<option selected="selected">By Posts</option><BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
</select>
<br>
<select style="border: 1px solid #000; padding: 3px; background:#FFF;font-family:Arial; font-size:11px; color: #000; width: 95px; text-align: center; "
onChange="location.href=this.options[this.selectedIndex].value;" value="GO" target="_blank">
<option selected="selected">By Days</option><BloggerPreviousItems>
<option value="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></option>
</BloggerPreviousItems>
</select></center>


Explain ::
红色代码 ; 跟着scrollbar跑 [ fixed ] / 固定位置 [ absolute ]
黄色代码 ; 距离顶端的距离, 数字越大 位置越低
青色代码 ; 距离左边的距离, 数字越大 位置越偏向左边
橙色代码 ; 宽度, 数字越大就越宽
蓝色代码 ; 月份 Archive 显示的字体 (自行更换)
紫色代码 ; 每日 Archive 显示的字体 (自行更换)

---------------------------------------------------

不懂为什么 Blog Template 用不到这个 -.-
所以我搁着了, 研究到了再更新 
就暂时这样咯.
任何问题可到 Cbox 询问



标签: ,

◁ NEWER
OLDER ▷
© 2017 Designed By Elaine0211.