01 April 2014

Cara Membuat Kotak Iklan 125x125 di Blog

Kotak Iklan

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="http://4.bp.blogspot.com/-VJbOW_1jQH4/UuSrRRO6w4I/AAAAAAAADeg/jo0EA6APwUY/s1600/125.jpg"/></a><a href="LINK-IKLAN" title="Pasang Iklan"><img alt="iklan banner" src="http://4.bp.blogspot.com/-VJbOW_1jQH4/UuSrRRO6w4I/AAAAAAAADeg/jo0EA6APwUY/s1600/125.jpg"/></a><a href="LINK-IKLAN" title="Pasang Iklan"><img alt="iklan banner" src="http://4.bp.blogspot.com/-VJbOW_1jQH4/UuSrRRO6w4I/AAAAAAAADeg/jo0EA6APwUY/s1600/125.jpg"/></a><a href="LINK-IKLAN" title="Pasang Iklan"><img alt="iklan banner" src="http://4.bp.blogspot.com/-VJbOW_1jQH4/UuSrRRO6w4I/AAAAAAAADeg/jo0EA6APwUY/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...
Rhinokage Rio
Rhinokage Rio

Adalah seorang blogger yang suka mempelajari hal-hal yang baru seputar blog, template, SEO dan Bisnis Online. Untuk mempelajari Hal baru, membutuhkan kesabaran dan ketelitian dalam mempelajarinya.

Add Your Comments

  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
Konversi Code
Out Of Topic