Cara Menambah Sidebar Ads

Assalamu’alaikum Wr. Wb
Bagaimana teman-teman semuannya, perkembangan blog anda selama ini? Tentunya lebih baik daripada hari-hariu kemarinkan? Atau malah lebih buruk. Semoga tidak. Dalam kesempatan kali ini, setelah saya walking-walking dengan kendaraan google, saya menemukan tips bagaimana caranya untuk menambahkan kolom sidebar Ads dalam template blogspot. Tips ini saya temukan dari saudara-saudara kita yang dengan iklhlas membaginya kepada kita.
Seperti saya ini, yang seorang newbi, tips-tips seperti ini sangat membantu saya dalam menjalankan blog saya ini.

Dan semoga ini bermanfaat bagi teman-teman semua.
Caranya yaitu :
1.Login ke blog anda.
2.Klik rancangan
3.klik edit HTML. O ya, sebelumnya untuk berjaga-jaga agar jika terjadi hal yang tidak diinginkan, back up dulu template anda semua. Dengan mengklik Download Template Lengkap
4.Setelah itu klik expan
5.Cari kode berikut :

<div id="sidebar-wrapper">

6.Copy skrip di bawah ini dan paste di atas kode tersebut

<div id="sidebar-ads">
<div class="ads-sidebar">
<center><ul>
<li><a href="tidaksuka.blogspot.com’ target="_blank"><img border="0" height="125"
src=" http://i848.photobucket.com/albums/ab49/Duve-Yuha/Blog/th_banner-1.png" >
</center>" width="125"/></a></li>
<li><a href="tidaksuka.blogspot.com" target="_blank"><img border="0" height="125"
src=" http://i848.photobucket.com/albums/ab49/Duve-Yuha/Blog/th_banner-1.png " width="125"/></a></li>
</ul></center>
</div>
</div>


7. Kemudian cari kode ini

]]></b:skin>

8.Dan Copy skrip berikut ini di atas kode tersebut.

#sidebar-ads {
width:300px;
margin-bottom:10px;
float:right;
background:#fff;
padding:10px;
}
.ads-sidebar{float:left; margin:0pt; padding:0pt}

#sidebar-ads ul li ul{list-style-type:square; margin-left:1.5em; padding:0; border:0}
#sidebar-ads ul li ul li{border:0}
#sidebar-ads .ads-sidebar ul{background:transparent none repeat scroll 0% 50%; border:1px solid transparent; float:left; margin:0pt; padding:10px 0pt 10px 2px; width:300px}
#sidebar-ads .ads-sidebar ul li{display:inline; list-style-type:none; margin:0pt; padding:0pt}
#sidebar-ads .ads-sidebar ul li a:hover{border-bottom:none; list-style-type:none}
ads-sidebar ul{margin:0px; padding:0px}
.ads-sidebar ul li a{float:left}
.ads-sidebar img{margin:0px 0px 5px 8px; border:1px solid #CCC; padding:2px}
.ads-sidebar img:hover{border:1px solid #999}


9.Kemudian klik Simpan Pengaturan.
Cukup sekian tips kali ini, dan bagi teman-teman semua, tidak lupa saya mengingatkan jika anda menginginkan artikel-artikel yang bertajuk islam sebagai penyejuk hati kita insyaAllah diblog ini ada dan insyaAllah juga dapat membantu teman semua.

Share this

Related Posts

Previous
Next Post »