Cara Membuat Widget Kotak Partner Blog

Widget Partner Blog

1.     Login akun blogger anda.

2. Silahkan Pilih “Tata Letak” lalu pilih “Tambah Gadget/Add Gadget” kemudian pilih “HTML/JavaScript”. Maukkan kode berikut pada kolom yang tersedia.

3.    Pastekan kode dibawah ini didalam kotak tersebut.

<div id="kotakiklan">

<a href="http://www.keong16mb.tk/" target="_blank" title="Keong16mb"><img alt="" height="120" border="0" src="https://scontent-sin6-2.xx.fbcdn.net/v/t1.0-9/21034284_1268859289907826_1661559024809650679_n.jpg?oh=a336922d3007c0cf18450edde04a9a6c&oe=5A19F9A8" width="120" /></a>

<a href="http://keong.16mb.com/GoYo/" target="_blank" title="SOSMED Keong16mb"><img alt="" height="120" border="0" src="https://scontent-sin6-2.xx.fbcdn.net/v/t1.0-9/21032614_1268859363241152_7808875387855499658_n.jpg?oh=ffb673198918283f5f87cbd81973950f&oe=5A201BA2" width="120" /></a>

<a href="http://www.tereue.ga/" target="_blank" title="Deskripsi Blog Tujuan"><img alt="" height="120" border="0" src="https://scontent-sin6-2.xx.fbcdn.net/v/t1.0-9/20953727_2022539541309793_5397408385350609983_n.jpg?oh=dc06963124d53d7578410696e2d59e93&oe=5A35C9FE" width="120" /></a>

<a href="http://www.nyarikduit.tk/" target="_blank" title="Deskripsi Blog Tujuan"><img alt="" height="120" border="0" src="https://scontent-sin6-2.xx.fbcdn.net/v/t1.0-9/21078466_1924422911146518_3415552828629222571_n.jpg?oh=ecacbe39958bedef1b82dbc5ff40760e&oe=5A219480" width="120" /></a>

<a href="mailto:aryopratama04082000@gmail.com" target="_blank" title="Deskripsi Blog Tujuan"><img alt="ALT/TEXT GAMBAR" height="120" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwcPQvf_YJcLPy1MYkyB5rD70JdAVpG8-BKerz1d4tGmE__BuTwgIrE-C47UmLoqSOaUpEAZMzD3c9mHZqTtY84wwRcnHYDn9H874voJB7i1QRmFckmI_uNDyiMwgFzPI7H_pX3NGLl4PD/s1600/Partner.png" width="120" /></a>

<a href="mailto:aryopratama04082000@gmail.com" target="_blank" title="Deskripsi Blog Tujuan"><img alt="ALT/TEXT GAMBAR" height="120" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwcPQvf_YJcLPy1MYkyB5rD70JdAVpG8-BKerz1d4tGmE__BuTwgIrE-C47UmLoqSOaUpEAZMzD3c9mHZqTtY84wwRcnHYDn9H874voJB7i1QRmFckmI_uNDyiMwgFzPI7H_pX3NGLl4PD/s1600/Partner.png" width="120" /></a>

</div>

4.    Kemudian copy kode CSS dibawah ini dan pastekan tepat di atas ]]></b:skin> atau </style>

/* kotak iklan */

#kotakiklan {margin:0px;padding:0px;text-align:center}

#kotakiklan  img {margin:4px 3px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}

#kotakiklan img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);} 

5. Dan lihat hasil pada blog anda!

sumber : http://www.mrgoyo.ga/2017/08/cara-membuat-widget-kotak-partner-blog.html