Cara membuat menu Floating di blogger

kemarin ada sobat edikomputer yang request cara membuat menu kaya blog saya ini yang katanya cantik mirip kaya kaskus. menu floating sendiri adalah menu yang akan selalu mengikuti scroll pada halaman blog

oke langsung saja kita pelajari simak baik-baik ya...

login ke adimin blog kamu kemudian klik template

kemudian klik edit HTML jangan lupa centang expand template widget

Kemudian cari kode

]]></b:skin>

Gunakan CTRL + F untuk mempermudah pencarian

lalu copy kode CSS ini di atas ]]></b:skin> save dulu
kemudian Cari lagi kode

<body>

kemudian copy kode ini di bawahnya :

<div id='fixed'>
<div id='fixedinner'>
<div id='top-wrapper'>
<div id='topbar'>
<ul id='top'>
<li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiE1Nbp-0vMEVtGyjvKI5YdfrWQb5iUO70r3KqHU0vbdO0C0wTG9M1S1D0g9sdRuNzHWOxE2ZfyJRvnijo18oYLcUJnBDsDZQyrFoy2adX9hbnlWEFT0HZZAsqmyBRyYvb40NEpSXryCxT/s1600/home_white.png' style='padding:0px;'/></a></li>
<li><a href='http://www.edikomputer.com/search/label/Blogger'>Blogger</a></li>
<li><a class='arrow' href='http://www.edikomputer.com/search/label/Wordpress'>Wordpress</a></li>
<li><a href='http://www.edikomputer.com/search/label/Template'>Template</a></li>
<li><a href='http://www.edikomputer.com/search/label/Hosting'>Hosting</a></li>
<li><a href='http://www.edikomputer.com/search/label/Hosting%20dan%20Domain'>Domain</a></li>
<li><a href='http://www.edikomputer.com/search/label/Hosting%20dan%20Domain'>CSS /HTML</a></li>
<li><a href='http://www.edikomputer.com/search/label/Internet'>Internet</a></li>
<li><a href='http://www.edikomputer.com/search/label/Seo'>Seo</a></li>
<li><a href='http://www.edikomputer.com/search/label/template%20blogger'>Blogger Template</a></li>
<li><a href='http://www.edikomputer.com/search/label/Photoshop'>Photoshop</a></li>
<li><a href='http://www.facebook.com/webedikomputer'>Facebook</a></li>
<li><a href='http://twitter.com/edikomputer'>Twitter</a></li>
</ul>
<br class='clearit'/>
</div>
<div style='clear:both;'></div>
</div>
</div></div>

Kalau sudah klik save dan lihat hasilnya
ket : trxt warna merah adalah judul menu silahkan ganti sesuai keinginan kamu

Anda baru saja membaca artikel yang berkategori blogger / HTML/CSS dengan judul Cara membuat menu Floating di blogger . Anda bisa bookmark halaman ini dengan URL http://sisatruk.blogspot.com/2012/11/cara-membuat-menu-floating-di-blogger.html .

Iklan

Artikel Terkait blogger , HTML/CSS

Belum ada komentar untuk " Cara membuat menu Floating di blogger "

Post a Comment