Terinspirasi
dari blognya pencuri code yang bernuansa Seo Contest sapa lagi kalau bukan
blognya kang noval, dalam blog kang
noval tersebut post-footernya menarik karena ada tambahan Iconya, jadi post
footer akan kelihatan sedikit lebih expressif.
Jika belum tau apa itu post footer area lihat aja gambar diatas, Nah post footer
adalah informasi dari postingan yang kita tulis di blogger yang tempatnya
dibawah postingan kita, dalam post footer area terdapat infromasi-informasi
tentang postingan yang ada diatasnya, misalnya siapa penulisnya, jam berapa
dipublikasikan, sudah ada berapa komentar, artikel tersebut masuk dalam kategori
apa dan juga yang lainya.
Gimana apakah Anda ingin membuat post footer area Anda lebih expressif dengan
tambahan Icon?
Ikuti petualangan saya dibawah ini.
Seperti biasa yaitu masuk menu Layout (tata
letak) lalu masuk meni Edit HTML.
taruh code CSS dibawah ini diatas code ]]></b:skin>
/* post fotter
---------------------------*/
.post-author {
background: url(http://i296.photobucket.com/albums/mm169/anasku/profile.gif)
no-repeat;
padding-left: 20px;
color: #c70823;}
.post-timestamp {
background: url(http://i296.photobucket.com/albums/mm169/anasku/jam.gif)
no-repeat;
padding-left: 15px; margin-left: 10px;
}
.post-labels {
background: url(http://i296.photobucket.com/albums/mm169/anasku/forder-biru.png)
no-repeat;
padding-left: 25px; margin-left: 10px;
}
.comment-link {
background: url(http://i296.photobucket.com/albums/mm169/anasku/comment-icon.gif)
no-repeat;
padding-left: 15px; margin-left: 10px;
}
.post-backlinks {
background: url(http://i296.photobucket.com/albums/mm169/anasku/favorit.gif)
no-repeat;
padding-left: 15px;
}
Kalau sudah tinggal Save dan jadi deh...
Nah code yang berwarna merah diatas
adalah URL gambar... bisa kamu ganti dengan gambar sendiri, ingat sesuaikan
ukuranya..
Nah gimana caranya gampang kan??
jika ada pertanyaan silahkan tanya aja gak usah malu-malu okey.
Postingan
