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