Sore gan, habis dari mancing ikan di kolam dapet banyak nih ikannya, hahahaa mandi lalu gosok gigi, terus online lagi dah, nih gan yang mau bikin KOTAK yang ada tulisannya itu loh yang di bawah postingan! tau kan wkwkwkk, nah begini tutornya kata orang gan!
- Login ke Blogger Dashboard -- Template - Edit HTML
- Centang Expand Template Widget
- Gunakan ctrl-f dan letakan css berikut sebelum kode ]]><b:skin>
.author-box {
background: #fff;
margin: 10px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 2px;
border: 1px solid #E6E6E6;
}
Catatan
: Untuk kode berwarna MERAH adalah warna latar belakang, warna border.
Silahkan sesuaikan warna tersebut agar serasi dengan tampilan blog. Agar
lebih mudah cari kode warna
4. Kemudian letakan kode berikut setelah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'> <div class='author-box'> <p><img alt='' class='avatar avatar-70 photo' height='70'
src='DISINI URL PHOTO ANDA'
width='70'/><b>About the Author</b><br/> <div style='text-align: justify; font-family: verdana;
color: #000;'>TEKS NYA DISINI GAN YA!.<br/>
</div>
</p>
</div>
</b:if>
5. SAVE Template.
Salam Blogger
NewBie
Tidak ada komentar untuk " Cara Memasang Kotak Profil di Bawah Postingan "