Membuat background dengan warna

Agar warna background postingan bisa berbeda-beda setiap postingan, anda perlu melakukan : Membuat Background Posting Berbeda-beda
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_disini;">


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


</div>


Ganti tulisan kode_warna_disini dengan kode warna yang anda inginkan.Kumpulan Kode warna nya Ada DISINI. Membuat Background Posting Berbeda-beda

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 (monoton TV apa monoton Film ye?). Sebagai contoh, jika postingan anda ingin berwarna background abu-abu, tulisan bisa rata kiri-kanan, besarnya hurup 120% dan padding sebesar 10 pixel :



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

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.

</div>


Hasilnya akan seperti ini :






heuheuheu.. gampang banget kan? kang rohman bilang juga apa, sok di coba atuh biar seru.


Membuat background dengan Gambar

Nah jika postingan anda ingin mempunyai background berupa gambar, langkah pertama yang harus di ingat yaitu anda harus punya gambar yang akan di jadikan background (bahasanya ko bolak-balik dekok begitu yach?). Trus gambar tersebut harus di upload ke hosting tempat menyimpan gambar. Bingung cara upload gambar ke hosting gratisan? y

Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose. Awali postingan anda dengan kode seperti ini :
Membuat Background Posting Berbeda-beda
<div style="background:url(alamat_gambar_disini) no-repeat;">

Membuat Background Posting Berbeda-beda
Dan diakhir postingan, harus di tutup dengan kode seperti ini :


</div>


Ganti tulisan alamat_gambar_disini dengan alamat gambar yang ingin anda tampilkan. Penggunaan kode no-repeat tentu saja apabila gambar yang anda miliki memiliki ukuran besar dan tidak mau di tampilkan berulang-ulang.

Seperti halnya pada background dengan warna, kode inipun bisa anda tambah-tambahin sesuai dengan keinginan.

Sebagai contoh, saya ingin membuat posting dengan background yang beralamat di http://kangrohman.googlepages.com/roll_02.jpg, background ingin di simpan di sebelah kanan atas posting tanpa repeat, padding sebesar 10 pixel, besar hurup 90% :



<div style="background:url(http://kangrohman.googlepages.com/roll_02.jpg) no-repeat right top; text-align:justify; font-size:90%; padding:10px">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.

</div> Membuat Background Posting Berbeda-beda

Hasilnya akan seperti ini :

a:link
{
color:#58a;
text-decoration:underline
}

a:hover
{
color:#c60;
text-decoration:underline
}

a:visited
{
color:#969;
text-decoration:underline
}


Agar menjadi faham, akan saya uraikan :

a:link
{
color:#58a;
text-decoration:underline
} 

Kode ini mempunyai arti sebuah link akan berwarna biru dan bergaris bawah.

a:hover
{
color:#c60;
text-decoration:underline
}
Sebuah link apabila di sorot oleh mouse akan berubah warna menjadi biru tua dan bergaris bawah.

a:visited {
color:#969;
text-decoration:underline
}
Sebuah link apabila pernah di klik oleh komputer yang sama akan berwarna biru tua (banget) dan bergaris bawah.

Pertanyaan selanjutnya manakah kode diatas yang membuat link menjadi bergaris bawah? jawabnya adalah kode :
text-decoration:underline
Tulisan “underline” lah yang membuat link menjadi bergaris bawah. Apabila kita tidak menginginkan adanya garis bawah pada sebuah link, maka kita hanya cukup merubahnya dengan kata none, nanti kodenya akan menjadi seperti ini :
text-decoration:none
Dari uraian tadi diatas, kita dapat mengatur ingin ada atau tidak ingin ada garis bawah, tergantung dari selera masing-masing, apakah sebuah link ingin bergaris bawah atau tidak? apakah apabila sebuah link di sorot oleh mouse ingin bergaris bawah atau tidak? Apakah apabila sebuah link pernah di kunjungi atau di klik ingin bergaris bawah atau tidak? semua terserah sobat sebagai pemilik blog. Ingin bergaris bawah? Ya pakai underline, kalau tidak ingin bergaris bawah ya tingal ganti dengan none.
gampang kan chu…,,,!!!

Maksud Penulis yakni bagaimana Mengakali Jumlah Pengunjug yang sedang Online saat ini Di Blog Sobat, Sobat blogger pasti rata-rata sudah tahu dengan Widget satu ini karena rata-rata sudah Pasang diblog masing-masing.
Oke kali ini kita akan Meng-Hack nya Agar Jumlah Visitor Nampak Ramai,Nanti Blog sobat akan nampak keren dan kemungkinan besar pengunjung tidak akan tahu.
Mari kita lakukan ikuti langkah-langkah berikut :
Bila Sobat akan menambah widget ini ke blog pasti akan menaruh  code html ini pada blog :
Cara Hack Jumlah Pengunjung Online Di Blog
<script type="text/javascript" src="http://widgets.amung.us/colored.js"></script><script type="text/javascript">WAU_colored('aycw41907oxu', '000000f7efff')</script>
Cara Hack Jumlah Pengunjung Online Di Blog
Nah..kode yang berwarna BIRU itu adalah yang mau kita hack. Ganti kode yang berwarna biru itu dengan kode ini :

Oke sekarang Blog Sobat akan terlihat seolah-olah berpengunjung sampai 438 lebih!!!
Selamat Mencoba

Apa sih maksud dari judul posting ini, sepertinya agak aneh? begini nih teman-teman, jika kita sedang mengedit template dan melihat hasilnya maka pada sudut-sudut element akan terlihat icon bergambar obeng dan tang. berikut contoh screenshotnya :