Thursday, February 24, 2011

Memasang Divider antar Post

 Banyak yang penasaran gimana caranya biar ada "sesuatu yang unik" yang membatasi tampilan antar post. Jawabannya ada. Lazimnya "sesuatu yang unik" itu disebut divider.

Ada banyak web yang menawarkan bagaimana cara memasang divider pada blog. Seperti yang ada disini, disini atau bisa juga dilihat disini.

Sayangnya pengaturan itu gak sesuai dengan blog saya. Jadi saya harus bereksperimen biar bisa masang divider di blog saya. Caranya ternyata gak sesulit yang saya pikirkan. Dasarnya tetap sama. Bedanya cuma harus sedikit dimodifikasi aja.
  • Pertama, kamu harus punya kode URL untuk gambar yang akan kamu pake sebagai divider. Caranya bisa dilihat disini atau ambil dari glitter-graphics seperti yang saya lakukan.
  • Selanjutnya klik " Design" pada Navigation Bar di blog kamu.
  • Pada halaman "Edit Layout", pilih kolom "Design", lalu pilih "Edit HTML"
  • Untuk mempermudah pencarian, ketik "Ctrl-F" dan tulis ".post-footer"
  • Dibawah tulisan itu, kamu akan menemukan "margin . . ."
  • Ketik di atas margin kode berikut ini :
             background: url(kode URL);
             background-repeat: no-repeat;
             background-position: bottom center;
  • Karna saya menggunakan kode URL "http://dl.glitter-graphics.net/pub/989/989321gyey13hzit.gif", maka hasilnya akan menjadi :
  • Well, ini belum selesai. Karna yang selanjutnya kamu lakuin adalah mengganti ukuran "padding" dan juga "margin" yang ada dibawahnya..
  • Awalnya, ukuran padding untuk blog saya seperti ini
  • Hasilnya, divider saya malah nyatu dengan "post footer" saya. *sori gambarnya gak ada, jadi bayangin aja yah :)
  • Jadi saya ganti angka di margin yang semula 15px jadi 9px
  • Dan ganti angka padding yang semula 10px 0 25px menjadi 9px 0 36px.
  • Angka ini bisa kamu ganti sesuai kebutuhan. Jangan lupa klik "Preview" untuk melihat apakah hasilnya sesuai yang kamu inginkan ato gak.
  • Hasilnya bisa diliat di bawah posting-an saya ini, hehe.
  • Terakhir, klik "save template" dan view blog untuk melihat hasil jadinya.
    Selamat mencoba ^^v

    Wednesday, February 23, 2011

    Make your Own Favicon

    Favicon?? Apa tuh??
    Buat yang baru berkenalan dengan blog seperti saya, mungkin istilah itu agak asing dan aneh ditelinga. Tapi klo dah ngeh apa artinya dan gimana cara ngebuatnya pasti yang ada jadi makin penasaran buat ngulik dan coba ngaplikasiin buat dipake di blog sendiri.

    Baiklah, untuk awalnya saya jelasin dulu apa itu Favicon. Berdasarkan hasil "googling" saya temukan bahwa Favicon itu singkatan dari Favorite Icon. Atau dengan kata lain Favicon itu icon yang terdapat di Address Bar. Bentuknya berbeda-beda antara yang satu dengan yang lain karna dibuat berdasarkan keinginan dari pemiliknya. Cara ngebuatnya gampang banget ternyata. Klo penasaran bisa coba ikutin cara saya berikut ini :
    • Pertama, buat dulu icon kamu sendiri dengan aplikasi pembuat gambar. Klo saya membuatnya dengan menggunakan photoshop. Usahakan membuat dengan background transparan.
    • Saat penyimpanan gambar merupakan saat yang lumayan krusial. Simpan dengan format PNG klo background-nya transparan. Tapi klo gak ada, bisa juga menyimpan dnegan format JPG.
    • Tahap selanjutnya adalah memindahkan gambar ke program aplikasi yang menyediakan fitur agar gambar memiliki kode URL. Thanks to photobucket yang membantu saya untuk mengatasi masalah ini.
    • Copy kode URL gambar yang akan dijadikan favicon.
    Yang berikutnya ini adalah kita akan mulai bekerja dengan menggunakan blog yang kita punya.
    • Klik " Design" pada Navigation Bar
    • Pada halaman "Edit Layout", pilih kolom "Design", lalu pilih "Edit HTML"
    • Untuk mempermudah pencarian, ketik "Ctrl-F" dan tulis "</Head>

    • Di atas kode tersebut kita ketik :
             <link href='kode URL' rel='shortcut icon'/>
             <link href='kode URL' rel='icon'/>
    • Karna saya menggunakan kode URL "http://i1089.photobucket.com/albums/i356/wilmakailola/icon2.png", maka hasilnya akan menjadi :
    • Selanjutnya klik tombol "Save Template"
    • Terakhir, pilih tab "View Blog" dan tadaaaa jadi deh. Gak percaya?? Ini favicon punya saya

    FYI : Icon pada favicon bisa diganti-ganti sampai kmu nemuin icon yang pas dengan kamu. Caranya tinggal ganti saja kode URL yang lama dengan kode URL yang baru.

    Selamat mencoba ^^v

    Wafel di Pagi hari

    Beberapa hari yang lalu sempet browsing buat nyari dagangan. Iseng-iseng nyari resep-resep masakan. Dan tiba-tiba aja matanya langsung tertuju ke sebuah foto wafel cantik. Alhasil bukannya nyari barang dagangan yang ada malah nyari resep wafel. Begitu udah dapat, olala ada masalah laen menyususl. Si saya kan gak punya cetakan wafel. Jadilah kemaren sesorean sibuk berburu cetakan wafel. Awalnya pengen cetakan yang panggangan gitu..tepi maharani saja adanya. Ya sudahlah tak jadi, cari yang laen. Menjelang sore, nemu juga cetakan yang juga bisa dipake bat manggang roti. Honestly rada kecewa juga kenapa gak beli yang merk laen yang juga bisa buat grill. Tapi mw gimana lagi, udah kebayar, hiks

    Pagi ini, begitu bangun langsung deh ngeracik resep wafel. Dan voilaaa..jadilah si wafel itu dengan penampakan seperti ini


    Penasaran resepnya?? Ok, cekidot yap..

    Bahan-bahan :
    1.     Terigu 1 cangkir
    2.     Kuning telur 3 buah
    3.     Putih telur 2 buah (kocok hingga kaku)
    4.     Susu Cair 1 cangkir
    5.     Baking Powder 1 sdt
    6.     gula 1 sdt
    7.     garam secukupnya


    Cara Membuat :
    1.     Campur semua bahan kecuali putih telur dan aduk rata
    2.     Tambah adonan dengan putih telur yang sudah dikocok hingga kaku
    3.     siapkan cetakan wafel dan olesi dengan mentega
    4.     Tuang adonan wafel ke dalam cetakan dan tunggu sekitar 7 menitan, dan jadi deh..

    Tuesday, February 15, 2011

    Hello world ... !!

    Hi, world...
    Yup, this is me.. littlewilma :)

    Akhirnya setelah melalui berbagai testing disana sini, blog ini jadi juga, even masih perlu melalui banyak sesi copy paste remove add erase etc-etc lainnya. 
    So proud to my self yang bisa ngerjain ini semua sendiri tanpa nanya ini itu dan telpon si A si B buat bantu ngebuat blog ini, hehe hebat Wil!!


    Well last but not least, again and again I just can say hello world..