Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

展示你最喜歡的作品!Blogger 小工具「精選文章」安裝與調整教學

Tags: blogger

一直傳說 Google 的 Blogger 要倒了,但顯然沒有!Blogger 在 2015 年 12 月 11 日推出了最新功能「精選文章」,讓 Blogger 越來越好用了!利用「精選文章」小工具,我們可以把自己最喜歡或最得意的作品摘要(含圖)放在頁面,吸引讀者和訪客的注意,有助於讀者數與流覽量的累積。

要怎麼加入這個小工具,以及做些相關調整呢?

photo credit:  Viktor Hanacek

基本加入方式


先進入網誌後台,選擇「版面配置」,然後「新增小工具」,就可以在跳出視窗中看到「精選文章」這個小工具啦!


點擊旁邊的「+」之後,就可以對呈現方式做出細部設定,選擇是否呈現文章標題或文章首圖,當然也可以改變小工具的顯示名稱。選擇想要展示的文章,就能在旁邊或下面看到外觀預覽。


最後點擊「儲存」就可以在版面上看到你/妳的精選文章囉!

調整字型大小


如果你/妳跟我一樣,有調整小工具欄位的標題大小,那麼可能會遇到跟我一樣的狀況:文章標題跟小工具標題不一致(如下圖)。整個版面因此變得不太整齊(處女座會很難受 XD)。


調整方法如下。進入「範本」然後「編輯 HTML」,Ctrl+F 搜尋「FeaturedPost1」。展開語法之後,會看到下面這段語法:




h5
class='title'>h5>







h5>h5>
(下略)紅色字是小工具標題的字型大小,綠色字則是文章標題的字型大小。只要把綠色字改成和紅色字相同,就能讓兩者尺寸一樣囉!當然,如果有特別的想法或安排,也能透過修改紅色字和綠色字將字型調整成任意大小。

調整圖片位置


比較仔細的讀者可能會發現,本站右邊「精選文章」的圖片是在內文摘要的上方,而不是小工具原來設定的位置(下方)。如果你/妳也喜歡這種呈現方式,調整方法如下。

在剛剛 
這行的下方,我們可以看到這段法語:






橘色字代表內文摘要,紫色字代表文章首圖。我們只要把兩者的位置互換,就能讓圖片在上、摘要在下囉!

想讓 FB、G+、Twitter 等社群網站順利抓取文章首圖和摘要嗎?請見這篇文章!


This post first appeared on Technosophy, please read the originial post: here

Share the post

展示你最喜歡的作品!Blogger 小工具「精選文章」安裝與調整教學

×

Subscribe to Technosophy

Get updates delivered right to your inbox!

Thank you for your subscription

×