Sempak Mungil XI IPS 4

Tutorial Blog Cara Memasang Banner ads 125 x125 adalah resep yang akan dibahas kali ini. apa itu banner dan untuk apa fungsinya, tentu sobat blogger Dapur Tutorial Blogspot sudah pada tau sehingga tidak perlu dijelaskan lagi. Contoh banner ads 125 x 125 kurang lebih jadinya seperti pada gambar berikut :

Apabila ingin melihat demonya bisa sobat blogger lihat dihalaman blog ini. Cukup mudah untuk memasang baner iklan 125 x 125 dihalaman blog, hanya perlu mengikuti beberapa langkah berikut :

Langkah 1 : Membuat kotak untuk banner

1. Login menggunakan akun blogger anda
2. Masuk kehalaman Edit HTML dengan cara Pilih Template --> Edit HTML --> Proses/Lanjutkan (jika masih bingung baca tutorial cara mengakses halaman Edit HTML)
3. Sekarang cari kode ]]></b:skin> ( gunakan tombol CTRL + F dan F3 agar lebih mudah menemukan kode)
4. Copy kode dibawah dan letakan diatas kode ]]></b:skin>


#Banner-ads125x125  {
margin: 0px;
padding: 5px;
text-align: center;
}

#Banner-ads125x125  img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}

#Banner-ads125x125  img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}

5. Jika sudah Simpan Template

Langkah 2 :  Memasukan Gambar Banner Kehalaman Blog

1. Pilih Tata Letak
2. Tambah Gadget --> HTML JavaSript
3. Copy Kode Berikut dan masukan kedalam Widget HTML/JavaSript


<div id="Banner-ads125x125">

<a target="_blank" href="http://dapur-tutorial.blogspot.com/"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3XmTOulN13wGU0OVB1lT0qEtQphbzejaOfYECrTpPrq1Y87G1jkVGJFuANPyhTv-rOheBVuz4mZqyu4xeLxmacKDY61lFdw_7UFY2pjs0AYqEtbus06oRDaaiR5KGHSrjKnHe5LmHG-ze/s1600/Banner2.gif"/></a>
<a target="_blank" href="http://dapur-tutorial.blogspot.com/"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3XmTOulN13wGU0OVB1lT0qEtQphbzejaOfYECrTpPrq1Y87G1jkVGJFuANPyhTv-rOheBVuz4mZqyu4xeLxmacKDY61lFdw_7UFY2pjs0AYqEtbus06oRDaaiR5KGHSrjKnHe5LmHG-ze/s1600/Banner2.gif"/></a>
<a target="_blank" href="http://dapur-tutorial.blogspot.com/"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3XmTOulN13wGU0OVB1lT0qEtQphbzejaOfYECrTpPrq1Y87G1jkVGJFuANPyhTv-rOheBVuz4mZqyu4xeLxmacKDY61lFdw_7UFY2pjs0AYqEtbus06oRDaaiR5KGHSrjKnHe5LmHG-ze/s1600/Banner2.gif"/></a>
<a target="_blank" href="http://dapur-tutorial.blogspot.com/"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3XmTOulN13wGU0OVB1lT0qEtQphbzejaOfYECrTpPrq1Y87G1jkVGJFuANPyhTv-rOheBVuz4mZqyu4xeLxmacKDY61lFdw_7UFY2pjs0AYqEtbus06oRDaaiR5KGHSrjKnHe5LmHG-ze/s1600/Banner2.gif"/></a>

</div>

Keterangan :
• Kode yang berwarna biru adalah URL yang dituju saat banner diklik
• Kode yang berwarna merah adalah url image atau gambar
4. Klik Simpan dan Lihat Hasilnya