Do you want to share?
Do you like this story?
Kali ini kami akan memberikan suatu trik kepada anda, bagaimana membuat header yang berbeda untuk postingan tertentu.
Bagaimana bisa terjadi? Mudah saja, itu memang dua gambar yang berbeda. Dan saya hanya memanggil gambar bertema lain untuk postingan tertentu.
Untuk membuatnya Anda ikuti tutorial berikut ini,
1. Temukan CSS Header Anda
Anda harus bisa menentukan mana yang merupakan kode css untuk header Anda. Kodenya akan mirip seperti ini:
#header-wrapper{
..............................
..........................
............................
background: url (alamatgambaranda);
}
Namun kode di atas bukan harga mati, bisa saja Anda menggunakan template yang gambar kepala masuk dalam body seperti template saya. Intinya temukan kode untuk gambar kepala Anda.
2. Aplikasi Header Hanya Untuk Postingan Tertentu
Masukkan kode berikut ini di atas </head>
<b:if cond='data:blog.url == "http://urlpostingananda.com/urlpostingananda.html"'>
<style>
#header-wrapper{
..............................
..........................
background: url (alamatgambaranda);
}
</style>
</b:if>
Nah, isi kode berwarna merah pertama dengan alamat postingan Anda yang akan Anda rubah headernya.
Kode merah kedua adalah kode css untuk header Anda. Jadi sekarang, Anda mempunyai dua kode css header,yang pertama untuk umum dan yang baru saja Anda tambahkan hanya bekerja untuk postingan yang Anda tentukan.
0 komentar:
Posting Komentar
Kebijakan Berkomentar akan dihapus, jika tidak sesuai dengan apa yang sudah ditulis dibawah ini:
» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi