Archive for blogger

blogger 自訂網址的方式 (以 GoDaddy 網域為例)

image

一直覺得有個人網域的人很酷,有個人風格

偶爾也是想著有一天也應該擁有一下自己的網域

終於,在 2011 年 5 月 6 日這天,正式將這個 blog 移到我自己訂的新網址上

以後的新的網址將會是: http://www.ideastar.me/

ideastar,中文是創新之星,意思是希望我以後腦袋可以活一點,想到更多好玩的事情

 

不過,也是要拉回正題,這篇文章主要是要分享如何讓自己的 Blogger 擁有獨特的網址 !

[blogger] 更改 blog 之 Title 為圖片

image

 

一時起意,想說來換個左上方的 banner

原本的「人生筆記」是新細明體的字…一直看不太順眼

於是想說拿張圖換掉好了

在 blogger 裡加入 funP 貼紙 (也可加入 plurk 貼紙)

研究了一下該如何在自己的 blog 放上推推王貼紙,順便寫成文章貼出來

只要在 blogger 完成以下步驟,以後有新文章就會自動放一個貼紙在上面

步驟如下

(1) 請按右上方的 「自訂」按鈕

image

 

(2) 請按修改 HTML

image

 

(3)記得勾選「展開小裝置範本」以讓進階的功能可以更改

image

 

(4) 請使用搜索 (ctrl + F) 找以下字串

</head> 並在上方加上

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

image

這句話的意思是讓你的 blog 以後可以引用 funp_button.js 這個網路上的 javascript

 

(5)下一步驟就是到你的發表文章樣板那邊自動引用這個 javascript ,請使用搜索 (ctrl + F) 找以下字串

<data:post.body/> 這句話的意思是找到你每次po文章都會引用的樣版

並在下方加入以下語法

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

上面這句話的意思是

<i> float :left 指你的貼紙要靠版面的哪邊,看是 left 或 right 皆可

<ii> margin-left:10px; 的意思是你的貼紙的左邊間距要設定多少

 

可參考我設定完的樣子

image

 

note:如果加入以下語法,也可以在旁邊加上 plurk 貼紙

<div style=’float:left; margin-right:10px; margin-top:10px;’> 
<a expr:href=’&quot;http://www.plurk.com/?qualifier=shares;status=&quot; + data:post.url + &quot; &quot; + &quot;(&quot; + data:post.title + &quot;)&quot;’ target=’_blank’ title=’推文至plurk’><img src=’http://farm5.static.flickr.com/4055/4425957761_00322e68c5_o.png’ style=’border:0; weight:16px; height:16px;’/></a>
</div>

 

(6) 請按下儲存範本

 

(7) 應該可以發現你的每篇文章最後都會有

image

 

(8) 接下來設定此篇的推推王貼紙設定,把資訊先填下以下

image

 

(9) 最後發表後,快回去看你的文章,順利的話應該會有你自己的推文了,就像下面那張圖一樣

image