//

Modifikasi template blog dengan "Teknik Background"
Tuesday, January 15, 2013

Membuat tampilan blog menarik membutuhkan teknik CSS yang rumit, Saya menemukan cara baru membuat tampilan blog menarik  tanpa perlu pengaturan CSS yang rumit. Teknik ini bagus untuk anda yang tidak mengerti code CSS. Teknik ini saya beri nama teknik background.

Teknik background sesuai namanya teknik ini menjadikan background sebagai tampilan utama blog. Agar teknik ini berhasil anda harus punya sedikit pengetahuan corel, photoshop atau program desain gambar lainnya. Teknik ini saya gunakan pada template blog ini.


 *catatan teknik ini berlaku untuk "simple template bawaan blogger"


simple template
Tutorial kali ini kita akan mengubah tampilan header blog. Dengan teknik background anda hanya perlu menyiapkan background seperti dibawah ini



background ini sudah disesuikan dengan margin simple template. Sehingga jika digabungkan maka hasilnya akan seperti di bawah ini.


Tampilan nya akan jauh lebih bagus jika anda punya kemampuan desain grafis. Anda hanya perlu menyesuikan magin-magin pada template aslinya. Ukuran background di atas dapat anda jadikan acuan untuk membuat bakgground lainnya.

Cara menambahkan background pada template blog
cari kode css berikut :


.body-fauxcolumn-outer .cap-top {
  position: absolute;
  z-index: 1;
  height: 400px;
  width: 100%;
  background: $(body.background);
  $(body.background.override)  background:  url("http://3.bp.blogspot.com/-9BvRkailQzs/Tztv0wAtRsI/AAAAAAAAE3I/rtnnTCZheC0/s000/wrapper.jpg") no-repeat  center 0px;
}


keterangan: kode warna hitam adalah kode pada template anda
                  kode merah dan biru adalah kode yang anda tambahkan
                  kode biru adalah url gambar backgrund anda

Jika sudah semua save template anda.

Langkah selanjutnya anda masuk ke template > pilih sesuaikan


selanjutnya akan muncul seperti di bawah ini

klik untuk memperbesar

pilih tingkat lanjut (advance) > latar > layar utama> pilih transparan dan Terapakan pada blog

selesai selamat mencoba

Anda juga dapat mengubah warna-warna background lainnya lihat  Cara mengubah warna background pada template blogger.
Comments
18 Comments

Tips! Berkomentar : klik "Subscribe by email" untuk mengetahui balasannya.
Some HTML Alowed
  1. Siip infonya. terima kasih atas informasinya

    ReplyDelete
  2. oke bro,.. wamng asik kalo kita pilih warna warna yang cerah dan kontras, tapi kalo saya seneng biru, kalem hehehe

    numpang lewat mas..

    ReplyDelete
  3. artikel yang sangat luar biasa. salam kenal

    ReplyDelete
  4. boleh boleh...
    bisa dicoba

    ReplyDelete
  5. boleh boleh...
    bisa dicoba

    ReplyDelete
  6. keren nih tutorialnya mas

    ReplyDelete
  7. ngitik elor ine gitak teamplet gayatekno, endeng maeh..

    ReplyDelete
  8. ngitik elor ine gita teample gayatekno, maeh ta ngendeng mas bro... hehee...

    ReplyDelete
  9. kerennn template nya sob,,
    nice info

    ReplyDelete
  10. tutorial yang apik banget. baru tahu.

    ReplyDelete
  11. makasih infonya gab

    =========================
    --> Komik Hentai <--

    Yang suka Komik HENTAI.. download aja langsung kesini.. UPDATE HARIAN

    http://small-manga.blogspot.com

    ReplyDelete
  12. tampilan blog yang menarik membuat pengunjung lebih betah..

    ReplyDelete
    Replies
    1. Nice article, keep writing...

      Delete
  13. teknik modifikasi template yang menarik, kunjungan balasan ya ke blog saya www.goocap.com

    ReplyDelete