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

Dapatkan update artikel terbaru kami langsung ke email anda

3 Responses to "Cara Membuat Kotak Info Profil di Akhir Posting"

Anonymous said...

Blog busuk , wkwkkwwkwk Loadingnya Lama ,
Plagiat sama kaya KUCOBA.COM

Khasan Nova P. said...

@Anonymous
mas kalau comment jangan pake' anonymous... DASAR BANCI ! beraninya pake' anonymous.

Dzarr al ghifary said...

yg lama signal'a si ayoumus jdi load'a lama . dasar anyuomus bacii

Post a Comment

pasang iklan murah