跳到主要內容

(分享)(教學)如何在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

留言

這個網誌中的熱門文章

(分享)(投影片)20060926Web2.0國際研討會~投影片分享~

Web2.0 國際研討會(International Conference)一連2天在台北國際會議中心舉行,大王當然也沒錯過這場盛會~~。下面先分享大王整理的投影片資料: (點選連結前請在「 回應 」中簽個到吧~^^讓大王知道一下有多少人看過這些分享資料囉~) Web2.0國際研討會-01-TechCrunch Web2.0國際研討會-02-Flickr Web2.0國際研討會-03-salesforce.com Web2.0國際研討會-04-HeyMath Web2.0國際研討會-05-Bubbleshare Web2.0國際研討會-06-Panel Discussion Web2.0國際研討會-07-麥實創投 Web2.0國際研討會-08-智碁創投 Web2.0國際研討會-09-PChome Online Web2.0國際研討會-10-Yahoo! Web2.0國際研討會-11-無名小站 Web2.0國際研討會-12-愛情公寓 Web2.0國際研討會-13-HemiDemi Web2.0國際研討會-14-IBM Web2.0國際研討會-15-Microsoft Web2.0國際研討會-16-Panel discussion

KHS T3 前貨架安裝~

今天台北下雨,所以大王就在家把上週入手的前、後貨架裝上車囉。一開始還不知該從何下手說,也爬了一下文,確定大家都是怎麼安裝後才下手的。也整理一下大王的安裝方法,提供給大家參考囉。不過安裝的過程沒拍照,只好裝安後的樣子說明一下。 前架的左、右支架跟前剎共用機構。別怕,大膽地將固定V夾的螺絲拆下來,然後換上前架附的「比較長一點」的螺絲將貨架鎖緊。注意:別緊到連V夾都被鎖死了,因為大王一開始沒注意鎖太緊,以致V夾連動都不能動,前剎皮就一直磨到輪框。 右邊也是一樣與V夾共用機構 然後將中架用長螺絲、螺帽鎖緊 中架的螺絲、螺帽就在魔鬼沾的那個位置,一樣也是把它鎖緊 這樣就大功告成囉。 眼尖的你大概看到大王將攜車袋綁在前架上了,沒錯就是用魔鬼沾綁在這裡。L型的另一邊大王是用束線帶綁在前架上囉。這樣下面、靠車架那一側就都勞勞綁住了,讚!!

(推薦)提姆網!最便捷的網路道覽網站!

今天大王在佳文媽媽的大力推薦下到訪「 提姆網 」。TimLiao提姆網( www.timliao.com )成立於2003年五月,創辦人與網站製作皆為Tim Liao廖庭毅。網站創立的目的在 提供所有上網用戶最便捷的網路導覽網站 ,讓用戶在最短的時間內,用最便捷的方式收尋到想要的連結站。網站目前收集了台灣 3000多個大站連結 ,都是經過仔細篩選而來。此站的最大特色在於快速收尋連結站,在首頁將滑鼠移動到各式分類底下,連結就會一一顯示,不用一頁一頁的收尋,可節省用戶不少的時間。網站提供了日常生活所必備的即時資訊,讓用戶掌握最新消息。其他像是網站中的 24小時台灣免費線上電台電視 ,讓居住在國外的朋友也能即時收聽到台灣最新消息。真是個值得推薦瀏覽的網站!