Cara Membuat "About Me" pada Sidebar Blog

Ada banyak blogger pemula yang bingung dan penasaran bagiamana cara membuat "About Me" yang berisi pesan singkat tentang dirinya maupun tentang isi blog nya.

Apa sih pentingnya "About Me" pada blog? About Me pada blog adalah suatu cara agar pembaca dapat mengetahui penulis lebih dekat, melalui akun media sosialnya yang dibagikan pada widget maupun hal yang berhubungan dengan penulis. dengan begitu pembaca dapat mengetahui penulis tidak hanya di blog saja lho, tetapi di media sosialnya bahkan cerita kehidupan nyatanya. hhe dalam amat yak :D

Nah, untuk menjawab rasa penasaran kalian, kali ini saya akan membagikan bagaimana cara membuat widget "About Me" yang bisa kalian terapkan di blog kalian masing-masing.

Di simak tulisan di bawah ini dengan sepenuh hati ya....

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

2. Scroll dan klik Tambahkan Gadget (Add Gadget) dan akan muncul pop up baru.

3.  klik icon ‘+’ pada ‘HTML/Javascript’

4. Isi judul Sidebarnya dengan About Me atau apapun yang kalian mau

5.  Copy kode dibawah ini dan paste ke dalam kotak konten yang terdapat di nomor 4

<div class="separator" style="margin-bottom:2px; clear: both; text-align: center;">
<img border="0" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2EM5bNo2DCLTYWkuMfkd7DaGCGc9vmpqg7XRCSp4mQt6V7UzHSv2HbFwN1KZnQwqZQN6Yvb9kYe8kwHMvPbVLcwj64k6_FicY0MK-aiodx2tpRRxbbw8-y6spDhZcJXQ7s05DtVaC1Pan/s1600/DSC_1178.JPG" width="100%" /></div>
<div style="margin-bottom:2px; text-align: center;">
<b><span style="font-size: large;">NOVI DWI</span></b></div>
<div style="margin-bottom:3px; text-align: justify;">
Hanya seorang gadis lereng semeru yang bercerita tentang opini dan pengalaman pribadi.&nbsp;<br/><div style="text-align: right;"><a href="http://www.novidwi.com/p/about-me.html" 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj9bhD2zLHvxADcrwq6tu7L69eGXBZ9rK4L6j-uHvYbmr6g8oE55mDYNnxr2inYed0Dc0nmmoV69rmmcyRYyQksYx01_rMnCsNA4VKz8qKoIAPGgGhf37afQm37kIr7l5gF4lalFTTO7c/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl7a7S8mtZQlGqeC9Z3swxRNgYzeTZq7TVz5cm-x89MFvcjQom7dto4p24552Ih7y8xLmy2dfJ4EdJ9HI2jfU15ostH6ZsoXUxxTFNRGc8rcDXHILmoipf3MPfSGjUKiERT9LZGtu2I48/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Google +" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNb7gOeoBrrZFrOjbg-TUegea5ORMaQMKLegpCrfMQEPn0GvXc82ivp0JB5-6doZdqYvXoKgeo9IAnUAIh5FdRY0GtZHwuLyGMojJLuCm5TyTzgt2VjQ9fm5FSS99mP5yRuxpasE9jhvg/s1600/google-plus.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2LImTUwYbaxoownoxx4Uizvdzcrqs4R9JqF3WT612GRCFPOeDLtouHxAbsfwnIF_1KL3w13k0_SROqCW_Ey-mAeFfv0I7J8m9ArwVEyRI9nmWgiMuZ1oWAyMpP7WMT64Ft9R9bGRA-AE/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMFhAmZvrP6CbyMdrcnT810w3SvGmpprqa885rCN-c1T8ANJaZIoVaC41zD7yn80H9JNwZoYCeiEFxKzOGN63i_wyr8LwfZ9f_m-wL2N5aEn-sj7bu-wqIZ3oXA8pL83ZmBYGRoY958pw/s1600/youtube.png" style="border: medium none; position: relative;" / /></a>
<a href="URL AskFM" target="_blank" title="Ask Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1gtuSCg20Ovq6hwKTiCbNOkST9ethQksSWgUYm-BqaxRG8v27VX-J4X-mgH_DrYnMHKm6TMPtjycaJwm7Tx-b8ioexXVCSQjWVuL6EB1MvxE9MUqkixHI6W86Bc_GrLYyDyckzPuzr-8/s1600/ask-fm.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Pinterest" target="_blank" title="Follow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn81EHVGNVgqjaYWdjwYyfE_FIBnrA4wUMbVkesgP2RkS1FHHFctcxgeNU1o6ai70BWKWrQb0TUcJH08UEpBrqgu1B8x6Hefcyy5A9-cLoYa68yczhXbLn5Wn6xwbDyHVL4zw1smtUmc0/s1600/pinterest.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Tumblr" target="_blank" title="Visit"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicvBqO82Q-ySWusis0G_gZ7Ddoauc6_i1Nc6bYSVOrl5C8CYQt-MlhRnmLrpC1OW0MFMZzbnneMQmPMk76dqX5p6rKuZ4tAQOO5eccO9w7hSLZ1XgST2wX4c8Vj40UwFsUrTbPM4FGnp4/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 mendapatkan URL/ Link foto atau gambar silakan baca panduan ini : Cara mendapatkan URL/ Link foto di blog
2. Ganti teks warna Orange dengan Nama kalian dan Deskripsi singkat tentang kalian
3. Ganti teks warna  Biru dengan center (jika kalian mau deskripsi singkat di posisi rata tengah)
4. Ganti teks warna Coklat dengan kalimat deskripsi singkat yang kalian mau
5. Ganti teks warna Merah Muda dengan center (jika kalian mau teks ‘read more’ berada di tengah)
6. Ganti teks warna Abu-abu dengan URL/Link yang mengarah ke Halaman About Me kalian. Contoh Page About Me
7. Ganti teks warna Hijau dengan code warna kesukaan kalian. Ini adalah code warna untuk garisnya. Untuk mendapatkan code warnanya silakan search di google kode html warna
8. Ganti teks warna Ungu 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).

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

5. Selamat.. Kalian telah berhasil “Membuat "About Me" pada Sidebar Blog”

Nah, di bawah ini adalah demo About Me untuk kode di atas:

SELAMAT MENCOBA !!!

Jejak Tulisan

Hi, salam kenal... Yuk, share artikel ini dan masukkan email kalian di bawah yaa agar selalu mendapatkan update artikel terbaru dari Jejak Tulisan... Terimaksih :)

Bagikan Artikel ini