Sebuah blog yang cantik dan enak dilihat tentu akan sangat membantu dalam meningkatkan traffic blog kita, karena saya sendiri lebih tertarik mengunjungi sebuah blog yang warnanya cerah dan enak dilihat, daripada blog yang warnanya gelap dan bentuknya tidak karuan alias acak kadut. Walaupun postingannya menarik tetapi membuat sakit mata, lebih baik saya pelototi blog saya selama berjam - jam.
Saya akan berbagi tips sedikit yang saya tahu tentang merubah warna background blog atau mengganti background dengan gambar yang sudah sobat upload ke tempat penyimpanan online, misalnya di Google Sites atau Photobucket.
Berikut langkah - langkahnya :
- Login ke Blogger.
- Klik Tata Letak --> Edit HTML.
- Kemudian cari kode yang mirip seperti ini :body { background: #FFFFFF;
margin:0; color:#000000;
font:12px trebuchet ms;
text-align: center }
Atau jika bingung silahkan klik Ctrl + F kemudian ketikkan body {, biasanya letaknya diatas. - Untuk mengganti background dengan warna lain tinggal mengganti kode #FFFFFFdengan kode lain, untuk kode warna bisa dilihat disini. Contoh saya mengganti background dengan warna abu - abu, hasilnya akan menjadi seperti berikut :body { background: #D8D8D8;
margin:0; color:#000000;
font:12px trebuchet ms;
text-align: justify } - Untuk mengganti background dengan image atau gambar, misalnya gambar yang sudah saya simpan di blogger, kode url-nya seperti ini :
http://lh4.ggpht.com/_7Y9pl24WpQY/StGOm72nY7I/AAAAAAAAB4c/mWg4brKUK4Q/body_thumb%5B4%5D.jpg?imgmax=800 - Sehingga hasilnya menjadi seperti berikut ini : body { background:#FFFFFF url(http://lh4.ggpht.com/_7Y9pl24WpQY/StGOm72nY7I/AAAAAAAAB4c/mWg4brKUK4Q/body_thumb%5B4%5D.jpg?imgmax=800) repeat-x;
margin:0; color:#000000; font:12px trebuchet ms;
text-align: justify} - Jika sudah selesai kemudian Simpan Template sobat.
Untuk gambar yang continuous sobat tambahkan repeat-x setelah kode url gambar. Lebih jelasnya sobat bisa baca postingan saya tentang cara mengganti backgroud blog dengan gradient image disini.
Artikel Terkait:
Blogger
- Cara Copy Paste Artikel Yang tidak bisa di Copy di Sebuah Blog ataupun Website
- Kenapa Blogspot.com berubah menjadi .co.id ‐ apa penyebabnya dan bagaimana mengatasinya?
- Cara Membuat Slideshow Pada Blogger
- Cara membuat chat box di blog & macam-macam chat box
- Cara Membuat Chat Box di Blogger
- Cara memasang radio online di blog
- CARA MEMBUAT RADIO STREAMING
- Membangun Radio Internet dengan Listen2MyRadio.Com
- Membangun Sendiri Radio Internet
- Radio Online
- Tampilan Baru Dasbor Blogger.com
- Membuat Label untuk Artikel Miniatur Hover
- Menambah Button Send ke Facebook
- Laporan berita sekilas dari w3spy.net
- Pengaturan Ukuran pada Kolom Komentar dan Postingan Lebih Fleksibel
- Membuat Web Hosting di Google Sites
- Google Code - Cara Membuat File Hosting di Google Code
- Tips Mendapatkan Banyak Follower di Twitter
- Membuat Artikel Terkait dengan Disertai Thumbnails
- Cara Merubah Blogger.com atau Draft.blogger.com Sebagai Default Dasbor Blogspot Anda
- Cara Memasang Widget SMS Gratis pada Blogger Blogspot
- Favicon Fitur Baru dari Blogger
- Menambahkan Gadget di Header
- Cara Membuat Menu dan Iklan Floating Bottom - Trik Menu dan Iklan Selalu ada di Layar
- Cara Membuat Iklan Melayang - Agar Iklan Tampil Setiap Halaman Blog Dikunjungi
Tidak ada komentar:
Posting Komentar