Cara Membuat Widget Kotak Admin di Bawah Postingan Blog

Cara Membuat Widget Kotak Admin di Bawah Postingan Blog. seperti layaknya widget author blog bawaan blogger, nah ternyata kita bisa membuatnya secara manual dan letaknya pun menjadi dibawah postingan... pengen tahu caranya nih??



OK, jika sobat pengen tahu tips-tipsnya untuk membuatnya, ok langsung saja ya mas broo... hehehehe (gak usah banyak-banyak ya kata-katanya klo isinya cuma nyari keyword doang hihihihih)

Cara Membuat Widget Kotak Admin di Bawah Postingan Blog
1. login blog
2. rancangan >> edit html "centang Expand Template Widget"
3. cari kode ]]></b:skin> (gunakan F3 biar lebih cepat)
4. setelah ketemu taruh kode dibawah ini tepat diatasnya.

.author-box {
background:#424242;
margin:20px 0 0 0;
padding:10px 10px 0px 10px;
overflow:auto;
color:#FFFFFF;
font-family:verdana, sans-serif;
}


.author-box p {
margin:0;
padding:0;
}


.author-box a{
color:#FFF;
}


.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}

#424242; = warna background kotak admin
jika ingin merubah dengan image maka akan seperti ini :

background:#424242 url(alamat url gambar sobat);

#FFFFFF; = warna huruf/font

untuk yang lainnya sobat mungkin bisa otak atik sendiri...

5. lalu cari kode <div class='post-footer-line post-footer-line-1'> lalu taruh kode dibawah ini 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='http://1.bp.blogspot.com/-E40YKn0PN2U/ThPUXg6tnyI/AAAAAAAAAkQ/nBMMaB0C6EU/s220/DSCN5997.JPG' width='70'/><div style='text-align: justify; font-family:trebuchet ms; font-size:13px; text-shadow:2px 2px 3px #000000;'><a href='http://www.blogger.com/profile/17408571515369499460' target='_blank'>Eko Yulianto</a> orang yang haus akan ilmu pengetahuan yang bisa berguna bagi kehidupan diri sendiri maupun orang lain... Salam Hangat Dari Saya eko yulianto </div><br/></p>
</div>
</b:if>

Ganti kode http://1.bp.blogspot.com/-E40YKn0PN2U/ThPUXg6tnyI/AAAAAAAAAkQ/nBMMaB0C6EU/s220/DSCN5997.JPG dengan URL gambar yang ingin sobat tampilkan di kotak Author Box.


Ganti kode http://www.blogger.com/profile/17408571515369499460dengan URL profil blog sobat.

Ganti kode Eko Yulianto dengan nama sobat.

Ganti kode orang yang haus akan ilmu pengetahuan yang bisa berguna bagi kehidupan diri sendiri maupun orang lain... Salam Hangat Dari Saya eko yulianto dengan kalimat yang ingin sobat sampaikan di kotak Widget kotak-admin ini.

6. simpan dan lihat hasilnya