;

Minggu, 01 April 2012

Cara Membuat Widget Kotak Admin di Bawah Postingan Blog

Minggu, 01 April 2012

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 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 

TERIMA KASIH TELAH MEMBACA , BILA ADA SESUATU YANG KURANG BERKENAN MOHON DI MAAAFKAN

Achmad - 19.56

1komentar:

Unknown mengatakan...

di kasih sumber dong.... :(

http://vikrymadz.blogspot.com

Posting Komentar