Join The Community

Premium WordPress Themes

Minggu, 02 Oktober 2011

Cara Membuat Author Box di Postingan

Penting gak penting sih untuk aksesoris yang satu ini.,hanya saja kebetulan ane tertarik buat masang ya sudah langsung ane tempel. Ini juga sekedar nampakin kata-kata bijak yang ane suka. Tapi kalau sobat juga tertarik bisa buat diisi informasi apa saja yang sobat suka....

Gimana??? Kalau tertarik langsung saja deh..

1. Login ke Blogger dengan ID sobat tentunya
2. Pilih menu Template --> Edit HTML
3. Centang pada Expand Widget Templates, lalu cari kode ]]></b:skin> dan letakkan kode berikut diatasnya
.cmhk{background:#000;margin:20px 0 40px 0;padding:10px;overflow:auto;color:#fff}
.cmhk p{margin:0;padding:0}.teja a{color:#FFF}
.cmhk img{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ghvmPUcCUbNn0rwqTlOxVqL3MbZi2Cin_-Fbsm-MP0sN7siX5Kaog4yM-RVH1SlqFV66mHLelgh_Ll1GM2x009GifBJHMiFrcom2dSqx_Xzp8UGbywH0xgIMx0sVw1DDDDubHZl7y6zd/s1600/bg-img-auhtor.gif)no-repeat;float:Left;margin:0 10px 0 0;padding:4px}
4. Cari lagi kode <div class='post-footer-line post-footer-line-1'> lalu letakkan kode berikut dibawahnya
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='teja'>
<p><img alt='' class='avatar avatar-70 photo' height='130' src='http://filevector.com/wp-content/uploads/2011/01/vector-Japan-carp.jpg' width='100'/><div style='font-family: kristen itc; color: rgb(255, 0, 0);'><b>ABOUT THE AUTHOR : CHUMHIENK</b></div>
<div style='text-align: justify; font-family:comic sans ms'><a href='http://tejahtc.blogspot.com/' target='new'><b>Kutipan Favorit : </b></a>Jangan sampai kita terlena untuk memenuhi kekayaan duniawi yang sifatnya hanya sementara saja, hingga kita lupa akan tugas kita yang sesungguhnya di dunia ini yaitu mengumpulkan perbekalan untuk menuju kampung akhirat yang kekal. Jadi perkayalah diri Anda baik dengan materi maupun dengan rohani, dan bagikan kekayaan tersebut kepada yang lebih membutuhkan.
</div></p>
</div>
    </b:if>
5. Simpan Template, dan lihat hasilnya. Author box telah muncul dibawah kolom postingan sobat. :)
Keterangan :
  • Ganti tulisan biru dengan URL Gambar sobat
  • Ganti tulisan merah dengan Nick sobat
  • Ganti tulisan hijau dengan informasi sobat

Sekian.

Salam,

0 komentar:

Posting Komentar