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. Langsing aja lihat demonya dibawah ini :
- 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 == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='http://www.blogger.com/profile/17337039064242988436' 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>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='http://www.blogger.com/profile/17337039064242988436' 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.
Tips tricks yang populer lainnya:
Triks Blog
- cara memasang jam dan kalender di blog
- Cara Memasang Nomor Urut Pada Kotak Komentar Blog
- Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse
- Cara Membuat Foto/gambar Efek Memutar-mutar Dan Membesar Saat Disorot Mouse
- Kostumisasi Avatar Komentar
- Cara Membuat Artikel Terkait Di Bawah Postingan
- How To Enrol Into Blog Search Engine Google
- How to Guestbook Show Hide from above
- Buku Tamu Tersembunyi Versi 2 Di Blog
- Cara Sembunyikan Buku Tamu Facebook
- Menambahkan Scroll Pada Daftar Link (Blogroll)
- Free Backlink Qualified
- Blog Comment With Kaskus Emote Ver 2
- Cara Membuat Popular Post di Blog
- Delphi 7 error di windows 7
- Cara Memasang Adsense di Web/Blog
- Membuat Trigger jQwerty
- Award setetes embun
- Cara Pasang Back to top di Blog
- Cara Mudah Membuat Desain Header Blog
- Membuat Emotion Pada Komentar Blog
- Membuat Buku Tamu Tersembunyi
- Cara Membuat Tulisan Posting Baru, Posting Lama dan Home Dengan Icon
- Membuat Tanda Tangan Online di mylivesignature
0 comments:
by Pakto
by misterdarvus
Post a Comment