v 張貼意見以其他文字或圖片代替 >> 0 與 1 謎詭世界
★★★請勿任意轉載本站的文章及圖片但歡迎網摘及連結並註明網站名稱與網址,勿全文轉載,彼此尊重,
是網路的基本禮儀。


>
2013 曬書節 - 萬種商品49元起!

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搜尋功能

Related Posts Plugin for WordPress, Blogger...