Selamat malam semua, malam ini saya akan menjelaskan tentang membuat Author Box. Ternyata membuat Author Box tidaklah sulit.
Langsung ke TKP :
Langsung ke TKP :
- Login ke blogger
- Masuk ke Edit Html , Beri Centang Pada "Expand Template Widget"
- Cari kode ini :
]]></b:skin>
4. Letakkan Kode di bawah ini di atas kode tersebut :
/***** Author Box ********************/
.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;
}
5. Simpan , Lalu Cari kode di bawah ini :
<div class=’post-footer-line post-footer-line-1’>
6. Letakkan Kode di bawah ini tepat di bawah kode di atas langkah no 5.
<b:if cond=’data:blog.pageType == "item"’><div class=’author-box’><p><img alt=’avatar’ class=’avatar avatar-70 photo’ height=’70’ src=’http://i959.photobucket.com/albums/ae80/barboz_228/gw_opt.jpg’ width=’70’/><b>About Author</b><br/>Maka apakah mereka tidak memperhatikan perkataan (Kami), atau apakah telah datang kepada mereka apa yang tidak pernah datang kepada nenek moyang mereka dahulu?
(QS. AL MU'MINUN:68) !<br/></p></div></b:if>
7. Simpan dan Lihat Hasilnya.
Anda bisa berkreasi sendiri, untuk mengedit warna, lebar, panjang nya ada di kode Css nya.
Teks yang berwarna merah adalah Pesan/teks anda.Teks yang berwarna biru adalah url gambar anda.
Membuat Author Box Di Bawah Postingan
9 out of 10 based on 10 ratings. 9 user reviews.
Tutorial Blog
- Cara mengganti background Kotak Komentar Blog 1
- Cara Mudah Membuat Random Background Color
- Memperbesar Gambar pada Artikel Blog Dengan jQuery Image Zoom 2.0
- Cara Simple Membuat Script Link Banner Pada Blog Plus Wadah Text Area
- Membuat Slide Gambar Efek Terjatuh Dengan jQuery
- Cara Mudah Auto Hide Dan Menghilangkan Navbar Blogger
- Cara Membuat Slide Gambar Berjalan Pada BLOG
- Cara Mudah Mendeteksi Blog Yang NoFollow atau DoFollow dengan AddOns Mozilla Firefox
- Cara Mencari Blogger Satu Kota atau Satu Daerah
- Cara Memasang Photo Dan Avatar di Kotak Komentar Blogger
- MEnambah Dan Memasang Gadget HTML Code Javascript Pada Sidebar
- Cara Cek Link Yang Rusak Di Blog
- Cara Membuat Kotak Wadah Kode HTML Dengan Warna Pada Postingan
- Cara simpel Membuat Spoiler (Tombol Hide Show Kotak Kode HTML Pada Posting)
- New !! Cara Membuat Related Post Keren Dengan Tampilan Image
nice tips.......salam knl sobat.......jiak bekenan sialhakan mampir balik..klo blh kita saling follow yuk..:))
:29 lam kenal juga z !! tak meluncur ke sana boz... !
:32
kalo di wordpress caranya gmn ya??
- TRIK INTERNET GRATIS GSM -
-> Tukar Link <-