Cara Membuat About Me sederhana

Cara Membuat About Me sederhana
Cara Membuat About Me sederhana

Hem. Hallo kawan. Sebagai seorang blogger pemula. Rasanya pengen terus-terusan membuat konten. Yaa, apalagi kalau tak mengejak visitor. Hihihi...

Tapi yang lebih penting lagi dari itu, dengan membuat konten dan memuatnya di blog pribadi, selain menambah wawasan dan ilmu pada diri sendiri, mungkin bisa saja diantara kawan-kawan sesama blogger pemula yang kebetulan juga sedang mencari caranya.

Jadi, serasa blog itu adalah lemari berkas, yang memuat banyak informasi disana.


Cara membuat About Me (Tentang Saya) di Sidebar

Saat blogwalking. Melihat banyak desain sidebar yang menarik. Jadi tergoda untuk mencontohnya. Alhasil, mulai cari-cari deh tutorialnya.

Begitu banyak tutorial yang tersebar di Internet. Ternyata caranya sangat mudah. Namun belum tentu semuanya sesuai dengan seleranya. Apalagi dengan karakter yang suka bosanan. Termasuk TS sendiri.

Template aja suka aku ganti-ganti. hehehe.

Baiklah, begini caranya.

1. Pertama, login dulu ke Blogger. Kemudian masuk kedalam menu Dashbor mu ya bro.

anbusenja - cara membuat aboutme di sidebar
Masuk ke Dashbor - lalu pilih Tata Letak

2. Di Menu Tata letak, pilih Tambahkan Gadget , kemudian cari HTML/JavaScript dengan tanda + warna biru.


anbusenja - cara membuat aboutme Sederhana


3. Di tab Judul, silahkan tulis judul sesuai dengan keinginan-mu ya bro. Bisa About me, bisa juga juga Tentang Saya. Sedangkan di Tab Konten, masukan kode HTMLnya yang sudah disiapkan di bawah. Kemudian jangan lupa untuk menyimpannya meng-klik tombol Simpan.


cara membuat aboutme Sederhana

Kode HTML ini, copy pastekan ke tab konten seperti diatas :



<div class="separator" style="margin-bottom:2px; clear: both; text-align: center;">
<img border="0" height="auto" src="https://1.bp.blogspot.com/-yodG0tNdOY4/XPnHsQ6dUlI/AAAAAAAAd0U/YC7_OcggyB0XC5ezMcyKNIPNBEiUXeLIgCLcBGAs/s400/anbusenja%2B-%2Bcara%2Bmembuat%2Baboutme%2Bdi%2Bsidebar%2B23.jp" width="100%" /></div>
<div style="margin-bottom:2px; text-align: center;">
<b><span style="font-size: large;">Jailani_Wd</span></b></div>
<div style="margin-bottom:3px; text-align: justify;">
Suka berkelana, tapi kadang bingung mau kemana. Suka nulis, walau masih sebaris-baris. Suka dengan ilmu baru, yang terkadang suka menggebu-gebu untuk mencari tahu. Suka memotret, meskipun hasilnya lebih bagus kalau pas kepepet. .&nbsp;<br/><div style="text-align: right;"><a href="https://www.anbusenja.com/2019/05/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>
4. Setelah disave. Maka segera refresh halaman blog-mu Bro. Dan lihat hasilnya. Dari kode HTML diatas. Maka hasil dari penambahan Kode Script untuk about me, menjadi seperti ini.


cara membuat aboutme Sederhana
Hasilnya.

Gimana. Sangat mudah sekali kan. Selain itu, sebenarnya tampilan itu bisa di rubah sesuai dengan keinginan-mu bro. Hanya saja, memang butuh skill untuk membuat kodenya.

Tapi jangan khawatir lah. Buanyak artikel yang bisa kamu gunakan sebagai referensi-mu bro. Jadi selamat belajar ya.

0 Response to "Cara Membuat About Me sederhana"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel