Cara Membuat Author Box Di Bawah Postingan

Informasi mengenai Penulis sangatlah penting,karena adanya informasi tentang penulis...
Bagaimanakah jika informasi penulis tidak ada?....

Dipostingan kali ini saya ingin membahas tentang Bagaimana Cara Membuat Author Box Di Bawah Postingan.Cara"nya seperti biasanya kalian hanya Copy Paste doang.

Gunanya untuk apa sih?....

Gunanya seperti yang saya tulis di atas yaitu untuk mengetahui Informasi Si Penulis,kalau gak ada Informasi Penulis"nya,jadi siapa yang nulis dong.....

Oke langsung aja Contohnya seperti dibawah postingan saya ini atau seperti gambar dibawah ini

• Login ke Akun Blogger kalian
• Masuk ke Rancangan
• Edit HTML
• Cari kode ]]></b:skin>
• Letakan kode berikut di atas 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;
}

•  Sekarang cari kode <div class='post-footer-line post-footer-line-1'>
• Letakan kode berikut di bawah kode <div class='post-footer-line post-footer-line-1'>

<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUL5AMMS5pAHzNXk7IwUV5iw-0s5biFx1Sv4YpaqKAna_VbHgG3hnXXlPrXcGHxGr57TNHWbMX6CKxpqndIMMGhUjmbgn9Q1DzEYu6uY6hZpHctGCsXrRsy5Tit14Tb4Hg5Pm3yj9XTYM/s144/!n%20M%C3%A4$k%200.jpg' width='70'/><b>About Author</b><br/>
    Saya Hanyalah Blogger Pemula Yang Ingin Tahu Dan Mengetahui.Terima Kasih Telah Berkunjung Di Ryoichikuga.Silahkan Berkomentar<br/></p>
    </div>
    </b:if> 

Keterangan : Ganti yang berwarna merah dengan URL alamat gambar anda dan yang biru ganti dengan kata-kata anda sendiri



  Dipersilahkan untuk para Blogger untuk Berkomentar

Posted in: Komputer,Pelajaran