Cara Membuat Kotak iklan 100x100 di Blogspot.

Sudah agak lama aku tidak membuat tutorial untuk pengguna Blogspot sejak kebelakangan ini.Bukan disebabkan tiada idea untuk menulis tetapi kerana aku tidak mempunyai waktu yang mencukupi untuk mengajar anda semua.Aku perlukan masa yang mencukupi untuk membuat tutorial kerana ingin membuatkan anda benar-benar faham dengan cara yang aku tunjukkan supaya anda semua dapat membuatnya semula nanti.

Pada kali ini aku ingin menunjukkan kepada anda semua bagaimana untuk membuat kotak iklan bersaiz 100x100 di dalam blog anda.Cara membuat Kotak iklan yang ingin aku tunjukkan ini mungkin sedikit berbeza untuk diletakkan bagi sesetengah template jadi anda perlulah mencubanya.Jika tidak berjaya bolehlah bertanya kepada aku.

dibawah ini adalah screenshoot contoh banner 100x100 seperti yang ingin aku tunjukkan cara untuk membuatnya.

Sila ikuti langkah-langkah untuk membuatnya dibawah.

1.Pergi ke layout,kemudian pilih Edit HTML.

2.Cari cari kode ]]></b:skin> tekan Ctr+F jika mengunakan Firefox.

3.Masukkan kode Css dibawah ini diatas kode yang anda cari tadi.

#Banner-ads {

margin:0px;

padding:0px ;

text-align: center;

width : 940px;

}

#Banner-ads img {

margin: 4px 4px 4px 2px;

padding: 3px;

width : 100px;

height : 100px;

text-align: center;

border: 1px solid #101010;

}

#Banner-ads img:hover {

margin:4px 4px 4px 2px;

padding: 3px;

text-align: center;

border: 1px solid #101010;

}

4.kemudian anda cari kode ini pula.<div id='main-wrapper'>

5.Setelah itu anda copy semua kode dibawah ini dan pastekan diatas kode yang anda cari tadi.

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<div id='Banner-ads'>

<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>

<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>

<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>

<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>

<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>

<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>

<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>

<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>

</div>

</b:if>

6.Kemudian klik save.

yang aku tandakan dengan warna merah itu anda boleh ubah mengikut kesesuaian lebar template yang sedang anda gunakan.dan cara untuk meletakkan banner anda boleh ikuti contoh dibawah,

<a hight='100' href='http://arieyblog.blogspot.com' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>

Yang aku tandakan dengan warna oren bolehlah anda gantikan dengan alamat blog anda dan warna hijau ialah untuk alamat gambar banner bersaiz 100x100 anda disimpan.Semoga berjaya aku ucapkan.