Cara Membuat Widget Author 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

jika pengen tahu kode-kode warna yang ada sobat bisa buka 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://i1208.photobucket.com/albums/cc371/AdriBaraka/ebonk2.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/05699171234392133933' target='_blank'>Adri Baraka dotCom</a> orang yang haus akan ilmu pengetahuan yang bisa berguna bagi kehidupan diri sendiri maupun orang lain... Salam Hangat Dari Saya Adri Baraka </div><br/></p>
</div>
</b:if>

Ganti kode http://i1208.photobucket.com/albums/cc371/AdriBaraka/ebonk2.jpg dengan URL gambar yang ingin sobat tampilkan di kotak Author Box.


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

Ganti kode Adri Baraka dotCom 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 Adri Baraka dengan kalimat yang ingin sobat sampaikan di kotak Widget kotak-admin ini.

6. simpan dan lihat hasilnya... Selamat mencoba!!!!
Jangan asal copy paste, baca aturannya di sini

Sudah Baca Yang Ini..?