2009年5月23日 星期六

是誰偷了我的Google AdSense廣告費


最近覺得自己Blogger 的Google AdSense怪怪的,1000多次的廣告展示,卻沒有一次點擊,雖說AdSense的廣告點擊次數隨著部落格的年紀而日趨疲緩,而且最近發文量也很少,廣告收入降低是可預期的,只是看到那個0還是覺得怪怪的,而且最近發現登出時,偶爾會跳出一個警告視窗,說是登出異常,有其他人在使用你的帳戶,讓我去查查Google AdSense到底發生了什麼事???

2009年5月6日 星期三

將繼續閱讀(Readmore)更改位置或外觀


有網友問到想將"繼續閱讀"移到右邊,該怎麼做?

因為簡單回答,我可能會說將ReadMore弄成一個定義,再用語法來安排位置,但是我想有些新手的網友不黯CSS語法,也有同樣的疑問,所以就將他寫成教學文分享了,大家也比較容易了解,不過這是針對羊男的"繼續閱讀"的版本而言,其他版本我很少接觸,有問題還是請教該Hacks作者為宜。

原本的繼續閱讀Hacks語法,"閱讀全文"是在左邊


進入後台→版面配置→修改HTML,記得展開小裝置範本,(當然也要先記得備份)
這個方式比較複雜,但是可以將"繼續閱讀"這個元件作點變化,例如加上背景顏色或是利用圖片,如果只單純置右,可以參考第二種方式,

一、可改變繼續閱讀外觀的方式

先給這個元素(.readmore)一個簡單定義,名稱可自訂,外觀定義是位在右邊、粗體,和右邊距15px
.readmore {
float: right;
font-weight: bold;
padding-right:15px;
}

如果你要加上背景圖片或顏色,就利用background語法即可,再調整文字與圖片的距離。

然後找到安裝繼續閱讀語法區段,例如我的是"閱讀全文....",類似
<data:post.body/>
<br/><a expr:href='data:post.url'/>閱讀全文... </a>

然後在閱讀全文...的前後加上span語法把它包住,
<span class='readmore'>閱讀全文...</span>
就完成了

他就會變成

<data:post.body/>
<br/><a expr:href='data:post.url'/><span class='readmore'>閱讀全文......</span></a>

意思就是閱讀全文的文字,我們用readmore來定義它的外觀,然後用span語法來前後套住,讓他成為一個物件或是元素,而不再只是單純的文字型態。

二、繼續閱讀單純置右的方式
直接找到繼續閱讀的文字區,一樣用span把他包裹住,但多加了style語法,將他設定置右即可,
<span style='float:right;'>閱讀全文...</span>

如果想自己設計不同的繼續閱讀按鈕,這是可以自行運用的方式,其實也可以套用在其他的元件上,例如"相關文章"的文字顯示,也是可以利用這種方式做點變化,有興趣的人可以自己修改看看。

2009年5月1日 星期五

關於tumblr的兩三事│模板資源



好久沒有發文了,實在是因為最近都在研究另一個自己有興趣的事物,兩個網誌很久都沒更新,真是懶惰,其實自己寫部落格耗費的精神真的蠻大的,尤其兩個網誌都是有圖文的,不管是教學介紹或是旅遊分享,要把自己想傳達的意思或是感受讓網友了解,寫成容易理解的文字或是截圖、修圖說明都還蠻費時間的,所以喜歡看我的文章的網友們,希望不要隨便盜用我的心血,每次看到盜用的文章,真的是一個沒力。


tumblr微網誌,官網的themes我記得只有12個,實在太少了,習慣一般blog的編排,對於微網誌似乎我要求太多,但是總是要看得順眼才寫得下東西,網路上google一下,發現有一些網站提供tumblr themes,雖然還沒找到滿意的,但是聊勝於無,還是可以加以運用,不想再動腦筋去修改css了。

如果你也有使用tumblr,也可以運用這些資源,幫你的微網誌改頭換面。

官方模板
http://www.tumblr.com/themes/recent


很基本
http://tumblrthemes.com/


還不錯
http://customthemes.tumblr.com/


這個很漂亮
http://allthemes.tumblr.com/



雖然資源裡很多模板可能是重覆了,但整體而言仍舊是比官網提供的豐富許多,有興趣的人可以玩玩看,簡單的寫寫短短的心情故事,或是網路上看到的一篇好文章或是好影片,都可以利用這個來做個註記或是收藏。

延伸閱讀:
申請微型部落格服務---tumblr