Beranda > Tutorial > Cara memasang 7 kolom iklan 125×125 di Blogspot

Cara memasang 7 kolom iklan 125×125 di Blogspot

Buat Sobat yang nyari duit sambil ngeblog alias nyari pendapatan tambahan dari Iklan, Afliasi program, PTC,Backlink dan sejenisnya, kali ini saya ada tips dari sahabat blogger ,gimana caranya meamasang 7 kolom iklan 125×125 dibawah header blog sobat, kalau mau lihat contoh iklannya lihat disini

Lebih lanjut Ikuti langkah – langkah dibawah ini :

1.Seperti biasa, 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. Langkah pertama 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&#8217; 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&#8217; 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&#8217; 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&#8217; 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&#8217; 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&#8217; 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&#8217; width=’125’/></a></li>

</ul></center>

</div>

</div>

3. Kemudian paste di atas <div id=’main-wrapper’> atau <div id=’main-wrap1′><div id=’main-wrap2′> kalau template sobat 3 kolom tentu di ada id=main ada sidebar lagi,sobat paste di atas ini <div id=’side-wrapper1′> atau sejenisnya yang nantinya/pada intinya berada di bawah header blog sobat, jadi tergantung template sobat karena masing-masing template berbeda kode Html nya, ada juga

4. Langkah selanjutnya sobat copy kode dibawah ini

#sidebar-ads {

width:970px;

margin-bottom:5px;

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:970px}

#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 5px; border:1px solid #CCC; padding:2px}

.ads-sidebar img:hover{border:1px solid #999}

Nach di sini lebar Width tergantung template masing-masing, disini kebetulan template saya witdth nya 970px (sobat tinggal rubah bsesuai dengan lebar template sobat), demikian juga margins dan pading, menurut selera sobat lah.

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

6. Klik SAVE/Simpan dan lihat hasil semoga bermanfaat

Kategori:Tutorial
  1. Belum ada komentar.
  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: