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
lalu copy kode CSS ini di atas ]]></b:skin> save dulu
kemudian Cari lagi kode
Kalau sudah klik save dan lihat hasilnya
ket : trxt warna merah adalah judul menu silahkan ganti sesuai keinginan kamu
oke langsung saja kita pelajari simak baik-baik ya...
login ke adimin blog kamu kemudian klik template
]]></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
.
Artikel Terkait blogger , HTML/CSS
- Cara Membuat Scrool Pada Arsip Blog
- Cara Pasang Tombol Share Di Dalam Postingan Blog
- Cara Cek Page Rank Blog
- Parse HTML Code for Blogger XML Templates
- Parse Kode Iklan Bagaimana Caranya?
Ditulis oleh:
Pramudya Ksatria Budiman
-
Rating : 4.5
Belum ada komentar untuk " Cara membuat menu Floating di blogger "
Post a Comment
Beri komentar anda.