Wednesday, January 7, 2009

Cara menambah kolom SIDEBAR ADS di template blogspot



Bagi sobat yang sudah tau cara menambah kolom SIDEBAR ADS ditemplate blogspot tentu gak asing lagi dengan triks yang satu ini, dalam perjalanan blogwalking saya malam ini saya sempat mampir dan melihat postingan baru kang Mochal atau Kang Subagya tentang peluncuran template terbarunya SIMPLE MINIMA MAGAZINE yang menurut saya sangat sempurna, disini saya lihat ada kolom sidebar ads di sidebar sebelah kanan atas, nach iseng-iseng lihat kode HTML nya, lalu saya coba terapkan di blog saya Aceh Blogging seperti yang ada di template Kang Mochal ...dan ternyata berhasil.Kalau sobat gak percaya coba lihat dech di Aceh Blogging.

Bagi sobat yang masih Newbie seperti saya kalau mau menambahkan sidebar ads ini,sobat bisa mencoba seperti yang saya coba di blog saya ini.caranya seperti dibawah ini.





1.Setelah sobat login ke blogspot, lalu sobat masuk ke halaman Layout/Tata letak blog sobat dan klik Edit Html( sebelumnya backup dulu template anda dengan cara mengklik Download full template, jadi template sobat yang lama langsung tersimpan ).

2. Lalu sobat copy kode dibawah ini

<div id='sidebar-ads'>
<div class='ads-sidebar'>
<center><ul>
<li><a href='mailto:subagya@gmail.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:subagya@gmail.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
</ul></center>
</div>
</div>

3. Kemudian paste di atas <div id='sidebar-wrapper'>

4. Dan copy kode dibawah ini

#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}

5. Dan paste lagi di atas ]]></b:skin>

6. Klik SAVE ( Simpan pengaturan )

Semoga bermamfaat.

Related Posts by Categories



31 comments:

Subagya January 7, 2009 at 11:45 AM  

weleh2 hwebat bro, anda sudah mulai tertular virus utak-atik HTML wekekekkekek... Thinking Out the box :D

FKPMM March 17, 2009 at 3:58 PM  

wah mantap tue bro.. aku suka.. dengan gaya baru seperti ini... makasih banyak bro... atas informasinya semoga bro tetap jaya dan sukses, by la mudi

Byan Prihandana Jati October 10, 2009 at 4:52 PM  

ok... makasih temann... tp biar ada 4 kotak caranyaa??

PAC GALUR December 27, 2009 at 11:29 AM  

kok tetep ndak bisa ya pasang 7 kolom di blog,..? padahal udah aku ikuti semua caranya mas,......

jayadi January 9, 2010 at 3:21 PM  

aku ikutin step by step tapi kok tampilan blog aku yg lama hilang... gimana ini mas?

Anor Priatno February 12, 2010 at 7:23 AM  

Wow keren nea... Mo nyoba ah...
Anorcampli.blogspot.com

Nasyif February 20, 2010 at 3:24 PM  

Wah keren nih... makasih atas postingan yang berharganya...

Gede Astawan March 12, 2010 at 5:56 PM  

bener-bener membantu...untuk saya belajar iklan, hehe...
makasi kak..

masrays March 26, 2010 at 4:14 AM  

Mantep,,penjelasan yang simpel, padat, jelas...tks buanyak.

karsiman April 18, 2010 at 5:45 PM  

oh gitu tho.. ternyata mudah juga

SUPARNO April 21, 2010 at 2:15 PM  

wah sangat membantu kang.

how download movies June 11, 2010 at 2:48 AM  

thanks infonya. lg butuh bgt nih.

Cheap Laptop Computers July 13, 2010 at 3:17 PM  

cari muter-muter ternyata dapet tutorialnya disini.

tq

Cheap Laptop Computers

ace_thirteenth July 25, 2010 at 10:45 PM  

sip ni artikelx..emng lgi butuh...

boz tuker link y....thankz....

Digital Printing August 16, 2010 at 11:43 PM  

kok di HTML gue nggak ada tulisan ini yasidebar-wrapper

FaizMusic October 7, 2010 at 12:03 AM  

Makasi gan Tutornya sangat Bermanfaat

www.faizmusic.tk

Hafid Junaidi January 24, 2011 at 5:22 PM  

Wah, makasih atas artikelnya ^_^

asfa blog March 4, 2011 at 8:28 PM  

ilmu yang mantap thanks gan ilmunya ya ta sedot gan

arale May 28, 2011 at 3:03 PM  

makasiihh infonya om....

Rina As June 29, 2011 at 9:43 PM  

Trims ya untuk tutorialnya...
Sukses selalu...

otakkacau September 15, 2011 at 10:01 PM  

Makasih sob, buat dokumentasi mo save

Yoga September 15, 2011 at 10:06 PM  

Tips dan triknya bagus, menambah kolom sidebar Ads di template blogspot. Mau tak coba mudah"an berhasil.

Kalo mau keamanan kendaraan di Adira Asuransi Kendaraan Terbaik Indonesia aj, dan untuk jual beli produk atau jasa mampir ke Bejubel Market Place Terbaik Indonesia. Dapetin juga Voucher Hotel Murah di RajaKamar.Com and kalo mau kerajaanhosting Masa Depan Hosting Indonesia atau Pulauweb Web Hosting Murah Indonesia sebagai tempat naruh file web.

Unknown October 8, 2011 at 12:46 PM  

Nice article...thanks bro

Anonymous,  June 13, 2012 at 10:24 PM  

makasih infonya sob

ena June 29, 2012 at 4:29 PM  

info yang bagus sob...mksih

Anonymous,  July 3, 2012 at 10:22 PM  

sangat menarik sekali

Post a Comment

“sekadar meluah rasa, melepas hasrat, melerai ragu. Andai sepi coretan ini, kesepianlah yang sedang bersarang di jiwa.Andai riang coretan ini,kerianganlah yan sedang bertakhta dihati. Mengikut rentak hidupku,musafir dibumi Ilahi. Semoga rahmat-Nya sentiasa memayungi kita bersama”.

Bila artikel ini bermamfaat , tinggalkan komentar kawan

  © Blogger templates The Professional Template by Ourblogtemplates.com 2008 Aceh Blogging

Back to TOP