LinkWithin圖片預覽方式隨機播放部落格文章
此篇文章 屬於
所有 
LinkWithin隨機產生部落格文章，讓你的舊文章也有機會被翻閱到。
特別的是，他是以圖片預覽連結的方式呈現，改變以往僅是文字超連結，讓你的部落格更加生動些。
噓噓覺得方便的是，只要在側欄貼上官網給的程式碼，不必在每篇文章作設定，就OK囉！
而你的部落格要支援javascript，測試過，無名無法呈現喔！
效果：
進入linkwithin，依序輸入信箱、部落網址、選擇部落格系統（沒有選Other）、linkwithin背景色
複製程式碼，貼回部落格側欄的自訂欄位，而痞客邦貼在頁尾描述，要開啟顯示喔！
效果在主頁跟文章內的底部，剛安裝會先顯示文字，需等待一會讓系統抓文章內圖片進行轉換。
而隨機顯示文章為３篇，３篇都沒圖片會顯示文字模式，１篇無圖片則僅該篇文章無圖片顯示。
覺得可惜的事，主頁也會跟著顯示，不能另外做設定，但這樣的外掛還是滿吸引我的，圖片勝！
不知道怎麼擺放語法就來看看→教學│各大部落格語法放置
RSS小貼紙顯示訂閱人數及E-mail電子報訂閱文章
此篇文章 屬於 所有
body/*整個介頁面*/
#body-div/*整個頁面*/
a/*超連結*/
A:visited /*瀏覽過的連結*/
A:active /*按下連結*/
A:link /*普通狀態超連結*/
a:hover/*滑鼠移動到超連結上時*/
/*-----------------------------------------------------------*/
#container/*所有內容區塊*/
#container2/*所有內容區塊2*/
#container3/*所有內容區塊3*/
/*-----------------------------------------------------------*/
#authority/*後台管理列*/
#newpost/*發表新文章*/
#backstage/*進入後台*/
/*-----------------------------上方橫福------------------------------*/
#header/*橫幅*/
#login-bar/*招呼語&登入登出*/
#banner/*橫幅主要內容*/
#banner h1/*部落格標題*/
#banner .skiplink/*跳到主文*/
#banner h2/*部落格描述*/
#blog-category/*部落格全站分類*/
/*-----------------------------------------------------------*/
#navigation/*其他服務頁面導覽*/
#navigation a/*其他服務連結區塊內的所有連結*/
#navigation li/*其他服務連結區塊內的所有項目*/
#link-album/*相簿連結*/
#link-blog/*部落格連結*/
#link-guestbook/*留言版連結*/
#profile/*名片連結*/
/*----------------------------主要內容區-----------------------------*/
#contebt/*主要內容區*/
/*-----------------------------------------------------------*/
#spotlight/*公告版位*/
#spotlight h5/*公告版位標題*/
#spotlight-text/*公告版位內容*/
/*-----------------------------------------------------------*/
#article-area/*文章+列表+回應區塊*/
#article-box/*文章+列表區塊*/
.article-area-title/*文章+列表區塊之標題*/
/*-----------------------------------------------------------*/
.article/*單篇文章*/
.article-head/*文章標題+發表時間*/
.publish/*發表時間*/
.month/*月*/
.date/*日*/
.dat/*週*/
.year/*年*/
.time/*時*/
.title h2 a/*文章標題*/
.title h2 img/*文章標題前的密碼圖示/隱藏圖示/好友保護圖示*/{}
.article-body/*文章內容區*/
.bookmark/*加入書籤*/
.article-content/*文章內文*/
.fans-club/*小圈圈討論*/
.author/*發表作者和時間*/
.farward/*轉寄文章*/
.more/*繼續閱讀*/
/*-----------------------------------------------------------*/
.article-footer/*文章附加資訊*/
.refer/*文章分類*/
.history/*歷史上的今天*/
h6/*歷史上的今天的標題*/
ul/*文章分類*/
.back-to-top/*回到頁首*/
/*---------------------------回應+引用區--------------------------------*/
.list-comment/*回應標題*/
#user-post/*回應+引用區塊*/
#trackback-box.user-post-box/*引用區塊*/
#trackback-title.user-post-title/*引用區塊標題*/
.img/*開合圖示*/
.span/*標題文字*/
#trackback-url/*引用網址*/
#trackback-input/*網址鈕*/
.input/*複製鈕*/
#trackback-text.user-post-text/*所有引用區塊*/
.single-post/*單一引用*/
.post-info/*引用者資訊*/
.post-text/*單一引用內容*/
#trackback-box/*僅引用區塊*/
#trackback-text/*引用內容區塊*/
#trackback-title/*引用列表標題*/
#trackback-box .single-post/*單一引用*/
/*-----------------------------------------------------------*/
#comment-box.user-posy-box/*回響區塊(同引用區塊)*/
#comment-title.user-post-title/*回響區塊標題(同引用區塊標題)*/
.img/*開合圖示*/
.span/*標題文字*/
.post-comment/*留下回響*/
a/*留下回響超連結*/
#comment-box/*僅回應列表*/
#comment-title/*回應列表標題*/
#comment-text/*回應內容區塊*/
#comment-box .single-post/*單一回應*/
/*-----------------------------------------------------------*/
#comment-text.user-post-text/*所有回響區塊(同所有引用區塊)*/
.single-post/*單一回響*/
.secret/*悄悄話*/
.post-info/*回響者資訊*/
.img.hidden-message/*公開/隱藏回響*/
.user-name/*回響者名稱*/
.img.pixnet-user/*PIXNET會員圖示*/
.home-page/*回響者網址*/
.span.post-time/*留下回響時間*/
a.show-message / a.hide-message/*公開/隱藏回響*/
.delete-message/*刪除回響*/
.reply-message/*回覆回響*/
.user-ip/*回響者IP*/
.post-photo/*回響者頭像*/
.a img/*回響者頭像*/
.post-text/*單一回響內容*/
.reply-text/*版主回覆回響內容*/
.reply-text p/*版主回覆資訊*/
a/*留下回響超連結*/
/*-----------------------------------------------------------*/
.page/*頁數*/
.b/*樓層數*/
/*-------------------回應+引用综合標籤------------------------------*/
.user-post-title/*引用列表標題+回應列表標題*/;
.user-post-text/*引用內容區塊+回應內容區塊*/
.single-post/*單一引用+單一回應*/.secret/*悄悄話*/
.post-info/*引用者資訊+回應者資訊*/
.post-text/*單一引用內容+單一回應內容*/
.post-text p/*單一引用標題+單一回應標題*/
/*----------------------------側欄區塊-----------------------------------*/
#links/*側欄工具列*/
.box-title/*所有側欄區塊標題*/
.box-text/*所有側欄區塊內容*/
/*-----------------------------------------------------------*/
#links-row/*3欄是第一欄*/
#links-row-2/*3欄式第2欄*/
/*-----------------------------------------------------------*/
#visitor.box/*誰來我家*/
.li a img/*訪客頭像*/
.box-more/*所有訪客列表*/
.a/*所有訪客列表*/
/*-----------------------------------------------------------*/
#murmur.box/*碎碎念*/
#murmur .box-title/*碎碎念標題*/
#murmur .box-text/*碎碎念內容*/
.murmur-text/*碎碎念內容*/
.murmur-time/*碎碎念發表時間*/
.box-more/*所有歷史碎碎念*/
.box-more a/*所有歷史碎碎念*/
#my-photo/*版主頭像*/
#my-status/*碎碎唸文字內容*/
/*-----------------------------------------------------------*/
#broadcast.box/*好友的碎碎念聯播*/
#broadcast .box-title/*好友的碎碎念標題*/
#broadcast .box-text/*好友的碎碎念內容*/
ul/*好友的碎碎念*/
.broadcast-photo/*好友頭像*/
.broadcast-time/*好友發表時間*/
.broadcast-text/*好友碎碎念內容*/
/*-----------------------------------------------------------*/
#search/*搜尋*/
#search .box-title/*搜尋標頭*/
#search .box-text/*搜尋內容區塊*/
#search-target/*搜尋輸入文字欄位*/
#search-send/*搜尋確定鈕*/
/*-----------------------------------------------------------*/
#headshot.box/*麻吉交流*/
#headshot.box .box-title/*麻吉交流標題*/
#headshot.box .box-text/*麻吉交流內容*/
#headshot-img/*個人頭像*/
#friend-apply/*申請好友*/
#send-message/*傳送私訊*/
/*-----------------------------------------------------------*/
#counter.box/*參觀人氣*/
#counter.box .box-title/*參觀人氣標題*/
#counter.box .box-text/*參觀人氣內容*/
#countr .box-text span/*人氣數字*/
/*-----------------------------------------------------------*/
#change-theme/*更換樣式*/
#change-theme .box-title/*更換樣式標頭*/
#change-theme .box-text/*更換樣式內容區塊*/
#change-theme select/*更換樣式選單*/
/*-----------------------------------------------------------*/
#feed.box/*新聞交換*/
#feed.box .box-title/*新聞交換標題*/
#feed.box.box-text/*新聞交換內容*/
.li a img/*新聞交換icon*/
#feed img/*新聞交換icon*/
/*-----------------------------------------------------------*/
#calendar.box/*月曆*/
#calendar.box .box-title/*月曆標題*/
#calendar.box .box-text/*月曆內容*/
table/*月曆表格*/
.mouth-nav/*切換月份的那一行*/
.cal-backward/*上個月*/
.current-mourh/*現在月份*/
.cal-forward/*下個月*/
.weekday/*星期*/
#calendar .calMonthNav/*選擇月份的那一欄*/
#calendar .calMonthHeader/*星期幾的那一欄*/
#calendar td/*日期儲存格*/
#calendar td a/*月當天有寫文章的儲存格*/
#calendar .today/*今天日期*/
/*-----------------------------------------------------------*/
#recent-article.box/*近期文章*/
#recent-article .box-title/*近期文章標題*/
#recent-article .box-text/*近期文章內容*/
#recent-article .box-text .a/*文章標題*/
/*-----------------------------------------------------------*/
#hot-article.box/*熱門文章*/
#hot-article.box .box-title/*熱門文章標題*/
#hot-article.box .box-text/*熱門文章內容*/
#hot-article .box-text .a/*文章標題*/
/*-----------------------------------------------------------*/
#category/*文章分類*/
#category .box-title/*文章分類標題*/
#category .box-text/*文章分類內容*/
#category .box-text.box-more/*總開何按鈕*/
#category .box-text.img/*按鈕icon*/
#category .box-text.div/*單一分類目錄*/
#category .box-text.img/*分類目錄開合按鈕*/
#category .box-text.ul/*目錄內容*/
#category .box-text.a/*目錄名稱*/
#category .box-text h6/*文章分類的分類目錄*/
/*-----------------------------------------------------------*/
#archive.box/*文章彙整*/
#archive .box-title/*文章彙整標題*/
#archive .box-text/*文章彙整內容*/
.select/*月份選單*/
.a/*所有文章列表超連結*/
#archive .box-text li a/*所有文章列表*/
/*-----------------------------------------------------------*/
#latest-comment.box/*最新回響*/
#latest-comment .box-title/*最新回響標題*/
#latest-comment .box-text/*最新回響內容*/
#latest-comment .box-text span/*最新迴響-迴響日期*/
#latest-comment .box-text li a/*-最新迴響-迴響摘要*/
/*-----------------------------------------------------------*/
#latest-trackback.box/*最新引用*/
#latest-trackback .box-title/*最新引用標題*/
#latest-trackback .box-text/*最新引用內容*/
#latest-trackback .box-text li a/*最新引用-引用過去的文章標題*/
#latest-trackback .box-text li span/*最新引用-引用過去的部落格主標*/
/*-----------------------------------------------------------*/
#subscription.box/*最新訂閱*/
#subscription .box-title/*最新訂閱標題*/
#subscription .box-text/*最新訂閱內容*/
#subscription .box-text li a/*最新訂閱-訂閱對方的新文章標題*/
#subscription .box-text li span/*最新訂閱-訂閱對方的部落格主標*/
/*-----------------------------------------------------------*/
#favorite/*我的蒐藏*/
#favorite .box-title/*我的蒐藏標題*/
#favorite .box-text/*我的蒐藏內容*/
.select/*我的蒐藏選單*/
/*-----------------------------------------------------------*/
#mylink.box/*我的連結*/
#mylink.box .box-title/*我的連結標題*/
#mylink.box .box-text/*我的連結內容*/
.link-box/*單一連結分類*/
.h6/*連結分類標題*/
#my-link .box-text .link-box li.a/*單一個我的連結*/
/*-----------------------------------------------------------*/
.folder/*所有自訂欄位*/
.folder .box-title/*所有自訂欄位標頭*/
.folder .box-text/*所有自訂欄位內容區塊*/
/*-----------------------------------------------------------*/
#powered.box/*服務提供*/
#powered .box-title/*服務提供標題*/
#powered .box-text/*服務提供內容*/
.a/*登入登出連結*/
/*-----------------------------頁尾-----------------------------------*/
#bottom/*頁尾超連結*/
.bottom-skiplink/*回到頁首\回到主文*/
.bottom-pixnet/*PIXNET痞客邦\申請帳號\會員服務專區*/
/*-----------------------------最底-----------------------------------*/
#footer/*頁尾*/
.p/*頁尾描述*/
/*-------------------列表:進入"精選文章"會顯示-------------*/
/1.jpg)
| .article-area-title | "目前日期文章:時間"字樣 | |
| #view-mode | 瀏覽模式 | |
| #display | 瀏覽模式 | |
| #display span | "瀏覽方式"字樣 | |
| #view-mode a | "標題列表/簡短摘要"字樣 | |
| #display a | "標題列表/簡短摘要"字樣 | |
| .main-list | 列表區 | .main-list th＋.main-list td |
| .main-list table | 列表表格 | .main-list th＋.main-list td |
| .main-list tr | 行 | .main-list th＋.main-list td |
| .main-list th | 列表表頭 | |
| .main-list td | 列表內容 | |
| .main-list a | 文章名稱 | |
| .list-date | 發表時間 | |
| .list-title | "文章標題"字樣 | |
| .list-visit | 人氣 | |
| .list-comment | 回響 | |
測試後數值無效（待觀察）：
.main-list h3/*列表標題*/
.list-num/*標號標題*/xx
#article-list/*所有文章列表*/
#category-list/*單一分類文章列表*/
#murmur-list/*所有歷史狀態列表*/
| 參考文章 | [公告] 痞客模板 CSS 架構圖釋出 網頁之翼－Pixnet部落格 |
RSS小貼紙顯示訂閱人數及E-mail電子報訂閱文章
此篇文章 屬於 所有
在閱覽這篇教學前還沒有專屬永久RSS的或想了解FeedBurner更多功能的，可以看看：
在上一篇↑噓噓教你用FeedBurner幫部落格燒製出專屬的永久性RSS網址：
| 你的永久RSS網址：http://feeds.feedburner.com/你設定的ID
範例：゜來玩我♥cameplayme゜♡：http://feeds.feedburner.com/cameplayme |
在這裡就教你用燒製出來的RSS再製成訂閱人數小貼紙及E-mail訂閱部落格文章。
製成的RSS訂閱小貼紙能顯示訂閱人數，還可以自訂顏色及有動態、靜態選擇。
而E-mail訂閱功能就是讓你的RSS文章如電子報一樣發送給Email訂戶，
不僅方便習慣收email來獲得資訊的用戶，還可以幫你查看和管理Email訂閱的狀況。
RSS訂閱人數小貼紙 
登入Feedburner之後，進入「My Feeds」↓點擊你的部落格RSS名稱進入
點選「宣傳摘要」→點擊左方的「Feed Count」→設定小貼紙樣式→點擊［啟動］。
全選複製語法，貼在部落格側欄上
讓你的訪客用Email訂閱部落格文章設定
點選「宣傳摘要」→點擊左方的「Email Subscription」→［啟動］Email訂閱服務
兩種呈現方式的語法框，選擇你要的全選後複製。
修改複製後的語法：噓噓是用Feedburner中文版產生的語法，若你是用英文版，修改地方是一樣的。
複製以表格方式訂閱EMAIL語法(無名不適用)，修改的藍字為版面呈現的文字（英文版為英文）
複製以連結方式訂閱EMAIL語法，修改的藍字為版面呈現的文字（英文版為英文）
<a href="http://feedburner.google.com/fb/a/mailverify?uri=cameplayme&loc=en_US">訂閱到 ♡゜來玩我♥cameplayme゜♡ 通過郵件</a>
而以上兩種呈現方式，連結到RSS專屬訂閱頁面的預設語言都為英文，en_US。
若要轉換語言則修改紅字部分，繁體中文為 zh_TW，簡體中文為 zh_CN。
就像噓噓的來玩我ｒｓｓ專屬頁面已經改為繁體中文囉！
Email訂閱進階設定
在「宣傳摘要」，左方的「Email Subscription」下方有４個子選項做設定
１.「Subscription Management」：查看Email訂閱者總數，及管理訂戶Email認證情形和設定退訂訊息。
打勾的話退訂可以收到系統發的郵件，而點擊"查看訂閱者詳情"可以管理訂戶
２.「Communication Preferences」：設定訂戶收到的Email認證信的寄件者Email、標題及內容。
在【確認郵件內文】設定可以為中文，而勿更改認證信件的參數「${confirmlink}」，
否則訂戶收到的認證信無法進行連結驗證喔!
３.「Email Branding」：設定訂戶收到Email時的標題和Logo，自訂文章摘要的字型、樣式等排版。
４.「Delivery Options」：設定郵件發送的時刻，系統會在此時間內出刊RSS文章。
在【選擇時區】請選擇"(GNT+08:00) Taipei"，而【郵件發送時間表】建議選擇"7:00 上午 – 9:00 上午"
目前使用Email訂閱進階設定時，修改完按下【保存】，有時設定值會無效，請多試幾次就可以了！
| 參考文章 |
FeedBurner 燒你一個免費且功能強的RSS
此篇文章 屬於 所有
FeedBurner將部落格RSS燒製出一個你專屬的永久性RSS網址讓讀者訂閱文章，即便未來部落格搬家，只要到後台修改搬家後的部落格RSS，訂閱用戶仍然正常接收資訊；且在FeedBurner最多燒製20個RSS，讓你一次就可以獲得其它部落格的情況。
即使認定不會搬家的，還是建議燒一個RSS，不僅提供製作訂閱RSS顯示人數的小貼紙，且燒出來的RSS訂閱頁面還能增添許多不同RSS閱覽器的按鈕，方便有使用RSS閱覽器的訂戶訂閱，效果就像本站的來玩我專屬RSS頁面；而沒有在使用RSS閱覽器的用戶，還有E-mail訂閱RSS的功能可以使用。且幫你做出訂閱人數的統計圖，觀察訂閱人數的增減走向。
而有在經營部落格的最擔心的就是穩定性，FeedBurner和Google合併後，後台這麼硬的FeedBurner就不必替他擔心不穩定了。重點是他有中文介面了喔！噓噓以英文介面來教學基本功能，跟中文版只差在語言，而圖片以擷取重點部份來說明。
FeedBurner網站：
http://feedburner.google.com/fb/a/myfeeds
燒錄專屬RSS
.進入FeedBurner，被合併後會進到Google頁面，按藍色鈕註冊
舊有FeedBurner的用戶轉移Google，則按下左邊的按鈕做設定。
.填寫基本資料後按同意規約按紐
.輸入部落格網址或RSS
.設定用戶訂閱的名稱(可中文)及永久RSS網址的ID
.申請成功，已燒製出你專屬的永久RSS網址
.「Configure Your Podcast and Tell iTunes How to List It.」設定podcast，依你的需求設定也可省略
.「Get More Gusto From Your Feed Traffic Statistics.」設定完成，按"下一步"進入「My Feeds」
.「My Feeds」：看到燒製好的RSS要設定管理RSS就點該部落格名稱進入
.記得，回信箱收認證信，否則下次登入出現錯誤喔!
要申請永久RSS網址，記得將部落格狀態打開，否則FeedBurner連不到喔!
增加燒錄RSS
按右上角信箱帳號旁邊 或主選項最右邊的「My Feeds」
「My Feeds」 頁面：輸入部落格網址和勾選同意，按下一步
若網站有兩種RSS服務(如 ，pixent)會進到↓下圖，請選 擇「RSS2.0」，無名、天空則省略此步驟
重複燒錄專屬RSS的 到 ，就能再燒錄一個RSS網址。
「My Feeds」：成功新增後會多一個RSS↓在這可以看到數個部落格的RSS訂閱情況!
修改RSS來源進入 「My Feeds」，點部落格名稱後會進入↓下圖
======= 以下列出國內幾間常見部落格平台的RSS位置供大家參考=======
痞客邦 Pixnet ：http://帳號.pixnet.net/blog/feed/rss
無名網誌 Wretch ：http://www.wretch.cc/blog/無名帳號&rss20=1
樂多 roodo ：http://blog.roodo.com/樂多帳號/rss.xml
xuite ：http://blog.xuite.net/xuite 帳號/home/rss.xml
Blogspot：http://Blogspot帳號.blogspot.com/atom.xml
yam天空 ：http://blog.yam.com/rss.php?blog_id=天空帳號&ver=2.0
PC Home Blog：http://mypaper.pchome.com.tw/rss/PCHome blog 帳號
中時部落 ：http://blog.chinatimes.com/帳號/Rss.aspx
新浪 Sina ： http://blog.sina.com.tw/帳號/feed.php?ver=rss&type=entry
yahoo blog ：http://tw.myblog.yahoo.com/yahoo 帳號/rss
msn space ：http://帳號.spaces.live.com/feed.rss
內容優化設定
４.摘要圖像燒錄器：
可以自訂圖像(如:Logo)且加入連結。啟動此功能，CC版權保護圖像則被取代喔!
５.標題/描述燒錄器：
設定部落格標題/描述顯示於RSS頁面。
６.摘要內容總結工具：
設定摘文字數長度及每篇文章區加入純文字內容介紹（而摘文中若有圖片則會消失）。
宣傳摘要設定
| 參考文章 | [教學] 申請永久RSS‧FeedBurner 如何利用FeedBurner替自己燒一個專屬的RSS Feed？ FeedBurner使用介绍 - [关于网络] |
Cbox加入美美背景和透明捲軸
Cbox在部落格中為最廣泛使用的迷小留言版，若你還沒有Cbox可以來看看：
接下來，我們來實現CBOX插入背景圖且使捲軸透明，無名也適用喔!
教學Start
製作背景圖：圖片大小視Cbox的寬高去製作，輸入區跟訊息區的呈現也先設定好
做圖時，圖片高度最多超出Cbox高度20px，剛好到廣告上方，廣告可以設資料夾高度來掩蓋。
圖片高若超過Cbox高度20px，Cbox廣告會擋到圖片，若要顯示全圖就會蓋不到廣告！
但在步驟２可以利用Padding和Cbox的heightmain、heightform，來依你的圖片調整位置！
崁入Cbox：利用DIV和CSS語法加入背景圖，若要將捲軸透明就必須要有table
<div>和</div>包覆你的Cbox語法，紫字為設定背景圖，灰字為設定表格，粉字為你Cbox的JS語法
調整Cbox的位置：
在style=" "之內，加入CSS語法↓Padding去移動，如：Padding-top:10px; 為距離上10px
Padding-top(上)、Padding-left(左) 、Padding-right(右)、Padding-bottom(下)
調整Cbox的大小：
修改橘字JS語法的width(寬度)、heightmain(訊息區高)及heightform(輸入區高)來配會底圖
加入透明捲軸：
在綠字的style=" "之內，加入濾鏡語法↓FILTER去設定
FILTER: Chroma(Color=#0C0300); #0C0300為要透明的色碼，也就是你的Cbox的捲軸色碼
若網誌的文字、框線等有相同色碼#0C0300，也會跟著變透明，所以最好設成不相關的色碼！
其他區塊透明：
只要更改Cbox即可(如上圖)，依自己的需求把區塊的色碼清除就能變成透明了。
其他應用，圖片有濾鏡特效：
在藍字的style=" "之內，加入濾鏡語法↓FILTER去設定，以半透明濾鏡為例
FILTER:Alpha(opacity=ｎ);ｎ值為0~100，透明度說明↓
├───────────────────────┤
100% 50% 0%
不透明 半透明 完全透明
無名資料夾有字數限制，若CSS語法字數超過，就會被切掉一部份，而無法正常顯示。
複製語法照上述增加和修改，語法之間不要斷行！
貼回部落格側欄：視情況再去修改資料夾的高度或寬度喔！
寬度依各自需求設定，但別超過連結列寬度，否則連結列會往下跑喔!
設定的高度為背景圖高度，不然會看到廣告喔!
若Cbox貼到部落格後，還會顯示藍邊，在橘字的前加<a>，後加</a>
<a>Cbox的JS語法</a>
美容彩妝 (2)