在blogger(blogspot)头部标题列下加入一栏水平导航栏或顶部广告栏功能模块

在blogger(blogspot)头部标题列下加入一栏水平导航栏或顶部广告栏功能模块

作者：卧野观天本文网址：http://qqggqqmm.blogspot.com/2009/07/bloggerblogspot.html

分二部分： 一 在头部标题列下加入一栏水平导航栏功能模块 引用[Fun New Run High]里的技术文章—— 《在blogger(blogspot) 標題列下加入一個水平列的功能選單(menu bar) 》 该文清楚详细说明了操作方法。 引用来源：[http://www.skyvee.net/2007/07/bloggerblogspot-menu-bar.html] 當部落格成立一段時間後, 文章數量及分類標籤變多, 加入部落格的小工具也增加, 此時對讀者而言, 想找些資訊或文章, 可能會不知從何下手.

可以考慮在標題列下方, 文章上面加入一列的功能選單. 選單就可以設定其他網頁連結,把一些原本放在側邊欄(sidebar)的資訊, 移進來.



這個方法, 對沒有特殊版型的部落客來說, 只要兩個步驟.

不過, 首先要先確定你的樣板是否可以在標題列下加一個網頁元素? 如下圖.


如果不能的話, 請參考這篇文章.新增Blogger Header及Post的網頁元素,可加入圖片或Adsense

記得先備份樣板.

1. 範本--> 修改HTML

在 #header-wrapper {..} 之後, 加入以下程式碼

#navmenubar{
height:25px;
line-height:23px;
margin:0 1px;
background:#1B90DD;
color:#ffffff;
}

#navmenubar li{
float:left;
list-style-type:none;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
border-right:1px solid #777D85;
border-bottom:1px solid #777D85;
white-space:nowrap;
}

#navmenubar li a{
display:block;
padding:0 10px;
font-size:12px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navmenubar a {width:1%;}

#navmenubar .selected,#navmenubar a:hover{
background:#80b0da;
color:#ffffff;
text-decoration:none;
}


如果想改背景色或字體色, 就自己調 background 及color 吧!

2. 然後到 範本 --> 網頁元素

在標題列下, 加入一個新的網頁元素. 加入要連結出去的程式碼.如下圖, 紅字部分是網址, 藍字部分是顯示出來的文字.



或是直接copy下述程式碼, 再自行修改吧!
<div id="navmenubar">
<li><a href="網址">文字</a></li>
</div>

效果像這樣..


二 在头部标题列下加入一栏水平顶部广告栏功能模块 这一方面比照上面 一 的思路和方法。 具体详细内容过后待补充......

网摘来源于： 在blogger(blogspot) 標題列下加入一個水平列的功能選單(menu bar)

(转载需注明来源出处)

最新热榜 主题词：热门,Top,黎阳,Blogger博客,blogspot,推荐快讯 今日热点：陈绍基,许宗衡,李泳,电视主持 以色换官 以权谋色 引用此贴的链接热门搜索标签：杨佳案 杨佳最新 李劲松 艾未未 李天天 刘晓原,傅德志,屠夫,加久,朱明勇,邓玉娇,严晓玲,葛丽英,方静,阿忆，彭北京 征地 拆迁 从容 今日股市行情 刘子龙 思宁,cn,cctv 人性 风暴 免费 谷歌 雅虎 百度 提交网站、add url 最牛博客 博客营销 博客工具 博客技巧 博客赚钱 博客推广优化 房价下跌 森林原则 创业 民工潮 失地 腐败 上访 投诉 视频 聊天 交友 林妙可 杨佳妈妈 联合国 qq nba 热门 毛泽东,张宏良,胡温 股市最新 改革 奥运最新 下岗 失业 城管 黄光裕 期货最新 石油 物价 奥巴马 总统 陈水扁 马英九 刘晓庆 刘亦菲 范冰冰 章子怡 张柏芝 汤唯 李湘 王菲 赵本山 宋祖德 小沈阳 陈冠希 性爱 xvn 曝光 绯闻 拉登 恐怖 大事故 低俗更多精彩。