日書隨筆 作者: 路那

語法筆記：預讀按鈕

　　之前有用過類似的語法，本來想這要寫一篇紀錄，結果忘了。最近恰好有網友ｃａｔ提起，於是回頭去挖出很久沒用的這段語法，在現在這個版型上試過，一樣是ok的，就請有需要的網友按照這個方式操作囉。


先在<head>與</head&gt中間填上這些程式碼：　
<script type="text/javascript">
<!--
function showMore(varA1, varB1){
var123 = ('varXYZ' + (varA1));
varABC = ('varP' + (varA1));
if( document.getElementById ) {
if( document.getElementById(var123).style.display ) {
if( varB1 != 0 ) {
document.getElementById(var123).style.display = "block";
document.getElementById(varABC).style.display = "none";
} else { document.getElementById(var123).style.display = "none";
document.getElementById(varABC).style.display = "block"; }
} else { location.href = varB1;
return true; }
} else { location.href = varB1;
return true; }
}
//-->
</script>
然後在<body></body>中找到<!–more_link–> ，和<!–/more_link–>。然後把下面這段刪掉（如果怕刪錯，建議可以先開筆記本將這段存下來。）
<div class="more"><a href="<%topentry_link>#more">..... read more</a><div class="fc2_footer" style="text-align:right;vertical-align:middle;"><a href="http://blogvote.fc2.com/pickup/xxx/xxx"><img src="http://xxx.blogxx.fc2.com/file/iwebclap2b.gif" style="border:0;" /></a></div></div>
然後，在剛剛那邊貼上以下這一段程式碼。紅字的地方就是按鈕，可以填上你喜歡的稱號，或是換成圖片。
<!--BisEntryIfExtended-->
<span id="varP<%topentry_no>">
<a href="<%topentry_link>#<%topentry_no>" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;">open</a>
</span>
<div id="varXYZ<%topentry_no>" style="display: none">
<%topentry_more><br clear="all">
<a href="#<%topentry_no>" onclick="showMore(<%topentry_no>,0);return true;">close</a>
</div>
<!--/BisEntryIfExtended-->

不過在使用上，建議若站上都是短文章會比較適合喔。因為這種方式是讓瀏覽器預先讀下所有文章，所以在剛開始讀的時候會比較慢。若文章篇幅很長，那麼總共要讀的時間也會就拖很久了。

相關文章:

  • [筆記] 換版型的注意事項
    因為每個版型都略有些微差異，原先下載的版型可能在細節上不敷使用，故將幾個比較常見的元素放在這邊，供日後使用。由 … ...
  • Fc2語法筆記．頁面分割plugin
    　　逛外掛欄的時候意外的找到了[DivideEntry]這個外掛，但那時沒時間仔細研究，也就先擱下了。後來發現 … ...
  • 我的類別語法
    因為有人問所以放上來了。個別語法的出處都是fc2，分為內建的外掛套件與使用者提供的外掛套件兩個大項。其中，統計 … ...
  • 語法筆記：twitter, plurk, facebook推文按鈕
    facebook的語法來自〈側欄或文章加入推到facebook+plurk!+twitter按鈕〉一文。其餘兩 … ...

在〈語法筆記：預讀按鈕〉中有 13 則留言

  1. SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    很謝謝你告訴我:)
    可是我找部到要從哪裡找到這些語法。
    去刪掉然後改新的= =
    可以麻煩告訴我去哪裡改嗎?
    我找很久還是摸不著頭緒:P
    很感謝!

    回覆

  2. SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    嗯嗯，不客氣:p
    更改語法的話，你在進到管理畫面的時候，右邊的選單中有一項[環境設定]，裡面有一個選項是[テンプレートの設定]，點選進去之後就會看到你所使用的版型（有紅色旗子的那個），然後按[編集]，下面就會出現兩個框架，分別是此一版型的html（上面的框架）和css設定（下面的框架）。我們現在做的更動，是要改html的部份。所以是要到上面的那個框架去找。
    如果是找不到標籤的話，建議可以按鍵盤上的ctrl鍵加上f鍵，開啟搜尋功能，應該就可以輕鬆的找到要改的地方了:)
    ps.剛剛發現漏了一段程式碼。現在補上囉。

    回覆

  3. SECRET: 1
    PASS: 74be16979710d4c4e7c6647856088456
    真的很麻煩妳了:)
    可是我真的很笨耶都用不出來:(
    可以麻煩妳幫我改一下嘛???
    willa523這是帳號**
    yumi199180523這是密碼。
    我只想要有這個功能**
    我是新手><
    拜託拜託如過你可以幫忙…
    真的很感謝妳xd

    回覆

  4. SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    >cat：
    我可以幫你，不過你要再給我你的blog網址喔！不然我也是沒辦法的：ｐ

    回覆

  6. SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    請問一下，這樣處理了之後比如open和hide裏面的字體顔色什麽的都不符合前面的設置了怎麽改呢？是不是改css?

    回覆

  7. SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    是指open和hide的字體顏色不對嗎？
    如果是的話，在前面加上＜font color=色碼 size=號碼＞，後面加上＜font＞包起來就可以了。
    如果指的是繼續閱讀的部份樣式跑掉，可能要看是不是在加程式碼的時候誤刪了什麼，又或是你所使用的樣板不支援這樣的更動，可能要換個樣板才能使用@@
    因為就我所知，這個變動應該是不會改到字體和顏色的，也沒有改到css的部份（所以再改變css似乎也沒有用）
    希望你能順利的解決問題。

    回覆

  8. SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    非常感謝你還給我回復，我是改動了之後open和hide顔色大小都不一樣了，裏面的繼續閲讀的内容也是變成了大一號的字體還有只是□色了
    我用來試驗的那個模板它主背景不是單一的顔色，是信紙狀的，所以修改了之後它的信紙樣的條紋也不能出現在繼續閲讀的部分了
    我嘗試在css部分body裏面□加了字體大小和顔色的設定，這樣繼續閲讀裏面的字體大小和顔色就一樣了，但是它的背景還是沒有信紙的條紋狀
    嗯我再自己琢磨琢磨看，還是謝謝你[絵文字:i-234]

    回覆

  9. SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    不好意思沒能幫上什麼忙[絵文字:i-230]
    原本我是想css裡面應該都至少寫了大小的部份，所以想說動了可能也沒用^^;
    不曉得你用的是哪個模板呢？有空時我也想研究看看:p

    回覆

  10. SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    請問，我在使用預讀按鈕時，發現一把
    →
    <!–BisEntryIfExtended–>到<!–/BisEntryIfExtended–>
    用上去時，整個部落格頁面都會變成紅色
    →http://wingdark.blog125.fc2.com/
    請問一下，要怎麼把紅色給用掉？
    ｐｓ。７樓的方法不會用，所以才這樣問
    感謝

    回覆

  11. SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    我用FF看，並沒有看到問題喔！
    後來想想可能是瀏覽器的關係，切換了IE，才有看到你說的「整個版面都變成紅字」的情況。
    這個我想應該是版型本身的問題，最好是換個可以相容的
    （不然就換瀏覽器吧……）
    如果不願意換版型的話，就要強制在每個會出現文字的地方加上語法，也就是（7）裡的方法了。

    回覆

  12. SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    喔喔，還是遊覽器的問題啊！當初我用火狐看，的確是一點問題也沒有，就是轉換到ＩＥ才囧到
    我知道了，感謝︿︿～
    以後就文字＋語法就好哩

    回覆

  13. SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    不客氣～
    瀏覽器真是很麻煩的一件事orz
    如果擔心客人會看到你不喜歡的版面配置的話，
    可以設個欄位告知最佳瀏覽方式，
    雖然不見得有用，不過總算是盡點人事:p

    回覆

發佈回覆給「freya」的留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *