Menyediakan Berbagai Macam Informasi Seputar Blog, Internet, dan Komputer

Cara Membuat Kotak Author/Admin Dibawah Komentar

Cara Membuat Kotak Author/Admin Dibawah Komentar
Cara Membuat Kotak Author/Admin Dibawah Komentar - Selamat siang sobat-sobatku semua. Kali ini saya akan membawakan sebuah postingan atau artikel yang bertemanakan Blog, sebelumnya saya juga pernah memostingkan tentang Blog yang berjudul Cara Memasang Favicon Di Blog yang sangat berguna bagi kita semua.

Cara Membuat Kotak Author/Admin Dibawah Komentar - Kita kembali ke Topik pembahasan tentang Cara Membuat Kotak Author/Admin Dibawah Komentar, apa itu Kotak Author/Admin Dibawah Postingan? Yang saya maksud adalah seperti gambar dibawah ini.


Bagaimanakah tentang Kotak Authornya? Apakah sobat berminat? Bila berminat mari kita memasangnya dengan mengikuti langkah-langkah tutorial sebagai berikut.

1. Masuk ke Blog Anda.

2. Menuju Edit HTML lalu centang Expand Widget Template.

3. Lalu cari kode ]]></b:skin>, jika sudah ketemu taruh kode dibawah tepat diatasnya.

.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;
}

4. Jika sudah, cari kode <div class='post-footer-line post-footer-line-1'> 

5. Jika sudah ketemu, taruh kode dibawah tepat 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='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/275819_100000720972305_511059_q.jpg' width='70'/><b>About Author</b><br/>
    Ini adalah Contoh Author box yang bisa anda lihat. Warna background bisa disesuaikan oleh anda. silahkan dicoba membuatnya<br/></p>
    </div>
    </b:if>

6. Edit kode yang berwarna merah dan kata-kata yang ada di kode diatas. Kode yang berwarna merah adalah URL Gambar untuk kotak authornya.

7. Jika sudah, klik simpan.

Bagaimana sobat? Mudah kan? Memang. Semoga berhasil dan semoga berhasil ya sob, jika ingin menyebarluaskan artikel ini, tolong sertakan sumber yang baik ya, yaitu http://wan-soe.blogspot.com/2012/09/cara-membuat-kotak-admin-di-bawah.html Terimakasih!

Dikutip Dari : http://wan-soe.blogspot.com/2012/09/cara-membuat-kotak-admin-di-bawah.html

2 komentar:

  1. keren nih artikel perlu di bookmark, comment back yaw :D

    #salam sehat dari Yousake NKRI

    BalasHapus

Followers

Template Ini Di buat oleh Blog Informasi dan Berita Unik Terbaru ( Fahmi Setiawan ) yang didukung oleh Blogger