2009年10月30日 星期五

讓你的部落格標題有跑馬燈效果


看到這個標題跑馬燈(marquee)效果,真的覺得眼睛很花,也覺得很好玩,怎麼會想出這樣的效果,但我想我應該是不會放這東西的,不過還是跟大家分享,有興趣的朋友可以玩看看。


怎麼做呢?
進入後台→版面配置→修改HTML ,然後找到</head>,在上方放入下列程式碼即可。

<script type='text/javascript'>
var txt="歡迎來到綸太郎的影音分享空間,無聊時看看影片,聽聽音樂也是不錯的.";
var espera=200;
var refresco=null;
function rotulo_title()
{
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);
}
rotulo_title();
</script>

如下圖這樣,


其中
var txt="輸入想顯示的文字"
輸入跑馬燈想顯示的文字,標點符號,記得在英數下輸入,不然會變成亂碼。
var espera=200;
跑馬燈的速度,200我是覺得有點快,我設500,眼睛才不會太累。

其實這個效果讓我想到每次經過一些服飾店,營業人員總是喊著"數量有限,要買要快歐",一直重複著一樣的slogan,真的聽久了會有種彈性疲乏的感覺。

我想除非你的部落格是以銷售產品為主要的內容,且時常更新,可以把最新特價的消息或是舉辦的活動秀在上面,或是財經部落格,哪檔股票又漲了哪檔又跌了,類似快訊的消息,即時提供給讀者,不過資料你也要隨時跟著更新,覺得這個玩意真的可以在第一時間抓住讀者的眼光,有需要的朋友可以試看看效果如何。

如果你也喜歡在部落格裝上跑馬燈效果,建議可以使用網頁元素的小工具新增即可,語法網路找一下就有許多教學了,我個人比較喜歡的是
§ 鏡‧空間 § 設計的工具,可愛又美觀,跟大家分享。

參考來源:
Make your blog name scrolling on browsers

2009年10月29日 星期四

搞怪有趣的萬聖節(Halloween)Rss Feed訂閱圖案


10月31日就是萬聖節(Halloween)了,在這個屬於西洋人的節日裡,在部落格上搞怪一番,添加一個搞怪的Rss圖示吧。

2009年10月28日 星期三

最新文章小工具以縮圖表示(Posts with Thumbnails )


之前有介紹一個網站,Wowzio,可以用縮圖表示最新文章的元件Widget,但目前這個網站要寫信去申請邀請函才能使用他們的元件,不然我還蠻喜歡他的設計的,目前找到一款也是類似的功能,跟大家介紹。

不過要使用這個元件,後台設定有一項是要開放的,就是開放全文輸出的Rss Feed,
後台→設定→網站提供→網誌文章資訊提供,要設定完整,才能產生作用,如果設定簡短縮圖沒法跑出來,會顯示一張預設的圖,如下圖這樣。


我想看到這一點應該很多格主就放棄了,譬如我就是,不過如果你原先就是全文輸出你的Rss,就沒差了。(文章下方有提供不用全文輸出Rss,也可以顯示縮圖的最新文章,慢慢看下去唄。)

如何設定呢?

進入後台→版面配置→網頁元素→新增小工具→新增HTML/JavaScript ,然後輸入下列程式碼即可。
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://你的網址.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>


裡頭的css設計大概如下,
http://i43.tinypic.com/orpg0m.jpg
是文章沒有圖案時,預定出現的圖片。


boxwidth = 298;
你的邊欄寬度

borderColor = "#ffffff";
背景顏色

thumbwidth = 40;
thumbheight = 40;
縮圖的寬和高

summaryColor = "#666";
摘要文字的顏色

numposts = 5;
要秀出幾篇最新文章

home_page = "http://你的網址.blogspot.com/";
你的部落格網址

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
這個js檔,網址
http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js
作者建議將它下載後,放到你自己的空間使用。

另外程式碼裡的背景顏色或是文字顏色,有時跟你的sidebar css設定有關,所以顯示不一定是你所設定的顏色,這是要注意的,譬如我的連結為什麼會變成綠色的,因為我的版面css有設定
#sidebar strong, #sidebar b {
color: #8BCB2F;
}

如果文字是粗體的就以綠色顯示,如果你有同樣問題的朋友,可以找找看自己的模板是否有這樣的設計。

如果有開放全文輸出Rss的朋友,也可以嘗試看看這個附有圖片的最新文章小工具,我想也是不錯用的,速度也很快。

2009.10.29更新,感謝網友flower佛心提供的資訊,Blogger後台也有提供的小工具,不是在基本系列,而是在精選系列區,
網頁元素→新增小工具→按下"精選",會出現"Recent Posts",有兩個,第二個才是有縮圖的最新文章小工具,這個就沒有限定要設定全文輸出的Rss了,設定也彈性些,不過沒法自己修改成自己想要的顏色或是文字大小,還有在IE7底下無法呈現,不知是我的瀏覽器的問題或是程式本身的bug,大家可以參考一下。

參考來源:
Recent Posts with Thumbnails Widget for Blogger

2009年10月27日 星期二

如何防止他人複製文章的方法(鎖右鍵)


過去曾經有人問到如何鎖右鍵來防止別人複製自己的文章,其實這玩意只能防對電腦一竅不通的朋友,無所謂防君子,因為君子也不會去竊取別人的文章吧,Google搜尋一下就有很多破解方式,所以真的只是防止電腦小白或是懶得搜尋資訊的人吧。


方法非常簡單,

進入後台→版面配置→網頁元素→新增小工具→HTML/JavaScript 新增
然後輸入以下程式碼即可。
<script language="JavaScript">
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="Function Disabled!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){ alert(message); return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>

其中Function Disabled!可以改成任何你想顯示的文字,
不管柔情勸說或是Kuso調侃甚至威脅恐嚇,隨你高興,例如

複製拷貝他人文章前,請尊重智慧財產權!



注意你的文字敘述,內若有標點符號,最好是轉到英數底下的標點符號使用,例如逗點要以,表示,而不是以表示,不然標點符號會變成亂碼的。

如何解除有這種鎖右鍵的網站呢?
我想很簡單,這裡就不再多敘述了,網路搜尋一下就有了。

當然綸太郎的文章是不適合鎖右鍵的,不然那些程式碼讀者怎麼拷貝到自己的網站上呢?其實Ctrl+C(複製)和Ctrl+V(貼上)兩個簡單的動作,但真的很傷認真寫文章的站長或是創作者,適當的引用與摘錄是可以的,但是整篇照抄且未註明來源就真的是網路害蟲了,彼此尊重才能擁有更好的網路倫理吧。

參考來源:
How to stop visitors from stealing your blog content.

2009年10月25日 星期日

新增一個回到上方的按鈕(Go To Top)


隨著邊欄的小工具(或稱自由欄位)越來越多的時候,頁面相對也會變得越來越長,這時滑鼠的利用也是很重要的,適時的加上一個按鈕,回到上方(Go To Top),讓閱讀者可以隨時回到最上方進行瀏覽,也是很方便的工具。

其實回到上方或是到頁面的最底端,鍵盤上的Home與End也可以完成,只是有的人或許不知道要利用鍵盤,這時增加一個回到上方的按鈕,或許可以增加瀏覽的便利度,有需要的人可以試看看。

首先當然要幫自己找個合適的圖案,可以利用Iconfinder網站,輸入"top"或是"go top"關鍵字,
例如下列網址,
http://www.iconfinder.net/search/?q=top


然後進入後台→版面配置→網頁元素→新增小工具→HTML/JavaScript 新增
然後輸入以下程式碼即可。
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='http://sites.google.com/site/lunfiles/box/gotop1.png'" src="http://sites.google.com/site/lunfiles/box/gotop0.png" onmouseout="this.src='http://sites.google.com/site/lunfiles/box/gotop0.png'"/></a>
其中
gotop1.png是大圖網址,我是用75*75px
gotop0.png是小圖網址,我是用30*30px
bottom:5px;right:5px;這是定位點,這可以自己調整,我定在右下方
圖片網址可以用你自己的空間網址替換

當滑鼠移到按鈕上方時他會變大,


一般時候則呈現小圖,


如果只想單純用一個圖代表,不想有縮放效果,語法如下:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://sites.google.com/site/lunfiles/box/gotop0.png" /></a>
如果是想在網站某地方加上這個回到上方文字連結功能,
則是利用
<a href='javascript:scroll(0,0)' title='Top'>Go Top</a>
放在html裡,你覺得適當的地方,譬如我在我的網頁最下方,就有一個Go Top的文字連結,就是放在模板的html裡的,不過這要你對後台的模板html配置較熟悉,建議再來使用會比較適合。

當然有的人也會使用展開/折疊小工具的方式,讓側邊欄簡潔些,不過我自己是沒有用過,可參考
Abin's Tech Note: 讓側邊列 (Sidebar) 的元件能夠展開和摺疊 (Element Toggling)
這些都是可以利用的方式,跟大家分享。

參考來源:
Add Floating - Back To Top Button/Image In Blogger Blogs

2009年10月24日 星期六

Blogger增加導欄列Navbar透明圖層的設計


昨天(2009.10.23)下午Google Blogger給大家大約兩小時的震憾教育,很多網誌連不上線,很多寫到一半的文章就不見了,或是正在埋頭改版的朋友,也沒法發揮熱情繼續奮戰下去,plurk跟twitter上一片哀嚎聲響起,原來Google也會這樣無預警的當機,而且長達快兩個鐘頭之久,真是我第一次遇到,結果晚上就釋出了一個新功能(透明圖層的Navbar導覽列),但我想很多人都沒在用這功能。

到底這是什麼功能呢?我想應該很多人都發現了,就是Navbar導覽列支援透明圖層,其實Google有一直在改進導覽列的功能,推出了分享與追蹤的工具,真的也很不錯,現在為了版面上的美觀,推出了透明圖層的導覽列。



其實嚴格說來這個導覽列Navbar真的還蠻實用的,功能有下列幾項:
1、打進關鍵字搜尋你網站上的文章。
2、讓網友分享你的文章到Twitter、Facebook、Google閱覽器訂閱,如果在登入的情況下,會多一個以電子郵件傳送的選項。


3、看到令人不舒服的網誌內容,暴力或是色情的網站,可以"檢舉濫用"回報給官方來處理。
4、"下一個網誌",可以隨機跳到某人的部落格,觀看世界各地Blogger的網誌內容,最近好像是以美食及動物為主,不過很多時候會出現恐怖的圖片,自己要有心理準備,這項功能我自己是不太喜歡用,因為曾經看到一些令人不舒服的照片。
5、在未登入的狀態下,可以提供一個類似Admin控制台的功能,讓你不用找尋Google或是Blogger的首頁去登入,直接按下"登入"就能到blogger首頁登入了。
6、在登入的情況下,看到喜歡的網誌,可以立即按下"追蹤"加入追蹤,很方便。


7、在登入的情況下,在自己的首頁就可以直接按下"新文章"開始寫作,或是按下"自訂",新增網頁元素。


如何使用呢?
進入後台→版面設置→網頁元素→導覽列(藍色的),按下編輯就會出現如下圖的選擇,原先只有四種,現在多了透明圖層的透明亮及透明暗兩種,就看你的版面加以選擇。



P.S.如果你的瀏覽器是IE6,是沒有支援透明圖層的功能的。

先前大部分的人都會將此項功能隱藏,就如同綸太郎在使用blogger系統時就發表過一篇,
隱藏 blogger導覽列(navbar)+進入後台的方法

隱藏NavBar的語法:在<head><和/head>之間放入以下的語法,通常放在body{}這段敘述前或後都可,
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

因為我個人的登入習慣都是登入Google帳號後,再連到Blogger的後台,所以實際上並沒有這個需要,要直接登入Blogger後台動作,所以對我而言這是個雞肋的功能,有沒有都無所謂,只是不喜歡版面上多了那一條功能列罷了,不過目前多了許多功能,所以先讓它出現一陣子,如果真的不喜歡再拿掉囉。

而目前網路上非官方的模板,大多也都將此功能隱藏了,如果你想讓導覽列navbar重出江湖,試著進入後台Html區中找尋是否有類似以下語法的東西,
#navbar-iframe {或是 #navbar {
裡面有一句或兩句語法是
visibility:hidden;或
display:none;
把他刪除即可,你的navbar導覽列應該就可正常運作與呈現了。

如果你想讓他在滑鼠指到上方才出現navbar,可以將navbar的語法修改或新增為以下的語法,但是只有在Firefox才會有作用,IE好像沒法支援。
參考來源,Blogger v3.0: Hovering Peek-A-Boo Blogger Navbar
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

題外話:當Google Blogger無預警當機時,自己就要作匯出網誌,備份自己的模板與文章內容的準備,文章是自己的心血,而我們用的是免費的服務。

Google官方有提到可以復原遺失的文章嗎?,如果你文章寫到一半當機,沒有儲存,可以參考他的內容,或許還可挽救回來。

另外如果blogger使用上有任何錯誤或是當機無法連線的現象,可以先參考Blogger On Twitter的網頁,通常官方第一時間都會公佈在那裡。

2009年10月22日 星期四

Google Sites可以放JavaScript檔案及接受外連


最近網友詢問我一個lightbox2的燈箱效果,發現了他的檔案居然是從Google sites的檔案櫃外連的,所以趕緊跟大家報告這個好消息,終於Google Sites接受Java Script檔案形式的外連了。

2009年10月16日 星期五

部落格跳出不明的彈出式廣告視窗


最近我的另一個網站東京封印,偶爾會跳出一個免費鈴聲下載的網頁,網址大概是xx.funmobile-ringtones.com,但是之前並沒有這種情形,想說是改版的原因,是否有不明的連結或是js檔案藏在模板中,檢查一下並沒有,最後才發現是自己裝的線上人數whos.amung.us小工具造成的,出現popup-ads彈跳式視窗廣告

如何檢查得知的,這個過程有點繁複,中間有些專業知識當然是拜Google大神的幫忙,但是找到的網站資訊對我這情況都幫助不大,但還是將過程分享給大家,有點繁瑣就是了,感覺最近都在做柯南的工作,哈。

首先要判斷是否網頁裡藏有毒或是被植入惡意程式,參考了
‧重灌狂人---Browser Defender 幫你檢查網頁木馬、惡意程式、詐欺釣魚與病毒…等問題網站
(不過重灌狂人自己的網站,偵測出來卻是橘色的??不過他自己有解釋,是因為千千靜聽的緣故。)
‧重灌狂人---免開網頁,預先檢查網站是否暗藏病毒!(Dr.Web anti-virus link checker )

另外就是用Google所附的網頁連結做測試,
http://google.com/safebrowsing/diagnostic?site=tokyoplay.blogspot.com
如果你也想檢測,就把後面網址tokyoplay.blogspot.com,改成你的即可。

但三個工具測下來,我的網頁都是可安全瀏覽,Safe site沒有問題。


最後想想我可以查一下,這個頁面所有的網址連結,有沒有連到奇怪的網址,而通常圖片裡比較不可能藏毒,除非你連結的圖片是jpeg,且檔案很大,就有可能藏毒,這部份就不詳細說明,自己Google一下。

我利用IE6來說明,首先打開你的瀏覽器,
工具→網際網路選項→隱私權,至少要設定在低或是以上層次,才能在網頁下方狀態列,看到那顆眼睛圖示,就是隱私權報告


他會列出有安全顧慮或是會cookie追蹤你的網站的網址,雖然Firefox也有類似可以查cookie的功能,但是好像弱了些,在眼睛的圖片按兩下,就會出現以下的視窗,預設值是顯示受限制的網站,這視你設的隱私權層級而定,顯示的網址會有些不同,裡面大概看起來都沒什麼問題,


再把選項擴大到所有網站,在這裡我就看到一個我很陌生的網址,就是
wau.tynt.com/javascripts/TyntLite.js?user=qy9r9nfy1xep
後面這個qy9r9nfy1xep,後來仔細追查,原來就是我線上人數的代碼,查了一下網路,原來這個網頁疑似是個木馬程式的網站,而他的原始網站www.tynt.com則是一個線上追蹤分析工具的網站。


因為這個網址出現的地方,是在whos.amung.com線上人數和http://look.urs.tw部落格觀察小工具之間,所以就從這兩個地方去查,才發現whos.amung.com提供的js檔裡還暗藏了另一個js檔案,因為廣告是最近才出現的,以前都沒有,這東西我也用很久了,想想應該是沒啥大問題,沒想到用IE的隱私權看才發現了這個陌生的網址wau.tynt.com,原來兇手是躲在這裡。

其實裝任何widget小工具,站長們都會有疑慮,對方會追蹤你的網站資訊,但是為了統計或是某些因素,我們總是在不影響網路瀏覽的情況下裝了這些東西,一方面是為了察看自己的網路流量或是為未來網站內容調整作準備,但是像這樣帶來了我們不想要的彈出式廣告視窗,我想是很多站長或格主都不樂意見到的,我也測試了其他部落格有裝這whos.amung.us小工具的部落格,確實有三、四個都會跳出這個廣告,尤其點選了那個線上人數的圖示,跳出的機率更大,有的還說你是第幾百位的中獎者,(是歐,真是這樣就好了,哈哈哈),所以我大概確定應該是這個widget造成的廣告頁面跳出。


不過0與1謎詭世界也有裝,但是從來沒有這種現象,發現我雖然裝了一樣的東西,但是這裡我是用圖片方式呈現,就是用Non-JavaScript的方式,而東京封印則是用JavaScript的方式呈現線上人數的,看起來一樣,但實際上背後的效果卻不一樣,今天若不是跳出廣告,我也不知道這中間是有玄機的。

進入whos.amung.us頁面,你可以點選上方Showcase選項,他提供了好幾種可以放在部落格上的圖示,語法有兩種,如果你不想跳出廣告視窗,最好是選擇Non-JavaScript的,

下列的語法,大概就可以看出差異性了,
Non-JavaScript的語法,只有單純的圖片連結
<a href="http://whos.amung.us/stats/yz6jg4n4vabb/"><img border="0" height="15" src="http://whos.amung.us/swidget/yz6jg4n4vabb.png" title="Click to see how many people are online" width="80" /></a>
JavaScript的語法,裡面則有一個js檔案
<script type="text/javascript" src="http://widgets.amung.us/small.js"></script><script type="text/javascript">WAU_small('yz6jg4n4vabb')</script>

其實這個js檔案,當初我有用Wordpad來看裡面內容是否有奇怪的連結網址,內容如下,
function WAU_small(b){var a="";if(document.title){a=encodeURIComponent(document.title)}document.write('<a href="http://whos.amung.us/stats/'+b+'/"><img src="http://whos.amung.us/swidget/'+b+"/"+a+'" width="80" height="15" border="0" title="Click to see how many people are online" /></a>');var c=document.createElement("script");c.src="http://wau.tynt.com/javascripts/TyntLite.js?user="+b;c.type="text/javascript";document.getElementsByTagName("head")[0].appendChild(c)};
其實當初檢查我也忽略了這個網址,原來就是他在作怪,所以我現在將線上人數都用圖片顯示,而不用Javascript顯示了,但是重裝之後發現線上人數的統計似乎是怪怪的,如果用java的程式碼人數會比較多,且用中文名稱顯示你的網站,用圖示的話是用網址顯示你的網站,而且人數是較少,同一個網站,但是統計結果的人數卻不一樣,我想可能要再找個比較正確且沒有暗藏廣告的工具了。

如果你要重裝記得先前的資料都會保持在原來的帳號,不會和新的合併,我個人是覺得沒差,不過有的人應該覺得很重要,所以記得自己要備份,如果有同樣困擾的格主,或是發現我的網站上還是有出現彈跳式的視窗廣告,請發揮您的佛心,通知我,我再來看看,是否抓錯兇手,不過目前為止應該就是whos.amung.us了。

其實Firefox我也有設定,阻擋彈出型廣告視窗,但是無效,所以目前只能這樣作,因為也要考慮到瀏覽其他網站會出現的狀況,還有拜訪我部落格的朋友,如果受到彈跳式廣告騷擾可能也不舒服,如果有更好的方式,再和大家分享了。

最後決定將這個元件拿掉,發現用圖片式的還是會跑出廣告,只是機率小了些,後來找到一些參考資料。

2009.10.23
今天再度將這個元件裝上,最近似乎廣告已經不再出現,再給他個機會。

網路上找到的討論:
部落格似乎被置入廣告程式
Tynt Lite Tracer pre installed?

2009年10月14日 星期三

裝上隨機文章(Random Posts),加強部落格的黏著度


為避免舊文沉入茫茫網海中,就要想辦法讓他出來跟大家見見面,所以隨機文章(Random Posts)的設置就相對的重要許多,覺得目前自己的部落格上還缺了一塊"隨機文章"的小工具,讓讀者可以多一點時間停留在你的部落格上,點閱相關文章的機率也會大增,算是很必要的工具,尤其文章一多,很多值得一讀的文章都被塵封在舊文裡,讓他出來透透氣也是必要的。

之前綸太郎也有介紹過隨機文章顯示的工具,但是有時會拖慢速度,每個功能不盡相同,例如
單篇隨機文章‧讓舊文出來透透氣
如何產生隨機文章---B Stir>>0 與1 謎詭世界

有時用久了就想換另一種工具,交換使用也是不錯的,如何安裝呢?
進入後台→版面配置→網頁元素→新增小工具→HTML/JavaScript 新增,然後放下以下程式碼即可。
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

按下儲存即可。

要顯示幾篇,只要修改裡面的紅色程式碼的數字即可,我目前是設10篇。
var numofpost=10

為什麼我的隨機文章有捲軸(拉Bar)顯示呢,請參考如何利用捲軸讓邊欄(Sidebar)元件縮短一文說明。

其實這個作者有另外寫出在每篇文章下方新增隨機文章的作法,但是我實作後一直無法成功,所以如果有興趣的朋友也可以參考看看,Random Posts Widget for Blogger,因為我用他的語法都沒有作用,我使用的是下面這篇我參考而實作成功的文章。

2009.10.17更新
感謝網友希锐亚提供在文章下方,新增"隨機文章"的方式,詳細安裝情形請參考
一个人在途上: blogger文章下方添加随机文章

參考來源:
The Best Random Posts Widget For Blogger Blogs
延伸閱讀:
提高部落格的黏著度

2009年10月10日 星期六

莫名奇妙的多了中文網址‧我被蓋台了嗎???


今天在搜尋自己的網站時,發現一件很奇怪的事情,我的網站居然有了中文網址,還有敎大家如何連結到我的網站的作法都寫得很詳細,不僅有繁體中文版、還有簡體版,什麼亞洲混合板的,



如果是縮址服務或是大陸站台的代理服務我還能勉強可接受,因為那個網址只是暫時的,但是這個網址看起來似乎不是那呢一回事。


從以上這個畫面看來,雖然有註明原始網址,(我有把下面黑色的iframe拉高,不然實際上是更下面,小小的一塊,沒有注意看的話,還以為是工具列),但是跟funP的好像不同,重點是他打上了這句話,
網站說明: 提供Blogger templates蒐集及在Google Blogger建置blog的教學與資訊,分享在網路世界及電腦應用維修所經歷的一些記錄。 , 要到 0與1謎詭世界 時, 打上 http://0與1謎詭世界.的連結.tw 就可以囉!


(點圖可放大觀看)

想想看多少人為了擁有好記,獨一無二的網址還花了錢去註冊或是挑選,我也很喜歡自己命名的01mistery和部落格名稱很契合啊,http://01mistery.blogspot.com/,我並不需要中文名稱啊,更何況網址的筆畫也沒有我的來的少,更重要的事情是

我沒有申請中文網址


看了一下該網站的說明,是要成為會員並且認證後才會有中文網址的,但是我並沒有申請,而且說實在的我也不清楚有這項服務,是今天查資料的時候才看到的,整個覺得莫名奇妙。

這個網站的站長的部落格http://請記住我.的部落格.tw 在此,申請的網站在http://www.taigadit.com,可以參考這篇文章,
http://taigadit.pixnet.net/blog/post/23822041
要申請中文網址是要成為會員,問題是我沒有申請,更沒有認證,為什麼會有我的中文網址。

最後我找到兇手了,請看下面這張圖,


擁有者,是一位名叫Taigadit.com的仁兄,不只擁有我的網址,同時還擁有許多網路上知名的部落客,Taigadit.com就是設立這個站的擁有者,但是在不經本人同意之下就幫我取了中文網址硬塞給我,何德何能跟這些大咖能夠並列,但是我並沒有因此而感到高興。

其實以前遇到抄襲我文章的人,通常只要不是全篇照抄,沒有放廣告,而且通常只有一兩篇,我會認為他可能是拿來做筆記,就睜隻眼閉隻眼,而且網站上方已經有註明,
★★★請勿任意轉載本站的文章及圖片,但歡迎網摘及連結並註明網站名稱與網址,勿全文轉載,彼此尊重,是網路的基本禮儀。
如果嚴重些再留言告知,請他把文章拿下,但是遇到這種直接把我的網址改掉的人還是頭一遭,還要大家打上某某字,感覺真的很不舒服,我的流量一天也只有幾百人,更非什麼知名部落格,只是寫寫文章罷了。

網路世界雖然蓬勃發展,但是各走各的路,老老實實的做自己的創意行銷就好了,如果沒有人加入你的網站,發些邀請函請大家試用不是很好嗎?怎麼可以擅自作主幫他人的網站申請網址,繼昨天分享網站被Google推入沙盒的努力過程,感覺做網路柯南真是不好做,怎麼都有這些令人厭煩的事呢?

找不到我的文章很煩,找到我的文章卻不是我的網站網址更煩,看倌們,沒事就上Google搜尋一下自己的網站吧,或許你也會有跟我一樣的發現呢,接下來要怎麼辦呢?留言去唄。

不過在留言之前,想到一個問題,他可以取一個和我的網站名稱一樣的網址,就像同名同姓這樣,但是網址指向我的網站內容,這樣應該就不對吧,所以我只能要求他將網址不能連結到我的網站上http://01mistery.blogspot.com/,因為申請中文網址應該是要付費的,感覺像是申請商標專利權一樣,先佔先贏,因為我對這部份也不清楚,如果有比較知道相關資訊的高手可以指導一下,或是提供一些資訊供我參考,先謝謝各位的幫忙。

P.S.發現這個中文網址網站應該是以DMOZ網站目錄的網站為目標,幫大家都註冊了中文網址,應該是程式跑的吧,數量驚人。

2009.10.11更新
下午留言到對方站長的部落格,晚上終於看到回應,將這四個連結給砍了,算是有報有回應吧,平靜的結束這場蓋台小風雲。


圖片來源:http://xn--pss82d.xn--hxy629bc0h.hk/user/useage.php?domain=%E7%9A%84%E9%80%A3%E7%B5%90.tw&logo=&subname=0%E8%88%871%E8%AC%8E%E8%A9%AD%E4%B8%96%E7%95%8C

2009年10月9日 星期五

我的文章Google搜尋引擎找不到怎麼辦?


大概是9月初的時候,綸太郎發現自己的旅遊網站---東京封印,在Google搜尋的排名被擠到很後面,甚至找不到,這對一個是以提供旅遊資訊的部落格而言,是很嚴重的事情,一直在尋找原因,也進行測試,直到今天將過程跟大家分享,或許對有同樣困擾的朋友,可以提供些許的幫助,但非絕對。

我的網站情形是之前Google搜尋特定文章(就是以文章標題或關鍵字作搜索),我的排名都在前面,或是前一兩頁,但9月初搜尋結果,卻是FunP或是其他書籤、聯播網站(例如Blog聯播-台灣商務網)、甚至別人部落格有聯播我的文章,都排在我的部落格之前,有時翻到10幾頁或是最後都沒有我的部落格,我知道排名是照網友點閱的次數,及網站的PR值高低來排列等因素,還有一些我不知道的暗黑原理來決定,所以當然要拯救一下自己盪到谷底的Google搜尋率了,Google不到自己的網站很煩呢。


後來一查Google Analytic的報告才知道,我的網站從4月份開始在Google的搜尋率變很低,只是自己一直未發現,大概是因為流量並沒有什麼重大的變化,看第一張圖,在4月1日以前,google的搜尋率佔了5成以上,但從4月份開始遽降到2成,。一向仰賴的Google居然那麼不重視我,讓我覺得洩氣,雖說大部分的人還是使用Yahoo當搜尋引擎,唉,Google情節嚴重的我。

所以當時的情形是當搜尋我部落格裡某個完整標題的文章,搜尋結果funP的網址都會在我的網址之前,當然我會覺得怪怪的,雖然最終讀者還是可以讀到我寫的文章,但是奇檬子是不一樣的。

我自己判斷問題出現點的可能,
1、funP書籤網站的推文,文章內容以iframe顯示,但是網址非我的,造成搜尋引擎判斷有重複的內容的嫌疑,這點大家的說法不一,我的懷疑是,是否搜尋引擎把我的網站內容視為抄襲,而做了懲罰,但根據Google的說法,這不太可能,他們可以正確的辨識,而且funP的網站上也有標示出我的原文網址,而我的網站PR值為3,funP的PR目前為6,所以是有可能搜尋結果funP在前面,但是我有測試其他類似條件的網站,好像是pr4以上的比較不會被funp追過,但是這判斷不一定正確。

2、因為funP的貼文速度通常是在我的文章發表後幾個小時內,但由於funP的更新及PR值較高,所以被搜尋網站收錄的速度快過我自己的網站被收錄的速度,這是我從高登發表的由5.99談搜尋引擎優化SEO先佔先嬴的理論判斷。

3、懷疑自己的網站應該是掉到黑洞(沙盒‧Sandbox)了,感覺像是被Google懲罰,但是我並沒有做出售連結或是作弊的行為,或是spam。

4、網站文章內容重複引發的,雖然我有在Yahoo成立一個部落格"綸太郎的無盡藏",但是轉載的文章很少,而且一定會附上原文連結,當時因為Yahoo搜尋引擎裡面的部落格搜尋大多只收錄無名和yahoo本身的,所以才成立yahoo部落格,不過目前Yahoo已經改變,各家的都有收錄,正在考慮是否撤掉。

5、模板的選擇影響了搜尋引擎蜘蛛爬行的結果,這是我最後才想到的原因,還有網站敘述及關鍵字(meta的設定)是否會影響。

我採用的解決方式:
1、因為大部分文章都會被貼上funP網站,謝謝熱心幫我貼文的朋友,而搜尋引擎排名顯示第一位的也通常是funP網站,所以暫時將funP的貼文權利給鎖起來了,不給貼。
2、funP後台可以設定不以iframe顯示文章,請參考"你的部落格,你自己決定它在 funP 的樣子",所以改變之前以iframe顯示,而是點選後直接進到我的網站。
3、到Google網站管理員清查是否有失效的連結,加以去除,不過說真格的,我也不知怎麼解決,顯示有受 robots.txt 限制的 URL出現多個連結,判斷基準在哪?目前我也沒辦法解決,有高手能告訴我嗎?
4、增加自己的PR值,這點很難做到,需要有高PR值的網站連到我的網站才行,還在努力中。
5、換新的模板,將meta裡的關鍵字及網站描述去除。

經過一個月的努力找出懷疑的原因並修正,終於今天Google搜尋我的文章標題,排名在前面了,至少有在第一頁,應該是這個一個禮拜才有進步,慢慢的從黑洞裡爬出來,不然這樣莫名奇妙的被埋在沙河裡,真有點鬱悶。

從下圖可以看到一個禮拜前還是維持在20%以下,


而這個禮拜,Google搜尋率竄升到30%以上,證明我做的努力之中,有些看到成效了。


其實這裡面最經典的例子,應該算是這一篇"2009年日本賞楓情報最前線",以關鍵字"2009日本賞楓",搜尋到最後都找不到我的網站,排名在前的是funp及台灣商務網,所以撤下funP的貼文及iframe的功能後,我就在yahoo的部落格貼了一篇"2009日本賞楓│紅葉最前線 ",附上我東京封印的原文網址,至少挽救一下,至少搜尋引擎出來的會是我的網站,而今天我的正版網站終於出現在Google的搜尋第一頁了,從知道消失到出現,我花了一個月的時間測試。


其實知道自己是太過執著,只要最後會進入我的網站看得到就好了,何必管他從哪來,只是對照0與1謎詭世界6成以上是從Google而來的搜尋率,東京封印的2成是差太多了,至少要維持五五波平盤,是我比較希望的,更何況之前不是如此,如果可以解決,當然要想辦法嘗試去解決,只是最終的結果,推敲是funP的影響佔大多數。



寫這篇文,是覺得對於大多數新的網站而言,宣傳是很重要的一件事,要讓大家看得到你寫的東西,否則內容再好,也僅只於孤芳欣賞,在先前有寫到如何宣傳你的網站---入口網站登錄,是提供新加入網路世界的部落格所使用,但是一個正常的部落格,流量也穩定成長中,該做的宣傳也做了,但是搜尋引擎卻找不到你的文章,那就值得好好研究了,以上是自己測試的結果,希望搜尋率能夠回到之前至少5成,至少自己做的努力有一點效果,但是真正網站搜尋不到我的文章,我也無法斬釘截鐵的告訴大家是怎麼回事,只是把自己曾經嘗試的過程與讀者分享,或許也有人有相同的經驗,可以一起討論,互相交流也是不錯的。

推薦好書:設計搜尋引擎--網路爬蟲原理完整剖析