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:
===================== */
#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; }
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>
 
===================== */
#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
 
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" border="0"/></a>
<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>
</div>

Tidak ada komentar:
Posting Komentar