Memasang Background dengan Gambar Sendiri Pada Blogger Template Designer

Beberapa saat yang lalau blogger melakukan terobosan baru dengan meluncurkan Blogger Template Designer (Baca: Blogger Template Designer Fitur Baru Blogger Lagi dan Video Tutorial Blogger Template Designer). Fasilitas ini sendiri telah digunakan blogger untuk beberapa blog resminya seperti buzz blogger dan blogger in draft (Baca: Tampilan Baru Blogger Buzz dan Bloggerindraft). Anda bisa menggunakannya untuk merancang template Anda sendiri. Bahkan tanpa mahir codingpun Anda bisa membuat template yang berbeda dan unik Salah satu yang paling mencolok dan membuat blog memiliki ciri khas adalah background blog. Meski blogger template designer telah menyediakan banyak sekali gambar, tentu Anda lebih puas jika backgroundnya menggunakan gambar Anda sendiri.

Untuk menggantinya dengan background Anda sangatlah mudah,
1. Login ke draft.blogger.com
2. Klik Layout / Tata Letak / Rancangan
3. Klik Perancang Template / Template Designer
4.Anda akan sampai ke halaman perancang template. Untuk menggunakan background dari blogger silahkan pilih tab background. Pilih yang Anda suka lalu klik Done.

5. Untuk menggantinya dengan gambar sendiri, silahkan beralih ke Advanced lalu pilih Add CSS.

6. Pada kolom isian CSS, isi dengan kode berikut

.body-fauxcolumn-outer {background: url(alamat gambar anda);} 
.body-fauxcolumn-outer div {background: none;}

7. Ganti yang berwarna merah dengan alamat gambar Anda. Setelah Anda masukkan kode tersebut dengan alamat gambar Anda sendiri, otomatis preview akan terupdate dan preview template berganti menggunakan background Anda. Sekarang Anda siap menyimpannya dengan klik Apply to Blog.
Semoga bermanfaat, silahkan berkreasi di dunia blogger tanpa batas... Happy Blogging... Jaga untuk tetap berbagi...

Komentar

  1. Backgroundnya . .
    terpasang full di page mas?
    atau?

    BalasHapus
  2. tapi apakah gak bikin load blog berat ya mas???

    BalasHapus
  3. wah,,keren nih kayaknya gan...boleh nih ane coba...makasih gan info yang sangat menarik :))

    BalasHapus
  4. keren tuh...
    bookmark dulu...
    ntar bsok2 mau coba...

    BalasHapus
  5. hmmm.. lumayan agak berat kalo pkek beground dari perancang nya mas.. hehehe

    BalasHapus
  6. mas klo pasang 2 background d template klasik gmn y.. ^_^

    BalasHapus
  7. ane dah nyoba kok mas. ane ubek2 tuh fitur blogger draftnya. tapi lumayan berat ya mas kalo segitu besar gambarnya

    BalasHapus
  8. sya dh prnah gunakan template blogspot yang satu nie Mas, Tapi alhasil knp blog jadi berat ya Mas?

    BalasHapus
  9. keren mas doy !!!!
    pengen nyoba !!!
    thanks yach tutornya !!!

    BalasHapus
  10. wah mantap nih mas doy,aku langsung ke draft, terima kasih banyak ya

    BalasHapus
  11. Nice post... baca pagi2 pasti OK ::

    BalasHapus
  12. Mantap kang, langsung dicoba.
    makasih atas infonya..

    BalasHapus
  13. wah makin lama blogger makin keren aja yah, jadi kita tidak akan bosan dengan penggantian setiap saat yang kita mau

    BalasHapus
  14. saya juga sempat pake blogger template designer, tapi sekarang ganti lagi dengan simple balanced soalnya belum banyak blog master yang membahas tutorialnya.

    Eith,,, Aku abiez ganti domain negh Mas! Jadi harus link building lagi dari awal. Kalo sobat ada waktu, tolong ganti URL tukar link yang dulu dengan domain baru saya http://www.ikhzan-blog.co.cc/ biar tukaran link yang dulu kembali terindeks. Makasih sebelumnya, dan maaf bila merepotkan

    BalasHapus
  15. bisa mempengaruhi kecepatan akses gak ini mas...

    BalasHapus
  16. mak nyuus tenan triknya, makasih mas doy aku tunggu
    trik berikutnya yang lebih mak nyus

    BalasHapus
  17. sip..sip boleh juga tuh mas tipsnya. Jadi lebih banyak lagi cara buat mempercantik blog. Thank ya

    BalasHapus
  18. wuih kren nih postingannya
    ku coba ah... makasih mas doyok

    BalasHapus
  19. aku dah coba mas.... thx jadinya keren abisssssss

    BalasHapus
  20. saya udah coba bgus tuh.....

    BalasHapus
  21. tidak jelas bagaimana cara memasukan alamat gambar sendiri kita

    BalasHapus
  22. thanks banget ilmunya bos maklum lah saya baru bikin blog. artikel yang anda buat bermanfaat banget. tetap memposting ilmu yang bermanfaat lagi . hatur nuhunnnnnnn..........

    BalasHapus
  23. Trims ya atas informasinya dan salam kenal ya

    BalasHapus
  24. Kalau pasang gambar sendiri tanpa punya alamat url gambar bisa ga??
    jadi dari blog langsung kita upload gambar yang ada di komputer????

    BalasHapus
  25. Makasi mas.... keren bget!! Ttp suksees yaa!

    BalasHapus
  26. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  27. manthaaaaaaaaaaaabbb....

    waw sangat bagus bang trima kasih banyak atas tutorialnya,,saya baru blajar ngblog,,waw backroun blog saya langsung brubah,,cuman masih acak acakan,,bang blog saya
    www.kumpulananakmusikdangdut.blogspot.com
    mohon bimbingan abang nih ,
    trims..

    BalasHapus
  28. wah cocok bwt aq yg super pemula n lg belajar..
    kbtln 3 hari ni lg cri2 tips pasang background made in sndri hehe...
    thankz bro..

    BalasHapus
  29. bang saya mohon bantuanya saya mau bikin kotak komentar udah berbagai cara ikutin cara set dari blog2 rekan bloger tapi blom ada yang berhasil,,,
    jadi kalausaya tes komen kalau di bikin panjang komentarnya,,malah jadi keluar baris ,,,ni

    blog saya bang tolong bgt bang
    www.kumpulananakmusikdangdut.blogspot.com

    BalasHapus
  30. Pernah dicek memakai browser lain, hasilnya berantakan.

    BalasHapus
  31. uda bisa, tapi gmbarny ga mncul scra full d page ny,

    BalasHapus
  32. teng kyu mass ilmunya tak ambildikit yah... aap lahir bathin boss

    BalasHapus
  33. brow.s tapi cara mengetahui alamat gambar kita gimana??? maklum masih newbie

    BalasHapus
  34. tq mas berkat u gw kebantu . .

    BalasHapus
  35. @sylvie yunjae cassiopeia
    @7203927038009495854.0

    Kok ngga bisa nie ???
    ( Maklum namanya juga pemula... )
    Ajarin yag jelas,,, hihihi....

    BalasHapus
  36. ku coba ya ....
    mudah mudahan berhasil ....

    BalasHapus
  37. mas kok aku pas klik advance gk ada tulisan apa apa gmna tuh caranya mass

    BalasHapus
  38. Haloo Follow my blog and I FollBack You
    http://adrianrefaazz.blogspot.com/

    BalasHapus
  39. Gimana yah supaya gambar tampil full? Thanks

    BalasHapus
  40. langsung ke tkp, naiseee tutorial... ('-')

    BalasHapus
  41. Q udah ngikutin petunjuk yang mas buat...
    tapi koq ga da pilihan yang seprti mas bilang yah...
    di advanced yang muncul " reset title to template default"..
    ne gimana lagi ya mas..

    BalasHapus
  42. aku dah ikutin semua petunjuk, tapi masih tetep gg bisa ??
    kenapa ??

    BalasHapus
  43. i like this

    makasih kk

    BalasHapus
  44. Makasih infonya..
    sangat membantu :)

    BalasHapus
  45. Om, Kaga bisa Tuh. Gambarnya tete itu2 aj. gimana dong?

    BalasHapus
  46. sekrang udah bisa langsung ambil dari komputer to mas

    BalasHapus
  47. mas cara bikin tab gimana mas...... tolong kirim ke blog aq ya mas

    BalasHapus
  48. Permisi gan, numpang lewat... Http//:justdente.blogspot.com

    BalasHapus
  49. terima kasih atas tutorialnya Mas.

    BalasHapus

Posting Komentar

Postingan Populer