Cara Membuat About Me Keren di Sidebar Blog

November 1, 2016June 7, 2020 - by Pangeran Wortel - 50 Comments.

Waktu itu, Pangeran udah lupa kapannya. Ada blogger yang penasaran banget gimana cara membuat about me di blog seperti blog tulisan wortel.

Tapi, karena waktu itu belum sempet nulis panduannya, makanya walaupun agak telat, mudah-mudahan panduan membuat about me ini bisa membuat tampilan blog sahabat wortel makin keren.

Baca juga : Cara Membuat Blog

Nah, sebenarnya yang ditanyakan waktu itu cara membuat about me yang seperti ini :

Mau tau gimana cara membuatnya?

Tenang. Pangeran akan bagikan 6 Contoh About Me yang bisa kalian pasang di sidebar blog dengan bentuk dan warna sosmed yang berbeda.

Mari kita mulai membahasnya.

Persiapan Membuat About Me

Sebelum ke panduan membuat about me di blog. Ada beberapa hal yang harus kalian siapkan terlebih dahulu. Yaitu :

1. Foto kalian yang berbentuk Kotak atau Lingkaran. Contohnya seperti ini :

2. Teliti dan Sabar

Pange, sebelum lanjut mau tanya dong, gimana cara membuat foto about me menjadi Lingkaran biar keren?

Oke. Mungkin nggak semua blogger (apalagi yang pemula) bisa mendesain dengan baik. Terkadang, hal sederhana seperti inipun jika tidak ada yang memandu, dijamin akan kesulitan.

Tapi, buat kalian yang udah ngerti soal desain, silakan dibuat tampilannya nggak harus monoton segi empat atau lingkaran. Kreasikan dengan kreatifitas kalian.

Buat yang masih belajar. Panduannya seperti ini.

Cara crop foto menjadi lingkaran

1. Silakan buka Aplikasi PhotoScape di komputer kalian (Biasanya di Windows, ini adalah aplikasi yang wajib diistall. Tapi, jika tidak ada, sebaiknya download terlebih dahulu atau gunakan aplikasi yang bisa crop foto menjadi lingkaran.) Kek gini tampilan pertama Aplikasinya :

2. Klik Editor seperti gambar di atas dan akan muncul tampilan seperti ini :

3. Pilih folder file fotonya di sebelah kiri dan klik filenya :

4. Sekarang kita akan crop fotonya menjadi lingkaran. Caranya klik CROP dan ceklist pada Crop round image. Kemudian tekan SHIFT sambil klik tahan dan tarik untuk membuat seberapa besar lingkarannya.

5. Jika sudah diatur, klik Crop (Enter) maka hasilnya akan seperti ini :

6. Klik Save 2x dan Selamat. Foto kamu sekarang sudah berbentuk lingkaran.

Intinya, silakan kreasikan sesuai dengan kemampuan kalian. Jika rasanya ingin menambahkan pernak-pernik, bisa aja kok. Kalo butuh referensi about me yang keren, bisa juga buka di : Inspirasi membuat about me.

Sekarang cara crop fotonya udah ngertikan? Saatnya kita lanjut ke cara membuat about menya.. Selengkapnya baca di bawah ini, ya.

Cara Membuat About Me Keren di Blog

1. Login ke Blogger.com > Tata Letak (Layout)

2. Scroll ke bawah dan klik Tambahkan Gadget (Add Gadget) dan akan muncul pop up baru. Kemudian klik ‘+’ pada ‘HTML/Javascript’

3. Isi judul Sidebarnya dengan About Me atau apapun yang kalian mau. Lalu, copy dan paste code di bawah ini di kotak yang berada di bawahnya.

<div class="separator" style="margin-bottom:2px; clear: both; text-align: center;">
<img border="0" height="auto" src="https://4.bp.blogspot.com/-gl7kG-_7tIs/WBK9y-6WH_I/AAAAAAAAGzc/2Xh5ppp-fwo1tEQIA20EGB__b1_YcxIEgCLcB/s320/heru-arya-avatar.png" width="100%" /></div>
<div style="margin-bottom:2px; text-align: center;">
<b><span style="font-size: large;">HERU ARYA</span></b></div>
<div style="margin-bottom:3px; text-align: justify;">
Hanya seorang alumni Sarjana Pertanian. Sekarang sedang fokus menikmati hidup sambil mengisi waktu untuk ngeblog.&nbsp;<br/><div style="text-align: right;"><a href="https://tulisanwortel.com/desain-blog/" target="_blank"><b>Read more &gt;</b></a>
</div>
<div style="margin-bottom:5px; border-bottom: 2px solid #ff9900; padding: 3px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://2.bp.blogspot.com/-5xI5g1PAIqE/WBK8lJoT7hI/AAAAAAAAGy8/X9IvZ81hlEsch6tnZ6SHQkD8UTN6-SMYACLcB/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/--joAGzKe9aw/WBK8mG7HAMI/AAAAAAAAGzM/ZfPlo-vm0_c9ITw-tCZMtJnnRep2B_dbQCLcB/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://4.bp.blogspot.com/-b-Iffdd6CVo/WBK8lhXYojI/AAAAAAAAGzA/eJUm3xnxru4O93DynqA9Ktfz1cxMu6FZgCLcB/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://1.bp.blogspot.com/-SRzFNqRsWWs/WBK8mUgvG9I/AAAAAAAAGzQ/UJtn2k4fsmI8F7xURmB3dHI6hzRXYrK4gCLcB/s1600/youtube.png" style="border: medium none; position: relative;" / /></a>
<a href="URL AskFM" target="_blank" title="Ask Me"><img border="0" src="https://3.bp.blogspot.com/-OmOCIFhzD2o/WBK8lHlnu_I/AAAAAAAAGy4/_6B5eQXm2PUgjcfNJMxFde6KbJ8rv4L6ACLcB/s1600/ask-fm.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Pinterest" target="_blank" title="Follow"><img border="0" src="https://1.bp.blogspot.com/-JWxdMPrCVfA/WBK8l2nYw8I/AAAAAAAAGzI/83GGnKVuphIYoCsTxXOOGsu9gu4Nc2s6gCLcB/s1600/pinterest.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Tumblr" target="_blank" title="Visit"><img border="0" src="https://1.bp.blogspot.com/-21d4bn_reVE/WBK6gd-RgdI/AAAAAAAAGx8/KKxqaNVtCzYYQXs6igNbeG_94X0VsOx7ACLcB/s1600/tumblr.png" style="border: medium none; position: relative;" / /></a>
</div></div>

Cara Mengaturnya :

Ganti teks warna Aqua dengan URL/Link foto yang sudah kalian siapkan di awal dan diupload ke blog. Untuk cara uploadnya silakan baca panduan ini : cara mendapatkan url gambar di blog
Ganti teks warna Merah dengan Nama kalian dan Deskripsi singkat tentang kalian
Ganti teks warna Orange dengan center (jika kalian mau deskripsi singkat di posisi rata tengah)
Ganti teks warna Kuning dengan center (jika kalian mau teks ‘read more’ berada di tengah)
Ganti teks warna Hijau dengan URL/Link yang mengarah ke Halaman About Me kalian. Contoh page about me
Ganti teks warna Purple dengan code warna kesukaan kalian. Ini adalah code warna untuk garisnya. Untuk mendapatkan code warnanya silakan pilih di sini.
Ganti teks warna Pink dengan URL/Link Social media kalian. Jika ingin menghapus sosmed yang tidak kalian miliki, silakan hapus 1 baris code saja. Caranya hapus mulai dari code <a sampai </a> (perhatikan dengan baik supaya tidak salah).

Demo About Me untuk code di atas ini nanti hasilnya seperti ini :

4. Jika sudah selesai menyesuaikan dengan keinginan kalian, klik SIMPAN dan buka blog kalian.

5. Selamat.. Kalian telah berhasil “Membuat About Me Keren dan Mudah di Blog”

BONUS ABOUT ME KEREN

Setelah Pangeran pikir, nggak semua orang suka warna default. Jadi, Pangeran berinisiatif untuk memberikan bonus button sosmed dengan banyak versi yang bisa kalian pilih sendiri.

Untuk cara menyesuaikan script di bawah ini, ikuti saja panduan di atas tadi. Karena, yang berbeda hanya pada buttonnya.

1. Membuat About me di blog dengan Button Black

Penggunaan script about me yang ini bisa digunakan buat siapa aja. Karena warnanya masih natural. Hitam. Berikut code scriptnya :

<div class="separator" style="margin-bottom:2px; clear: both; text-align: center;">
<img border="0" height="auto" src="https://4.bp.blogspot.com/-gl7kG-_7tIs/WBK9y-6WH_I/AAAAAAAAGzc/2Xh5ppp-fwo1tEQIA20EGB__b1_YcxIEgCLcB/s320/heru-arya-avatar.png" width="100%" /></div>
<div style="margin-bottom:2px; text-align: center;">
<b><span style="font-size: large;">HERU ARYA</span></b></div>
<div style="margin-bottom:3px; text-align: justify;">
Hanya seorang alumni Sarjana Pertanian. Sekarang sedang fokus menikmati hidup sambil mengisi waktu untuk ngeblog.&nbsp;<br/><div style="text-align: right;"><a href="https://tulisanwortel.com/desain-blog/" target="_blank"><b>Read more &gt;</b></a>
</div>
<div style="margin-bottom:5px; border-bottom: 2px solid #cccccc; padding: 3px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://2.bp.blogspot.com/-n1l8ViASaNY/WBK02SBWwrI/AAAAAAAAGv4/KfbS7yTd0oMsqMMYZYA232v6Z5a5fF2vgCLcB/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-eteQj-XEYDc/WBK03vh3ieI/AAAAAAAAGwQ/vV4careCcLAvMVKU7j7YNmM94t6IR5RNQCLcB/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-YgjDI7ryeCw/WBK0256tXeI/AAAAAAAAGwI/ENH2OyP7KUgQ9Q8Mix15YH8T_easIwguQCLcB/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://4.bp.blogspot.com/-BUGE6DSA4gE/WBK03l6iNEI/AAAAAAAAGwU/bNE_eMDyJokoBMCFYBElMOAj1xTepW5fACLcB/s1600/youtube.png" style="border: medium none; position: relative;" / /></a>
<a href="URL AskFM" target="_blank" title="Ask Me"><img border="0" src="https://3.bp.blogspot.com/-G9gqKMayJng/WBK02AhBKMI/AAAAAAAAGv8/NWluca5eKnY-IVsh9coGtLlryNHLdIfyQCLcB/s1600/ask-fm.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Pinterest" target="_blank" title="Follow"><img border="0" src="https://3.bp.blogspot.com/-pZN-8KQ5VOA/WBK02yjHd3I/AAAAAAAAGwE/KUAB9J8-u6Q1oIDMx7NMnF2mywZ_eB6gACLcB/s1600/pinterest.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Tumblr" target="_blank" title="Visit"><img border="0" src="https://2.bp.blogspot.com/-YwX_Rdjjlcw/WBK03NlwHFI/AAAAAAAAGwM/CD9jdSZKupEAbnozn1XMoWvIUP2gVfSewCLcB/s1600/tumblr.png" style="border: medium none; position: relative;" / /></a>
</div>

2. Membuat About me di blog dengan Button Blue

Warna button ini juga masih aman untuk digunakan siapa aja. Mau cowok atau cewek. Warnanya memang dipilih yang soft, biar mata pembaca nggak silau. hehehe. Berikut Scriptnya :

<div class="separator" style="margin-bottom:2px; clear: both; text-align: center;">
<img border="0" height="auto" src="https://4.bp.blogspot.com/-gl7kG-_7tIs/WBK9y-6WH_I/AAAAAAAAGzc/2Xh5ppp-fwo1tEQIA20EGB__b1_YcxIEgCLcB/s320/heru-arya-avatar.png" width="100%" /></div>
<div style="margin-bottom:2px; text-align: center;">
<b><span style="font-size: large;">HERU ARYA</span></b></div>
<div style="margin-bottom:3px; text-align: justify;">
Hanya seorang alumni Sarjana Pertanian. Sekarang sedang fokus menikmati hidup sambil mengisi waktu untuk ngeblog.&nbsp;<br/><div style="text-align: right;"><a href="https://tulisanwortel.com/desain-blog/" target="_blank"><b>Read more &gt;</b></a>
</div>
<div style="margin-bottom:5px; border-bottom: 2px solid #cccccc; padding: 3px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://3.bp.blogspot.com/-Ir14SkHjoIk/WBK3tW8jCdI/AAAAAAAAGwc/PZZuXkdiGw8raaZ_FrV_XdH49wSOlVbvACLcB/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-57snJpOi_vE/WBK3u5uVchI/AAAAAAAAGw4/RXZncVuF0lYE69nBY82bdSnFCf2PGp82wCLcB/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-6DDLJgFD9PE/WBK3tyivnTI/AAAAAAAAGwo/L21r-ZUwzJsMluLrE7sZZ2qQT0E_NKqwQCLcB/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://2.bp.blogspot.com/-3q4iuWil2BM/WBK3uzkb46I/AAAAAAAAGw0/thdUkFGj4dQDb5TqlW58UCO-wJ2ZzxD1wCLcB/s1600/youtube.png" style="border: medium none; position: relative;" / /></a>
<a href="URL AskFM" target="_blank" title="Ask Me"><img border="0" src="https://1.bp.blogspot.com/-G7FIAQDnP-Y/WBK3ti8xtvI/AAAAAAAAGwk/vG-Z5_zMHcQK1qat5kjC1f9aqAifHbwlgCLcB/s1600/ask-fm.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Pinterest" target="_blank" title="Follow"><img border="0" src="https://1.bp.blogspot.com/-QVkdg2aqRO0/WBK3uYyhanI/AAAAAAAAGww/68VE28sg7O86X1ZPmmMNmrputnRQZlW7QCLcB/s1600/pinterest.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Tumblr" target="_blank" title="Visit"><img border="0" src="https://2.bp.blogspot.com/-MLTKFpaphaw/WBK3ucgKY9I/AAAAAAAAGws/Qo7xJnsD79cqaEVaRs066e8W__CTeFSsQCLcB/s1600/tumblr.png" style="border: medium none; position: relative;" / /></a>
</div>

3. Membuat About me di blog dengan Button Red

Suka yang menyala-nyala dan berani. Tapi, tetep nyaman dilihat pembaca? Mungkin script ini cocok buat kamu. Berikut code scriptnya :

  
<div class="separator" style="margin-bottom:2px; clear: both; text-align: center;">
<img border="0" height="auto" src="https://4.bp.blogspot.com/-gl7kG-_7tIs/WBK9y-6WH_I/AAAAAAAAGzc/2Xh5ppp-fwo1tEQIA20EGB__b1_YcxIEgCLcB/s320/heru-arya-avatar.png" width="100%" /></div>
<div style="margin-bottom:2px; text-align: center;">
<b><span style="font-size: large;">HERU ARYA</span></b></div>
<div style="margin-bottom:3px; text-align: justify;">
Hanya seorang alumni Sarjana Pertanian. Sekarang sedang fokus menikmati hidup sambil mengisi waktu untuk ngeblog.&nbsp;<br/><div style="text-align: right;"><a href="https://tulisanwortel.com/desain-blog/" target="_blank"><b>Read more &gt;</b></a>
</div>
<div style="margin-bottom:5px; border-bottom: 2px solid #cccccc; padding: 3px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://2.bp.blogspot.com/-jkP_u64gGDE/WBK7rRBoSMI/AAAAAAAAGyY/kpS6O9GdkdkikZ6w0lUMxJe8Mkl7EWztQCLcB/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://2.bp.blogspot.com/-KoQAJMFZwU4/WBK7sdkt4LI/AAAAAAAAGys/2T1G-izoYiIOS7BhPzZxpPH3Yjf3xf9hACLcB/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-vfNbjzsT6JM/WBK7sPXxrDI/AAAAAAAAGyk/66itDBqqSTUn7yawJh8ih-PlhKH4xKEIwCLcB/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://2.bp.blogspot.com/-dWUS6u53_GM/WBK7sn0cISI/AAAAAAAAGyw/Z3NdKqTNiugMxHzN2rYAOuMhoTR5hL-XQCLcB/s1600/youtube.png" style="border: medium none; position: relative;" / /></a>
<a href="URL AskFM" target="_blank" title="Ask Me"><img border="0" src="https://2.bp.blogspot.com/-a13KF33xato/WBK7rfh5sxI/AAAAAAAAGyU/0wcYK-PbE5QQThnp-4dwnkScXXGm_GfNwCLcB/s1600/ask-fm.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Pinterest" target="_blank" title="Follow"><img border="0" src="https://2.bp.blogspot.com/-aujWunUXjhg/WBK7sHjYwYI/AAAAAAAAGyg/2dz0LkYUwf0dSEl3kU_-oBdGhGlpy0tPQCLcB/s1600/pinterest.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Tumblr" target="_blank" title="Visit"><img border="0" src="https://3.bp.blogspot.com/-rtfb8O7b5dc/WBK7sPnT-YI/AAAAAAAAGyo/B8GzXgdv46kVfOI8O2H9v6fqPhCqWcFwACLcB/s1600/tumblr.png" style="border: medium none; position: relative;" / /></a>
</div>

4. Membuat About me di blog dengan Button Pink

Nah… yang ini cocok banget buat kalian para cewek-cewek. Warna pinknya juga nggak terlalu ngejreng. Masih soft. Tapi, kalo ada blogger cowok yang mau make. Boleh juga, kok. Berikut code scriptnya :

<div class="separator" style="margin-bottom:2px; clear: both; text-align: center;">
<img border="0" height="auto" src="https://4.bp.blogspot.com/-gl7kG-_7tIs/WBK9y-6WH_I/AAAAAAAAGzc/2Xh5ppp-fwo1tEQIA20EGB__b1_YcxIEgCLcB/s320/heru-arya-avatar.png" width="100%" /></div>
<div style="margin-bottom:2px; text-align: center;">
<b><span style="font-size: large;">HERU ARYA</span></b></div>
<div style="margin-bottom:3px; text-align: justify;">
Hanya seorang alumni Sarjana Pertanian. Sekarang sedang fokus menikmati hidup sambil mengisi waktu untuk ngeblog.&nbsp;<br/><div style="text-align: right;"><a href="https://tulisanwortel.com/desain-blog/" target="_blank"><b>Read more &gt;</b></a>
</div>
<div style="margin-bottom:5px; border-bottom: 2px solid #cccccc; padding: 3px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://4.bp.blogspot.com/-9JWKc7hh_rw/WBK5OcJlkjI/AAAAAAAAGxI/lahwaeMGyhsVrxXqUX5qmc5i55b6OYyjgCEw/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://3.bp.blogspot.com/-8xiboNYPQQM/WBK5PzzTymI/AAAAAAAAGxc/1vUt5qig4DkW1jVUWWPLFsBCsh9iz4hPgCEw/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://2.bp.blogspot.com/-Nwqhbpz2iNE/WBK5PCVzrWI/AAAAAAAAGxY/xw5swKRDkzgoNp0BwbHL8VyopsalgGbrACEw/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://3.bp.blogspot.com/-xkYdQ31Qzr4/WBK5P0dFFVI/AAAAAAAAGxg/SAK-inc97vk9k2_xbHRhfC4ikHiK6aUOQCLcB/s1600/youtube.png" style="border: medium none; position: relative;" / /></a>
<a href="URL AskFM" target="_blank" title="Ask Me"><img border="0" src="https://3.bp.blogspot.com/-CBH3hMoCk5w/WBK5OjQWpDI/AAAAAAAAGxM/ssF5vZFjOGwrJoQTiODp3OvuVoEu3OV4ACEw/s1600/ask-fm.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Pinterest" target="_blank" title="Follow"><img border="0" src="https://4.bp.blogspot.com/-krULwd5oc74/WBK5PL3METI/AAAAAAAAGxQ/77l4tUQkxAU54UPf8Nlc9HjvKfjVdS4DQCEw/s1600/pinterest.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Tumblr" target="_blank" title="Visit"><img border="0" src="https://3.bp.blogspot.com/-EGgY55p5XA4/WBK5PbMB-rI/AAAAAAAAGxU/cD50uFCGPUAGS0yZx8Iebb7oVC4kSBdUwCEw/s1600/tumblr.png" style="border: medium none; position: relative;" / /></a>
</div>

5. Membuat About me di blog dengan Button Asli (Default)

Maksudnya asli di sini. Warna buttonnya memang warna dari akun aslinya. Kalo kalian suka yang original, gunakan script ini :

  
<div class="separator" style="margin-bottom:2px; clear: both; text-align: center;">
<img border="0" height="auto" src="https://4.bp.blogspot.com/-gl7kG-_7tIs/WBK9y-6WH_I/AAAAAAAAGzc/2Xh5ppp-fwo1tEQIA20EGB__b1_YcxIEgCLcB/s320/heru-arya-avatar.png" width="100%" /></div>
<div style="margin-bottom:2px; text-align: center;">
<b><span style="font-size: large;">HERU ARYA</span></b></div>
<div style="margin-bottom:3px; text-align: justify;">
Hanya seorang alumni Sarjana Pertanian. Sekarang sedang fokus menikmati hidup sambil mengisi waktu untuk ngeblog.&nbsp;<br/><div style="text-align: right;"><a href="https://tulisanwortel.com/desain-blog/" target="_blank"><b>Read more &gt;</b></a>
</div>
<div style="margin-bottom:5px; border-bottom: 2px solid #cccccc; padding: 3px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://2.bp.blogspot.com/-hTavmcqNx3g/WBK6fgkhUBI/AAAAAAAAGxs/9wdu_ZoY6EEfPOkLBzL-BAt6S5gl1N0XwCLcB/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-5VDiDVQm4m4/WBK6hNHG-dI/AAAAAAAAGyE/FLPMQbcqZV0zYTIt4v8Wv3b5qRIrb6v8wCLcB/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-n-UoYMNVNtw/WBK6gZ5-wRI/AAAAAAAAGx4/nNj-MfNaTyQCwrgm9L1q1LqbbmIQGKFpQCLcB/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://4.bp.blogspot.com/-a8d1vICdBxQ/WBK6hLfNOOI/AAAAAAAAGyA/rBE-mtZFsMMdiSmDNwo0nB9ipFgM27cGwCLcB/s1600/youtube.png" style="border: medium none; position: relative;" / /></a>
<a href="URL AskFM" target="_blank" title="Ask Me"><img border="0" src="https://3.bp.blogspot.com/-lZEFRPV2GQY/WBK6f011x5I/AAAAAAAAGxw/hoxGWPLDeDYKLwGAe7uzD7RuX56hqUwngCLcB/s1600/ask-fm.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Pinterest" target="_blank" title="Follow"><img border="0" src="https://3.bp.blogspot.com/-uTTShD-IAic/WBK6gYopMQI/AAAAAAAAGx0/JFI1Y687zLoUmQd246l-j8eHIo10le1rACLcB/s1600/pinterest.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Tumblr" target="_blank" title="Visit"><img border="0" src="https://1.bp.blogspot.com/-21d4bn_reVE/WBK6gd-RgdI/AAAAAAAAGx8/KKxqaNVtCzYYQXs6igNbeG_94X0VsOx7ACLcB/s1600/tumblr.png" style="border: medium none; position: relative;" / /></a>
</div>

Cara Membuat About Me Keren Karya Kalian Sendiri di Blog

Jika rasanya panduan di atas kalian merasa kurang mendapatkan kebebasan dalam berkreasi, Pangeran tetap akan berikan bagaimana cara membuat about me di blog karya kalian sendiri.

Jadi, kalian bisa mendapatkan About Me yang benar-benar sesuai dengan kemauan kalian.

Seperti apa caranya? Mari kita mulai membahasnya.

1. Login Blogger.com > Post > Entri Baru (Create New Entry)

2. Silakan Upload Foto (ukuran di bawah 200×200 pixel) dan baca cara mengubah ukuran pixel gambar, Tulis (Nama, Deskripsi singkat tentang kalian), Tambahkan teks yang dilink-kan ke About Me Page kalian dan hal lainnya yg diperlukan. Usahakan jangan terlalu panjang dan sesuaikan dengan keinginan kalian sendiri. Contohnya seperti ini :

3. Jika sudah selesai. Klik HTML seperti gambar di bawah ini dan Copy semua codenya.

4. Sekarang buka tab baru kemudian buka Blogger.com > Tata Letak (Layout). Begini caranya :

5. Jika sudah, scroll ke bawah. Pada sidebar, klik Tambahkan Gadget (Add New Gadget) dan akan tampil pop up baru, klik tanda (Plus ‘+’) pada HTML/Javascript.

6. Pastekan code yang sudah kalian copy di panduan ke-3 tadi ke kotak di bawah judul.

7. Untuk menambahkan social media button, silakan pilih salah satu script di bawah ini dan pastekan di bawah code about kalian sebelumnya. (Cara menyesuaikannya sama seperti panduan sebelumnya)

1. Social Media Button Black

<div style="margin-bottom:5px; border-bottom: 2px solid #cccccc; padding: 3px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://2.bp.blogspot.com/-n1l8ViASaNY/WBK02SBWwrI/AAAAAAAAGv4/KfbS7yTd0oMsqMMYZYA232v6Z5a5fF2vgCLcB/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-eteQj-XEYDc/WBK03vh3ieI/AAAAAAAAGwQ/vV4careCcLAvMVKU7j7YNmM94t6IR5RNQCLcB/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-YgjDI7ryeCw/WBK0256tXeI/AAAAAAAAGwI/ENH2OyP7KUgQ9Q8Mix15YH8T_easIwguQCLcB/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://4.bp.blogspot.com/-BUGE6DSA4gE/WBK03l6iNEI/AAAAAAAAGwU/bNE_eMDyJokoBMCFYBElMOAj1xTepW5fACLcB/s1600/youtube.png" style="border: medium none; position: relative;" / /></a>
<a href="URL AskFM" target="_blank" title="Ask Me"><img border="0" src="https://3.bp.blogspot.com/-G9gqKMayJng/WBK02AhBKMI/AAAAAAAAGv8/NWluca5eKnY-IVsh9coGtLlryNHLdIfyQCLcB/s1600/ask-fm.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Pinterest" target="_blank" title="Follow"><img border="0" src="https://3.bp.blogspot.com/-pZN-8KQ5VOA/WBK02yjHd3I/AAAAAAAAGwE/KUAB9J8-u6Q1oIDMx7NMnF2mywZ_eB6gACLcB/s1600/pinterest.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Tumblr" target="_blank" title="Visit"><img border="0" src="https://2.bp.blogspot.com/-YwX_Rdjjlcw/WBK03NlwHFI/AAAAAAAAGwM/CD9jdSZKupEAbnozn1XMoWvIUP2gVfSewCLcB/s1600/tumblr.png" style="border: medium none; position: relative;" / /></a>
</div>

2. Social Media Button Blue

<div style="margin-bottom:5px; border-bottom: 2px solid #cccccc; padding: 3px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://3.bp.blogspot.com/-Ir14SkHjoIk/WBK3tW8jCdI/AAAAAAAAGwc/PZZuXkdiGw8raaZ_FrV_XdH49wSOlVbvACLcB/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-57snJpOi_vE/WBK3u5uVchI/AAAAAAAAGw4/RXZncVuF0lYE69nBY82bdSnFCf2PGp82wCLcB/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-6DDLJgFD9PE/WBK3tyivnTI/AAAAAAAAGwo/L21r-ZUwzJsMluLrE7sZZ2qQT0E_NKqwQCLcB/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://2.bp.blogspot.com/-3q4iuWil2BM/WBK3uzkb46I/AAAAAAAAGw0/thdUkFGj4dQDb5TqlW58UCO-wJ2ZzxD1wCLcB/s1600/youtube.png" style="border: medium none; position: relative;" / /></a>
<a href="URL AskFM" target="_blank" title="Ask Me"><img border="0" src="https://1.bp.blogspot.com/-G7FIAQDnP-Y/WBK3ti8xtvI/AAAAAAAAGwk/vG-Z5_zMHcQK1qat5kjC1f9aqAifHbwlgCLcB/s1600/ask-fm.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Pinterest" target="_blank" title="Follow"><img border="0" src="https://1.bp.blogspot.com/-QVkdg2aqRO0/WBK3uYyhanI/AAAAAAAAGww/68VE28sg7O86X1ZPmmMNmrputnRQZlW7QCLcB/s1600/pinterest.png" style="border: medium none; position: relative;" / /></a>
<a href="Tumblr" target="_blank" title="Visit"><img border="0" src="https://2.bp.blogspot.com/-MLTKFpaphaw/WBK3ucgKY9I/AAAAAAAAGws/Qo7xJnsD79cqaEVaRs066e8W__CTeFSsQCLcB/s1600/tumblr.png" style="border: medium none; position: relative;" / /></a>
</div>

3. Social Media Button Red

<div style="margin-bottom:5px; border-bottom: 2px solid #cccccc; padding: 3px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://2.bp.blogspot.com/-jkP_u64gGDE/WBK7rRBoSMI/AAAAAAAAGyY/kpS6O9GdkdkikZ6w0lUMxJe8Mkl7EWztQCLcB/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://2.bp.blogspot.com/-KoQAJMFZwU4/WBK7sdkt4LI/AAAAAAAAGys/2T1G-izoYiIOS7BhPzZxpPH3Yjf3xf9hACLcB/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-vfNbjzsT6JM/WBK7sPXxrDI/AAAAAAAAGyk/66itDBqqSTUn7yawJh8ih-PlhKH4xKEIwCLcB/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://2.bp.blogspot.com/-dWUS6u53_GM/WBK7sn0cISI/AAAAAAAAGyw/Z3NdKqTNiugMxHzN2rYAOuMhoTR5hL-XQCLcB/s1600/youtube.png" style="border: medium none; position: relative;" / /></a>
<a href="URL AskFM" target="_blank" title="Ask Me"><img border="0" src="https://2.bp.blogspot.com/-a13KF33xato/WBK7rfh5sxI/AAAAAAAAGyU/0wcYK-PbE5QQThnp-4dwnkScXXGm_GfNwCLcB/s1600/ask-fm.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Pinterest" target="_blank" title="Follow"><img border="0" src="https://2.bp.blogspot.com/-aujWunUXjhg/WBK7sHjYwYI/AAAAAAAAGyg/2dz0LkYUwf0dSEl3kU_-oBdGhGlpy0tPQCLcB/s1600/pinterest.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Tumblr" target="_blank" title="Visit"><img border="0" src="https://3.bp.blogspot.com/-rtfb8O7b5dc/WBK7sPnT-YI/AAAAAAAAGyo/B8GzXgdv46kVfOI8O2H9v6fqPhCqWcFwACLcB/s1600/tumblr.png" style="border: medium none; position: relative;" / /></a>
</div>

4. Social Media Button Pink

<div style="margin-bottom:5px; border-bottom: 2px solid #cccccc; padding: 3px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://4.bp.blogspot.com/-9JWKc7hh_rw/WBK5OcJlkjI/AAAAAAAAGxI/lahwaeMGyhsVrxXqUX5qmc5i55b6OYyjgCEw/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://3.bp.blogspot.com/-8xiboNYPQQM/WBK5PzzTymI/AAAAAAAAGxc/1vUt5qig4DkW1jVUWWPLFsBCsh9iz4hPgCEw/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://2.bp.blogspot.com/-Nwqhbpz2iNE/WBK5PCVzrWI/AAAAAAAAGxY/xw5swKRDkzgoNp0BwbHL8VyopsalgGbrACEw/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://3.bp.blogspot.com/-xkYdQ31Qzr4/WBK5P0dFFVI/AAAAAAAAGxg/SAK-inc97vk9k2_xbHRhfC4ikHiK6aUOQCLcB/s1600/youtube.png" style="border: medium none; position: relative;" / /></a>
<a href="URL AskFM" target="_blank" title="Ask Me"><img border="0" src="https://3.bp.blogspot.com/-CBH3hMoCk5w/WBK5OjQWpDI/AAAAAAAAGxM/ssF5vZFjOGwrJoQTiODp3OvuVoEu3OV4ACEw/s1600/ask-fm.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Pinterest" target="_blank" title="Follow"><img border="0" src="https://4.bp.blogspot.com/-krULwd5oc74/WBK5PL3METI/AAAAAAAAGxQ/77l4tUQkxAU54UPf8Nlc9HjvKfjVdS4DQCEw/s1600/pinterest.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Tumblr" target="_blank" title="Visit"><img border="0" src="https://3.bp.blogspot.com/-EGgY55p5XA4/WBK5PbMB-rI/AAAAAAAAGxU/cD50uFCGPUAGS0yZx8Iebb7oVC4kSBdUwCEw/s1600/tumblr.png" style="border: medium none; position: relative;" / /></a>
</div>

5. Button Asli (Default)

  
<div style="margin-bottom:5px; border-bottom: 2px solid #cccccc; padding: 3px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://2.bp.blogspot.com/-hTavmcqNx3g/WBK6fgkhUBI/AAAAAAAAGxs/9wdu_ZoY6EEfPOkLBzL-BAt6S5gl1N0XwCLcB/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-5VDiDVQm4m4/WBK6hNHG-dI/AAAAAAAAGyE/FLPMQbcqZV0zYTIt4v8Wv3b5qRIrb6v8wCLcB/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-n-UoYMNVNtw/WBK6gZ5-wRI/AAAAAAAAGx4/nNj-MfNaTyQCwrgm9L1q1LqbbmIQGKFpQCLcB/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://4.bp.blogspot.com/-a8d1vICdBxQ/WBK6hLfNOOI/AAAAAAAAGyA/rBE-mtZFsMMdiSmDNwo0nB9ipFgM27cGwCLcB/s1600/youtube.png" style="border: medium none; position: relative;" / /></a>
<a href="URL AskFM" target="_blank" title="Ask Me"><img border="0" src="https://3.bp.blogspot.com/-lZEFRPV2GQY/WBK6f011x5I/AAAAAAAAGxw/hoxGWPLDeDYKLwGAe7uzD7RuX56hqUwngCLcB/s1600/ask-fm.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Pinterest" target="_blank" title="Follow"><img border="0" src="https://3.bp.blogspot.com/-uTTShD-IAic/WBK6gYopMQI/AAAAAAAAGx0/JFI1Y687zLoUmQd246l-j8eHIo10le1rACLcB/s1600/pinterest.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Tumblr" target="_blank" title="Visit"><img border="0" src="https://1.bp.blogspot.com/-21d4bn_reVE/WBK6gd-RgdI/AAAAAAAAGx8/KKxqaNVtCzYYQXs6igNbeG_94X0VsOx7ACLcB/s1600/tumblr.png" style="border: medium none; position: relative;" / /></a>
</div>

5. Social Media Button Asli Box (Default)

<div style="margin-bottom:5px; border-bottom: 2px solid #ff9900; padding: 3px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://2.bp.blogspot.com/-5xI5g1PAIqE/WBK8lJoT7hI/AAAAAAAAGy8/X9IvZ81hlEsch6tnZ6SHQkD8UTN6-SMYACLcB/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/--joAGzKe9aw/WBK8mG7HAMI/AAAAAAAAGzM/ZfPlo-vm0_c9ITw-tCZMtJnnRep2B_dbQCLcB/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://4.bp.blogspot.com/-b-Iffdd6CVo/WBK8lhXYojI/AAAAAAAAGzA/eJUm3xnxru4O93DynqA9Ktfz1cxMu6FZgCLcB/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://1.bp.blogspot.com/-SRzFNqRsWWs/WBK8mUgvG9I/AAAAAAAAGzQ/UJtn2k4fsmI8F7xURmB3dHI6hzRXYrK4gCLcB/s1600/youtube.png" style="border: medium none; position: relative;" / /></a>
<a href="URL AskFM" target="_blank" title="Ask Me"><img border="0" src="https://3.bp.blogspot.com/-OmOCIFhzD2o/WBK8lHlnu_I/AAAAAAAAGy4/_6B5eQXm2PUgjcfNJMxFde6KbJ8rv4L6ACLcB/s1600/ask-fm.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Pinterest" target="_blank" title="Follow"><img border="0" src="https://1.bp.blogspot.com/-JWxdMPrCVfA/WBK8l2nYw8I/AAAAAAAAGzI/83GGnKVuphIYoCsTxXOOGsu9gu4Nc2s6gCLcB/s1600/pinterest.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Tumblr" target="_blank" title="Visit"><img border="0" src="https://1.bp.blogspot.com/-21d4bn_reVE/WBK6gd-RgdI/AAAAAAAAGx8/KKxqaNVtCzYYQXs6igNbeG_94X0VsOx7ACLcB/s1600/tumblr.png" style="border: medium none; position: relative;" / /></a>
</div></div>

8. Jika sudah selesai, Simpan (Save). Kemudian buka blog kalian untuk melihat hasilnya.

Disarankan

30+ Panduan Cara Mendesain Blog Menjadi Keren

Jangan lewatkan panduan mengedit template blog menjadi rapi, keren dan teknik mengingkatkan jumlah pembaca. Ada lebih dari 30 panduan yang bisa sahabat wortel terapkan di blog dan tentunya dengan panduan yang lengkap serta mudah. Baca sekarang.

BACA SELENGKAPNYA

—o0o—

Jadi, sekarang udah bisakan membuat about me yang keren di blognya masing-masing? Mudah-mudahan bisalah. Kan panduannya udah Pangeran jelasin semuanya.

Tapi, buat kalian yang masih bingung, silakan tulis di komentar. Atau ada yang mau request tutorial juga tulis di komentar, ya.

Okelah. Seperti biasa. Terimakasih sudah membaca panduan ini. Semoga bermanfaat. Pangeran Wortel pamit. See you…

About Pangeran Wortel

Personal guide blogger sejak 2010 dan suka membahas tips blogging, desain blog, belajar SEO, serta hal menarik lainnya.Salam kenal..

View all posts by Pangeran Wortel →

50 Comments on “Cara Membuat About Me Keren di Sidebar Blog”

Rifqi Banyol says:

November 1, 2016 at 2:56 am

Mungkin ini yang akan gue terapkan di blog. Btw, gue baru nyoba ngotak-atik template nih bang. Pasti perlu yang beginian. ;))))
1. Heru Arya says:
  
  November 6, 2016 at 4:12 pm
  
  Nah… Semoga membantu lu dalam proses mengedit template menjadi makin keren, ya. Semangat belajarnya. 🙂
  
  Jangan pernah jenuh kalo belajar coding. 🙂
Haris L. Hakim says:

November 1, 2016 at 3:27 am

Yeah emang keren banget, soalnya bikin gampang temen blogger yang mau follow sosial media kita atau pengen kepoin data diri blogger yang bersangkutan.
1. Heru Arya says:
  
  November 8, 2016 at 12:41 pm
  
  Setuju bg. Supaya nambah followers jugakan??? 😀 hehehe.
Adi Laksono A says:

November 1, 2016 at 3:30 am

Uiiihh Ru, lengkap banget penjelasane, sampe capek bacanya, hehee.. menarik juga, pingin sih ngebuat blog jadi keren. tapi rasa malesnya itu ngotak ngatik yang selalu mengalahkan keinginan.
Jadi tau cara membuatnya, menambah pengetahuan ini Ru buat aku yang masih baru dalam dunia blog. hehee
1. Heru Arya says:
  
  November 8, 2016 at 12:43 pm
  
  Hadeh… Jangan ngeluh terus, di. Dicoba dulu, siapa tau cocok. 🙂 Senang bisa berbagi.
  
  Semoga bisa segera diterapkan di blogmu, ya.
Mayang Dwinta says:

November 1, 2016 at 5:40 am

kece nih tutorialnya, Mas Wortel. semua berbekal widget html ya. jadi inget dulu saya kalau mau ngoprek beginian pake pengaturan CSS untuk custom HTML template. pas fasilitas blogger belum sehebat sekarang. sekitar tahun 2006 an lah.

btw salam kenal ya 🙂

appearance blog kamu bagus banget…
1. Heru Arya says:
  
  November 8, 2016 at 12:47 pm
  
  Pangeran aja manggilnya. Jangan mas-mas. XD Kurang etis klo Wortel dipanggil Mas. XD
  
  Em… Nggak CSS, ini HTML aja, kok. Wah, lama sekali ngeblognya. Salam kenal juga.
  
  Terimakasih. Semoga selalu betah di tulisan wortel, ya. 🙂
Agung Kharisma says:

November 1, 2016 at 10:36 am

Seperti biasanya, tulisan tutorialnya keren ru. Pembaca bisa lebih mudah main ke sosmed kita lewat widget about me yang super lengkap banget ini. Hehe 😀
1. Heru Arya says:
  
  November 8, 2016 at 12:49 pm
  
  Hehehe. Makasih, gung. Harapannya memang dibuat supaya nggak menyusahkan pembaca. Cukup baca 1 panduan ini, masalah membuat About Me mereka terselesaikan. 🙂
Adhi Artadhitive says:

November 1, 2016 at 3:26 pm

Awalnya aku juga bingung kalo ngerubah gambar and icon2… setelah aku tahu kodenya itu ternyata bisa didapaat dari entri kita jadi ngerti skrng kalo bikin botton atau apa gitu…sama kayak ini nih..
1. Heru Arya says:
  
  November 8, 2016 at 12:54 pm
  
  Untuk sekarang entry bisa digunakan untuk banyak fungsi. Salah satunya membuat custom About Me ini. Intinya, tinggal gimana kreatifnya mau belajar menggunakannya. 🙂
Hana Bilqisthi says:

November 2, 2016 at 3:18 am

Wah lengkap banget ya 😀 hana suka social medianya 😀 btw, ada logo social media Goodreads kah?
1. Heru Arya says:
  
  November 8, 2016 at 12:55 pm
  
  Terimakasih, kak. Harapannya supaya memudahkan pembaca, kak. 🙂 Social Media Goodreadsnya sudah Pangeran kirim kemaren, ya kak. Selamat menggunakan. 🙂
  1. Marfa says:
    
    November 28, 2017 at 11:56 pm
    
    Kak, aku mau juga yang ada logo Goodreads hihi 🙂
sari widiarti says:

November 2, 2016 at 10:19 am

makasih udah dibikin tutorialnya, save dulu ya, kalau berhadapan dengan HTML kudu memiliki pikiran yang tenang dan fokus *eaaaak* eh tapi beneran nyobain, karena warna blogku dominan warna merah, dan ada social media button yang merah :3
1. Heru Arya says:
  
  November 8, 2016 at 12:57 pm
  
  Sama-sama. Hehehe. Gitu, ya. Harus tenang dan Fokus. Pas tidur aja mbak. 😀
  
  Yup, silahkan dipilih sesuai keinginan. 🙂
Robby Haryanto says:

November 2, 2016 at 1:47 pm

Udah lama ngga ke sini. Ngeliat pos yang dulu pernah pengin masang di blog. But, sekarang udah males make. Hehehe. Semoga bermanfaat buat yang lain. Mantaplah.
Muhammad Afif says:

November 2, 2016 at 2:16 pm

Tangkiu pange. Dari dulu emang nyari ini banget buat ditaruh di blog. Kan kalo udah ada ini kesannya blog lebih menonjolkan sisi personal. 🙂
1. Heru Arya says:
  
  November 8, 2016 at 1:01 pm
  
  Sama-sama Fif. Seneng bisa membantu. 🙂 Betul, untuk blog personal paling cocok banget, menampilkan About Me seperti ini.
Puti Andini says:

November 2, 2016 at 3:41 pm

Lama gak mampir kesini. Ehe.
Wah, kebetulan banget aku juga pengen ganti about me blog ku..
Dulu templateku dieditin temenku, tau2 foto qlay yang tepampang kelas di halaman muka. Hiks.

Makasih ya pange. ^^
Bikin tutor buat header blog udah belom pange?
Aku pengen ganti haeader. Tapi… :"(
1. Heru Arya says:
  
  November 8, 2016 at 1:05 pm
  
  Nah, semoga sekarang About Me-nya makin keren, ya Puti. 🙂
  
  Sama-sama. Buat header blog, ya? Aduh… Lumayan sulit membuat panduannya. Tapi, di lain waktu akan gue coba, ya. 🙂
Yoga Akbar Sholihin says:

November 2, 2016 at 5:31 pm

Lengkap banget anjis ini. Ya, walaupun gue udah ada. Namun, tutorial ini mudah dipahami, Her. Keceh!

Btw, Photoscape emang paling gampang, ya, dibandingkan Photoshop. 😀

Oiya, tutorial ubah layar utama yang buat posting gimana, ya? Misal mau gedein atau kecilin lebarnya. Nuhun. 😀
1. Heru Arya says:
  
  November 8, 2016 at 1:14 pm
  
  Hehehe. Memang begitulah yang diharapkan dari setiap panduan di tulisanwortel, Yog. Pembaca dibuat mudah mengerti.
  
  Hehehe, soalnya kalo gue kasi panduan Photoshop, nggak bakalan jadi buat About Menya. 😀
  
  Kemaren udah gue jawab di Twitter, ya Yog. Sipp. 🙂
Beby Rischka says:

November 3, 2016 at 3:19 am

Botton item putihnya keren! Leh uga nih dicobak-cobak 😀

Duh uda mau 2017 tapi tampilan blog masih gitu gitu aja. Pengen punya gebrakan baru. Yosh!
1. Heru Arya says:
  
  November 8, 2016 at 1:22 pm
  
  SIlahkan Beby. Dicoba di blognya. Siapa tau makin keren. 🙂 Hahahaha, yaudah, sini gue bantu edit. 😀
Andi Nugraha says:

November 3, 2016 at 7:22 am

Sudah satu Minggu lebih belum bisa ngeblog karna kemarin masalah koneksi. Alhamdulilah sekarang sudah bisa lagi. Dan menyempatkan maen ke tulisanwortel, maen sembari belajar..:)

Keren nih bikin about me nya, udah lama mau tanya caranya, akhirnya di buatkn juga 🙂
Dibaca, dan dipraktekan, gak bisa coba lagi 🙂
Thank mas 🙂
1. Heru Arya says:
  
  November 8, 2016 at 1:26 pm
  
  Wah… Lama juga ya, mas. Alhamdulillah, sekarang udah bisa ngeblog lagi. 🙂 Makasih lho, udah mau mampir. 🙂
  
  Hehehe. Selamat menggunakan, ya mas. Betul. Terus dicoba sampai bisa. Sama-sama. 🙂
Yogi Satria says:

November 3, 2016 at 11:38 pm

Habis menjelajah blog lo lagi nih pange, eh nemu ini, gue emang lagi cari ini nih. Lengkap pula lagi. Berguna banget buat pemula kayak gue ini.

Nuhun bang, gue mau nyoba dulu.. ^_^
1. Heru Arya says:
  
  November 8, 2016 at 1:33 pm
  
  Nyari apa lu, Yogi? Ceile… Menjelajah. XD Sipp deh. Seneng bisa berbagi apa yang pengen lu cari. 🙂
  
  Sipp. Selamat mencoba. 🙂
Robby Haryanto says:

November 6, 2016 at 1:25 pm

Pas ganti template, jadi pengin make. Wahahaha, saya labil banget.
1. Heru Arya says:
  
  November 8, 2016 at 1:35 pm
  
  Gue sengaja nggak bales komentar lu di awal. Soalnya gue mencium aroma Labil. hahahaha. Ternyata bener. XD
  
  Keren ya, kalo udah dipasang di blog lu Rob. 🙂
Levina Mandalagiri says:

November 7, 2016 at 4:00 pm

Cakep tutorial about me nya. Sekalian sama link ke sosmed yak. Bookmark yaaa… Thanks
1. Heru Arya says:
  
  November 8, 2016 at 1:37 pm
  
  Iya, ni kak. Sekalian dengan button sosmed yang bisa dipilih sendiri. 🙂
  
  Siap kak. Sama-sama. Selamat mencoba, ya. 🙂
ben benavita says:

November 8, 2016 at 12:04 pm

kemarin kebingungan sama ganti warna untuk icon sosial media-nya.

terus tanya sama programer kantor caranya sama persis yang ditulis pange.
tapi mau gantinya itu lho. males banget -_-
1. Heru Arya says:
  
  November 8, 2016 at 1:39 pm
  
  Hihihi. Males nggak ada yang jual obatnya, Ben. Kurangin deh. Dicoba dulu. Panduan ini lho, tinggal pasang dan ganti link aja. Kelar.
dwi susanti says:

November 9, 2016 at 3:37 pm

Perlu bimbingan banyak kalau bagian ngeditin html, suka lupa backup terus eror-eror sendiri mas. Ngutak-atik itu bisa sampai tengah malam ga krasa 😛
Artikelnya manfaat banget mas, bakal sering-sering mampir… banyak hal yang perlu kupelajari lagi.
Muhammad Attar says:

November 11, 2016 at 3:22 pm

hore…..bisa bang heru….hehe. terus berkarya dengan tutorialmu. lo memang jago dalam penyampaian tutorial
Bima Satria says:

November 14, 2016 at 3:54 am

Akhirnyajadi juga, ngerjainnya pelahan-lahan sih tapi bisa juga. thanks banget pangeran wortel, tipsnya sangat jelas dan rinci. Thankkssss 🙂
nadiah rachmani says:

November 14, 2016 at 5:18 pm

Panggeeeeeee, aku berhasil buat ini di blog hahahahaha ku bahagia 😀

Makasih pange, selama ini mencari di google ga dapet-dapet ternyata dapetnya di tulisan wortel. Fix, bahagia banget 😀
Citra Pradipta Hudoyo says:

November 21, 2016 at 9:11 am

Yes, berhasil bikin about me 😀
ahaha akhirnya saya bisaa narsis majang foto bunder di halaman blog.. terima kasih banyak, tutor nya mudah dimengerti, hehe
Doviedo says:

December 20, 2016 at 3:10 am

keren tutorialnya bang, sukses !!
Ester says:

February 22, 2017 at 3:49 pm

lengkap banget tapi agak buat sedikit bingung karena saya masih blogger pemula. mohon bimbingannya. Thank you,
Randy says:

February 27, 2017 at 8:19 am

Bro cara buat tombol share ke mesenger gimana ? Tuh bro
Felicia says:

March 17, 2017 at 8:27 am

Thanks yah buat tutorialnya..
nanti gua coba deeeh..

Itu HTML code nya buat sndr?
1. Heru Arya says:
  
  March 17, 2017 at 11:38 am
  
  Sama-sama Felicia… Semoga keren ya, hasilnya di blog. 🙂
  
  Iya, semuanya buat sendiri. 🙂
yulia says:

March 22, 2017 at 11:48 am

udah berhasil bikin about me sama masukin button socmed nya tapi URL nya gak connect ke URL socmed masing-masing..
gimana ya???
1. Heru Arya says:
  
  March 23, 2017 at 7:10 am
  
  Nah, supaya mengarah ke URL social media masing2, sudah Pangeran perbaiki pada konten ini. SIlahkan baca ulang dan semoga berhasil.
  
  Perhatikan pada “Cara pengaturan” membuat about me.
Jefri says:

April 7, 2017 at 3:57 pm

Wah mantap sob, jadi tambah keren nih desain blog saya 😀 trimakasih
mengikrar says:

July 28, 2017 at 9:30 pm

Postingan ini sangat amat membantu. Terimakasih wortel 😛