Cara Membuat Kotak Iklan Ukuran 125x125 Di Blog

Selamat pagi sobat, pada pagi hari ini saya akan mencoba share Cara membuat kotak iklan ukuran 125x125 di blog. Kotak iklan ini bisa di pasang di semua template, asal di setting melalui CSS. Oke langsung aja ya simak tutorialnya.

Berikut Tutorialnya :

• Masuk Ke Blogger,
• Kemudian, Dashboard >> Template >> Edit HTML,
• Masukkan kode Css dibawah ini di atas kode </style>

.kotak-iklan { background : #196ca8; text-align : center; border-radius : 4px; padding : 12px 0; } 
.kotak-iklan img { background : #2c3e50; margin : auto; padding : 5px; text-align : center; width : 125px; height : 125px; } 
.kotak-iklan img:hover { background : #eee; }

• Kemudian, simpan template,
• Masuk ke tata letak >> Add gadgets >> HTML/Javascript,
• Masukkan kode dibawah ini di dalam HTML/Javascript,

<div class="kotak-iklan">
<a href="Link Iklan" title="Pasang Iklan Klik Disini"><img alt="Pasang Iklan Klik Disini" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpXQZl_JYEoZFN-aHaDrdiFq-vst33ixgZmWQDtpPeGR0UnscbiZBd44kOGeSCzP9dnHvW4G96Ky9K2F_5KocjoXdjf9FAP0QwMIZ3egRXWv21cTOJ9FohFhp0gwo7S-3v_ORfW03MYlk/s1600/125.jpg"/></a>
<a href="Link Iklan" title="Pasang Iklan Klik Disini"><img alt="Pasang Iklan Klik Disini" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpXQZl_JYEoZFN-aHaDrdiFq-vst33ixgZmWQDtpPeGR0UnscbiZBd44kOGeSCzP9dnHvW4G96Ky9K2F_5KocjoXdjf9FAP0QwMIZ3egRXWv21cTOJ9FohFhp0gwo7S-3v_ORfW03MYlk/s1600/125.jpg"/></a>
<a href="Link Iklan" title="Pasang Iklan Klik Disini"><img alt="Pasang Iklan Klik Disini" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpXQZl_JYEoZFN-aHaDrdiFq-vst33ixgZmWQDtpPeGR0UnscbiZBd44kOGeSCzP9dnHvW4G96Ky9K2F_5KocjoXdjf9FAP0QwMIZ3egRXWv21cTOJ9FohFhp0gwo7S-3v_ORfW03MYlk/s1600/125.jpg"/></a>
<a href="Link Iklan" title="Pasang Iklan Klik Disini"><img alt="Pasang Iklan Klik Disini" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpXQZl_JYEoZFN-aHaDrdiFq-vst33ixgZmWQDtpPeGR0UnscbiZBd44kOGeSCzP9dnHvW4G96Ky9K2F_5KocjoXdjf9FAP0QwMIZ3egRXWv21cTOJ9FohFhp0gwo7S-3v_ORfW03MYlk/s1600/125.jpg"/></a>
</div>

• Simpan Dan Cek ^_^

Semoga Bermanfaat

^_^

• Tweet
• Share
• Share
• Share
• Share

About Admin

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Related Post

• Cara Membuat Persentase pada Scroll diblog Halo Sobat S-D, Kali Ini Admin Mau Share Cara Membuat Persentase pada Scroll diblog 1. Login K
• Cara Membuat Sitemap / Daftar Isi Simple Cara Membuat Sitemap / Daftar Isi Simple.  Pada kesempatan kali ini saya akan memberikan pand
• Cara Membuat Tombol Back To Top Dengan Efek BounceCara Membuat Tombol Back To Top Dengan Efek Bounce Ala Si Dickey - okeh agan-agan semua, kali ini s
• Label cloud full color Yeay,membuat suatu label di blog membuat blog kita lebih rapi dengan kategori kategori ya
• Memasang Navigasi Halaman Pada Blog Navigasi halaman adalah suatu daftar halaman pada blog dengan nomor - nomor halaman. Dengan mem
• Kode Aneh di Belakang URL Postingan Blog Kode Aneh di Belakang URL Postingan- Ada beberapa pertanyaan mengenai kode aneh yang muncul pada U