About Me yang keren di sidebar

Kalau lagi blogwalking, aku sering lihat About Me yang keren di sidebar blognya. Misalnya punya Mba Icha annisast.com ini
Cantik ya?
:D
Awalnya mengira itu adalah hasil dari gadget/widget blog, sehingga kemudian aku search about me gadget/widget blogspot di Google tapi tidak juga ketemu yang mirip Mba Icha ini.
Aku sempat mencoba menggunakan gadget  image, teks tapi tiap gadget mengharuskan ada judul sehingga hasilnya malah aneh.
Hehehe
Kemudian aku pun mengira hal tersebut merupakan privilage yang domain .com aja (lebih sering melihat about me keren di blogger dengan domain .com) .
Hingga suatu hari, aku mampir ke blog Audi yaitu Noteblog milik Audi dan melihat domainnya sama sepertiku blogspot.com tapi about me di sidebar blognya cantik :D

Aku memberanikan diri menyapa dan bertanya cara membuat about me di sidebar blog kepada Audi melalui google hangout.
Alhamdulillah Audi merespon pertanyaanku dan, thanks to her, sekarang aku tahu bagaimana caranya!
Yeay! (^0^)/

Untuk kalian yang juga penasaran tentang membuat about me di sidebar blog yang keren, aku mau berbagi caranya!

Penjelasan cara membuat "about me di sidebar blog yang keren" versi singkat: buat about Me di post blog, kemudian copy HTMLnya dan gunakan gagdet HTML.

Versi panjang:
1. Klik New Post atau Create New Post
atau 

2. Klik insert image dan Upload Foto diri kalian yang ingin kalian gunakan untuk About Me.
Foto yang diupload sebaiknya telah diedit terlebih dahulu atau minimal diresize sesuai ukuran sidebar blog kalian. Ukuran sidebar blogku adalah 265 sehingga aku menggunakan foto dengan ukuran 250 x 250.
Untuk inspirasi dalam mengedit foto untuk About Me, bisa cek artikel How to Create a Killer Blog Sidebar Profile Bio + Photo oleh @marianney :D



3. Ketik deskripsi diri dan deskripsi blog kalian



4. Untuk logo sosial media, aku copy dari blog Noteblog milik Audi dan kemudian mengedit linknya. Bisa coba copy logo sosmed di bawah ini terus paste dan edit link.
     

Edit link dengan cara klik logo icon yang telah di paste kemudian klik link dan isi bagian To what URL should this link go? sesuai alamat url akun social media kita, sementara bagian text to display dibiarkan kosong saja. Jika selesai kemudian pilih Ok.


 atau bisa juga dengan cara mengupload image logo seperti cara di video ini :


5. Setelah selesai dengan foto, deskripsi dan logo, Klik bagian HTML, copy All (tekan Ctrl+A dan Ctrl+C)
6. Setelah selesai, di new tab buka layout, klik add gadget. pilih HTML/Java Script
7. Paste (Ctrl+V) di bagian content dan beri judul "About me" atau judul apapun yang kalian inginkan dan klik save
8. Klik preview, jika kalian suka klik save arrangement. Selesai
9. Jika kurang suka, edit saja post tempat yang kalian upload foto dan deskripsi, copy paste lagi kode HTML di gadget HTML/Java Script.
Ini hasilku:
Cara ini juga berlaku untuk yang wordpress. 
buat blogpost baru dengan klik add blog post
lalu upload foto yang sudah diedit dan diresize
ketik deskripsi diri dan blog
copas logo dan edit link

setelah selesai klik html, copy html
ke bag theme klik costumize
terus ke widgets -> primary sidebar --> add a widget, pilih atau search text widget, paste code HTML yang tadi telah dicopy ke bag content dan ketik about me di bagian title
klik close di bagian bawah
kemudian klik save & publish :D
Aku menerapkan hal serupa untuk blog wordpressku, Hana Book Review dan ini hasilnya:
Jika merasa caraku cukup ribet, bisa berkunjung ke blog Heru,
Tips membuat about me dari Heru sudah menyediakan html
yang bisa dicopy paste dan siap edit.
Selamat mencoba dan semoga berhasil membuat about me yang keren!
Semoga bermanfaat! :D