image

這是我自己編輯的推薦連結區,要怎麼樣讓這個區塊變得比較有層次呢?

第一層(資料夾) ✴ 天界之舟 ✴ 、 ✴ 回天之路 ✴ (原本這邊設定之後下面加了連結都會跑出醜醜的"+")

第二層(連結)你自己編輯的所有的連結同胞朋友們

 

梅花的語法筆記

檢視CSS標籤F12 (Ctrl+Shift+I) 箭頭粉.jpeg *開發人員工具*


部落格整體 #body 箭頭粉.jpeg *換背景底圖*箭頭-15.png*換字體*箭頭-15.png*換部落格ICON*箭頭-15.png*設計LOGO* 


封面橫幅#banner/#header 箭頭粉.jpeg *換封面底圖*箭頭-15.png*部落格標題敘述大小位置*


文章區塊 #content 箭頭粉.jpeg *改文章標題字體、背景*


公告版面 #spotlight 箭頭粉.jpeg *公告版面應用*


側欄區塊 #links 箭頭粉.jpeg *改側欄標題的背景*箭頭-15.png*Facebook粉專外掛image箭頭-15.png*音樂外掛image箭頭-15.png*YouTube外掛image箭頭-15.png*分享連結階層*


實用推薦 箭頭粉.jpeg *看所有語法筆記文章*箭頭-15.png0074.gif梅花的語法筆記本0074.gif箭頭-15.png*看梅花的CSS標籤筆記*箭頭-15.png*文章內的目錄(錨點)image箭頭-15.png*關閉遮蓋版面的廣告*箭頭-15.png*隱藏上方藍色選單*箭頭-15.png*連結Google相簿*箭頭-15.png*圖片瘦身不失真*箭頭-15.png*讓部落格可以被Google*箭頭-15.png*Google Analytics分析*
箭頭-15.png精美分隔線圖片大全箭頭-15.png語法DIY美美的標題分隔線

 

 

我今天來教學一下我自己試出來的做法給大家參考

首先我們先點右上角的頭像進入【我的部落格後台】image

 

然後點選左上角的這個符號image進到後台選單區

然後選擇【側欄管理】image

然後在可以看到的版位裡找一下分享連結之類的名稱"我的連結"

  (感謝好心的朋友提點這個欄位本名)

 

"我的連結"主要會出現在部落格主畫面的欄位會在image

所以如果你的"我的連結"框框不在這一區的話,請你點選它將它移動到側欄一的底下

移動好之後就可以開始來編輯,點選設定image齒輪來進行編輯

image

image

 

先編輯標題,然後點選 image

image

我的第一層小標題是用【連結資料夾】

記得打勾"展開收合"的選項,它就會變成一個選單

 

然後再次點擊image這次選擇"連結"這一個選項來進行分享連結的編輯

image

把你要的連結跟資料夾全部+完設定好

image

點選這個資料夾image點開就可以看到所有加入的連結跟順序

image

就這樣按送出,就會變成像這樣了,沒有醜不啦嘰的" + "號

(如果你的分享連結區階層沒有成功,你可以試試看在第一層的地方標題加個空白鍵,接著一樣把所有連結都點開再按送出)

 

 

如果妳跟我一樣文(無)(聊),想加入有的沒的符號在資料夾的標題

我的實測是,資料夾名稱加了符號之後可以加個空白鍵進去,然後一樣把資料夾底下的所有連結都點開再按"送出"

多試個幾次有空白鍵、沒空白鍵這樣,然後莫名其妙就會成功變成沒有"+"號的階層樣子

☀常觀老師文章精選☀     沒空白鍵

☀ 常觀老師文章精選 ☀   有空白鍵

不知道這樣看得出差別嗎 ? 058f4adb8f064c51e6c8f74eb21cb6d8.gif

 

比較搞笑的是我也忘記我用了什麼

最後的成果是

☀ 常觀老師文章精選 ☀ 有空白鍵

☀回天之路☀  沒空白鍵

然後我的分享連結階層就這樣一個有空白鍵一個沒空白鍵的成功

可是我要把它們調成一樣都有空白鍵or都沒有空白鍵

就會有其中一個跑出醜醜的"+"

 

如果大家想知道我的分隔線怎麼用的

其實就只是這樣而已

image

 

更新:

如果你嫌自己編輯連結區只有一塊不夠用,下面語法可以讓你多一區連結分享區~

之後會再多寫一篇介紹怎麼樣玩轉更多的側欄語法~

<p align=left><a href="連結網址" target=_blank>連結名稱</font></a><br>
<p align=left><a href="連結網址" target=_blank>連結名稱</font></a><br>
<p align=left><a href="連結網址" target=_blank>連結名稱</font></a><br>
<p align=left><a href="連結網址" target=_blank>連結名稱</font></a><br>
<p align=left><a href="連結網址" target=_blank>連結名稱</font></a><br>
<p align=left><a href="連結網址" target=_blank>連結名稱</font></a><br><br></p>

 

 

 

要把語法貼在哪裡呢?

先點擊自己右上角的頭像image進到"我的部落格後台"進到"側欄管理"image

點最右邊的版位暫存區的"新增版位"image貼上編輯好的分享連結語法之後按"送出"

image

image

這樣就可以多一個連結分享區囉~

 

 

 

 

 

arrow
arrow

    梅梅 發表在 痞客邦 留言(2) 人氣()