2007/08/24

讓改版後的FunP 推文按鈕 在部落格(blogger,blogspot)標題列或文章區正常顯示




FunP 推推王 8/22剛改版, 這兩天出現不同問題. 首先是第一天改版時, 就有 FunP 推文按鈕 在IE瀏覽下失踪, 但在Firefox 瀏覽器下顯示大小不完整的問題, 而最近是出現完全無法顯示的現象.

本來想偷懶, 等 FunP 修正.所以先跟FunP反應, 但等了兩天, 還沒收到回應, 實在看不順眼自己的部落格在 IE 上出現的錯誤訊息. 因此, 還是花時間下去查了..後來終於知道問題徵結. 現在可以任意放在標題列, 文章左側或右側.





先讓我記錄一下這段過程...

這次的改版,問題發生在

1. 原本引用的javascript, 好樣的, 竟然換目錄啦! 一旦換目錄後, 代表原先引用的部落格也要更改網址..這..這是不是有點擾民啊? 連到以前的 js 網址, 已不存在了!!



: <script language='JavaScript' src='http://funp.com/js/funp_button.js'/>

: <script language="JavaScript" src="http://funp.com/tools/js/funp_button.js"/>


2. 把網址改完後, 卻發現..一直出現這個錯誤訊息.. @##$



3. 不得已, 看一下原始檔, 把 iframe的網址指向固定位址後, 再看一下...結果看到的是這樣? 圖釘下的推推王三個字都下沈了...



4. 最後只好再把iframe的高度 height="55" 改大一點..總算正常了..

新版的推文按鈕設計還不賴, 推文數 =0 時, 是一種面板, 推文數 >0 時, 就換另一種面板. 可這功能原來卻無法正常運作? @,@

好囉..不說這些了. 現在就來安裝吧!(修改程式碼, 有請示過FunP的許可)

I.首先 在 <head> </head> 之間, 加入這段程式碼.

<script language='JavaScript' src='http://bloggertips.googlecode.com/files/funp_button2.js'/>
 
II.如果要把推文按鈕加在文章標題列, 則在 <h3 class='post-title'> 後, 加入以下程式碼

<script>funp_genButton(&quot;<data:post.url/>&quot;);</script>



III.如果想放在文章左側, 則在<p><data:post.body/></p> 之前,加入以下程式碼

<div style='float:left;margin-left:10px;'>
<script>funp_genButton(&quot;<data:post.url/>&quot;);</script>
</div>




IV.如果是文章右側, 則在<p><data:post.body/></p> 之前, 加入以下程式碼

<div style='float:right;margin-right:10px;'>
<script>funp_genButton(&quot;<data:post.url/>&quot;);</script>
</div>




也可參考之前的文章 如何在blogger 加入FunP推推王按鈕?

相關文章 :

26 comments:

qq0526 提到...

感謝您解決這個讓我苦惱已久的問題。^_^

另外,最新回應的問題,原作者已放出修正檔。
http://jinyaolin.blogspot.com/2007/08/blogger8242007.html

Skyvee 提到...

Dr.Dolls, 真是非常謝謝你告知這個訊息, 讓我解了最新回應的問題,XD.

Darren Nicole 提到...

您好,
感謝你的分享
我又學會一樣blogger技巧了

Skyvee 提到...

這是"呷好道相報"啊! 不要客氣!

亭ܤ 提到...

你好,我想請教你一個問題。。。
我的按鈕貼紙想貼在右側,但為什麼不管我怎麼弄它就是不會跑到右邊呢?是我哪裡弄錯了嗎?

Skyvee 提到...

亭, 把 float:left 改成 right 看看囉!

亭ܤ 提到...

嗯嗯,謝謝你喔~我用好了。園攔只要改英文就好哩。。。3Q

skyvee 提到...

不用客氣, 亭!

香腸 提到...

你的語法有小錯誤唷~

左邊:left

右邊:right

左右剛好顛倒唷~

修正一下吧!

Skyvee 提到...

哇, 我都沒注意寫反了呢!謝謝香腸的提醒.

賊又賊 提到...

可以改成小圖嗎?

Skyvee 提到...

目前FunP的格式好像就只有這一種呢!

小E 提到...

我照著修改了,可是為什麼按鈕是出現在標題上方呢?

Skyvee 提到...

小e, 因為你的template, 文章標題格式是設定block, 你可以在 .post h3 a, .post h3 a:visited, .post h3 strong {XXXX }中, 先 移除 display:block; 這行程式, 再預覽看看.

小E 提到...

感謝您,問題解決了︿︿

skyvee 提到...

小e, 恭喜囉! :)

小E 提到...

我又遇到問題了:我發現我的BLOG用IE瀏覽完全看不到右邊那些欄位,只看得到左邊的網誌文章,是哪裡有問題呢?

skyvee 提到...

小e, 有可能是在文章部分某些外掛元件出問題, 導致右邊的sidebar出不來, 我剛看, 是已恢復正常, 如果你都還沒調任何東西的話.

小E 提到...

嗯,那是因為我把範本回復重新修改了(雖然還是沒找到問題在哪)。應該是我不曉得動到哪裡的程式碼吧。還是謝謝喔︿︿另外我還發現,用Opera瀏覽有時候貼圖後的文字換行會不一樣耶(雖然這不是什麼問題)。

Skyvee 提到...

小e, 也有可能不是你的原因, 而是外掛程式當時出了問題.導致順序在後的sidebar出不來. 謝謝你提出來 opera 的問題, 如果沒有造成太大影響, 那就還好辦囉!

阿厝 提到...

感謝您的分享,我也新增成功了!
目前還是圖釘的狀態XD。

cindy 提到...

您好,我在我的範本裡找不到這個耶
步驟2的
我想放在文章標題列
還有想順便請問一下
如果我想旁邊也放上黑米標籤的話
該如何做呢 ?
謝謝您

skyvee 提到...

阿厝,慢慢來,人氣要靠時間及文章累積嘛! ^^

Skyvee 提到...

cindy,你的範本是這個 h3 class='post-title entry-title' ,黑米按鈕的加法,可參考這篇

cindy 提到...

謝謝您~我貼好了.^^

skyvee 提到...

Cindy, 也謝謝您回來告知. ^^

張貼留言

謝謝您願意在此分享心得, 讓文章內容更豐富.