Selamat datang di: www.jual-rebanamarawis.com ( PUTRA PENDAWA )
Toko / Jual Alat Musik Online dan COD (Cash On Delivery)
Contact Person : Ahmad Royani, ST
TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)
PIN BB : 2B4A736C
Home » » cara membuat widget melayang pada blog

cara membuat widget melayang pada blog

Pada postingan kali ini saya aan berbagi tips  cara membuat widget melayang pada blog. Widget yang melayang - layang di blog biasanya digunakan untuk menampilkan iklan, mugkin karena alasan blognya sudah penuh dengan tampilan widget atau karena alasan agar widget ini ingin ditonjolkan oleh pemilik blog. 

Walaupun pada kenyataan nya para pengunjung blog seringkali merasa terganggu dengan keberadaan tampilan widget yang melayang ini, karena menutupi isi / artikel blog yang sedang dibaca oleh pengunjung, oleh karena itu saya sendiri tidak menggunakan cara ini.

Tapi jika Anda tertarik untuk menggunakannya dalam blog Anda, maka  silahkan ikuti langkah - langkah nya sama seperti pada postingan cara memasang widget /gadget pada blog, antara lain::
  1. Langkah pertama adalah login ke akun blogger
  2. Kemudian pilih menu lay out atau "tata letak"
  3. klik "tambah gadget
  4. Pilih gadget/widget dengan konfigurasi "HTML/JavaScript" dengan cara klik tombol  + yang terletak pada sebelah kanan widget tersebut
  5. Copy dan paste kode Berikut:
    <style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:left;margin-left:250px; border:1px solid #bb0000; background:#eeeeee; padding:15px; } </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> TEMPATKAN (PASTE) SRIPT / KODE ISI WIDGET YANG INGIN DITAMPILKAN MELAYANG - LAYANG DISINI </center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>
  6. Anda bisa memodifikasi / mengatur tampilan widget dengan cara memodifikasi text / kode yang berwarnah biru atau ungu pada kode diatas sesuai dengan kebutuhan Anda
  7. Setelas selesai memodifikasi, kemudian klik "Simpan"
  8. Selesai, Anda bisa melihat asilnya, kemudian jika ada yang kurang berkenan, adnda bisa mengeditnya kembali
Demikian tips  cara membuat widget melayang pada blog dari saya, semoga bermanfaat.
Share this article :

2 komentar:

SANTRI TULEN mengatakan...
Komentar ini telah dihapus oleh administrator blog.
Putra Pendawa mengatakan...

@santri tulen: terima kasih atas kunjungannya sobat, dan alhamdulillah saya juga telah menyempatkan untuk kunjungan balik, tapi mohon maaf, dengan sanyat menyesal saya telah menghapus konten komentar Anda karena dalam komen Anda terdapat link keluar, sebenarnya saya sudah menyediakan kolom website pada form komentar dengan tujuan agar pengunjung dapat meninggalkan jejak ( link) melalui kotak yang telah kami sediakan, sehingga saya dapat membalas kunjungannya, dan saya juga tidak memoderasi setiap komentar yang masuk agar pengunjung dapat langsung melihat komentarnya. namun sekali lagi mohon maaf, saya akan menghapus semua kontent komentar yang mengandung link, atau bernada spam.

TOKO PUTRA PENDAWA

Contact Person : Ahmad Royani, ST


  • TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)


  • Alamat : Perumahan Griya Asri Camar A - 18, Kp. Raden RT/RW: 03/07 Kel. Jati Raden Kec. Jati Sampurna Kota Bekasi Jawa Barat KP 17433
  • Klik PETA LOKASI PUTRAPENDAWA
  • Sedia Layanan Antar & bayar di tempat khusus wil Jakarta, Bogor, Depok, Tangerang dan Bekasi (Jabodetabek) dan Sekitarnya
    Terima Jasa Servis / Perbaikan
  •  
    Copyright © 2013. JUAL ALAT MUSIK MARAWIS & REBANA - All Rights Reserved
    Template Created by Mas Template Supported by jual kostum marawis & alat drum band
    Proudly powered by Blogger |