Membuat Menu Iklan Melayang/Floating

menu iklan floating melayang
Inabuy.com - Bagaimana cara membuat menu melayang atau floating di blog? atau Bagaimana cara membuat iklan melayang/floating di blog? Pertanyaan ini sering ditanyakan oleh banyak blogger pemula, jadi agar masalah anda terjawab dan iklan/menu melayang/floating ini bisa berfungsi juga di blogmu maka akan saya berikan cara simplenya. Sebenarnya kode script iklan/menu melayang/floating ini bukan asli buatan saya, tapi sedikit ada modifikasi dengan mengkompresnya agar ukuran kode script iklan/menu melayang/floating ini tidak terlalu besar. Berikut cara membuat script iklan/menu melayang/floating :

Cara membuat kode iklan/menu melayang/floating di blog.

Login ke blogmu dan pilih menu 'Rancangan'
Untuk memasang kode script iklan/menu melayang/floating silahkan klik tombol 'Tambah Gadget' di halaman rancangan blogmu.
Setelah terlihat pilihan gadget, pilih gadget 'HTML/Javascript' sebagai tempat meletakkan kode script iklan/menu melayang/floating anda.
Silahkan copy-paste kode iklan/menu melayang/floating di bawah ini :

<script src="http://sidebarmenu.googlecode.com/files/sidebarprototype.js" type="text/javascript"></script><script src="http://sidebarmenu.googlecode.com/files/sidebareffets.js" type="text/javascript"></script><script src="http://sidebarmenu.googlecode.com/files/sidebarmenu.js" type="text/javascript"></script><style> body{font-size:75%}a{outline:none}a:active{outline:none}#sideBar{text-align:left}#sideBar h2{color:#F0FFFF;font-size:110%;font-family:arial;margin:10px 10px 10px 10px;font-weight:bold !important}#sideBar h2 span{font-size:125%;font-weight:normal !important}#sideBar ul{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}#sideBar li{margin:0px 5px 5px 10px;padding:0 0 0 10px;list-style-type:none;display:block;background-color:#DA1074;width:177px;color:#FFF}#sideBar li a{width:100%}#sideBar li a:link,#sideBar li a:visited{color:#FFF;font-family:verdana;font-size:100%;text-decoration:none;display:block;margin:0px 0px 0px 0px;padding:0 0 0 20px;width:100%}#sideBar li a:hover{color:#FF0;text-decoration:underline}#sideBar{position:fixed;width:auto;height:auto;top:140px;left:0px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjIWjUJ7tT0JK8MEkMmsYzqZsVIYjuZfNHBajTONP3FVURrvpkPuHYmcAk65IEupatEN5VuJkMj-sGkmWKO-qFxasU5pBOL66CoovzPqPr1R8soEbhrxmIDTZ_QFZ-1LkMiAazfr6sopUc/s320/left.collapse.border.png);background-position:top right;background-repeat:repeat-y}#sideBarTab{float:left;height:137px;width:28px}#sideBarTab img{border:0px solid #FFF}#sideBarContents{float:left;overflow:hidden !important;width:200px;height:320px}#sideBarContentsInner{width:200px}</style><div id="sideBar"><div id="sideBarContents" style="display:none;"><div id="sideBarContentsInner"><h2>Left<span>Menu</span></h2><ul><li><a href="#">Nama Link Pertama</a></li><li><a href="#">Nama Link Kedua</a></li><li><a href="#">Nama Link Ketiga</a></li><li><a href="#">Nama Link Keempat</a></li></ul></div></div><a id="sideBarTab" href="#"><img alt="sideBar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjURfc853YTs-3Fmv7wCri9bK0T-LRAl81svaAHXltgkodtM-aobH_7H3x2j-UcoMP_vXlbDuDXyOrNd6iGu2XKyAXrfu6ByoV9DzVvh7I8eYILqvcmarVLY0JDQ1fkqMv7EitE-VlJYzwQ/s320/sidebarcollapse.png" title="sideBar" /></a></div>

Untuk menyesuaikan sesuai dengan kode iklan/menu melayang/floating yang diinginkan silahkan ganti kode berwarna merah di atas seperti berikut ini :

<a href="#">Nama Link Pertama</a>
<a href="#">Nama Link Kedua</a>
<a href="#">
Nama Link Ketiga</a>
<a href="#">
Nama Link Keempat</a>

Ketetarangan soal kode iklan/menu melayang/floating :
#   : Ganti dengan url link iklan atau menu yang anda miliki
Nama Link Pertama -dst   : Ganti dengan nama link yang diinginkan


Sepertinya cukup soal iklan/menu melayang/floating ini, silahkan praktekkan di blog anda sendiri. Kalau ada masalah soal pemasangan script iklan/menu melayang/floating ini silahkan berikan komentar anda! Baca juga "211 Backlink dari Situs Whois dalam Sekejap" atau "Keyword 'iklan gratis' Yang Paling Banyak Dicari"
0 Komentar untuk "Membuat Menu Iklan Melayang/Floating"