Kalau lagi blogwalking, aku sering lihat About Me yang keren di sidebar blognya. Misalnya punya Mba Icha annisast.com ini
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
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 :
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.
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
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
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:
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
Yeay numpang eksis wkwk
BalasHapusMakasih banyak ya *\(ˆ⌣ˆ*\)(/*ˆ⌣ˆ)/* akhirnya pencarian gue terjawab
HapusMau tanya, Nama Template nya apa iya ?
HapusNama templatenya Watercolor premade blogger template https://www.etsy.com/listing/236832812/watercolor-premade-blogger-template
HapusInii diaaa yang kucari-cari akhirnyaa..
BalasHapusMakasih yaa mbak..
Hehee
Ga bingung lagii
Alhamdulillah sama-sama Mba
seneng denger postingan ini membantu :")
Hapuswaah menarik sekaliii. pengen nyobaiin hihi. terima kasih sharingnya mbak ♥
BalasHapusMy Little Cream Button ♥
Selamat mencoba Mba Ade
sama2 
Hapusohiya aku udah follow blognya, salam kenal yaa ^^
BalasHapusTerima kasih
salam kenal juga
hana follow balik ya 
HapusMba Hana, makasih yaa. Aku pengen buat tapi ntar aku coba lagi deh. Masih belum berhasil. Mungkin karna biin sambil kerja ya. Hahahaa
BalasHapussama-sama
semangat
semoga berhasil Mba Alida 
HapusHana, makasih sharingnya ya... pengen buat deh.. doakan semoga berhasill.. btw aku udah follow blog kamu ya
BalasHapusya amin
hana bantu doa semoga mba berhasil
makasih banyak mba
udah hana follow balik ya 
HapusUntuk html icon social media nya bisa di share mbak Hana?
BalasHapusSy cari di link kok ga ada ya?
Trima kasih banget sebelumnya 😘
Terima kasih pertanyaannya mba heni..


Hapussaya copy punya audi Mba
Mba juga bisa copy punya saya
caranya block logo icon social media saya atau audy, lalu klik copy paste..
saya tadinya mau paste html kode saya di comment ini tapi muncul peringatan Your HTML cannot be accepted: Tag is not allowed: DIV
atau kita chat via google hangout atau mungkin saya coba kirim melalui email..
Hapusemail mba apa?
terimakasih bnyak mbak sharingnya. mudah langsung di praktekin. (y)
BalasHapussukses terus mbak
sama-sama tegar
amin.. makasih doanya
sukses juga buat kamu 
BalasHapusGampang ya kayaknya. Hehe.. coba ahh..
BalasHapusYa gampang kok Mba
Selamat mencoba! 
Hapuscatet...catet...makasih banyak ya mbak...ntar aku coba
BalasHapussama2
semoga berhasil 
HapusYang wp gimana mba?.
BalasHapusBlogku wp, pengin juga kece kayak blog ini.
sama aja, mba


Hapusmba 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
Semoga membantu ya Mba
Aku bakalan noyoba tips kakak
HapusMakasih kak any way salam kenal kak aku rina
Halo Hana salam kenal
iss keren deh 'about me' nya, tfs, cuss coba juha ah hehe
BalasHapussalam kenal mba dewi... selamat mencoba
semoga berhasil ya 
HapusThanks for sharing mbak Hana

BalasHapusSalam kenaal
sama2 Mba anistia
salam kenal juga 
HapusHai mba Hana, makasih loh udah share. udah aku coba juga. kalo fotonya circle gitu gimana mba? punyaku square jadinya. atau diedit dulu?
BalasHapusHai mba egi
sama2
ya itu fotonya diedit dulu Mba. Kalau Hana pakai PicsArt. Download PicsArt app di hape, trus ada pilihan shape di app itu dan pilih aja yang bulat nanti foto kita bentuk circle
semoga jawaban hana membantu ya 
HapusTerimakasih, kebetulan sudah selesai diotak atik semalam. aku pake picmonkey
HapusAlhamdulillah ya bisa ketemu caranya
wah berarti bisa pakai pic monkey juga?
makasih mba 
Hapuswaaa makasih buat ilmu barunya mbak. Salam kenal
BalasHapussama-sama mba
salam kenal juga 
Hapusboleh dicoba nihhh
BalasHapusSelamat mencoba
Hapusmbak makasih, aku langsung coba.. dan berhasil
BalasHapussama-sama mba
senang bisa membantu 
Hapuscieee hana
BalasHapussiang mba hana
sekedar blogwalking aja nih tapi keren postingannya, nanti saya coba di blog saya http://www.ridnesia.site/
BalasHapusselamat mencoba mba elsa
Hapussip, senasib banget. aku juga ng-stalk punyanya mbak Annisast aku tertarik banget sama about me-nya tapi aku nyerah.. eh ada yang bahas.
BalasHapussuer aku seneng banget.. makasih mbak :*
Aah.. sama (^_^)/\(^_^)

HapusSenang bisa membantu
Semoga berhasil membuat about me yang keren
mbak, yang read more itu tau tips ngegantinya ga??
kalo ada bagi ya mbak^^ ? 
Hapussoalnya ku tertarik sama punyanya mba Icha dkk
Mungkin bisa baca http://icanbuildablog.com/2015/05/how-to-change-the-blogger-read-more-link/
Hapusmakasih ya mba, bermanfaat banget tips tips blogging kaya gini kalo buat pemula kaya aku, salam kenal^^
BalasHapusdevifitris.blogspot.com
sama-sama
salam kenal juga mba devi 
Hapusthank you mbak xD membantu sekalllleyyy~ xD
BalasHapussama-sama mba tiara
Hapuswahh keren ini tips nya (y)
BalasHapusAlhamdulillah senang bisa membantu
HapusWahh terima kasih ya kakk ini membantu aku bgt setelah aku ngubek2 google:""))) Makasih banyak yaa kak hihii >,<
BalasHapusSama2 Annisya
makasih juga udah komen 
Hapusterima kasih sangat.. sangat2 membantu blogger baru seperti saya.. jemput jenguk2 blog saya ya...
BalasHapushttps://atynmunawwarah.blogspot.my/
sama-sama mba fatin
hana sudah berkunjung ya 
Hapusoh begitu toh caranya, tfs
BalasHapusbagus untuk pemula ni hhe, awalnya ngira buatnya pake gadget/widget juga, tapi hasilnya beda, alhamdulillah dapat artikel ini

BalasHapussalam kenal ya mbq
rafnipuspitapohan.blogspot.co.id
makasih mbaaa membantu bgt hehe
BalasHapushttp://wurrypandansari.blogspot.com
waah.. terimakasih mbak infonya..
)
BalasHapusoia kalau mau bikin model menu baru seperti di blog mbak ini gimana ya?
makasi mbak ..
HTML-nya mana ya?
BalasHapusKok gak nemu,..
Makasih..
thank's ilmunya ka.
BalasHapusmampir yah di blog saya.
alfatichanakabak.blogspot.com
Makasih banyak mba, akhirnya ktmu yang sesuiai keinginan
BalasHapustampak ribet buat yang gaptek kayak saya.. tapi mestinya tetep nyoba sih
nuhun sharingnya ya!
BalasHapusWah artikel ini kaya nya menarik boleh saya coba?
BalasHapusArtikel menarik, kebetulan saya baru re-design blog saya, jadi pengen coba mempraktekan, btw resize foto nya pake apa?, di edit dibikin buletnya pake photoshop?

BalasHapussalam kenal ya sebelumnya
tengkiyu kaka artikel nya krennnn, makasih yea
BalasHapusCantik banget blognya ukhty, artikelnya juga bermamfaat buat para blogger. kalo ada waktu mampir juga ke gubuk ane
BalasHapuswaduu, makasi lo kak hehe. kali kali mampir blog saya www.fajdesign.com
BalasHapusbig thanks ya

BalasHapusTrimakasih tipsnya,
BalasHapus
makasih ya tipsnya, very usefull 
BalasHapusThank you thank you and thank you..
BalasHapusmakasih tutornya mba
BalasHapusMakasih mba tutorialnyaa, ini langsung kupraktekkan hehe...
BalasHapusKak Hana, penjelasannya sangat mudah diikuti berat adanya gambar-gambar. Terima kasih, ya! Haha, aku sudah lama penasaran dengan sidebar profile, tetapi tidak tahu kata kunci yang tepat untuk googling. ^^
BalasHapusAlhamdulillah makasih banyak Nad
selamat bergabung juga ya dengan BP dan KEB
semoga makin sukses ngeblognya 
HapusHalo kak salam kenal ya. wah informasinya benar benar sangat membantu kak. benar benar terima kasih banyak ya kak. awalnya aku juga bingung kok about me ku nggak sama kayak blogger lain yang cantik cantik. untung aku nemu blog kakak dan ikutin tips dari kakak. terima kasih banyak kak. btw kalo boleh tau gimana caranya pasang button share this post dibawah posting ya kak? apa itu bawaan dari template? terima kasih sebelumnya kak
BalasHapussama-sama
senang bisa membantu
tombol share ini bawaan dari templatenya
hehehe
HapusMakasih banyak informasinya. Bener-bener terbantu banget kak. (^0^) Makasih kak....
BalasHapusMbak aku newbie banget ini, hehe. Udah nyoba tapi gak mau muncul ditampilan blog mbak *cry*
BalasHapusWah udah berhasil ya?
selamat
tadi main ke blog kamu, udah ada. Tapi kalau liat versi mobile memang ngga akan keliatan kalau template bloggernya bukan yang responsif 
Hapusthanks qaqa infonya dan tipsnya
BalasHapusyey berhasil, thanks buat good learn nya kak!
BalasHapusCoba dulu. makasih udah share
BalasHapusYeay finally nemu blog yang ngasih tutorial gimana bikin about me yang keren, terimakasih ~
BalasHapusterima kasih, akhirnya udah bisa juga buat about me nya
BalasHapusThanks Hana, saya sudah berhasil coba untuk blog baru saya ;)
BalasHapuskerenn.. Ijin coba ya kak. kalau ada waktu mampir balik ke lapak adek hehe
BalasHapusHai mba hana, salam kenal, terimakasih infonya sangat sangat bermanfaat 🙆🏼
BalasHapusOke aku simpan dulu ya mbak hana.. Nanti aku terapin.. Terimakasih infonya
BalasHapustq min ...
BalasHapustterima kasih banyak untuk tips nya, akhirnya jadi juga
BalasHapustanks kak, bantuk banget buat aku yang lagi ngerjain tugas bikin bloh
BalasHapusTerima kasih triknya, Mbak.Sudah dicoba di blog saya
BalasHapustengkyuuu Hana, Saya masih meraba-raba nih buat bikin display blog yg oke dan kamu sudah ngajarin cara yang mudah... salam kenal Hana
BalasHapusmbak template bagus. ini pakai vefio themes ya? bukannya ini template premium? kok bisa jadi template bagaimana caranya
BalasHapusYa hana beli 9 usd di etsy..cerita lengkap ttg pembelian dan pemasangan template ini bisa dibaca di https://hanabilqisthi.blogspot.co.id/2016/07/alhamdulillah-template-baru.html
HapusAkhirnya... jawaban atas pencarian ketemu juga, tinggal dicoba aja lagi... makasih mba ;)
BalasHapussangat membantu Terima kasih
BalasHapussangat bermanfaat kak
thank you. dan sudah diterapkan nih di blog aku hehe
BalasHapushii mba, terima kasih tutorialnya. mau langsung coba nih. terus bikin tutorial tentang utak atik widget blogspot ya mba.
BalasHapussangat bagus dan bermanfaat
BalasHapuscantik nya.,.,

BalasHapusMakasih kak tutorial nya, tadi nya masih bingung cara buat nya gmn tp alhamdulillah sekarang udh bisa..yeeaahh 😊
BalasHapuspas banget lagi nyari ini. Thnaks mbak Hana tipsnya...
BalasHapusHai, mba Hana salam kenal, aku kirim email ke mba, jika berkenan mohon dibalas ya, makasih
BalasHapusThankyou kakak udah berbagi. It 100% works
BalasHapushttps://ayukrisnasaripages.blogspot.co.id/
aaak senangnya akuh, sekarang ada widget med sos di blogku. Makasih banyak ya Mbak,
BalasHapusthanks kak atas tips & triknya sangat bagus dan berguna ,,,
BalasHapusbermanfaat banget! langsung saya coba dan berhasil! thank you!
BalasHapusAssalamualaikum, aku suka blognya kakak. simple tapi enak gitu dilihat. makasih ya postingannya membantu bgt <3
BalasHapusTerima kasih mba atas tutorialnya,langsung saya praktekan ke blog saya hehehe.
BalasHapusWah..sangat membantu.makasih kak😀
BalasHapusTerima kasih atas sharing ilmunya mbak, bermanfaat banget.
BalasHapusthx kakak ku
BalasHapus