Menambah Kolom Iklan Dibawah Navbar ~ Situs Gratisku

Pada umumnya, memburu rupiah atau dollar melalui blog bukanlah hal yang asing lagi bagi kebanyakan blogger. Caranyapun macam-macam, dari memasang iklan dari Google Adsense, mengikuti Program Afiliasi, membuat produk sendiri ataupun menjual produk orang lain dan sebagainya. Dan memasang banner ads (banner iklan) adalah cara termudah yang dapat dilakukan untuk "menjerat target" disamping menggunakan "link-link khusus". Dengan cara ini, pengunjung akan dengan mudah melihat sekaligus membaca "sedikit uraian" yang terpampang pada banner ads tersebut. Dan cara pemasangan banner ads-pun bervariasi, biasanya disesuaikan dengan bentuk dan karakter template yang digunakan. Jika anda menggunakan template baru yang sudah support banner ads, tentu tak perlu lagi merubah template anda. Namun jika anda masih "merasa kurang" dan ingin menambah space banner ads pada situs anda, seperti contoh pada gambar 1 dan gambar 2.

gambar 1

gambar 2

Jika anda lebih suka menggunakan template yang sudah siap pakai, silahkan download di zoomtemplate.com, blogtemplate4u.com, o-om.com atau ke situs-situs penyedia template blog gratis yang lain. Namun jika anda ingin bereksperimen dengan mengubah template anda, silahkan ikuti langkah-langkah berikut:
1. Login ke blogger anda
2. Pilih Rancangan, kemudian pilih Edit HTML
3. Beri tanda centang pada Expand Template Widget

Tips:
* Sebelum anda melakukan pengeditan template, ada baiknya mem-backup template anda terlebih dahulu. hal ini untuk mengantisipasi seandainya terjadi kegagalan dakam pengeditan. Caranya: copas seluruh kode HTML template anda dan masukkan ke dalam notepad, atau klik link "Download Template Lengkap".

4. Cari kode

]]></b:skin>

Tips:
* Untuk memudahkan pencarian, tekan F3 atau Ctrl + F lalu masukkan kode pada kolom yang tersedia dibawah papan editor HTML. Kode akan diblog dengan warna hijau.

5. Copy kode berikut dan letakkan diatas kode pada langkah no.4

#Banner-ads {
margin:0px;
padding: 5px;
text-align: center;
width : 960px;
}
#Banner-ads img {
margin: 7px 4px 4px 0px;
padding: 3px;
width : 100px;
height : 100px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Banner-ads img:hover {
margin: 7px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}

6. Cari kode

<div id=main-wrapper>

7. Copy kode berikut dan letakkan diatas kode pada langkah no.6

<div id="Banner-ads">
<a hight="100" href="http://situs_anda.com/" width="100"><img alt="ads" border="0" src="http://i888.photobucket.com/albums/ac84/javanesecyber/125x125_gif.gif" /></a>
<a hight="100" href="http://situs_anda.com/" width="100"><img alt="ads" border="0" src="http://i888.photobucket.com/albums/ac84/javanesecyber/125x125_gif.gif" /></a>
<a hight="100" href="http://situs_anda.com/" width="100"><img alt="ads" border="0" src="http://i888.photobucket.com/albums/ac84/javanesecyber/125x125_gif.gif" /></a>
<a hight="100" href="http://situs_anda.com/" width="100"><img alt="ads" border="0" src="http://i888.photobucket.com/albums/ac84/javanesecyber/125x125_gif.gif" /></a>
<a hight="100" href="http://situs_anda.com/" width="100"><img alt="ads" border="0" src="http://i888.photobucket.com/albums/ac84/javanesecyber/125x125_gif.gif" /></a>
<a hight="100" href="http://situs_anda.com/" width="100"><img alt="ads" border="0" src="http://i888.photobucket.com/albums/ac84/javanesecyber/125x125_gif.gif" /></a>
<a hight="100" href="http://situs_anda.com/" width="100"><img alt="ads" border="0" src="http://i888.photobucket.com/albums/ac84/javanesecyber/125x125_gif.gif" /></a>
<a hight="100" href="http://situs_anda.com/" width="100"><img alt="ads" border="0" src="http://i888.photobucket.com/albums/ac84/javanesecyber/125x125_gif.gif" /></a></div>

8. Simpan template anda

Note:
* Perhatikan langkah no.5. angka 960px (warna merah muda) merupakan lebar dari space yang digunakan, jika anda menginginkan lebih lebar lagi silahkan ganti dengan 100%. Angka 100px (warna biru muda) merupakan lebar dan tinggi banner, jika anda ingin banner ads tampil apa adanya silahkan ganti dengan angka 125px. Angka 1px (warna hijau muda) adalah border / garis tepi gambar, anda dapat menghilangkannya dengan mengganti nilainya menggunakan angka 0 (nol), sedangkan yang berwarna kuning merupakan nilai dari kode warna border, silahkan sesuaikan dengan keinginan anda.
* Perhatikan langkah pada no.7. Ganti alamat URL yang berwarna merah dengan alamat URL situs anda.
* Tidak menutup kemungkinan template yang anda gunakan berbeda dengan tempat yang dipakai pada situs ini, anda dapat mengutak atiknya dengan cara mengubah letak kode.
Selamat bereksperimen dengan template anda..

These icons link to social bookmarking sites where readers can share and discover new web pages.