Memberi Warna Teks atau Background Posting

Kode untuk memberi warna pada teks (hi-lite) atau background (latar belakang) posting ini aku dapatkan dari BlogBulk, Blogger templates and Blog help.

Kodenya singkat aja, dan diletakan pada HTML posting yang diinginkan untuk diberi warna, jadi bisa bikin warna latar belakang setiap posting berbeda satu sama lain.
Caranya adalah sebagai berikut:
Ketika telah selesai menulis posting, masuklah ke mode Edit HTML, dan pada bagian yang ingin diberi warna, masukan baris kode berikut dibagian atasnya:

<div style="background:#FFE1FF; padding:5px 8px 5px 8px;">

Ini adalah bagian posting yang diberi warna. Pada akhir bagian yang ingin diberi warna, masukan kode berikut:

</div>

Lalu kembali ke mode Tulis untuk melihat hasilnya.

Catatan:

Baris kode warna hijau adalah kode warna yang dipakai sebagai background posting, dapat diganti sesuai dengan warna yang dinginkan, misalkan biru (#0000ff), kuning (#ffff00), merah(#ff0000), hijau (#008080), hitam (#000000), atau putih (#ffffff). Untuk mengetahui kode warna lebih lanjut bisa lihat disini.
Jarak/padding antara tulisan dengan tepi warna (border) dapat disesuaikan dengan yang diinginkan. Angka pertama menunjukan jarak bagian atas, angka kedua menunjukan jarak bagian kanan, angka ketiga menunjukan jarak bagian bawah, dan angka keempat menunjukan jarak bagian kiri.
Kode akan mengalami sedikit perubahan setelah diletakan pada Edit HTML, tidak menjadi masalah karena tetap kode yang sama hanya saja dengan tampilan yang sedikit berbeda.
Lakukan pemberian kode ini setelah penulisan posting selesai.

Selamat mencoba.

Related Post:

Tips Blogspot

• Cara Memasang Tombol Share Facebook, Twitter dan Google+ Di Bawah Judul Artikel
• Membuat Slide Menu horisontal dibawah posting
• Cara Mudah Pasang YM Di Blog
• Cara Pasang Rich Snippet Di Blogspot Dengan Mudah
• Membuat Bounce & Share - Widget Social Bookmarking Blogger
• Mengganti Tulisan Older Post dan Newer Post Dengan Judul Arrtikel
• How to Install Related Posts Widget related links at the side column (OK)
• Cara Menambah Gadget diatas Header
• Hidden Chatbox
• Widget artikel terkait / Related post dgn Scroll
• Code Color
• Edit Lebar Posting Pada Template
• Cara Memasang Button Share Artikel Di Blog
• Top 15 Most Popular Social Bookmarking Websites | August 2012
• Cara Update Blog Ke Webrank Stats
• 5 Tools For Tracking Your Digital PR Campaigns
• Membuat Widget Like Facebook Melayang
• membuat scroll pada artikel terkait / related post
• New WordPress plugin: Tag Pages
• Cara Membuat Artikel Terkait Dengan Gambar
• CARA MENGUKUR KECEPATAN BLOG
• Membuat 3 Kolom Footer
• Kode Warna ( Color Code )
• Membuat Back To Top Button (100% OK)
• Effect Scroll Text pada artikel tertentu

Widget by [ Iptek-4u ]

Posted in: Tips Blogspot