Cara membuat iklan melayang pada blog

Posted by Unknown

Cara membuat iklan melayang pada blog - cara membuat iklan melayang adalah perlu, Iklan merupakan cara pemasaran produk yang efektif untuk saat ini, untuk meraup pembeli dan mendapatkan keuntungan dan lebih dari itu saling memenuhi kebutuhan antar manusia, dengan menampilkan iklan secara melayang pada blog maka kita akan menghemat space dan pengunjung tidak terganggu dengan iklan-iklan tersebut

Namun berkembangnya zaman telah membawa pada era globalisasi dan teknologi yang berdampak positif bagi dunia periklanan, dimana tersedianya fasilitas yang banyak untuk beriklan dan salah satunya adalah pada dunia blogging sebagai media beriklan

Namun hal itu terkadang membuat sebuah blog menjadi sempit dan tidak menarik, sehingga pengunjung pun tidak maw berlama2 di blog kita, apa lagi berkenaan dengan koneksi,, waduh bisa langsung di close pada tab blog kita…

Nah salah satu cara untuk menghemat tempat adalah dengan cara menempatkan iklan pada satu tempat di blog kita atau di kenal dengan iklan melayang

Carany cukup mudah untuk membuat iklan melayang pada blog

  • Login Ke Blogger.com 
  • Pada dasbor pilih Design/Tata Letak 
  • Pilih Page Element/Elemen Halaman 
  • Pilih add Gadget Pilih HTML / JAVASCRIPT 
  • Dan Copy paste kode berikut kedalamnya
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #000000;
background:#ffffff;
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>
letakkan kode iklan anda disini !
</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
  • simpan

dan seperti itulah cara membuat iklan melayang pada blog 
Artikel tentang Cara membuat iklan melayang pada blog Url Address http://penowo.blogspot.com/2011/10/cara-membuat-iklan-melayang-pada-blog.html
Cara membuat iklan melayang pada blog by Mahir Blogging
>

Related Post/terkait

{ 10 comments... read them below or add one }

Admin said...

Nice Gan's....

Unknown said...

mkasih gan,, buat bersama,, kkkk

salam blogger

Musa Khairul Umam said...

Mantep tutorialnya

Unknown said...

@ musa khairul umam ty bro,,,

makasih udh mampir

Blog shidik said...

Ok bisa mas, trms.. tapi saya ada sedikit pertanyaan ni mas. gimana caranya biar iklan melayang itu bisa close kalo di klik iklannya??? Bukan di klik tombol closenya...

Indonesia Jaya said...

Terima kasih banyak atas informasi dan postingan yang telah anda buat,informasi ini sangat berguna bagi saya baru belajar ngeblog terutama dalam hal perbisnisan online
thanks :)

KOSMETIK said...

obat kuat, obat kuat sex, pengobatan dan kesehatan

Toko Online yang menjual Obat Kuat, Alat Bantu sek Pria, Wanita, Obat Perangsang, Kosmetik Kecantikan, Pelangsing

Badan, Pembesar Payudara, pembesar Penis

Kategorinya ada di sebelah kiri

www.sahputraherballs.blogspot.com

Mang uem said...

thanks sudah berbagi ilmunya, sukses selalu....

sorya said...

aq coba2 + iseng2 aja memasang ini pada tamplate blog tepatnya di body,,,
kok sulit sekali ya di letakan di dalam tamplate html di blog,, ada kesalahan terus,,

Blogspot Tutorial said...

wah..
ini melanggar TOS penyedia periklanan ga?

Blogspot Tutorial

 

Mahir Blogging

Here:
Blogger Bertuah

Statistic

Mahir Blogging