Cara membuat widget partner di sidebar- kali ini nubisec akan memberikan tutorial cara membuat widget partner di blogger, widget partner ternyata memiliki keuntungan yang sangat banyak lho sobat nubisec diantaranya menaikan DA ( domain authority ), menaikan trafik pengunjung. semakin banyak pengunjung yang datang setiap harinya maka semakin bagus juga blog dimata google atau juga bisa menarik perhatian pengiklan, karena semakin bagus rank blog maka semakin menarik juga para pengiklan untuk memasang websitenya di blog kamu sendiri. jadi buatlah semenarik mungkin widget partner ini agar semakin banyak pengiklan yang tertarik untuk memasang di blog sobat.
nah di kesempatan kali ini lah nubisec akan memberikan tutorial cara membuat widget partner di sidebar blogger widget ini tidak menggunakan javascript sama sekali karena jika saya memakai javascript maka akan semakin lambat loading blog sobat, nubisec hanya menggunakan CSS untuk mempercantik tampilannya.
cara membuat widget partner
1. login ke akun blog sobat lalu sobat klik menu tema yang ada pada samping kiri setelah itu sobat klik tombol edit html kemudian sobat cari kode
]]></b:skin> atau </style> lalu tambahkan kode dibawah ini letakan sebelum atau diatas kode yang sobat nubisec temukan
/* Kotak Partner by nubisec.com */
.banner,.banner2{margin:0 auto;text-align:center;overflow:hidden}.banner{margin:20px auto}.banner .widget,.banner2 .widget{width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden}.banner img,.banner iframe,.banner2 img,.banner2 iframe{width:100%;display:block;margin:0 auto;text-align:center}.kotak_iklan{text-align:center}.kotak_iklan img{border-radius:3px;ma
2. klik tombol simpan atau save
3. kemudian sobat masuk ke menu tata letak lalu cari kolom tata letak sebelah kanan setelah itu sobat klik tombol tambahkan gadget sobat nubisec pilih html/javascript > sobat tambahkan kode pemanggil dibawah ini
<div class="kotak_iklan">
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
</div>
sobat lihat keterangan dibawah
| keterangan | contoh |
|---|---|
| Url iklan yang dituju | https://www.nubisec.com |
| judul iklan | nubisec |
| Url gambar | url gambar nya |
| alt gambar | Nubisec |
4. jika sudah selesai simpan widget yang baru sobat buat dan lihatlah hasilnya
mudah bukan cara membuat widget partner di blog, sobat jika bisa mengkreasikan css yang saya bagikan agar lebih menarik. terimakasih sudah berkunjung di blog saya semoga tutorial kali ini bermanfaat bagi sobat blogger di luar sana