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:
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