Cara Mudah Membut Tampilan About Me Pada Platform Blogspot Yang Menarik

Ilhamsadli.com,- About me atau banyak juga yang menyebutnya sebagai tentang penulis dalam blog adalah biografi sederhana dari sang pemilik akun. Isinya beragam, mulai tentang seputar blog dan penulisnya. Bahkan ada juga yang hanya menjelaskan serta menjabarkan profil singkat dari penulisnya. Hal ini bertujuan agar sifat tulisa nanti tidak anonim, terlebih lagi aka sangat penting jika anda seorang blogger.
 
Memang tidak perlu dikenal banyak orang, tetapi paling tidak brand nama blog sendiri sudah anda jabarkan secara ringkas dalam halaman About Me. Dengan demikian, jika ada penerbit yang merasa cocok dengan tulisan anda maka tidak akan menutup kemungkinan sang penerbit akan menghubungi anda melalui kontak di halaman about me pada page blog.
 
Ada sebagian orang yang bingung bagaimana cara membuat page atau tampilan about me yang menarik pada platform blogspot secara mudah dan sederhana. Berikut ini 3 cara mudah yang telah kami rangkum versi ilhamsadli.com

Membuat Halaman About Me

Sebelum membuat tampilan about me yang menarik, pertama-tama tentu kita harus membuat tampilan halaman about me dahulu. Berikut ini langkah-langkah sederhana membuat tampilan about me.
  • Langkah pertamanya tentu anda harus login dulu dalam blogger.com
  • Masuk ke bagian Halaman di Sebelah kiri
  • Setelah itu kemudian silahkan memilih halaman baru, isi profil singkat anda disana. Profil yang bagus adalah bentuk narasi agar tidak monoton.
  • Setelah itu kemudian Publikasi, dan profil singkat anda di halaman about me sudah siap digunakan.

Menampilkan Halaman About Me di Menu Navigasi

Jika dalam tampilan blog anda sudah ada menu-menunya maka anda tinggal menambahkan menu tersebut dengan melakukan edit html pada bagian halama tata letak.
  • Silahkan terlebih dahulu anda masuk dalam menu tata letak dibagian dashbor blogger
  • Silahkan anda mencari di bagian mana letak menu navigasi itu berada
  • Jika sudah menemukannya maka anda tinggal menambahkan judul menu dan isi kolom link dengan link halaman Abot Me tadi. Hal ini dimaksudkan agar ketika pengunjung mengklik menu tadi maka akan diarahkan pada narasi profil anda.
  • Kemudian simpan, maka halaman menu about me sudah bisa anda lihat di bagian menu navigasi blog.
Baca Juga: 

Jika anda tidak menemukan di tata letak, maka anda harus mengedit pada htmlnya langsung. Caranya sederhana, tinggal anda CTRL+F lalu tuliskan keyword misalkan “traveling”. Maka anda tinggal mengcopy menu tersebut pada urutan yang sesuai harapan anda. Bisa dibawah atau diatas menu “traveling” tersebut, sesuai dengan kesukaan anda. Setelah paste code tadi maka anda tinggal mengganti kode yang berbentuk link misalkan “http://www.ilhamsadli.com/search/label/Diary”, lalu ganti dengan link halaman about me yang sudah anda buat di awal tadi.

Menempelkan Widget/Gadget About Me

Untuk pelatakan widget, silahkan anda sesuaikan dengan selera anda. Bisa diletakan di bagian sebelah kanan atas atau sebelah bawah. Tampilannya bisa nada lihat pada image no 3 di bagian Foto Opening Artikel ini. Bagaimana cara membuatnya?
 
Caranya sederhana, anda tingga masuk ke halaman tata letak pada blogger. Kemudian pilih widget/gadget, setelah itu pilih html/java. Pada bagian judul silahkan anda isi dengan “About Me”, pada bagian yang kosong silahkan anda copy kode berikut ini.

<div class="about-widget-wrap"><div class="about-widget-image">
<center><img src="https://lh3.googleusercontent.com/-9dDEZw9n_vc/WhJ2LKX45II/AAAAAAAAABU/ju_0NpQcos0mtErxP9X7R7GKbiRchdTkgCLcBGAs/h120/Capture.PNG" alt="About Me" original="https://lh3.googleusercontent.com/-9dDEZw9n_vc/WhJ2LKX45II/AAAAAAAAABU/ju_0NpQcos0mtErxP9X7R7GKbiRchdTkgCLcBGAs/h120/Capture.PNG" style="
        border-radius: 100%;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(235, 235, 235);
    margin:0;
    padding: 5px;
/" /></center>
                        </div>
<div style="text-align: justify">silahkan diisi dengan deskripsi singkat.
, <a href="Silahkan anda isi dengan link menuju halaman profil about me anda" style="
    text-decoration: underline;
">click here →</a></div>
<style>
.about-widget-image {
    max-height: 260px;
overflow:hidden;
margin-bottom: 15px;
}

</style>
</div>

Yang berwarna merah silahkan anda ganti dengan link foto profil yang ingin anda tampilkan.  wrana hijau silahkan anda gant dengan deskripsi profil anda secara singkat, dan untuk warna kuning silahkan isi dengan link halaman about me yang sudah anda buat.

Demikian sedikit tutorial sederhana mengenai cara mudah membuat tampilan about me pada blogspot menjadi menarik. Semoga bermanfaat.

5 comments:

  1. Tunggu laptop balik... aku coba tips-nya, ^^

    ReplyDelete
  2. kalau saya bikin widget about me-nya ditulis 1 postingan dulu sama dilampirkan foto trus copy html-nya ke widget. he

    ReplyDelete
  3. aku tandai nih.. pas banget lg mau bikin2 ini mas.. mksh sharing ilmunyaaaa

    ReplyDelete
  4. Wah, ilmu mah ini

    ReplyDelete
  5. Kayaknya mudah tutorialnya ..

    ReplyDelete

Silahkan tinggalkan komentar, jangan lupa follow twitter @ilhamsadly, Instagram @ilhamsadli atau subscribe email anda untuk mendapatkan update terbaru. Terimakasih sudah berkunjung