YEAAAAHH, tahun ini gue pulang kampung!! :f :f :f
Loh. . . loh?? wah salah post saya, maafin yaah, atas ketidakjelasan hamba Allah yang penuh dosa ini:D
Okee langsung aja ah tanpa bla bla bla,
Sapa yang mau eksis di blognya?? Kali aja ini berguna buat loe loe pada! Simaak broo!!
Cara Menambahkan Author Box di Bawah Postingan
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode ]]></b:skin> dan taruh kode berikut di atasnya;
6. Cari kode <div class='post-footer-line post-footer-line-1'> dan taruh kode berikut ini di bawahnya;
7. Sebelum menyimpan, ganti URL dengan URL photo kita, dan tulis sekilas tentang diri kita. Dan juga bisa menganti judul about author. Dan juga mengubah kode css yang disesuaikan dengan tampilan blog kita.
8. Simpan jika sudah selesai.
Loh. . . loh?? wah salah post saya, maafin yaah, atas ketidakjelasan hamba Allah yang penuh dosa ini:D
Okee langsung aja ah tanpa bla bla bla,
Sapa yang mau eksis di blognya?? Kali aja ini berguna buat loe loe pada! Simaak broo!!
Cara Menambahkan Author Box di Bawah Postingan
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode ]]></b:skin> dan taruh kode berikut di atasnya;
.author-box {
background: #f0f0f0;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box a{
color:#666;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}
background: #f0f0f0;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box a{
color:#666;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}
6. Cari kode <div class='post-footer-line post-footer-line-1'> dan taruh kode berikut ini di bawahnya;
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='URL avatar/photo kita' width='70'/><b>About Author</b><br/>
Sekilas tentang diri kita<br/></p>
</div>
</b:if>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='URL avatar/photo kita' width='70'/><b>About Author</b><br/>
Sekilas tentang diri kita<br/></p>
</div>
</b:if>
7. Sebelum menyimpan, ganti URL dengan URL photo kita, dan tulis sekilas tentang diri kita. Dan juga bisa menganti judul about author. Dan juga mengubah kode css yang disesuaikan dengan tampilan blog kita.
8. Simpan jika sudah selesai.
Woo mantep sob. .Ane mau nih bikin. .Ntar ane praktek soalnya ini lagi pake hape, =D
ReplyDelete@Rachmad a.k.a Gorengan: oke broo, ntar ane mmpir deh klo udh bkin :D
ReplyDeletesipp sedang dlamm prosess nih... !!
ReplyDeleteberhasillll
ReplyDeletewah keren infonya, baru dapat di blog ini informasi yang saya cari selama ini, ma kasih sob
ReplyDelete@Dapat duit: sama2 broo :) yup, klo dah brhsil ntr sya mmpir broo
ReplyDeletenice info nya keren ni gan,
ReplyDeletejangan lupa follback..
http://ripcurl-crom.blogspot.com