Category Archives: Blog小工具
線上人數-whos.amung.us
經常上部落格看到左邊這樣的一個小圖示，上面的圖式就代表是目前瀏覽這個blog的總人數，如果你點選圖示，你會看法現在瀏覽的這個blog，有那些頁面有幾人正在閱覽。 使用方式非常簡單，不需註冊，只需連到whos.amung.us然後copy右半邊類似這樣的語法到blogspot網頁元素內即可使用 <a href="http://whos.amung.us/show/oyobkxtx"><img src="http://whos.amung.us/widget/oyobkxtx" alt="page counter" width="81″ height="29″ border="0″ /></a> 如果對預設的黑色有意見，也可以自訂配色。 還有他可以有個簡單的圖表(如下)可依年、月、日作出每日最高、最低、平均的到訪值來。 是個簡單又實用的Blog好工具。
部落格工具;方便讀者將文章加入共享書籤
有人說共享書籤是web2.0的產物，過去我們看到喜歡的文章總是把他加到瀏覽器(ie、firefox)我的最愛中，現今很多人使用共享書籤的服務。將自己認為的好文章加入共享書籤，同時也因為共享書籤的功能將這一篇文章再分享出去。 如果真有人會喜歡老男人的文章，老男人當然歡迎都來不及了，為方便讀者將文章加入共享書籤，把共享書籤加到文章後，是最好的歡迎讀者的方法。因為看到Site Meter 有人因搜尋加入共享書籤到我的網站來。在這裏分享加入的做法： 習慣上我使用直接加到文章末，也就是Blogspot範本負責這一段的就是： <data:post.body/> 所以你可搜尋到這個之後加入： <p> + 底下書籤語法 + </p> 各書籤語法如下： HEMiDEMi書籤： <a expr:href=’"http://www.hemidemi.com/user_bookmark/new?title=" + data:post.title + "&url=" + data:post.url’ target=’_blank’ title=’加入HEMiDEMi分享書籤’><img alt=’HEMiDEMi個人書籤’ border=’0′ src=’http://pages.qna-blog.com/hemi.gif’/></a> MyShare書籤： <a expr:href=’"http://myshare.url.com.tw/index.php?func=newurl&url=" + data:post.url + "&desc=" + data:post.title’ target=’_blank’ title=’加入MyShare分享書籤’><img alt=’MyShare個人書籤’ border=’0′ src=’http://pages.qna-blog.com/myshare.gif’/></a> Yahoo書籤： <a expr:href=’"http://tw.myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title’ target=’_blank’ title=’加入Yahoo分享書籤’><img alt=’Yahoo分享書籤’ border=’0′ src=’http://pages.qna-blog.com/yahoo.gif’/></a> …
部落格工具-誰在背後講我-For Blogspot
如果直接可以在文章上看到網摘上討論情形，對部落客來說將是很棒的，這樣的功能在黑米就有提供，這裡就把他的詳細改法記錄下來： 繼 黑米書籤HEMEDEMI部落格工具-誰收藏我-For Blogspot這是一個很有趣的小工具，可以讓所有看到你的頁面的人知道誰在 黑米書籤HEMEDEMI討論了這篇文章 網址:http://flickr.tw/2006/08/hemidemi_scriptlet_1.html 如同上一篇所說的官方版本的只介紹Script語法跟CSS語法，所以針對Blogger.com的使用者，我來作一個比較詳細一點的介紹： 找到：(這個之前為CSS段) ]]> 在這個之前加上： .hemidemi_comments { text-align:left; font-size:12px; margin-bottom:4px; } .hemidemi_comments img { margin:2px; } .hemidemi_comments a { font-size: 12px; text-decoration: none; } .bookmark_comment { float:none; word-wrap:break-word; border:1px solid #eee; margin:1px; padding:4px; text-align:left; } .bookmark_text { display:block; border:0px solid #eee; margin:1px; padding:4px; text-align:left; } .bookmark_userinfo { display:inline; float:left; margin:4px; …
部落格工具-誰收藏我-For Blogspot
這是一個不錯的點子，在部落格的文書中直接Show出來這篇文章被收藏的情形，瀏覽到文章的人也可以瞭解文章受歡迎的程度，摘錄完整的做法如下： 這是一個黑米 HEMEDEMI 書籤很有趣的小工具，可以讓所有看到你的頁面的人知道誰收藏了這篇文章 網址:http://flickr.tw/2006/08/hemidemi_scriptlet.html 由於官方版本的只介紹Script語法跟CSS語法，可能沒有辦法讓Blogspot用戶順利去修改template，用，所以針對Blogger.com的使用者，我來作一個比較詳細一點的介紹： 找到：(這個之前為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; } …
小貼紙製造機
我的小貼紙都快變成沙龍巴思了 依照Brilliant button maker網站上的說法，這些部落格常用的 80*15 的小貼紙叫做 「色彩豔麗的按鈕」(英: antipixel buttons) 或是叫作 「標記」(英: badges) 說明如下： BORDERS: 框顏色 ################### Outer border: 外框(最外面的框線) Inner border: 內框(在外框以內, 文字框以外) Pixels from the left of bar position (from 0 to 80): 預設是25，這是指小貼紙左邊開始起算的區塊大小 Font: 字型 ######################### LEFT BOX:左邊的文字: Right BOX:右邊的文字 Text: 文字，就是你要填的本文 Background: 底色 Text color: 文字顏色 Text start 文字開始的位置(從左開始算) Proof Left: (這個大概不用說明了，你可以看圖就知道了) …
