Latest Entries »

Monday, January 23, 2012

cara membuat background postingan berbeda dengan homepage blog

halo sobat selamat pagi siang sore dan malam hehe
sebenarnya saya bingung mau kasih kayak gimana judulnya, dalam postingan kali ini saya akan memberikan cara membuat background atau latar tulisan postingan berbeda dengan homepage blog. Demonya bisa sobat liat pada blog ini, pada homepage blog background postingannya transparan dan pada halaman posting backgroundnya putih keabu-abuan di luar sana banyak sekali blog yang menyajikan tutor cara membuat background blog berbeda dengan homepage namun banyak master-master yang nggak mau menjelaskan secara luas kepada newbie seperti saya ini bahwa kode-kode ini dapat di kembangkan bisa untuk background sidebar, posting, dll
terlalu banyak cincong kayaknya langsung aja deh menuju topik utama membuat background postingan blog berbeda dengan background homepage:

1. seperti biasa login blog sobat
2. rancangan-tataletak-edit html-centang expand template widget (berhubung saya make yang rancangan lama jadi sesuaikan aja ya sama yang baru)sebelumnya backup templatenya.
3. cari kode </head> (control F aja)
4. jika sudah ketemu paste kode di bawah ini tepat diatas kode nomor 3

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.post {
background:url(url gambar background);
}
</style>
</b:if>

yang bercetak tebal dan miring silahkan sobat ganti dengan url gambar yang akan sobat jadikan background pada postingan blog sobat.
untuk .post sobat bisa sesuaikan dengan id dari kode postingan blog sobat (lihat gambar)


-untuk background dengan warna biasa, langkahnya sama tapi ganti kode diatas dengan kode di bawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
body {
background:#3366ff;
}
</style>
</b:if>


-yang bercetak tebal ganti dengan kode warna yang di inginkan
5. save template sobat

kini background pada postingan di halaman post sudah berbeda dengan halaman home page semoga sukses ya:)


Di kembangkan dari : http://ageboy.blogspot.com/2011/12/cara-membuat-background-posting-berbeda.html
Artikel Terkait Lainnya Seputar:


66 comments:

  1. @Pradika di blog ini demonya ob saat di home page background potinan tranparan, tapi saat post section warna putih backgroundnya

    ReplyDelete
  2. Waduh sob, aku sih udh jatuh cinta dgn background blogku yg skrg.. gak mau ganti lg ah...

    ReplyDelete
  3. kira2 bikin loding tambah berat gak sob?

    ReplyDelete
  4. oh yang seperti blog azine yan sobat??? yang bisa menambahkan backgraound di postingan, tapi sy coba di blog saya gak bisa sob, gak tahu klo yg ini sobat...

    ReplyDelete
  5. @Penghuni 60 bagi yang mau aza mas hehe
    @Science Box insyaallah nggak sobat
    @Asis Sugianto weheheh saya nggak tau apa b log azine sob

    ReplyDelete
  6. berkunjung gan, maju terus blog agan,.

    ReplyDelete
  7. Wah ..
    Nice Post nee sob, Try it Yo ,,

    ReplyDelete
  8. asiiiikkkk,,,,
    baru tau sy,,,,
    dpet ilmu baru

    ReplyDelete
  9. @Windows Blog hehe selamat atas ilmu barunya ya sobat

    @Spenza-Sumpiuh makasih sob

    ReplyDelete
  10. thanks sharenya gan.........ditunggu kunjungan n follow baliknya...:)

    ReplyDelete
  11. @Lalan Falatansah oke sama-sama sob, oke tunggu nnti ya saya on kompi saya folowback

    ReplyDelete
  12. mantap gan !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    ReplyDelete
  13. wah makasih sob izin nyoba :)
    Absen siang sob

    ReplyDelete
  14. sep sob,,, perlu dicoba kapan2,, tk simpen dulu..
    haha..........

    ReplyDelete
  15. keren2...
    ntar coba ya... asik neh... :D

    ReplyDelete
  16. @artiirhamna oke sobat silahakn di coba semooga sukses yaa :D

    ReplyDelete
  17. ada hadiah kecil untuk sobat tolong diambil ya ... makasih :)

    ReplyDelete
  18. Sippppppppppppp...disikat dulu ahhh...buat blog dummy aku...asyikkkkkkkkkkkkkkk...hahahyyy

    ReplyDelete
  19. Thanks Infonya sangat bermanfaat ... maju terus Blog Sampeweeh

    ReplyDelete
  20. konsep blogazine ya ??? memang paling suka nih diterapin oleh para blogger masa kini :D

    ReplyDelete
  21. ajib gan..! ni baru namanya tutorial..! izin copas scripnya gan!..

    ReplyDelete
  22. Terima aksih ssobat atas berbagi tipsnya nih mengenai mengganti background

    ReplyDelete
  23. ijin copy paste masbrooo...siapa tau kapan2 butuh :)

    ReplyDelete
  24. Nice share sobat..langsung praktek nih...

    ReplyDelete
  25. wah ilmu baru nih sob..? telat saya datang nya..? msh ke bagian g ya hahahayyy makasiih ilmu nya sob ?

    ReplyDelete
  26. takut ngutak ngatik lg, ntar error.. hehe

    ReplyDelete
  27. @[./Rizqi-JavaCyber] makasih gan

    @Alief Nartama Kurniawan silahkan bang alief

    @arya susastra silahkan sobat semoga berhasil yaa

    @MASNADY-BLOEGREEN masih dong bang gpp yang penting sampe aja haha

    @Claey ya udah mbak besk aja kalo lagi nggak eror ya :p

    ReplyDelete
  28. hm saya pernah,, liat blog yang seperti itu,, bgini toh caranya,, mantab gan :D

    ReplyDelete
  29. wah si agan dapet aja nih . ntr ane coba. tapi kira2 gan bikin berat ga sama blog :D . keep posting gan :D

    ReplyDelete
  30. menarik skali infonya sob,perlu di coba nich...thanks sob!

    ReplyDelete
  31. Wah betul sobat bilang beda dengan HPagenya
    Uji coba sobat :D

    ReplyDelete
  32. sangat menarik gan...

    mampir ya, minta komentar kritik dan saran.

    ReplyDelete
  33. lagi kesasar gue gan...jadi sekalian nyimak.

    ReplyDelete
  34. keren kang,, karena pemula masalah html sering buat otakku kacau :(

    ReplyDelete
  35. thank infonya sangat bermanfaat

    ReplyDelete
  36. Sip..!
    trimakasih Tips nya sobat senang sekali bisal belajar banyak dari blog ini

    ReplyDelete
  37. saya kok gabisa...
    maksudnya membuat bcakground postingan berbeda dengan homepage tu gimana sih?
    aku carinya background postingan berbeda dengan warna background sidebar..gimana caranya? plis

    ReplyDelete
  38. gak bisa mas, bisa dieditkan gak mas?

    ReplyDelete
  39. terimakasih gan atas infonya , sangat menarikk .. !!

    ReplyDelete

mohon maaf komentar berisi link promosi dan tidak nyambung dengan artikel akan segera di hapus...
komentar sobat akan sangat berarti untuk kemajuan blog ini....
tapi tolong jangan nyepam yah sobat :)