Multi blog jasa pendaftaran Google adsense da agen pulsa dan ppob
sebuah blog ataupun website pada dasarnya sudah di berikan fasilitas untuk menampilkan menu-menu pada blog baik menu postingan ataupun menu laman/halaman.
namun kita sebagai pemilik blog jika kurang puas dengan tampilan standart maka kita bisa mencari tampilan yang sesuai yang kita inginkan
pada postingan multi blog kali ini saya akan berbagi panduan blogger yaitu cara membuat menu floating atau menu yang ikut naik turun jika halaman blog di geser
Floating menu sering juga di sebut dengan menu melayang artinya sebuah tampilan menunya tetep kelihatan walau halaman di geser keatas maupun kebawah , seperti pada menu di blog multi blog ini , jika tidak percaya silahkan gulirkan kebawah menunya masih kelihatan tidak.
Floating menu ini menurut saya pribadi sangat memberikan kemudahan bagi pengunjung ataupun kita sendiri karena kita selalu bisa melihat menu apa saja sih di dalam blog ini
uraian diatas tentang menu floating saya kira cukup namun jika masih ada pertanyaan silahkan untuk berkomentar saja , saya akan sepenuh hati untuk memberikan panduanya
dan jika diantara kalian ingin membuat menu floating silahakn simak cara pembuatanya di bawah ini :
1.Buka blog anda dan login lalu kedashboard blog
2.pilih template dan klik Edit HTML
3.Lalu cari kode ]]></b:skin> didalam kode html template blog anda
4.selanjutnya kopi kode di bawah ini dan pastekan tepat di atas kode ]]></b:skin>
keterangan :
- kode di atas yang warna merah itu adalah url dari menu yang ingin dii tampilkan jadi silahkan ganti dengan url postingan/url laman blog anda
sebuah blog ataupun website pada dasarnya sudah di berikan fasilitas untuk menampilkan menu-menu pada blog baik menu postingan ataupun menu laman/halaman.
namun kita sebagai pemilik blog jika kurang puas dengan tampilan standart maka kita bisa mencari tampilan yang sesuai yang kita inginkan
pada postingan multi blog kali ini saya akan berbagi panduan blogger yaitu cara membuat menu floating atau menu yang ikut naik turun jika halaman blog di geser
Floating menu sering juga di sebut dengan menu melayang artinya sebuah tampilan menunya tetep kelihatan walau halaman di geser keatas maupun kebawah , seperti pada menu di blog multi blog ini , jika tidak percaya silahkan gulirkan kebawah menunya masih kelihatan tidak.
Floating menu ini menurut saya pribadi sangat memberikan kemudahan bagi pengunjung ataupun kita sendiri karena kita selalu bisa melihat menu apa saja sih di dalam blog ini
uraian diatas tentang menu floating saya kira cukup namun jika masih ada pertanyaan silahkan untuk berkomentar saja , saya akan sepenuh hati untuk memberikan panduanya
dan jika diantara kalian ingin membuat menu floating silahakn simak cara pembuatanya di bawah ini :
1.Buka blog anda dan login lalu kedashboard blog
2.pilih template dan klik Edit HTML
3.Lalu cari kode ]]></b:skin> didalam kode html template blog anda
4.selanjutnya kopi kode di bawah ini dan pastekan tepat di atas kode ]]></b:skin>
/* Floating Menu */
#ki_floating_menu{background-color: #1484CE;background: #1484ce;background: -moz-linear-gradient(top, #1484ce 0%, #1274b5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1484ce), color-stop(100%,#1274b5));background: -webkit-linear-gradient(top, #1484ce 0%,#1274b5 100%);background: -o-linear-gradient(top, #1484ce 0%,#1274b5 100%);background: -ms-linear-gradient(top, #1484ce 0%,#1274b5 100%);background: linear-gradient(to bottom, #1484ce 0%,#1274b5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1484ce', endColorstr='#1274b5',GradientType=0 );border-bottom: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 2px 0 #0E5A8C;box-shadow: 0px 2px 0px #0e5a8c;height:34px;width:100%;min-width:970px;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;border-bottom:1px solid #2a8fd2;}
#ki_floating_menu ul{list-style: none;margin:0 auto;width:970px;}
#ki_floating_menu ul li{float:left}
#ki_floating_menu ul li a{line-height:34px;padding:0 15px;color:#FFFFFF;font-size:13px;font-family:Arial, sans-serif;text-shadow:0px -1px 0px #0f669f;display:block;text-decoration:none;border-right: 1px solid #1470ad;border-left:1px solid #2a88c6;}
#ki_floating_menu ul li a:hover{background-color:rgba(255,255,255,0.125);color:white;}
5.cari lagi kode di dalam HTML template anda kode </head>
6.lalu kopi kode di bawah ini dan pastekan di bawah kode ]]></b:skin>
<!-- Floating Menu-->
<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='http://4.bp.blogspot.com/-EjgIhPH-_8k/T2X5jYfOJZI/AAAAAAAABmw/yA1YFlwMqRU/s1600/home.jpg' style='padding:0px;'/></a></li>
<li><a href='url anda'>Menu 1</a></li>
<li><a href='url anda'>menu 2</a></li>
<li><a href='url anda'>Menu 3</a></li>
<li ><a href='http://www.mahadewapulsa.com/software'>Download</a></li>
<li><a href='http://www.mahadewapulsa.com/'>Tutorial Blogger </a></li>
<li><a href='http://www.mahadewapulsa.com/p/beranda.html'>Jasa murah bikin Blog </a></li>
</ul>
</div>
- kode yang warna pink adalah nama dari pada menu tersebut ( jadi silahkan ganti sesuai laman anda )
- kode yang warna hijau itu sebagai contoh url nya anda boleh menggantinya
7. jika sudah selesai mengeditnya lalu klik pratinjau dulu
8. jika setelah klik pratinjau kode tidak eror maka simpan template blog anda
9. selesai..
dan silahkan cek hasil pembuatan menu floating nya dengan cara membuka ulang blog anda
sampai disini panduan blogger dari multi blog tentang cara membuat menu floating, semoga berguna , terimakasih...