Membuat Autor Box Di bawah Posting

Autor box adalah secarik foto dan tulisan tentang profil atau tulisan yang lain dan berada di bawah setiap posting sehingga pembaca lebih mengenal admin / penulis blog. untuk contoh tampilannya seperti gambar dibawah ini :



tertarik untuk membuatnya ?? langsung saja ikuti langkah - langkah berikut :

  1. Login ke account blogger kamu
  2. pilih Design >> Edit HTML
  3. Centang Expand Widget Templates
  4. Download dulu template lengkap kamu untuk menghindari hal yang tidak diinginkan
  5. Cari kode ]]></b:skin>
  6. setelah ketemu silahkan copy code dibawah ini dan paste tepat diatas kode ]]></b:skin>

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    font-size: 14px;
    line-height: 15px;}
    #profil-ane p {margin : 0 0 5px 0;}
    #profil-ane img {float: left;width:100px;margin : 4px 10px 2px 0;}


  7. Cari lagi kode <data:post.body/>
  8. Paste kode dibawah ini dibawah kode <data:post.body/> tadi

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='profil-ane'> <a href='http://www.blogger.com/profile/10999780814694976825'><img alt='Blogger Newbie' src='http://i600.photobucket.com/albums/tt81/marlif/ajurnanet.jpg'/></a>Assalamualaikum,<br/>semoga melalui blog yang sederhana ini kita bisa saling berbagi pengetahuan. sang admin bukanlah blogger master yang mahir dibidang pem-blogger-an, tapi admin hanya ingin berbagi mengenai apa yang admin pelajari.</div>
    </b:if>


  9. Simpan template
Silahkan lihat hasilnya

NB: untuk tulisan didalam box bisa kamu ganti dengan profil kamu

2 comments:

Rizkyzone said...

keren bgt sob, blog q juga dah tak pasang

mamank said...

terima kasih bos sangat membantu postinganya untuk saya yg masih pemula

Post a Comment

Related Posts Plugin for WordPress, Blogger...
 

Like This Yo !