Kamis, Februari 28, 2013

0 Tips buat Kotak Admin di Bawah Postingan

Related Post:


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

Cara Membuat Kotak Admin Di Bawah Postingan Blog, Box Author, atau kotak admin ini menunjukkan pada suatu blog bahwa yang terdapat pada box tersebut adalah sang Admin atau Author blog. Membuat Kotak Admin ini caranya cukup sederhana.


kotak+admin


Jika mau menerapkannya, maka langkah selanjutnya anda hanya perlu :

  • Masuk Ke Blogger
  • 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;
}

Next Step : Anda 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='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>

Next : Silahkan edit sesuai keinginan anda.
  • Lalu Save Template.

Jangan Lupa tinggalkan jejak si Bolang di artikel Cara Membuat Kotak Admin Di Bawah Postingan Blog, kalau anda mau !

0 komentar:

Posting Komentar