2016/1/11 Blogger小工具(4)

2016/1/11 Blogger小工具(4)

上一次的Blogger小工具(3):傳送門

這次因為有人說要上面那排的語法

所以我就將他貼出來(但是ㄊ沒留言阿)

這個其實有更高階的版本

叫下拉式選單

但是那要修改HTMI，太麻煩了...

所以就用這個比較簡單

方法一樣，後台>版面配置>小工具

之後插上這些語法

-----------------------------------------------------------------

<style type="text/css">

<!--

body {

margin: 0;

padding: 0;

}

#backline {

z-index: 0;

width: 100%;

}

#menu {

z-index: 1;

width: 100%;

font:10.5pt Arial;

text-shadow: 1px 1px 1px #000;

text-align:left;

}

#menu ul {

list-style: none;

padding: 5px;

}

#menu li {

display: inline;

}

#menu a:link, #menu a:visited {

padding: 4px 10px 2px 10px;

color: #fff;

background-color:#1D5018;

text-decoration: none;

border: 1px solid gray;

-moz-border-radius: 5px;

}

#menu a:hover {

color: #000;

background-color: #fff;

border: 1px solid white;

}

-->

</style>

<div id="backline"></div>

<div id="menu">

<ul>

<li><a href="網址" title="按鈕說明">按鈕名稱</a></li>

</ul>

</div>

-----------------------------------我不是分隔線-----------------------------------------------

之後要修改的就只有1個東西

<li><a href="網址" title="按鈕說明">按鈕名稱</a></li>

這個是要在上面填入他所需要的東西

例如:<li><a href="http://fxshec21140.blogspot.tw/" title="茉莉奈的網址">茉莉奈</a></li>

像是這樣，如果你需要更改上面的顏色

也可以找有#的，有點英文應該是沒問題的

按照慣例給   google翻譯

如果你不知道怎麼樣是什麼顏色的話

可以到後台>範本>自訂>進階，裡面會有很多顏色

你在把他的顏色複製下來就好

有不懂得在下面問

希望大家都可以踴躍留言

你的留言是我寫文章的原動力

謝謝大家的觀看