Cara Membuat Kotak Iklan 125x125 di Blog

Cara Membuat Kotak Iklan 125x125 di Blog

Rio Ilham Hadi

01 April 2014

Cara Membuat 4 Kotak Iklan Ukuran 125x125 - Nah sekarang saya akan membagikan tutorial ''Cara Membuat Kotak Iklan Ukuran 125x125'' ya ada yang bertanya kepada saya cara membuat Kotak iklan tersebut,, kotak iklan ini tidak bisa dipasang di semua template,, kalaupun bisa,, pasti ukurannya di perkecil melalui CSS, silahkan simak tutorial berikut..

1. Masuk ke Blogger

2. Dashboard >> Tata Letak >> Add Gadgets

3. Pilih HTML/Javascript

4. Masukan kode dibawah ini di dalam HTML/Javascript

<style type='text/css'>
.kotak-iklan { background : #ddd; text-align : center; border-radius : 4px; padding : 12px 0; } 
.kotak-iklan img { background : #ebf5f9; margin : auto; padding : 5px; text-align : center; width : 125px; height : 125px; } 
.kotak-iklan img:hover { background : #fff; }
</style>

<div class="kotak-iklan">
<a href="LINK-IKLAN" title="Pasang Iklan"><img alt="iklan banner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFKpSF4Td5bg0TThNZIqlsZuAtVpDvoVUB_iMDETbaYerobMa-GdbgBGXemsJK1T4NQrX0e3S8L91HlGzo-51A6OA0E6tUs82SfR8pWzeOdqoNMiN1aFdYCaExCWFwa3-t4PXHlkCQvOg/s1600/125.jpg"/></a><a href="LINK-IKLAN" title="Pasang Iklan"><img alt="iklan banner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFKpSF4Td5bg0TThNZIqlsZuAtVpDvoVUB_iMDETbaYerobMa-GdbgBGXemsJK1T4NQrX0e3S8L91HlGzo-51A6OA0E6tUs82SfR8pWzeOdqoNMiN1aFdYCaExCWFwa3-t4PXHlkCQvOg/s1600/125.jpg"/></a><a href="LINK-IKLAN" title="Pasang Iklan"><img alt="iklan banner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFKpSF4Td5bg0TThNZIqlsZuAtVpDvoVUB_iMDETbaYerobMa-GdbgBGXemsJK1T4NQrX0e3S8L91HlGzo-51A6OA0E6tUs82SfR8pWzeOdqoNMiN1aFdYCaExCWFwa3-t4PXHlkCQvOg/s1600/125.jpg"/></a><a href="LINK-IKLAN" title="Pasang Iklan"><img alt="iklan banner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFKpSF4Td5bg0TThNZIqlsZuAtVpDvoVUB_iMDETbaYerobMa-GdbgBGXemsJK1T4NQrX0e3S8L91HlGzo-51A6OA0E6tUs82SfR8pWzeOdqoNMiN1aFdYCaExCWFwa3-t4PXHlkCQvOg/s1600/125.jpg"/></a></div>

NOTE : Ubah Text yang Berwarna Merah dengan link iklan dan link gambar
Ubah Text yang berwarna Biru dengan deskripsi iklan

5. Klik Simpan... :D


Mudah bukan, Ya itulah Tutorial ''Cara Membuat Kotak Iklan 125x125 di Blog'' Jangan lupa Like dan share tutorial ini ya,,, semoga bermanfaat...

Share This