Cara membuat kotak banner

Membuat kotak banner hal yang biasa dilakukan oleh para blogger, tapi bagaimana membuat kotak banner yang teratur, itulah pertanyaan yang perlu dijawab, sebelumnya kamu juga harus tau dulu berapa lebar halaman sidebar kamu, kali ini saya akan kasih tutorialnya buat kamu yang pengen membuat kotak banner dengan ukuran 125x125px, karena ukuran banner ini adalah ukuran srandar yang sering dipakai oleh para blogger untuk memasang iklan ataupun bertukar banner dengan sesama blogger untuk bertukar link.

Langkah pertama:

  • Log in dulu ke blogger
  • klik Tata letak
  • Edit HTML
  • jangan lupa download dulu tamplate asli anda untuk mencegah hal-hal tak diinginkan
  • cari kode ]]></b:skin>
  • letak kan kode dibawah ini di atas kode ]]></b:skin>


/* Kotak Banner
===================== */
#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center; }

#Box-Banner-ads img {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px outset #c0c0c0; }

#Box-Banner-ads img:hover {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px inset #333; }



  • Simpan tamplate anda
Langkah Kedua:
  • Klik Tata letak
  • Elemen halaman
  • klik HTML/Java script
  • kemudian copy kode di bawah ini


<div id=”Box-Banner-ads”>
Letakkan kode banner anda disini

<a target=”_blank” href=”http://#”><img alt=”banner ads” src=”http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif&#8221; border=”0″/></a>

<a target=”_blank” href=”http://#”><img alt=”banner ads” src=”http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif&#8221; border=”0″/></a>

</div>



yang kode # ganti dengan alamat blog anda disana untuk memasukkan anda ganti tulisan Letakkan kode banner anda disini dengan script banner anda kemudian simpan liat hasilnya

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: