Cara Membuat Widget Profil Keren di Blog

deniverdana.com - Kali ini saya ingin berbagi sedikit totorial sederhana untuk mempercantik tampilan di blog. Kebetulan tutorial ini saya dapat dari seorang blogger dan desainer web yaitu Rifki.id

Sebenarnya penggunaan widget ini cukup penting untuk melengkapi informasi di blog. Widget profil berfungsi untuk menginformasikan siapa si pemilik blog itu sendiri, sehingga pengunjung blog bisa lebih mudah bersosialisasi atau mungkin mengenali lebih dalam lagi sang admin blog.

Oke, langsung saja..

1. Buka Dasbor Blogger

2. Pilih menu Tata Letak

3. Klik Tambahkan Gadget

4. Pilih HTML/JavaScript lalu isi Judul dengan judul yang di inginkan, dan Konten dengan script dibawah ini:

<img alt="Profil" title="Profil" src="https://4.bp.blogspot.com/-OOsEjso4T1I/WAgzVe9kzuI/AAAAAAAAWeQ/77fv5_3reqkpUp3ZEeI4HCBZLu2_maomACLcB/s1600/rifkidotid.jpg" width="75" height="75" style="float:right;margin:0 0 10px 15px;border-radius:50%;overflow:hidden" />
<span style="font-size:0.9em">Hanyalah seorang blogger biasa yang ingin belajar dan mencari uang melalui internet.</span>

<div class="clear"></div>

<a title="themeforest" target="_blank" href="https://themeforest.net/user/usename"><img alt="envato" title="themeforest" width="30" height="30" style="float:left;margin:15px 15px 0 0" src="https://rifki.id/files/envato.svg" /></a>
<a title="behance" target="_blank" href="https://www.behance.net/username"><img alt="behance" title="behance" width="30" height="30" style="float:left;margin:15px 15px 0 0" src="https://rifki.id/files/behance.svg" /></a>
<a title="dribbble" target="_blank" href="https://dribbble.com/username"><img alt="dribbble" title="dribbble" width="30" height="30" style="float:left;margin:15px 15px 0 0" src="https://rifki.id/files/dribbble.svg" /></a>
<a title="twitter" target="_blank" href="https://twitter.com/username"><img alt="twitter" title="twitter" width="30" height="30" style="float:left;margin:15px 15px 0 0" src="https://rifki.id/files/twitter.svg" /></a>
<a title="google" target="_blank" href="https://plus.google.com/username"><img alt="google" title="google" width="30" height="30" style="float:left;margin:15px 15px 0 0" src="https://rifki.id/files/google.svg" /></a>
<a title="instagram" target="_blank" href="https://instagram.com/username"><img alt="instagram" title="instagram" width="30" height="30" style="float:left;margin:15px 15px 0 0" src="https://rifki.id/files/instagram.svg" /></a>

<div style="clear:both"></div>

Edit bagian berwarna merah dengan identitas kalian. Ganti link berwarna orange dengan URL foto yang ingin ditampilkan. Jangan lupa juga mengganti link berwarna pink dengan URL sosial media yang kalian punya. Jika sudah, lalu klik Simpan setelan dan lihat hasilnya.

Untuk informasi selengkapnya, silahkan klik disini