Cara Membuat Partner Box Di Widget

Cara Membuat Partner Box Di Widget

Partner Box biasanya sih digunakan buat naruh iklan berukuran 125x125 kalau saya sendiri sering begitu tapi yah tergandung dari pemakai itu sendiri mau dijadikan sebuah Partner Box atau Iklan Box. Pada Partner Box saya memberikan 4 Box kosong yang dapat kamu ganti nanti pada bagian IMG dengan berukuran 125x125 tidak boleh lebih karena akan kacau untuk ukuran gambar nya.

Partner Box ini dapat sobat pasang di Widget pada Tata Letak blog dengan mudah tanpa perlu ribet hanya perlu copy dan paste doank yah pastinya perlu sedikit editan pada bagian gambar karena itu dapat mengalihkan ke url blog saya nanti.

Tutorial


1. Masuk ke blog sobat

2. Klik Tata Letak > Tambahkan Gadget > Pilih HTML/JAVASCRIPT > Kemudia copy kode dibawah dan paste

<div class="kotak_iklan">
<a href="http://www.kangian.com/p/contact-us_16.html" target="_blank" title="Pasang Iklan"><img style="border: none;" src="https://2.bp.blogspot.com/-qImlN0dl-PM/Wfjiea80zkI/AAAAAAAAFls/vZcqfxryuc0AuyHTnRX8gEaNMkoEJDRuACLcBGAs/s1600/yeside.png" alt="Pasang Iklan" title="Pasang Iklan" width="125" height="125"></a>
<a href="http://www.kangian.com/p/contact-us_16.html" target="_blank" title="Pasang Iklan"><img style="border: none;" src="https://2.bp.blogspot.com/-qImlN0dl-PM/Wfjiea80zkI/AAAAAAAAFls/vZcqfxryuc0AuyHTnRX8gEaNMkoEJDRuACLcBGAs/s1600/yeside.png" alt="Pasang Iklan" title="Pasang Iklan" width="125" height="125"></a>
<a href="http://www.kangian.com/p/contact-us_16.html" target="_blank" title="Pasang Iklan"><img style="border: none;" src="https://2.bp.blogspot.com/-qImlN0dl-PM/Wfjiea80zkI/AAAAAAAAFls/vZcqfxryuc0AuyHTnRX8gEaNMkoEJDRuACLcBGAs/s1600/yeside.png" alt="Pasang Iklan" title="Pasang Iklan" width="125" height="125"></a>
<a href="http://www.kangian.com/p/contact-us_16.html" target="_blank" title="Pasang Iklan"><img style="border: none;" src="https://2.bp.blogspot.com/-qImlN0dl-PM/Wfjiea80zkI/AAAAAAAAFls/vZcqfxryuc0AuyHTnRX8gEaNMkoEJDRuACLcBGAs/s1600/yeside.png" alt="Pasang Iklan" title="Pasang Iklan" width="125" height="125"></a>
</div>
<style>
.kotak_iklan {margin:auto;text-align:center;}
.kotak_iklan .sidebar .widget-content,.kotak_iklan .sidebar-two .widget-content{padding:0;border:0;}
.kotak_iklan .sidebar .widget {margin-bottom:0;padding:0;}
.kotak_iklan img{background:#fff;text-align:center;margin:10px 5px;transition:all .6s}
.kotak_iklan img:hover{box-shadow:0 8px 20px rgba(0,0,0,0.15),0 5px 5px rgba(0,0,0,0.12)}
.kotak_iklan2 {text-align:center;margin:0 auto;transition:all 1s ease-out}
.kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar-two .widget-content{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
.kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar-two .widget {margin-bottom:0;padding:0;}
.kotak_iklan2 img {text-align:center;transition:all 1s ease-out;}
.kotak_iklan2 img:hover {transition:all .5s ease-out;}
.kotak_iklan3 {position:relative;margin:0 auto;}
#HTML6 .widget-content{background:#ecf0f1;padding:5px 0}
</syle>


3. Edit pada bagian Url agar tidak dialihkan ke halaman blog saya nanti

4. Simpan

5. Selesai

Heeh sekian dulu sob karena lagi ngak ada ide lagi buat post jadi begini lah nasib saya 

0 Response to "Cara Membuat Partner Box Di Widget"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel