CARA MEMBUAT INFO PROFIL DENGAN SENTUHAN JQUERY

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 == "item"'>

<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>