More on this category »
Searching...

Cara Membuat Widget Kotak Admin di Bawah Postingan Blog

1/15/2012
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

jika pengen tahu kode-kode warna yang ada sobat bisa buka INI atau INI

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/2601929600078737536' target='_blank'>ViKrY'X MadZ</a> orang yang haus akan ilmu pengetahuan yang bisa berguna bagi kehidupan diri sendiri maupun orang lain... Salam Hangat Dari Saya vikrymadz </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/12066614431010301134 dengan URL profil blog sobat.

Ganti kode ViKrY'X MadZ 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 vikrymadz dengan kalimat yang ingin sobat sampaikan di kotak Widget kotak-admin ini.

6. simpan dan lihat hasilnya

0 komentar:

Poskan Komentar

Komentar dengan baik

Diberdayakan oleh Blogger.