加入blogger左右側文章導覽

簡單5個步驟加入blogger左右側文章導覽。
請享用。。。。

面壁王澳西諾 感謝分享啊! 剛好需要^^

綜合 好棒哦！順便請教，有沒有辦法讓最新一篇直接回到第一篇，然後第一篇的上一篇直接到最新一篇？謝謝！

Jim Lin 在你想加入第一篇文章連續的地方加入這些東東：

<script type="text/javascript">
function getFistPost(json) {
    var postUrl=json.feed.entry[0].link[4].href;
    var postTitle=json.feed.entry[0].title.$t;
    var item = "<a href="+ postUrl + '" target="_blank">' + postTitle + "</a>";
    document.write(item);
 }
</script>
<script src="http://你的部落格網址/feeds/posts/summary/?max-results=1&alt=json-in-script&callback=getFistPost"></script>

面壁王澳西諾 不好意思想請教一下我按照五步驟做完了可是在我的文章裡沒看到這個頁面導覽圖耶@@
第一步驟的製作圖標如果不製作只有套用你的程式碼是不是就沒效果呢?  (我以為預設是跟你的一樣是橘色箭頭想先看效果的說QQ)
剛研究了一下感覺好像是跟文章區塊最下方的首頁bar就有的功能衝到?

Jim Lin <data:post.body>有二個地方，我己將詳細行數po上來供您參考，一定可以成功的..^^

面壁王澳西諾 ㄚㄚㄚ...我的範本827行跟你的是不一樣的，我裝比較多小工具@@

而且我剛看了一下我的<data:post.body/>有三個地方呢!! 我原本放第一個地方顯示不出來，現在改放在第二各地底下就成功了! 謝謝你啊^^

Jim Lin 贙辣！我剛還重新整理了一之教學，因為我不小心把FB的留言功能也放上去了，真是不好意思，那篇還沒整理好。
不過成功了就好，可以把原本的5-4，5-5程式碼去除免佔資源哦~

面壁王澳西諾 對，我後來發現多了fb留言版，正想問你要拿掉那個需要刪除那段程式碼呢！ 等等來去整理，呵呵…謝謝你

阿..我剛要去改發現你的文章已經更新了，然後我忘了之前5-4跟5-5的程式碼是哪邊了QQ  

另外我照新的文章內容將1140寬度改成我的板寬之後順便也改了margin-left這個的數字 之後我的右邊導覽箭頭會被右側欄蓋住耶! 
請問這要改哪邊呢!!?

Jim Lin 1.去除FB留言
1-1：找到 <div class='post-footer-line post-footer-line-2'>，把底下的<b:if cond='data:post.isFirstPost'>
..........canonicalUrl'/> comments</a>，大約9行刪除。
1-2：找到<div class='post-footer-line post-footer-line-3'>，把底下的<b:if cond='data:blog.pageType == &quot;item&quot;'>......................post.id' width='900'/></div>，也是大約9行左右，刪除，因為我不知你有沒有再斷行。但看頭尾應該沒問但金。
2. 改右邊導覽CSS中的屬性:z-indez:999，把圖層拉來最上面看看。

面壁王澳西諾 第一點我改好了! 但是第二點我有點看不懂@@

是要檢查網頁元素然後找右側欄的CSS碼嗎? 
還是....

Jim Lin 步驟4-2的10-11行，不然你把你的範本寄給我，我幫你瞧瞧！再給你點提示 ，自己修好比較有成就，學的更快！

JQUERY｜文章二側加入頁面導覽-吉姆的電腦閣誌

Google Blogger範本加入上下頁導覽按鈕語法教學。...