Mengganti background area postingan dengan gambar dan animasi Berikut langkahnya ;

mismanklg.blogspot.com

1.Login Ke akun blog sobat
2.Pilih Rancangan/Tata Letak---> Edit HTML
3.Cari Kode  ]]></b:skin>  (gunakan ctrl f atau F3 agar memudahkan pencarian)
4.Letakan Kode dibawah ini Tepat Diatas Kode ]]></b:skin>

.post{border-radius:10px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgks6EUiZKv5zKXbe7almaLMSTAEFOnaMKLpOfF6UX0GTQBegY_0aKNYcQL707ifsci9H96QmWVTJwzVL7ip5QZh6iZfvMZtey3eV-X92gZsHut-GFz3Ftp0K1C3-vVUv2YqJJCkCXtxp5Q/s1600/background-judul-posting.gif) no-repeat center;background-size:cover;border:2px solid #f00;Margin-bottom:1px;
}
.post:hover{-moz-box-shadow:0 0 70px #F80505;-webkit-box-shadow:0 0 70px #F80505;box-shadow:0 0 40px #F80505;
}

5.Simpan Templatenya Dan Lihat Hasilnya

Kode url warna biru bisa anda ganti dengan url gambar and, dan kode-kode warna silahkan di edit sesuai warna kesukaan anda.
selamat mencoba..
Artikel Terkait :

1. About Sitelink
2. Add Emoticon On Thread Comments
3. Animasi Link With CSS
4. Animasi Loading Blog
5. Animated Window Opener
6. Auto Image Zoom With CSS Ease-Out
7. Blogger Logo With CSS
8. CSS Drop Down Multi Sub Menu
9. CSS Left Flayout Menu
10. CSS Left Rocket Dock Menu
11. CSS Menu Drop Down
12. CSS Menu Drop Down Melayang
13. CSS Menu Horisontal
14. CSS Menu Pull Up Multi Sub Menu
15. CSS Page Peel Effect
16. CSS Popup Image Viewer
17. CSS Red Menu Horisontal
18. CSS Right Flayout Menu
19. CSS Sidebar Slide Menu
20. CSS Slide Table Content
21. CSS Smart Image Enlarger
22. CSS Text Shadow
23. CSS Transform Text Shadow