Cara Mudah Membuat Iklan Melayang di Pojok Blog

Cara Mudah Membuat Iklan Melayang di Pojok Blog

Cara Mudah Membuat Iklan Melayang di Pojok Blog – Kembali ke rutinitas ng-blog yaitu update postingan setelah hari-hari kemaren sempat panen award dari teman teman saya. Liebster Award 2013 serta Award Company telah saya pajang di Bfc Sarif Blog – Berbagi Tips dan CaraMudah. Terima kasih kepada teman teman yang sudah memberikan Award untuk blog saya ini. Sebelumnya Admin telah membuat artikel tentang Cara Mudah MembuatWidget Facebook, Twitter dan Feed Melayang di Pojok Blog, kali ini sebenarnya hampir sama dengan postingan tersebut yaitu Cara Mudah Membuat Iklan Melayang di Pojok Blog untuk meningkatkan earning iklan sobat.

Dengan membuat iklan melayang seperti ini,iklan anda akan terlihat terus oleh pengunjung dan iklan tersebut tidak akan terlalu menggangu bagi pengunjung karena disertai dengan tomblo close.

Baiklah bagi yang ingin mencobanya berikut adalah langkah-langkah untuk membuat iklan melayang di pojok blog sobat :

• Pastikan anda sudah login di blog sobat
• Terus pilih menu template dan klik edit HTML
• Selanjutnya yaitu membuat kode css untuk iklan melayang di blog ini
• Copy paste kode berikut,letakkan di atas kode ]]></b:skin> tekan tombol ctrl+f untuk mempermudah pencarian

#bottom-right {position:fixed;_position:absolute;top:0px; right:0px;
clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+document.documentElement.clientWidth - offsetWidth);}
.gbcontent{
float:right;border:2px solid #ffffff;background:#ffffff;padding:10px;
}

• Langkah selanjutnya yaitu tahap pemasangan. Caranya cari kode </body> dan letakan kode berikut diatas kode </body>

<script type='text/javascript'>
function showHideGB(){
var gb = document.getElementById(&quot;bottom-right&quot;);
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(&quot;bottom-right&quot;).style.display = &quot;none&quot;;
var dx = Math.abs(x0-xf) &gt; 10 ? 5 : 1;
var dir = xf&gt;x0 ? 1 : -1;
var x = x0 + dx * dir-100;
gb.style.top = x.toString() + &quot;px&quot;;
if(x0!=xf){setTimeout(&quot;moveGB(&quot;+x+&quot;, &quot;+xf+&quot;)&quot;, 10);}
}
</script>
<div id='bottom-right'>
<div style='text-align:right'>
<a href='javascript: void(0)' onclick='showHideGB()'><img alt='close' border='0' height='13' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Nx0V96fV60iVDUd8bPIWlropKNFnYxNmaHM_d4RcS_F-_rUeZLKKNuCkZ50TCxxQcQwM0EZeXr8LIe4FFQ-rrvMinYX6mGBaYF5nba-DYFH_qGRwZ9iER2MGBawI1R1drpL7oH6UHoFP/s200/close.png' title='Close' width='49'/></a>
</div>
Kode Iklan Yang Sudah Di Parse
</div>

• Save template dan lihatlah hasilnya.

Sebenarnya cara ini tidak hanya untuk memasang iklan saja,bisa gambar ataupun yang lainnya sesuai kreasi sobat.

Itulah ulasan tentang Cara Mudah Membuat Iklan Melayang di Pojok Blog, semoga bermanfaat bagi para pembacanya.Terima kasih

Terima kasih telah membaca artikel tentang Cara Mudah Membuat Iklan Melayang di Pojok Blog , Jika anda merasa artikel ini penting,akan sangat membantu dan berguna bagi orang lain jika membagi dan mensharenya dengan mengklik icon G +1, Facebook dan Twitter disamping.

Judul: Cara Mudah Membuat Iklan Melayang di Pojok Blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Bfc Sarif

Silahkan tinggalkan jejak anda di kolom komentar. Terima Kasih.

Posted in: Widget Blog