Tutorial : Cara Buat Kotak Iklan @ Banner Box.

Tutorial time !

Blog korang ade ruang iklan tak ? Kadang kadang template yang korang pakai tu tak disediakan kotak iklan kan ? So, tutorial ni berguna pada korang yang nak ada kotak iklan kat blog korang.

contoh kotak iklan kat blog neon

kotak iklan boleh buat dengan mudah...ikuti tutorial ni ok...

Ok, jom teruskan dengan tutorial !

Cara Buat Kotak Iklan Banner Box : Langkah 1

• Go to >> Edit Html
• Backup template korang
• Tak perlu Expand Widget Template
• Ctrl F dan cari kod pertama : 
• <b:skin><![CDATA[
• Copy kod kedua :
• #Box-Banner-ads  {
• margin: 0px;
• padding: 5px;
• text-align: center;
• }
• #Box-Banner-ads  img {
• margin: 0px 4px 4px 0px;
• padding: 3px;
• text-align: center;
• border: 1px solid #c0c0c0;
• }
• #Box-Banner-ads  img:hover {
• margin: 0px 4px 4px 0px;
• padding: 3px;
• text-align: center;
• border: 1px solid #333;
• }
• Masukkan kod kedua di bawahkod pertama
• Save

Cara Buat Kotak Iklan Banner Box : Langkah 2

• Go to >> Design
• Page Element
• Add page element
• Copy kod ketiga : 
• <div id="Box-Banner-ads">
• <a target="_blank" href="http://www.silampuneon.com/2010/11/iklan-di-blog-silampuneon.html"><img
• border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
• <a target="_blank" href="http://www.silampuneon.com/2010/11/iklan-di-blog-silampuneon.html"><img
• border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
• <a target="_blank" href="http://www.silampuneon.com/2010/11/iklan-di-blog-silampuneon.html"><img
• border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gifquot;/></a>
• <a target="_blank" href="http://www.silampuneon.com/2010/11/iklan-di-blog-silampuneon.html"><img
• border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
• </div>
• Edit link url blog korang. (perkataan yang berwarna merah)
• Edit link url gambar banner box (perkataan berwarna biru) (not neccesary)
• Save

Ok, siap ! Bilangan banner box atau kotak iklan bergantung pada korang. Kalau korang taknak banyak banyak...korang boleh remove beberapa kod. Gambar banner box tu dah cantik dah, tapi kalau korang nak letak gambar lebih menarik, cuma tukar url image je ok ?

Credit : Oom.com

Selamat Maju Jaya !