Membuat Menu Iklan Melayang/Floating

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/AVvXsEg9v_P68qeoVYNV8Y7WlazQI2O2fGqOZzF8nVOtgZHE7YxHnICGw0nOO9pmbF7SQah5AAn-92hq9OSLn3OdlduZ9T-vlM3cf2-phz1yDXkQ7d6loOyEiegYqKT__xmmGuejyg_DboKEpsRm/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/AVvXsEhEe8UWWw5t46RX-G22bcvkiOWL6C800FgRlmFvQX51hvWQ0oQLqp8wNRBGpWHKPh2iPDvE5paAY2X-zR5cronEYm2gbTHdcQJnLQqXGuoa0cu9oM4rpcvUbET29vCxrCnyM3p-uqeRmCx_/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"