Cara Membuat Kotak Info Profil di Akhir Posting

Cara Membuat Kotak Info Profil di Akhir Posting. dahulu saya sudah menerangkan pada sobat tentang Cara Membuat Info Profil Dengan Sentuhan Jquery, sekarang saya akan menerangkan Info Profil di akhir posting. dengan memakai tutorial ini, profile sobat dapat di lihat oleh pengunjung setiap saat pengunjung selesai membaca artikel karena kotak ini berada di bawah posting. untuk hasilnya bisa di lihat pada gambar di bawah ini :

bagaimana? sudah jelas jadinya seperti apa... sekarang kita ke langkah pembuatannya :

Langkah Pertama :

• Masuk ke blog
• Rancangan >> Edit Html >> Centang "Expand Widget Template"
• Copy paste kode berikut 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;}

• selanjutnya cari kode <div class='post-footer-line post-footer-line-1'> dan letakkan kode berikut dibawahnya

<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 Gambar Kalian' width='70'/><b>About Author</b><br/>
Contoh Author box<br/></p>
</div>
</b:if>

Keterangan : Ganti tulisan warna merah dengan URL gambar profile sobat

Semoga Cara Membuat Kotak Profile di Akhir Posting dapat bermanfaat. ^_^ baca juga Cara Membuat Menu Horizontal Jquery