Cara Membuat Iklan Melayang di Sisi Kanan Kiri Tampilan Blog + Tombol Close

Ingin membuat tampilan iklan melayang disisi kiri dan kana blog ternyata tidak terlalu rumit seperti yang dibayanagkan. Berikut adalah langkah-langkah untuk menampilkan iklan disisi kiri dan kanan pada tampilan blog/website anda.

1. Login terlebih dahulau pada akun blog anda.

2. Klik "Opsi Lainnya" >> kemudian klik "Tata Letak / Layout" >> "Tambah Gadget / add gadget" >> kemudian pilih "HTML/Javascript"

3. Kemudian Copy paste kode script berikut ini :

style type="text/css">
#adsense_blog {
position:fixed;_position:absolute;top:0px; right:0px;width: 160px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
</style>
<script type="text/javascript">
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function close1(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("adsense_blog").style.visibility="hidden"
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="adsense_blog">
<div style="text-align: right;">
<a href="" onclick="close1(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV9ESWeb3iCZPGeQ3YJc14sByS1BzzNUcjgwwIA6nCxz0c5Vy7g_O_2QysS_qPc-RkGzcAuh1Vv932UDL9-4SC9MIqmHlZPL6mnjzI2FIj9RlsK4h10DrGlarCD2tWlFxbjMgfmOUk2Nbo/s1600/close3.png" /></a></div>
<div onclick='close1()'>
<div style="background: #fff;">
<a href="http://abyfarhan7.blogspot.com/p/contact-us.html" target="_blank"><img src="http://i1216.photobucket.com/albums/dd374/abyfarhan/PasangIklan_zps0d4e538b.jpg" border="0" alt="Photobucket" /></a></div>
</div></div>
<style type="text/css">
#adsense_blog1 {
position:fixed;_position:absolute;top:0px; left:0px;width: 160px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
</style>
<script type="text/javascript">
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function close11(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("adsense_blog1").style.visibility="hidden"
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="adsense_blog1">
<div style="text-align: left;">
<a href="" onclick="close11(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV9ESWeb3iCZPGeQ3YJc14sByS1BzzNUcjgwwIA6nCxz0c5Vy7g_O_2QysS_qPc-RkGzcAuh1Vv932UDL9-4SC9MIqmHlZPL6mnjzI2FIj9RlsK4h10DrGlarCD2tWlFxbjMgfmOUk2Nbo/s1600/close3.png" /></a></div>
<div onclick='close11()'>
<div style="background: #fff;">
<p style="line-height: 100%; margin-top: 0; margin-bottom: 0" align="center"> <a target="_blank" href="http://www.soalpsikotes.com/?id=abyfarhan"> <img border="0" src="http://www.soalpsikotes.com/images/ebook-buku-psikotes.gif" width="160" height="600" /></a><p></p> </div></div></div>