Memasang Author Box Dibawah Postingan

     Posting tutorial blog lagi ini buat kawand yaitu, Memasang Author Box Dibawah Postingan. Yaitu profil singkat sipenulis blog beserta photonya. Author Box ini berguna untuk menampilkan biografi, keterangan, kontak DLL, Sesuai kehendak kawand. Langsung aja dech dicoba sama kawand. Cekidot>

ScreenShoot>>




Cara-cara memasang Author Box sebagai berikut:

1. Login ke Blogger kawand terlebih dahulu.
2. Di halaman Dasbor, kita pilih Template.
3. Kemudian pilih Edit HTML --> Lanjutkan.
4. Beri tanda centang pada Expand Template Widget.
5. Copy kode berikut dan Paste DIATAS/SEBELUM kode ]]></b:skin>

.author-box { background: #f0f0f0; margin: 20px 0 40px 0; padding: 10px; overflow: auto; color:#888; font-family:verdana, sans-serif; } .author-box p { margin: 0; padding: 0; } .author-box a{ color:#666; } .author-box img { background: #FFFFFF; float: left; margin: 0 10px 0 0; padding: 4px; }

6. Kemudian kawand cari kode <div class='post-footer-line post-footer-line-1'> dan taruh kode berikut ini DIBAWAH/SESUDAH kode diatas.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='author-box'>
    <p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='URL avatar/photo kawand' width='70'/><b>About Blog kawand</b><br/>
   Sekilas tentang diri kawand (bebas)<br/></p>
    </div>
    </b:if>

7. Sebelum menyimpan, ganti URL dengan URL photo kawand, dan tulis sekilas tentang diri kawand. Dan juga bisa menganti judul about author menjadi apapun yang kawand mau. Dan juga mengubah kode css yang disesuaikan dengan tampilan blog kita.
8. Simpan Template dan lihat sendiri perbedaannya.
Happy bloggerz kawand
^_^ Semoga Bermanfaat ^_^
>>>perbanyak comment ya kawand, agar saya tetap semangat memposting ^_^