1将以下代码添加到模板> Customize > Advanced > Add CSS.
这会将代码放在模板中> Edit HTML.
/ *-START DROPDOWN CSS-* / #导航栏 { #navigationcss { #navigationcss ul { #navigationcss li a,#navigationcss li a:link,#navigationcss li a:visited { #navigationcss li a:悬停,#navigationcss li a:active { #navigationcss li li a,#navigationcss li li a:link,#navigationcss li li a:visited { #navigationcss li li a:悬停,#navigationcss li li a:active { #navigationcss li { #navigationcss li ul { #navigationcss li:hover ul,#navigationcss li li:hover ul,#navigationcss li li li li:hover ul,#navigationcss li.sfhover ul,#navigationcss li li.sfhover ul,#navigationcss li li li.sfhover ul { / *-END DROPDOWN CSS-* / .tabs-outer,.tabs .widget ul {溢出:可见;} ]]></b:skin> |
注意:代码“.tabs-outer,.tabs .widget ul {溢出:可见;}”用于解决有时在某些Blogger模板上不可见的下拉菜单的问题。
2. Go to Layout >添加一个新的HTML / JavaScript小工具,并向其中添加以下代码。
不同的Blogger模板可能具有不同的布局来放置此小工具。
<!–Start Navigation –> <div id =“ navigationbar”> <ul id =“ navigationcss”> <li><a href=”http://91sec.blogspot.com”>Home</a></li> <li><a href=”//91sec.blogspot.ca/p/sitemap2.html”>Sitemap</a> <li><a href=””>Resources</a> <li><a href=””>Tools</a> <li><a href=””>About</a> <li><a href=”http://34.215.22.243″>fabiandinkins.com</a></li> |