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



34 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

Belajar Untuk Berkarya 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??

dapur-ngiler November 2, 2009 at 3:54 PM  

mantabz sob blog yee... :)

money December 27, 2009 at 1:28 AM  

weh, ini cocok bgt....

lowongan kerja 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

Suhel Jasuni February 20, 2010 at 3:24 PM  

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

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....

Anonymous,  August 7, 2010 at 1:00 PM  

is speedily Links london Chainsapproaching and men across the earth will start stress out about it. links of london sweetie bracelet Choosing a Valentine's Gift can be somewhat grueling, friendship bracelets especially if she and you are entirely close and all you want to do is dash her sympathy during this unusual reason. links of london uk All you necessity is some planning, the little thoughts, and a whole lot of honey. links of london silver If you are mystified for an idea for the Valentines Day gift now then why not ponder a discount links of london section of .Links Of London Bracelet is the classic and thoughtful gift to believe, links of london bracelet sale however, this is regularly above people's budgets. When selecting cheap links of london bracelet Bracelet get something that she will like, attire and show off to her links. links of london bracelet uk If she never wears jewels then bountiful her a wristlet is a very discount links of london bracelets risky and inadvisable gift.

Spanduk Cepat , Bermutu & Berkualitas August 16, 2010 at 11:43 PM  

kok di HTML gue nggak ada tulisan ini yasidebar-wrapper

Anonymous,  August 24, 2010 at 9:08 AM  

When UGG Classic Tall moment in Classic Tall Boots time Classic Tall uggs pertains find ugg 5815 expensive jewelry regarding UGG Cardy Mother you'll notice Cardy Boots engagement rings is among the actual
Classic Tall uggs ideal presents you can actually produce your mother. You Cardy Ugg boots can find explanation Cardy uggs why folks should display his or her's mother's ugg 5819 with gifts. A birthday and mom's birthday are usually a couple of the extremely UGG Classic Short

faiz 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.

ena June 29, 2012 at 4:29 PM  

info yang bagus sob...mksih

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

Bergabung Yok...

My Blog List

Guestbook






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

Back to TOP