Cara Mudah Pasang Author Box Keren di Blogger, Tanpa Harus Mengerti Coding

Historiku.com - Sebagai seorang blogger, tentunya kita ingin eksis dan dikenal luas melalui blog yang kita miliki. Sehingga rata-rata para blogger merasa perlu membuat 'Author Box' di bawah setiap posting yang ditulisnya.

Artikel ini saya tulis berdasarkan pengalaman saat ingin membuat author box, saya mengikuti berbagai tutorial dari blogger senior yang memberi kode HTML dan saat dicoba di blog saya, hasilnya malah terlihat kacau, tidak cocok dan berbagai link ke blog lain terikut karena saya lupa mengedit kode HTML-nya.

Ribet kan? bikin bete..  lalu terlintas ide yang agak 'out-of-the-box', yaitu memamfaatkan MS Office Words. Ide ini saya dapatkan ketika mengetik artikel sementara di MS-Words yang selanjutnya saya copas ke posting page blog.

Ternyata saat saya copy-paste dari words ke blogger, tulisan tersebut sudah membawa kode HTML-nya sendiri dan saat di posting di blogger, akan muncul seperti apa yang kita ketik di MS-Words.

Nah.. dari pengalaman tersebut, artinya kesamaan coding pada MS-Words dan Blogger dapat kita mamfaatkan untuk membuat Author Box yang keren sesuka hati sesuai keinginan kita. Berikut cara mudah bikin Author Box keren sesuka hati kamu!

1. Mendesain Author Box Keren

Buka MS Words di Komputer kamu.

Buatlah Author Box sesuai keinginan.

Misalnya ingin ada frame, ingin memasang foto tercantik/terganteng kamu, dan ketik kata-kata yang indah dan lain sebagainya. Saya anggap kamu sudah mengerti cara mengetik dan memasang gambar di Words, kalau belum bisa, itu kelewatan.. masa sudah bisa ngeblog tapi belum ngerti MS-Words!

Lalu silahkan atur jenis font, ukuran dan warna font. Misalnya seperti contoh pada gambar di bawah ini:

Membuat Author Box keren di MS-Words

2. Memasang Author Box pada Widget di Blogger/BlogSpot

Pastikan sudah ada widget yang bisa ditambahkan tepat pada bagian bawah posting. Pada beberapa template widget tersebut telah tersedia, jika belum silahkan browsing cara menambah widget di bawah posting.

Buka dashboard blogger kamu.

Buka 'Tata Letak'

Pilih 'tambahkan widget' atau 'Add a Gadget' pada kolom widget di bawah posting

Pilih HTML/JavaScript

Klik tulisan 'Rich Text' pada bagian atas kanan kolom content, sampai tulisan itu berubah menjadi 'Edit HTML'.

Silahkan Copy-Paste 'Author Box' yang sudah kamu buat di MS-Words

Lalu simpan widget dan lihat hasilnya di blog kamu.

Sebagai catatan, kalau kamu ingin meng-edit author box tersebut, editlah di Words lalu copy-paste lagi ke widget-nya. saat membuka lagi widget setelah disimpan, kamu akan melihat kode HTML yang sangat rumit, terlalu ribet jika harus mengedit dari sana. Jadi simpanlah file word 'Author Box' yang sudah kamu buat, biar bisa di edit kapanpun kamu mau.

3. Memasang Link Social Media pada Author Box

Pada contoh yang saya buat di atas, kamu lihat ada tombol sosmed, nah itu bisa dikasih link ke halaman social media kamu. Nama kamu juga bisa dikasih link ke manapun kamu suka, misalnya ke halaman 'Penulis' yang kamu buat di blog, atau ke akun Google+, atau ke akun sosmed juga.

Untuk memasang link pada nama atau gambar, sorot kata atau gambar yang ingin di kasih link pada widget tersebut, kemudian klik lambang link (seperti mata rantai) yang biasanya disebelah pengedit warna, selanjutnya kamu ketik atau copy-paste link yang ingin  dituju, lalu tekan 'OK'.

Atau kamu bisa pasang link sebelum copy-paste author box tersebut ke widget di blogger. Caranya, masukkan link tersebut pada saat kamu membuat author box tersebut di MS-Words:

Sorot kata atau gambar yang ingin kamu kasih link

klik kanan pada gambar/tulisan tersebut.

Pilih Hyperlink

Akan keluar kotak dialog dan masukkan link pada kolom 'Address', lalu tekan OK.

Demikianlah cara membuat author box keren di blogger atau BlogSpot dengan memamfaatkan MS-Words, mudah dan tidak perlu pusing dengan kode HTML yang njelimet.

Jika kamu punya pertanyaan, silahkan sampaikan di kolom komentar yah..

BACA ULASAN MENARIK INI: