有些朋友一定很好奇,為何曾看過有些Blogger的使用者在導覽列中有個選項可以直接外連至獨立網站,而非建置在Blogger網頁裡的連結。
那到底該怎麼做呢? 我在此快速的整合一下Google到的資料,在此也感謝一些Blogger前輩的指點,首先就先在右上角點進設計界面,
接著進入區塊排版畫面後,
再點選新增小工具,選擇網頁加入!
以上這些是前置動作,重點在於接下來要修改HTML的部分:
注意! 這裡所要講的是你已經有了導覽列之後,想要把裡面的項目直接做外連結的動作,
好比有個Facebook的選項,點選後會直接超連結到你的Facebook!
如果沒有把握,為以防萬一,記得先備份原始檔。
項目連結語法如下:
複製並修改完後,到後端之後的設計選項/修改Html,展開小裝置範本(記得勾選展開才找得到),
大概找到PageList這個區段,如果你在一開始加入導覽列時,文字會預設為"首頁",你可以這為關鍵字比較方便你找到。
而我們嘗試在迴圈結束後,但還在UL選單項的包覆範圍內,加入剛剛複製並設定好的獨立連結語法:
如此便完成了一個可以直接點選後連結至外部網頁的選項鈕了!
順帶一提,依據網頁製作經驗原則,我再加入一個 開新視窗 的語法:
更新過後語法如下:
歐耶! 大功告成! 開新視窗跳出來了! 敲帥氣喔!
沒有留言:
張貼留言
給Bonzerd一個回復。