Cara buat widget partner keren

Partner sebuah blog atau web cukup berguna untuk meningkatkan pengunjung dalam sebuah situs dan berguna untuk mempromosikan situs web atau blog.

Widget partner cukup membantu untuk menampilkan partner kamu pada blog dan membuat blog kamu terlihat unik dan keren.

kali ini saya akan membagikan cara bagaimana membuat widget partner dengan mudah namun terlihat keren dan menarik untuk blog kamu seperti contoh gambar dibawah ini :

oke langsung saja ke tutorialnya dibawah ini :

1. Pertama kalian login terlebih dahulu ke akun blogger kalian.
2. Jika sudah kalian pilih menu tata letak di sebelah kiri.

3. Selanjutnya lihat tampilan sebelah kanan lalu klik tambahkan gadget lihat gambar dibawah.

4. Lalu jika sudah di klik muncul tampilan baru lalu klik  tanda plus pada HTML/Javascript seperti dibawah.

5. Copy coding atau kode dibawah ini  

<div id="kotakiklan"> <a href="#" target="_blank" title="Forum Share28s"><img alt="" height="120" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieuAjSytehwmutWaeNoqWVnlfrG3QtMgid61u780b7n-cJd1sdz1LNmAiPeHpLOnUmpyGl6NKFAVKRcJYMw57m-z3oDpUs307kDHWRxcmkrhshd1eKbX12TAA3RWqeU7NRFAbSvQqaUjtX/s1600/Kece.png" width="120" width="120" /></a> <a href="http://game28s.blogspot.com/" target="_blank" title="free download games"><img alt="" height="120" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsq-LBWN2Rp2asrumB7MIToz5cc8NEUhgf4IIYTQZFh9Vw8pLSvXK3v6Gplr56Aw6AHOrIB2S9RJo2mV4HgxMlwRsvKLxxqTRdxiu9EgLrdn_AxPawY1JBZdbfGfcekYXkdcOJ_IZVeBSz/s1600/Screenshot_27.png" width="120" width="120" /></a> <a href="#" target="_blank" title="Enjoy your life"><img alt="" height="120" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGSwdHokB6wwIikq5ltvhBalrUpIpTZ7Sm_0uX5y9m4xDLLDqlxUJ8ztYEZQzE811ZO74MF7CcbUvc59TgvIZ4_kkPRNv7F9AhyzH4b8P_f-KiHZlKYzqPOqY3PLazwRmqp8yjAjDlnfqv/s1600/Screenshot_26.png" width="120" width="120" /></a> <a href="#" target="_blank" title="Free download film"><img alt="" height="120" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi25OygQ5w8ZFlSc4-jglFOOWHvY7ob2E1V3_i6HTMiDCVIxwPjUuvq7UQeYLfqjvkJfeNU8BfdP2mg9MlWGbzYXtcDwIBrHSShwTLQpNMjVzsl-u_11Alllhx3ADIIrWVigmUO-tQlI98/s1600/Screenshot_28.png" width="120" width="120" /></a> <a href="#" target="_blank" title="Mau Pasang iklan ?"><img alt="" height="120" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV8QnakhP61LdtLXEBVamvwfJW-64BsxiRtqTmNrm9w5UQsTGUZeXYbSLZsDF0WhDYJrGDKF1WNe559Tf__NW6N4rh_07M1omTmAlNeQyja_1DfPyO6jUI4mJxFCw1yFM08Qmceb7oRdY9/s1600/Partner.png" width="120" width="120" /></a> <a href="#" target="_blank" title="Mau Pasang iklan ?"><img alt="" height="120" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV8QnakhP61LdtLXEBVamvwfJW-64BsxiRtqTmNrm9w5UQsTGUZeXYbSLZsDF0WhDYJrGDKF1WNe559Tf__NW6N4rh_07M1omTmAlNeQyja_1DfPyO6jUI4mJxFCw1yFM08Qmceb7oRdY9/s1600/Partner.png" width="120" width="120" /></a> </div> </style>

6. lalu pastekan di HTML/Javascript yang tadi lalu simpan lihat contoh di bawah.

7. Selanjutnya copy coding atau kode dibawah.

/* 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);} </div> </style>

8. Lalu buka Menu Tema seperti dibawah.

9. Lalu liat sebelah kanan klik Edit Html seperti gambar di bawah.

10. Selanjut nya pastekan coding atau kode diatas tanda </style> dengan cara klik kotak coding atau kode lalu klik ctrl+f ketik </style> untuk mencari lalu pastekan diatasnya lihat contoh dibawah :

Selesai silahkan liat blog kamu sekian dari saya 

Baca Juga : Cara Mudah Buat Banner Iklan Sendiri Untuk blog dan Web