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

Capture3

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.


17 comments:

  1. camne nak letak banner tu bawah entry..
    kat dlm page..bukak page baru ada banner..thnx

    ReplyDelete
  2. kalau pakai read more cari kode <data: post.body/> dan pastekan kode yg no 5 tu dibawahnya

    ReplyDelete
  3. owh.. ko pakai code lain dari aku...

    ReplyDelete
  4. ada mcm2 kode yg boleh diguna untuk buat kotak ads ni..x kisah boleh pakai yg mana2.

    ReplyDelete
  5. Thanks for sharing Ariey, menarik ni...
    ada ke yg nk ltk iklan kat blog aku? ahaks!

    ReplyDelete
  6. mesti ada punya daus blog ko kan top..follower pun ramai

    ReplyDelete
  7. tapi tak kecik ke 100x100..
    slalu orang pakai 125x125

    ReplyDelete
  8. boleh je nk tukar ke 125x125 tapi x boleh ltk byk iklan la..

    ReplyDelete
  9. aku punye blog boleh jerk..
    dah jadi 3 tingkat dah...
    taknak join?

    ReplyDelete
  10. Aku xde banner kalau murah hati boleh buat kat aku satu haha

    ReplyDelete
  11. kat mana nak letak url banner lak kalau html dah edit??

    ReplyDelete
  12. aniq soalan ko aku x brp faham..

    ReplyDelete
  13. buat banner panjang boleh tak? kat mana nak paste?

    ReplyDelete
  14. ok juga banner 100X100 ni tapi aku tak tahu nak ambil kat mana URL banner tu? mana nak cari banner tu?

    ReplyDelete
  15. salam...macam mana nak buat size 125 x 125?

    ReplyDelete

Sila tinggalkan komen ada dibawah ini dan yang berkenaan dengan post sahaja dan semua komen akan ditapis dahulu sebelum ditampilkan.