> > Caraways: Membuat Menu Iklan Melayang/Floating

Caraways: Membuat Menu Iklan Melayang/Floating

SCROLL - TARIK KE BAWAH UNTUK MELIHAT SEMUA ISI ARTIKEL

menu iklan floating melayang
Caraways - 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/AVvXsEh5Cck8qMbdvb0nHJpAnJx-fkHjGSvaX6ul7_DydpsdWjgIJOeJ8cTnFWCOPGur9LPrtD0RwuqVnlFqHaNARjZ10ihbVqVGL0rGhhvFGbUEC3V22hmSsHVuOHrWzrkcOtJ_V9Rw46lrQ7bf/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/AVvXsEiiOpSdRRuf2jBwhBOnn3H74h-mv2RB2tLsRU6iqbsCdh2dmU8lavpaAxqD-WkJkRKR_2mtgkHYPFmU0672izSmrWazu5hJplB0lyt9vedH27nbZPCQjg4kAkxMYLmnYTCY8lQq-GG7tG33/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 :

  1. Trik SEO Menjebak
  2. 40 Backlink dari Social Network yang Dofollow
  3. Keyword INFO - Paling Banyak Dicari di Google
  4. Cara Membuat Website dot com Gratis
  5. Keyword Iklan Gratis Paling Dicari
  6. Membuat Menu Iklan Melayang
  7. Peluang Usaha dari Bisnis Sampingan
  8. 200+ Backlink Dari situs Whois
  9. Paragraf Pertama Penentu Ranking Artikelmu
  10. Mengganti Template Blogspot Terbaik


Category Article