Cara Memasang Author Box Di Blog

Beberapa waktu lalu saya telah mempublikasikan beberapa desain "Author Box" pada halaman postingan yang berjudul "Author Profile Widget", kemudian pada artikel ini saya akan menjelaskan cara memasang author box (author profile widget) di bawah postingan atau post-footer dan di sidebar atau bilah samping situs/blog.

Memasang Author Box Di Bawah Postingan

Pilih salah satu widget Author Box
Kemudian login ke dashboard blogger
Klik Theme dan pilih Edit HTML
Tambahkan kode css Author Box di atas kode ]]></b:skin>
Selanjutnya cari kode <div class='post-footer'>
Kemudian tambahkan kode html Author Box setelah kode tersebut
Langkah trakhir klik Save Theme

[ads id="ads1"] Jika Author Box terlihat tumpang tindih dengan elemen lain tambahkan kode css float:left; pada container "Author Box", misalnya jika kamu menggunakan author box (author profile widget) v2 gen 4.0.5 maka container-nya adalah .apw2.

Kemudian untuk mengatur jarak author box dengan elemen yang ada di atas dan di bawahnya tambahkan kode css margin-top:30px; dan margin-bottom:30px; sehingga terlihat seperti berikut ini.

.apw2 {
float:left;
margin-top:30px;
margin-bottom:30px;
}

Memasang Author Box Di Sidebar

Pilih salah satu widget Author Box
Kemudian login ke dashboard blogger
Klik Layout (Tata Letak), selanjutnya
Klik Add a Gadget dan pilih Widget HTML
Buat judul widget misalnya "About Me"
Kemudian tambahkan kode html Author Box kedalam widget HTML tersebut
Terakhir install kode css Author Box di atas kode ]]></b:skin> di dalam template blog Anda

Pemasangan author box di bilah samping atau sidebar tidak memerlukan tambahan kode css selain yang telah disediakan kecuali jika anda ingin memodifikasi desain author box yang telah saya sediakan.

Khusus untuk Author Box v5.0 ke atas ada tambahan script, pasang script author box di dalam template blog anda (tempatkan di kumpulan script template blog anda) atau bisa juga dipasang di antara tag <head> dan </head>.