Cara Membuat About Me Keren di Sidebar Blog

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 :

 

cara membuat about me di blog

 

 

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 :

 

persiapan membuat about me di blog

 

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 :

 

cara crop foto menjadi lingkaran

 

 

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

 

cara crop foto menjadi lingkaran

 

 

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

 

cara crop foto menjadi lingkaran

 

 

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.

 

cara crop foto menjadi lingkaran

 

 

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

 

cara crop foto menjadi lingkaran

 

 

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

cara crop foto menjadi 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)

 

cara membuat about me di blog

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

 

cara membuat about me di blog

 

 

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 :
  1. 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
  2. Ganti teks warna Merah dengan Nama kalian dan Deskripsi singkat tentang kalian
  3. Ganti teks warna Orange dengan center (jika kalian mau deskripsi singkat di posisi rata tengah)
  4. Ganti teks warna Kuning dengan center (jika kalian mau teks ‘read more’ berada di tengah)
  5. Ganti teks warna Hijau dengan URL/Link yang mengarah ke Halaman About Me kalian. Contoh page about me
  6. Ganti teks warna Purple dengan code warna kesukaan kalian. Ini adalah code warna untuk garisnya. Untuk mendapatkan code warnanya silakan pilih di sini.
  7. 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).
cara membuat about me di blog

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

contoh about me keren

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

contoh about me keren

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

contoh about me keren

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

contoh about me keren

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

contoh about me keren

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)

contoh about me keren

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)

cara membuat about me sendiri di blog

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 :

cara membuat about me sendiri di blog

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

cara membuat about me sendiri di blog

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

cara membuat about me sendiri di blog

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.

cara membuat about me sendiri di blog

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

cara membuat about me sendiri di blog

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)

cara membuat about me sendiri di blog

1. Social Media Button Black

 

button share tombol share tulisanwortel
<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

button share tombol share tulisanwortel
<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

 

button share tombol share tulisanwortel

 

<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

 

button share tombol share tulisanwortel
<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)

 

button share tombol share tulisanwortel
  
<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)

 

button share tombol share tulisanwortel
<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.

—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”

    1. Nah… Semoga membantu lu dalam proses mengedit template menjadi makin keren, ya. Semangat belajarnya. 🙂

      Jangan pernah jenuh kalo belajar coding. 🙂

  1. 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

  2. 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. 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. 🙂

    1. Hehehe. Makasih, gung. Harapannya memang dibuat supaya nggak menyusahkan pembaca. Cukup baca 1 panduan ini, masalah membuat About Me mereka terselesaikan. 🙂

  3. 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. Untuk sekarang entry bisa digunakan untuk banyak fungsi. Salah satunya membuat custom About Me ini. Intinya, tinggal gimana kreatifnya mau belajar menggunakannya. 🙂

    1. Terimakasih, kak. Harapannya supaya memudahkan pembaca, kak. 🙂 Social Media Goodreadsnya sudah Pangeran kirim kemaren, ya kak. Selamat menggunakan. 🙂

  4. 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

  5. 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.

  6. 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. 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. 🙂

  7. 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. 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. 🙂

  8. 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!

  9. 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. 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. 🙂

  10. 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. 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. 🙂

  11. 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 -_-

  12. 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.

  13. 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 😀

    1. Sama-sama Felicia… Semoga keren ya, hasilnya di blog. 🙂

      Iya, semuanya buat sendiri. 🙂

  14. udah berhasil bikin about me sama masukin button socmed nya tapi URL nya gak connect ke URL socmed masing-masing..
    gimana ya???

    1. 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.

Comments are closed.