Rivado Blog: Cara Membuat Gambar Di Latar Belakang Blog Berubah Saat Membuka Posting Blog

Minggu, 23 Februari 2014

Cara Membuat Gambar Di Latar Belakang Blog Berubah Saat Membuka Posting Blog

How to Make Background Image Change When Open Blog Post

Akhirnya setelah berusaha dengan mencari di google, saya menemukan cara yang digunakan di blog D'jogz. Penasaran cara membuat suatu gambar atau bahkan format template berubah ketika membuka artikel di blog? Caranya cukup mudah.

Buka edit HTML

Cari kode </head> . <head> adalah tempat yang sering diletakkan javascript.

Sumber kode: http://www.bloggersentral.com/2010/08/targeting-specific-pages-with.html

<b:if cond='data:blog.pageType == "item"'>
<style>
#header-wrapper {
background-image: url(http://static3.wikia.nocookie.net/__cb20130422002550/date-a-live/images/a/a4/Gamepic1.png);background-position: center;
}
</style>
</b:if>

Ganti header-wrapper dengan tag gambar. Baca disini http://rivadotaku.blogspot.com/2014/02/cara-mengetahui-tag-suatu-elemen-untuk.html. Ganti http://static3.wikia.nocookie.net/__cb20130422002550/date-a-live/images/a/a4/Gamepic1.png

dengan URL gambar.

Untuk "kondisi" lain lihat di http://www.bloggersentral.com/2010/08/targeting-specific-pages-with.html