Thursday, 24 December 2015

Navigation #2


hai! lanjut ke navigation #2 nih..




  • Template designer : Blogger Dashboard > Templates > Edit HTML > CTRL+F ,cari </html> > Paste dekat sebelum code </html> tadi.
  • Blogskin/ Classic template : Paste code ni dekat atas/sebelum </html>
  • Edit the codes http://htmledit.squarefree.com/
<style>
.hyosung{
width:100%;
background:url(http://i.imgur.com/bbipa.png);
border-bottom:5px solid #FFEEEE;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;}
a.jieun{
background:#FFEEEE;
text-decoration:none;
color:#FFBBBB;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;}
a.jieun:hover{background:#FFBBBB;
color:#fff;
</style>
<div class="hyosung">
<a class="jieun" href="LINK">ABOUT</a>
<a class="jieun" href="LINK">TUTO</a>
<a class="jieun" href="LINK">LINKIES</a>
<a class="jieun" href="LINK">FREEBIES</a>
<a class="jieun" href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">FOLLOW</a></div>


cr:here

No comments:

Post a Comment