KAWAH PAPANDAYAN

Cara Membuat Widget Melayang Pada Blog

Cara Membuat Widget Melayang Pada Blog - Widget melayang pada sebuah blog selain akan mempercantik blog juga ternyata banyak manfaat yang bisa sahabat dapatkan dengan Membuat Widget Melayang Pada Blog, diantaranya widget melayang ini bisa sahabat gunakan untuk sebuah iklan PPC. Biasanya iklan PPC yang mungkin tidak bisa ditampilkan secara utuh pada blog karna keterbatasan tempat pada halaman utama. Nah salah satu solusinya sahabat bisa memasang iklan PPC dengan menggunakan widget melayang yang akan saya bahas pada artikel kali ini.

Cara Membuat Widget Melayang Pada Blog

Cara Membuat Widget Melayang Pada Blog - Widget Melayang yang akan saya bahas ukurannya akan menyesuaikan sesuai dengan ukuran iklan yang sahabat pasang, jadi sahabat tidak perlu lagi mengatur ukurannya. Namun untuk penempatannya sahabat bisa menempatkan dimana saja sesuai dengan keinginan sahabat.

Oke apabila sahabat tertarik untuk memasangnya pada blog sahabat berikut langkah langkah Cara Membuat Widget Melayang Pada Blog :

1. Login terlebih dahulu ke blogger
2. Lalu pilih Rancangan
3. Tambahkan Widget Baru / Add Widget
4. Lalu pilih HTML/Javascript
5. Copy kode dibawah ini lalu tempelkan kedalam widget tadi

<style type="text/css">
#gb{
position:fixed;
top:10px; z-index:+1000; } * html
#gb{position:relative;}
.gbcontent{
float:left;
margin-left:220px; 
border:2px solid #bb0000; 
background:#eeeeee; 
padding:10px; } 
</style> <script type="text/javascript">
function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:right"> <a href="javascript:showHideGB()"> .:[Close][Klik 2x]:. </a> </div>
<center>
Silahkan tempelkan kode iklan atau banner milik sahabat disini 
</center>
<script type="text/javascript">
var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>



6. Silahkan atur posisi dan warna widget sahabat dengan mengganti kode yang berwarna BiruUntuk menempelkan kode iklan atau banner sahabat silahkan ganti dan tempelkan pada tulisan Silahkan tempelkan kode iklan atau banner milik sahabat disini yang berwarna merah.

Nah mungkin itu sedikit pembahasan tentang Cara Membuat Widget Melayang Pada Blog, untruk saran dan kritiknya silahkan poskan pada kotak komentar. terimakasih

Ditulis Oleh : Yudus | Media Sharing Sundaboy

Sahabat sedang membaca tulisan Cara Membuat Widget Melayang Pada Blog. Yang ditulis oleh sundaboy Grt. Apabila sahabat ingin menyebar luaskan artikel ini untuk kepentingan umum, dimohon untuk menyertakan Link sumber dibawah ini. Untuk Kritik dan sarannya sahabat bisa mengirimkan pada kotak komentar dibawah, atau melalui email sundaboy88@gmail.com. tengkyu

16 komentar:

  1. mas, kalau membuat space iklan di samping kanan dan kiri blog dengan banner jpg/gif caranya gimana ya?

    thanks

    BalasHapus
  2. tipsnya top bgt gan,, trims ya.

    BalasHapus
  3. Terima kasih banyak kawan dan mohon ijin untuk meng-copy ilmunya. dari saya admin : www.seastech.web.id

    BalasHapus
  4. Makasih yoww, uda ane terapkan... Tapi saya modifikasi sedit2.

    BalasHapus
  5. mantab gan.. senang bisa berkunjung kesini, semoga bermanfaat .salam kenal, kunjungan baliknya ditunggu

    www.produsensusukambingbubuk.com
    susu kambing etawa sari madu utama susu kambing global mandiri sejahtera susu kambing etawa

    BalasHapus
    Balasan
    1. terimakasih sudah mampir, siap menuju tkp gan

      Hapus
  6. mantab gan.salam kenal, kunjungan baliknya ditunggu

    www.produsensusukambingbubuk.com
    www.sarimaduutama.web.id
    www.globalmandirisejahtera.web.id
    www.produsensusukambing.com

    BalasHapus
  7. makasih gan triknya sangat bermanfaat


    nitip juga yahhh
    http://rachmatpalopo.blogspot.com or
    http://infoesehatan.blogspot.com

    BalasHapus
  8. ini dia yang aku cari cari gan

    BalasHapus
  9. Mantap gan... tp yg blm sy ngrti,, kode untuk mengtur posisinya gmn

    BalasHapus
  10. sorry gan, kode iklan yg gimana gan?

    BalasHapus
  11. Oh ia,, sciptnya hanya nampil di halaman utama blog y?

    BalasHapus
  12. Mantap tipsnya.. coba ah gan.. Makasih infonya

    BalasHapus

=================================
- Berkomentarlah Yang Sopan
- Tidak Diperkenankan Memasukan Link Aktif Pada Isi Komentar
- Berkomentarlah Sesuai Dengan Content
=================================