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
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 :
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
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
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 :D
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 :D seneng denger postingan ini membantu :")
Hapuswaah menarik sekaliii. pengen nyobaiin hihi. terima kasih sharingnya mbak ♥
BalasHapusMy Little Cream Button ♥
Selamat mencoba Mba Ade :D sama2 :D
Hapusohiya aku udah follow blognya, salam kenal yaa ^^
BalasHapusTerima kasih :D salam kenal juga :D 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 :D semangat :D semoga berhasil Mba Alida :D
HapusHana, makasih sharingnya ya... pengen buat deh.. doakan semoga berhasill.. btw aku udah follow blog kamu ya :)
BalasHapusya amin :D hana bantu doa semoga mba berhasil :D makasih banyak mba :D 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 :D
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 :D sukses juga buat kamu :D
BalasHapusGampang ya kayaknya. Hehe.. coba ahh..
BalasHapusYa gampang kok Mba :) Selamat mencoba! :)
Hapuscatet...catet...makasih banyak ya mbak...ntar aku coba
BalasHapussama2 :D semoga berhasil :D
HapusYang wp gimana mba?.
BalasHapusBlogku wp, pengin juga kece kayak blog ini.
sama aja, mba :D
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 :D
Semoga membantu ya Mba :D
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 :D semoga berhasil ya :D
HapusThanks for sharing mbak Hana :)
BalasHapusSalam kenaal :)
sama2 Mba anistia :D salam kenal juga :D
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 :D wah berarti bisa pakai pic monkey juga? :) makasih mba :D
Hapuswaaa makasih buat ilmu barunya mbak. Salam kenal
BalasHapussama-sama mba :) salam kenal juga :)
Hapusboleh dicoba nihhh
BalasHapusSelamat mencoba :D
Hapusmbak makasih, aku langsung coba.. dan berhasil
BalasHapussama-sama mba :D senang bisa membantu :D
Hapuscieee hana :v
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 :D
Semoga berhasil membuat about me yang keren :)
mbak, yang read more itu tau tips ngegantinya ga??
Hapussoalnya ku tertarik sama punyanya mba Icha dkk :a kalo ada bagi ya mbak^^ ? :v
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 :D salam kenal juga mba devi :)
Hapusthank you mbak xD membantu sekalllleyyy~ xD
BalasHapussama-sama mba tiara :D
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 :D
Hapusterima kasih sangat.. sangat2 membantu blogger baru seperti saya.. jemput jenguk2 blog saya ya...
BalasHapushttps://atynmunawwarah.blogspot.my/
sama-sama mba fatin :D hana sudah berkunjung ya :D
Hapusoh begitu toh caranya, tfs
BalasHapusbagus untuk pemula ni hhe, awalnya ngira buatnya pake gadget/widget juga, tapi hasilnya beda, alhamdulillah dapat artikel ini :D :D
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 :D 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
:9 :D
BalasHapusTrimakasih tipsnya,
BalasHapus:a 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 :D selamat bergabung juga ya dengan BP dan KEB :D semoga makin sukses ngeblognya :D
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 :D
BalasHapussama-sama :D senang bisa membantu :D 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? :D selamat :D 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 :a
BalasHapusyey berhasil, thanks buat good learn nya kak! :)
BalasHapusCoba dulu. makasih udah share :v
BalasHapusYeay finally nemu blog yang ngasih tutorial gimana bikin about me yang keren, terimakasih ~
BalasHapusterima kasih, akhirnya udah bisa juga buat about me nya :D
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 :D
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 :)
BalasHapus:D makasih banyak ya mba, keren dan mudah. Membantu banget tutorialnya. Haturnuhun
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.,., :v :)
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 :v
BalasHapus