Saturday, 19 February 2011

Cara Membuat Background Posting pada Blog

Beberapa hari yang lalu ada teman saya bertanya kepada saya, "Bagaimana sih cara membuat posting diblog dengan background berwarna?" Sebenarnya pengetahuan juga masih kurang dalam urusan dunia blogger, tetapi saya tahu walaupun hanya sedikit. Kemudian saya menyarankan kepada temen saya untuk mencari di blog yang menyediakan tutorial tersebut. Sebenarnya cara membuat postingan dengan background berwarna sangat mudah, tetapi kalo tidak tahu caranya pasti kita tidak akan bisa. Itu sudah pasti. Pada kesempatan ini saya akan berbagi mengengai Bagaimana Cara Membuat Posting dengan background berwarna.

Caranya adalah sebagai berikut.

Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose. Awali postingan anda dengan kode seperti ini:

<div style="background:Kode_Warna;">

Dan diakhir postingan, harus di tutup dengan kode seperti ini :

</div>

Catatan:
Ganti tulisan Kode_Warna dengan kode warna yang anda inginkan.

Contoh:
<div style="background:#00ff00;">
Judul: Bunga
Voc: Thomas Arya
Cipt: Thomas Arya

Merana… kini aku merana
Kekasih tercinta entah kemana
Sendiri kini ku dibalut sepi
Tiada tempat tuk tercurah lagi
Dimana … kini entah dimana
Bunga impian yang indah dimata
Kurindu tutur sapamu nan manja
Saat kau berada di sisiku…
Kini tinggal aku sendiri
Hanya berteman dengan sepi
Menanti dirimu kembali
Disini ku terus menanti
Akan ku coba untuk menenti dirimu kekasih
Oh bunga… dimana kini kau berada
Jangan ciarkan diriku dalam keseorangan
Oh bunga… jangan kau gores luka di dada
Sungguh diriku takkan kuasa
Campakkan kenangan
Oh..ooo… ooo bungaku…
</div>

Hasinya adalah sebagai berikut:

Judul: Bunga
Voc: Thomas Arya
Cipt: Thomas Arya

Merana… kini aku merana
Kekasih tercinta entah kemana
Sendiri kini ku dibalut sepi
Tiada tempat tuk tercurah lagi
Dimana … kini entah dimana
Bunga impian yang indah dimata
Kurindu tutur sapamu nan manja
Saat kau berada di sisiku…
Kini tinggal aku sendiri
Hanya berteman dengan sepi
Menanti dirimu kembali
Disini ku terus menanti
Akan ku coba untuk menenti dirimu kekasih
Oh bunga… dimana kini kau berada
Jangan ciarkan diriku dalam keseorangan
Oh bunga… jangan kau gores luka di dada
Sungguh diriku takkan kuasa
Campakkan kenangan
Oh..ooo… ooo bungaku…


Karena kode ini merupakan Style dari CSS, maka tentu saja bukan hanya warna background yang bisa anda tentukan, warna hurup, jenis hurup, perataan posting, dan lain-lain pun bisa anda tentukan. So, yang pasti postingan anda akan bervariasi dan tidak terkesan monoton. Sebagai contoh, jika postingan anda ingin berwarna background kuning, tulisan bisa rata kiri-kanan, besarnya hurup 120% dan padding sebesar 10 pixel :

<div style="background:#CCFF00; text-align:justify; font-size:120%">

Kemudian di tutup dengan

</div>


Contoh:
<div style="background:#CCFF00; text-align:justify; font-size:120%">
Judul: Bunda
Voc: Thomas Arya
Cipt: Wan Parau / Febby

Masih terbayang di pelupuk mata
Kasih sayang bunda untuk anakmu
Bercucuran air matamu membesarkannya
Tulus kasihmu tiada noda
Satu harapanmu kan ku junjung tinggi
Pesan tertanam begitu haru
Nyanyian nan syahdu mengantar tidurku
Saat malam menyambut pagi
Kini negri seberang membuatku mengerti
Kerinduan akan mu kembali
Telapak kakimu keningku mencium
Do'a selamat antarku pergi
Oh bunda, biarkan ku menangis
Agar hati ini smakin mengerti
Lelap tidurmu dulu terganggu
Tak terbalas kasih sayangmu
Ooo.. bunda biarkan ku menangis
Agar hati ini smakin mengerti
Lelap tidurmu dulu terganggu
Tak terbalas kasih sayangmu
</div>

Hasilnya adalah sebagai berikut

Judul: Bunda
Voc: Thomas Arya
Cipt: Wan Parau / Febby

Masih terbayang di pelupuk mata
Kasih sayang bunda untuk anakmu
Bercucuran air matamu membesarkannya
Tulus kasihmu tiada noda
Satu harapanmu kan ku junjung tinggi
Pesan tertanam begitu haru
Nyanyian nan syahdu mengantar tidurku
Saat malam menyambut pagi
Kini negri seberang membuatku mengerti
Kerinduan akan mu kembali
Telapak kakimu keningku mencium
Do'a selamat antarku pergi
Oh bunda, biarkan ku menangis
Agar hati ini smakin mengerti
Lelap tidurmu dulu terganggu
Tak terbalas kasih sayangmu
Ooo.. bunda biarkan ku menangis
Agar hati ini smakin mengerti
Lelap tidurmu dulu terganggu
Tak terbalas kasih sayangmu

Oke, Sekian dulu ya... Semoga postingan ini bermanfaan buat temen-temen semua.

0 comments:

Post a Comment

 

Reader Community

Banner Kawan

C L U B Y R - X Copyright © 2009 WoodMag is Designed by Ipietoon for Free Blogger Template