Cara Membuat Widget Melayang atau popup di Halaman Blog

Masih dalam seputar ngeblog kali ini Ngeblog Aja akan mencoba berbagi Cara Membuat Widget melayang,dari judulnya aja udah dapat di simpulkan bahwa widget ini akan melayang-layang di blog walaupun scrol mouse di tarik maju mundur.Bagi publiser iklan widget ini akan sangat berguna untuk menaikan pendapatan dari PPC karena penempatan iklan tersebut langsung akan menarik perhatian para visitor walaupun ada sebagian PTC yang melarang keras menempatkan iklan meraka di widget seperti yang sedang kita bahas ini,disamping itu pengunjung juga akan sangat terganggu saat sedang membaca atikel kita.so...apakah sobat masih mau menggunakan widget melayang untuk menempatkan iklan PTC dan sejenisnya? itu semua kembali pada sobat sendiri,tapi bagi yang ingin memasngnya silakan simak petunjuk singkat di bawah ini:


  1. Login Ke blogger
  2. Pilih Rancangan
  3. Pada elemen halaman klik ''Tambah widget''
  4. Dan pilih Widget HTML/Javascript
  5. Copy dan pastekan code di bawah ini:
  6. Trus Simpan.

<style type="text/css">
#gb{ position:fixed; top:0px;left:0px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ border:2px solid #bb0000; background:#eeeeee; padding:5px; }
</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 iklan bannr atau widget di sini</center> <script type="text/javascript">
var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div>
</div>





tempatkan iklan bannr atau widget di sini
Lihat Contohnya di Pojok kiri Atas.
NB :Pada kode yang berwarna biru di atas, adalah nilai pengaturan untuk posisi, background,dan border widget tersebut. Untuk yang berwarna merah adalah letak script sobat entah itu script Iklan,banner,gambar atau widget lain misal facebook fanspage.

SELAMAT MENCOBA
Salam Buat Temen-temen yang selalu setia kunjungi blog ini.
Tipnya Ngeblog Aja akan selalu share trik dan tips seputar Blogger dan Sebagainya.

Baca Juga

Share this article :
 

+ komentar + 17 komentar

Selasa, 30 September 2014 pukul 23.11.00 WIB

nice tips gan kunjungan balik yah

Minggu, 23 November 2014 pukul 00.04.00 WIB

Thank's infonya,mantap gan artikelnya , , ,

Minggu, 23 November 2014 pukul 00.04.00 WIB

Thank's infonya,mantap gan artikelnya , , ,

Rabu, 21 Januari 2015 pukul 09.27.00 WIB

makasih banyak sob buat tutorialnya sob.

Rabu, 22 April 2015 pukul 17.41.00 WIB

mengapa kalau gambarnya format gif tidak bisa di close setelah 2x klik ttp tidak bisa hilang

posisi saat ini di http://cangkulrecehan.blogspot.com/
sambil cari script lain untuk diperbaiki

Anonim
Sabtu, 19 Desember 2015 pukul 19.15.00 WIB

cara biar posisinya ke tengah gimana

Anonim
Sabtu, 19 Desember 2015 pukul 19.16.00 WIB

nice info gan hehehe

Senin, 25 Juli 2016 pukul 11.35.00 WIB

Nice info Gan, Mampir ke blog ku ya http://artikel-uang.blogspot.com

Kamis, 18 Agustus 2016 pukul 12.31.00 WIB

klo dimasukkan gambar bagaimn ya

Senin, 06 Februari 2017 pukul 16.55.00 WIB

Terimakasih infonya gan....
salam kenal...

ONLINE MUSIC ARRANGER
www.musicarranger.id

Jasa Aransemen Musik, Pembuatan Lagu, Jingle / Spot Iklan dan Soundtrack secara ONLINE.

Kamis, 08 Juni 2017 pukul 20.11.00 WIB

Sip dah melayang mas, makasih ya

Sabtu, 24 November 2018 pukul 15.07.00 WIB

mantap gan

Sabtu, 29 Desember 2018 pukul 17.22.00 WIB

supaya klik nya sekali aja gimana ya ?

Anonim
Minggu, 05 Mei 2019 pukul 10.21.00 WIB

Tes

Minggu, 05 Mei 2019 pukul 10.23.00 WIB

Menarik banget nih, patut dicoba. Tapi ngomong2 bagaimana pendapat temen2 dengan tutorial saya ini Membuat Pop Up Card Unik

Senin, 28 Desember 2020 pukul 02.51.00 WIB

Nikmati Promo Bonus Menarik Di Agen Judi Online Linkaja88. Menyediakan Segala Jenis Permainan Judi Online Terlengkap. Bisa Deposit via e-Money !

Tersedia :
• Deposit Via Ovo
• Deposit Via Gopay
• Deposit Via Dana
• Deposit Via Sakuku
• Deposit Via Linkaja

Link Daftar » https://bit.ly/regisbvgaming

Gabung Dan Menangkan Jackpot Ratusan Juta Setiap Harinya Di Agen Linkaja88 Sekarang Juga!
Info Selengkapnya Hubungi Kontak WA Cs Kami Yang Bertugas (Online 24 Jam Setiap Hari) :
» Nomor WhatsApp : 0812–2222–995

Rabu, 23 Juni 2021 pukul 03.09.00 WIB

Terimakasih
Masih ada Sampe sekarang ����

Posting Komentar

 
Copyright © 2012. Belajar Ngeblog Aja - All Rights Reserved
Home| Contact Us| Term of Service| Privacy Policy|
Template Created by Creating Website
Proudly powered by Blogger