2009年12月1日 星期二

張貼意見以其他文字或圖片代替


在Google Blogger的留言模式有整頁模式、彈出式視窗及最新的已內嵌下列文章三種,如果你不是使用內嵌留言的方式,而想以圖片或是其他文字替代官方的"張貼意見"按鈕,可以參考下列的作法。


原先模板記得備份,進入後台,版面配置→修改Html→勾選"展開小裝置範本"
找到這句語法,
<data:postCommentMsg/>
你會發現有兩個地方會出現,要修改的是比較下方的那一個,就是語法裡面沒有width寬度和height高度的內嵌式(comment-form)語法。


要找到比較下方這個才對。


【文字顯示】
把<data:postCommentMsg/>換成你想要顯示的文字,例如"請留下你的意見"

【圖片顯示】

<data:postCommentMsg/>換成
<img src='圖片網址'/>
記得在Blogger的html語法裡,<img src="圖片網址"/>後面一定要有斜線/,不然模板會顯示錯誤,而無法儲存。

用圖片替代的方式,讓讀者可以輕鬆的知道要按哪裡留下他的意見,也是不錯的模板的小改造,如果喜歡我製作的圖片,請在圖片上按右鍵另存新檔,放到你自己的圖片空間裡,或是自己做個小圖也是可以的。


注意到張貼意見下方有個連結,就是訂閱的網址
訂閱:張貼意見(Atom)
綸太郎加上圖片後覺得有點礙眼,想把它消掉,怎麼做呢
一樣在後台]]></b:skin>之前加上這句定義,
.feed-links{
display: none;
}

這樣這個連結就會隱藏了,如果你的模版本來就有這個定義,那就不用新增了,直接加上display: none;的敘述即可。

但是這個連結是提供讀者訂閱的功能,一定要確定你的部落格有其他的連結按鈕可以訂閱,不然如果有些人不太會使用RSS功能,或者不知道從網址那裡按下橘色的RSS圖示就能訂閱,就會少了一個讓讀者訂閱的管道,這是要注意的小細節。

所以模板改造不用急在一時,大原則搞定,然後再慢慢修飾小地方,你也是可以擁有一個與眾不同的部落格的。

7 則留言:

  1. 又來麻煩您了~^ ^"
    看見一些的blogger可以將單一文章變得沒有日期標示、也沒有發文者和發文時間,
    甚至是在該篇文章隱藏側邊欄~
    我直接問對方,結果對方說他用css的樣式改的...回答的很簡潔...我也不好意思再問...
    所以又來打擾熱心的您了!
    我主要就是要將ABOUT、GALLERY、LINKS、CONTACT這四個橫排連結到的文章,
    變得沒有標題、日期標示、發文者和發文時間、側邊欄~(就是只剩本文啦~)
    請問您知道該怎麼做嗎?
    真的很謝謝您一直以來的教學~
    等到時候我blogger弄好了,一定要寫一篇文章來推薦您~^ ^

    回覆刪除
  2. 就是將那個元素,用
    display: none;
    或是將字設成0px大小,
    font-size: 0;
    都是可以的
    sidebar側邊來把它寬度設成
    width: 0;
    畫面上就會看不到了,其實你可以檢視他的原始碼,看看他改了什麼地方,來做參考,不然就是網路上搜尋你要的模板,也不用自己改得那麼辛苦,官方提供的模板最後一個就是只有本文的格式,你可以套用看看。

    回覆刪除
  3. 另外如果你只要單一文章有這種效果,其他文章是正常的,目前我是沒辦法做到的。

    回覆刪除
  4. 如果要隱藏張貼意見RSS
    在CSS裡加入:
    .post-feeds{
    display :none;
    }

    隱藏張貼文章RSS
    .blog-feeds{
    display :none;
    }

    回覆刪除
  5. 綸太郎你好,這部照理來說應該很簡單才是,可是一直沒試成功耶,是把整段postcommentMsg連同<>拿掉替換成想要的中文文字元對吧?

    不知道我是哪裡作作錯了><跟您再確定一下!謝謝你!

    回覆刪除
  6. 這個不適用嵌入式的留言歐,如果你是用彈出的或是另頁開啟,單純用文字代替只要將第二段的<data:postCommentMsg/>替換成文字即可,包含<及>都要去掉。

    回覆刪除
  7. 謝謝你!我眼殘沒看清楚!真抱歉:P

    回覆刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能