Sebelum menginjak ke tutorial tentang Cara Membuat Menu Melayang di Blog Sobat, sobat bisa melihat sendiri di blog saya ini ada menu bar di atas yang meskipun kita scrol ke bawah, menu tersebut tetap pada tempatnya. Itulah yang disebut dengan Menu Melayang. Dan inilah cara memasang di blog sobat. Untuk membuat menu melayang di blog sobat memerlukan dua kode terpisah, yang pertama adalah perintah dan yang kedua adalah eksekusinya.Langkah-langkah memasang Menu Melayang di Blog Sobat
2. Pilih Template >> Lalu klik Edit HTML
3. Cari dengan CTRl+F kode ]]></b:skin>
4. Copy kode pertama di bawah ini dan paste kan di atas kode ]]></b:skin>
5. Cari kode </head>
6. Copy kode kedua di bawah ini dan paste kan di bawah kode </head>
<div id='ki_floating_menu'>
<ul>
<li style='border-left:1px solid rgba(30, 30, 30, 0.125);'><a href='/'><img alt='Home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoFZYEyGt6wZZY9HCffnIQjoTDvJKLJEQcNziDwUvuq8e9cQfnTZtR54CIX-JfndhT0FprMR3bJqhNsTFMXbVl3_YpPZQLBSe30f4Of0EoqbcF_lbKowEEStfgAnG1NRC8WUVM7VWMRWw/s1600/home.png' style='padding:0px;'/></a></li>
<li><a href='http://info-kitaku.blogspot.com/p/daftar-isi-surya-netcenter.html'>Daftar Isi</a></li>
<li><a href='http://www.facebook.com/suryaGT911'>Facebook</a></li>
<li><a href='#'>Twitter</a></li>
<li><a href='https://plus.google.com/117302103221781565003'>Google Plus</a></li>
<li><a href='http://www.kaskus.co.id/profile/5774472'>Kaskus</a></li>
<li><a href='http://www.kaskus.co.id/profile/5774472'>Linked In</a></li>
</ul>
</div>
7. Simpan dan lihat hasilnya.
0 komentar:
Posting Komentar