2007/08/24

(分享)(教學)如何在Blogspot加入「誰收藏我?」

昨天在大王的Blog全文頁面加上了「誰收藏我?」的黑米小縮圖。不過因為Blogspot的語法長得比較特別,所以大王花了點時間才把它加到想加的地方。下面就來和大家分享一下我的經驗囉^^。

1)進入範本/修改HTML,找到下面這個地方。(記得"展開小裝置範本"哦!!)

]]></b:skin>

2007082401.jpg

2)把下面這段語法加到剛才那段的上面(那段以上就是放CSS的地方)

.hemidemi_box {
text-align:center;
font-size:12px;
margin-bottom:4px;
}
.hemidemi_box img { margin:2px; }
.hemidemi_box a {
font-size: 12px;
text-decoration: none;
}
.bookmark_user {
overflow:hidden;
word-wrap:break-word;
border:1px solid #eee;
padding:2px;
float:left;
margin:1px;
width:48px;
height:55px;
text-align:center;
}
.bookmark_user .name {
text-align:center;
padding:1px;
}
.bookmark_user .name a {
font-size:0.9em;
color:#333;
}
.bookmark_user .thumbnail {
width:48px;
height:40px;
padding:0px;
overflow:hidden;
text-align:center;
}
.bookmark_user .thumbnail img {
border: none;
width: 40px;
}
.hemidemi_comment {
float:none;
margin:4px;
padding:2px;border:solid 1px #eee;
overflow:hidden;
height:14px;
}

3)然後找到下面這段,這段是全文在「回應之前的位置」。

(你也可以把下一步的語法貼到任何<b:includable...之前,看你想放那囉。)

<b:includable id='comments' var='post'>

4)把下面的語法加到它的前面

<b:includable id='HEMiDEMi-who' var='post'>
 <p><script src='http://webdev.yuan.cc/scriptlets/hemidemi_users.js' type='text/javascript'/></p>
</b:includable>

5)找到<!-- posts -->這個區段,它是用來控制文章輸出的程序。把下面的語法加到你希望的地方。

<b:include data='post' name='HEMiDEMi-who'/>

想大王就希望「誰收藏我?」是放在回應之後,所以就加在下圖的位罝囉。

2007082402.jpg

完功後就像下圖一樣,大功告成^^。(CSS的修改就請大家自己玩一下囉)

2007082403.jpg

0 意見:

張貼留言