Bonzerd Design

Bonzerd Design

2011/05/04

Blogger導覽列/清單選項 獨立連結




















有些朋友一定很好奇,為何曾看過有些Blogger的使用者在導覽列中有個選項可以直接外連至獨立網站,而非建置在Blogger網頁裡的連結。




那到底該怎麼做呢? 我在此快速的整合一下Google到的資料,在此也感謝一些Blogger前輩的指點,首先就先在右上角點進設計界面,





接著進入區塊排版畫面後,













再點選新增小工具,選擇網頁加入!







以上這些是前置動作,重點在於接下來要修改HTML的部分:
注意! 這裡所要講的是你已經有了導覽列之後,想要把裡面的項目直接做外連結的動作,
好比有個Facebook的選項,點選後會直接超連結到你的Facebook!


如果沒有把握,為以防萬一,記得先備份原始檔

項目連結語法如下:


<li><a href='欲連結的網址'>連結名稱</a></li>

複製並修改完後,到後端之後的設計選項/修改Html,展開小裝置範本(記得勾選展開才找得到),

























大概找到PageList這個區段,如果你在一開始加入導覽列時,文字會預設為"首頁",你可以這為關鍵字比較方便你找到。















而我們嘗試在迴圈結束後,但還在UL選單項的包覆範圍內,加入剛剛複製並設定好的獨立連結語法:


<li><a href="http://www.facebook.com/Yianyian.H?sk=info" target="_blank">Facebook</a></li> (這段是黃彥彥的,請你記得改成自己的...)









如此便完成了一個可以直接點選後連結至外部網頁的選項鈕了!







順帶一提,依據網頁製作經驗原則,我再加入一個 開新視窗 的語法:




更新過後語法如下:

<li><a href="欲連結的網址" target="_blank">連結名稱</a></li>(可直接複製)






歐耶! 大功告成! 開新視窗跳出來了! 敲帥氣喔!

沒有留言:

張貼留言

給Bonzerd一個回復。