Lagi males memposting tentang Bahasa Inggris, larinya malah belajar Tips bloging dari Kang Rohman. Lumayan dapal Ilmu walau hanya sedikit. Longlife learning kalo kata Pak Dadang bilang di waktu ngisi upgrading di Tunas Unggul. Langsung saja Blogger tip nya:
Dalam membuat background ada dua alternatif yaitu membuat background dengan warna dan membuat background dengan bantuan gambar, khusus untuk background dengan gambar terbagi lagi ke dalam beberapa teknik yaitu background gambar dengan teknik repeat (ada repeat, repeat-x, repeat-y) dan background gambar dengan teknik no-repeat (gambar backgroundnya memang ukuran besar).
1. Membuat background dengan warna
Agar warna background postingan bisa berbeda-beda setiap postingan, anda perlu melakukan :
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. Sedikit tips yang masih bingung dengan kode warna, silahkan baca di sini.
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 :
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 :
2. Membuat background dengan Gambar
Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose. Awali postingan anda dengan kode seperti ini :
Dan diakhir postingan, harus di tutup dengan kode seperti ini :
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% :
Hasilnya akan seperti ini :
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.
- SEO Blogger Kini Lebih Mudah dan Praktis
- Cara Agar Memperoleh Banyak Backlink | SEO Blog Banyak Pengunjung
- Cara Mudah Membuat Random Post Sederhana
- Cara Mudah Membuat Related Post dengan Linkwithin
- Membuat banner animasi via picasion
- List Tool SEO penunjang SEO
- Cara Memasang File Flash Di Blog Post
- Cara Pasang Recent Posts Thumbnails Dengan Mudah
- Mengenal Fungsi Navbar di Blogger
- Cara Mentransfer Akun Blog ke Akun Blog yang Lain
- Trik Menampilkan Total Post, Comment, dan Online User
- Blogger Belajar Dari Harry Potter
- Blogger Perkenalkan Pendeteksi Otomatis Komentar Spam
- Cara Memodifikasi Bullet List dan Numbered List di Blogger Post
- 5 Alasan Mengapa Anda Harus Menjawab Setiap Komentar
- Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
- 6 Situs Foto Gratis untuk Blog Anda
- Posting Blog Menggunakan Word 2010
- Batas/Limit Kapasitas Akun Blogger
- Cara Mengatasi Blog Post dari Copy Paste
- Gambaran Frekuensi Posting Blog kita
- Integrasi Antara Blogger dan Zemanta Gadget
- Share Buttons Milik Blogger
- Bagaimana Cara Kerja Google?
- Mengapa Page Rank Blog/Web Jatuh?
2 comments:
ini yg saya butuhkan juga...thks for the info
kalo buat background template dari gambar pribadi bgmn???
Post a Comment
Silahkan tulis komentar sebagai umpan balik dari artikel ini. Tidak diperkenankan untuk komentar yang berunsur spamming, porno, dll.