顯示具有 blog 標籤的文章。 顯示所有文章
顯示具有 blog 標籤的文章。 顯示所有文章

2007年2月12日 星期一

正式版Blogger隱藏Navbar的方法

自從改到正式版的Blogger之後,我就懶得去改範本把Navbar隱藏掉。直到今天我在修改另一個部落格時,才發現不能用,只好又回到Google上去找。很幸運的又找到一大堆,其中有一個最簡單的方法是由江南花家的這一篇:Blogger移除隱藏Navbar方法。作法很簡單:
  • 在範本的html中,找到 body{ 這一段程式碼。
  • 在前面加上 #navbar {display: none;} 這一段程式碼即可。
巧合的是,之前他剛好是用我寫的方法,呵呵。只能說,世界真小啊。

2007年2月10日 星期六

將Blogger的標籤作成標籤雲

隨著標籤(Lable/Tag)愈來愈多,側邊欄的標籤就會來愈長,分類所帶來的效益就會變差,標籤雲(Lable Cloud/Tag Cloud)是常見用於整理及顯示標籤的方式,標籤可以依字母順序或數量緊密排列成雲團狀,標籤文字的大小和顏色會隨著該標籤使用的數量而改變。通常數量愈多的標籤字體愈大,顏色愈顯眼。
因此,我利用Google搜尋,果然找到了如何將Blogger裡的標籤作成標籤雲的方法。為數還不少,詳細作法在此不再贅述,請參閱:增強標籤分類功能:標籤雲(Label Cloud)一文。
附註:”標籤”,Lable或Tag的中文翻譯,在blogger中稱為Lable,一般稱作Tag。

2007年1月14日 星期日

移除Navbar測試

在網路上搜尋移除Navbar的方法,找到滿多方法的,例如移除Blogger NavBar、怎樣拿掉blogger.com上面的Navigation Bar?以及移除Navbar。在試了幾種之後,有些雖然可以順利移除Navbar,但上方的空間卻沒有辦法順利的縮小。最後是修正移除Navbar中介紹的方法,再加上修改邊界,才完成修正。步驟如下:

  • 在範本編輯中,找到</head>和<body>這兩個標籤,然後在分別其前後加上一對noscript標籤,如下所示:
  • <noscript></head></noscript>
    <noscript><body></noscript>
  • 把body格式的邊界(margin)修正為你需要的高度:
    body {
    background:#fff;
    margin:-5px;
    padding:0;
    font:x-small Georgia,Serif;
    color:#333;
    }
  • 完成。
補充:不過轉到正式版之後,因為在側邊欄加了不少東西,而且Navbar也有其功用在,所以就保留下來了。