琳達教學:如何自製側欄位框圖+文字串連結

今天琳達來教各位一個簡易的側欄框圖文字串連結教學吧~
簡單的說,即使不會自製按鈕串連
只要一張漂亮的圖卡,也能自製文字按鈕串連
呵呵~~好像不是很懂厚~~
那就按照琳達的圖文教學一步一步的來學習吧~
首先;步驟 一、 選擇一張你喜歡的圖卡
圖卡維度最好是在寬度140~165 尺寸之間的像素(側欄位的寬度)
如圖示

按右鍵→內容即可知道圖卡的網址和尺寸的部份
複製網址後,將網址貼在下方語法的(圖檔網址)

步驟 二、 在你個人的部落格裡找出你要連結的網址和編輯顯示的文字
例如:〝琳達自創〞,可以在文章分類裡找琳達自創的文字上方按右鍵→按複製捷徑
將它貼在〝要連結的網址〞之處

語法











<div style=" background:url( 圖檔網址 );background-repeat:no-repeat"><br><br><br><br><br><br><center>
<a href="要連結的網址">顯示的文字</a><br>
<a href=" 要連結的網址">顯示的文字</a><br>
<a href="要連結的網址">顯示的文字</a><br>
<a href="要連結的網址">顯示的文字</a><br>
<a href="要連結的網址">顯示的文字</a>
<br><br><br><br><br><br></center></div>



步驟 三、 開始調整顯示文字的位置
例如:琳達在語法中紅色的<br>若只有打上二個
紫色的<br>也打上二個
所顯示出來的圖示就如下方一樣
不理想對吧~也不好看~失去了美感嚕~



若按照最上方的語法調整<br>(代表段落)
完整的一張圖卡就如下方所顯示的
是不是比較好看呀~~
當然它原本是動圖的,只是琳達將它擷圖下來的啦~


步驟 四、 語法編輯好後將它貼在自訂欄位裡
如何貼呢??     複製語法 
進入到 管理部落格管理自訂欄位打上自訂欄位名稱將語法貼在自訂欄位內容裡
記得最後要按 儲存 喲!
※ 若需進一步調整欄位順序,請至 版型設定

OK嚕~~超簡單的吧~~你也可以來試試看
只要四個簡單的步驟就可以有文字串連嚕~
以下是琳達的串連文字圖示語法;供給各位做參考喲~
若你覺得琳達此次的教學你很滿意
那就給琳達一個熱情的回應吧~~呵呵~










Linda語法:<div style=" background:url(http://i278.photobucket.com/albums/kk120/linda750637love/1449451300.gif );background-repeat:no-repeat"><br><br><br><br><br><br><center>
<a href=" http://tw.myblog.yahoo.com/linda590902/archive?l=f&id=49 ">琳 達 自 創</a><br>
<a href=" http://mybid.ruten.com.tw/user/linda750637/ “>我 的 露 天</a><br>
<a href=" http://tw.myblog.yahoo.com/linda590902/gbpost ">熱 情 留 言</a><br>
<a href=" http://tw.myblog.yahoo.com/linda590902/archive?l=f&id=44 ">琳 達 教 學</a><br>
<a href=" http://tw.myblog.yahoo.com/linda590902/gallery ">網 誌 相 簿</a>
<br><br><br><br><br><br></center></div>




★★最後的最後很重要的是,當你的串連製作貼好後
要記得在版型語法裡貼上隠藏語法喲~

請參考琳達自創裡的版型文章裡都有啦~
☎ 希望你會喜歡喲~
以上由         自製分享

arrow
arrow
    全站熱搜

    星羽 發表在 痞客邦 留言(5) 人氣()