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 {#424242; = warna background kotak admin
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;
}
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 == "item"'>
<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 Achmad </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 Achmad dengan kalimat yang ingin sobat sampaikan di kotak Widget kotak-admin ini.
6. simpan dan lihat hasilnya
|
Achmad
Tweet |
|
1komentar:
di kasih sumber dong.... :(
http://vikrymadz.blogspot.com
Posting Komentar