Cara Membuat Background Postingan Warna-Warni

cara membuat background postingan warna-warni
Cara Membuat Background Postingan Warna-warni — Menandai paragraf dengan warna latar yang berbeda bisa jadi menambah daya tarik pembaca yang berkunjung di blog. Meskipun memang "pernak-pernik hiasaan" di setiap postingan bukanlah yang terutama (sebab konten adalah yang terutama), namun apabila postingan yang kita buat sudah maksimal kita tuliskan isinya, toh memberikan nuansa yang berbeda dengan menambah "hiasan" atau penanda (selama tidak mengganggu) menjadi hal yang selanjutnya bisa dilakukan oleh seorang penulis blog.

Di postingan ini saya mensharingkan kode yang bisa digunakan untuk membuat perbedaan latar belakang postingan blog. Kita mulai dengan hasil jadinya terlebih dahulu.

Isteri yang cakap siapakah akan mendapatkannya? Ia lebih berharga dari pada permata.Hati suaminya percaya kepadanya, suaminya tidak akan kekurangan keuntungan.Ia berbuat baik kepada suaminya dan tidak berbuat jahat sepanjang umurnya.
Ia mencari bulu domba dan rami, dan senang bekerja dengan tangannya. Ia serupa kapal-kapal saudagar, dari jauh ia mendatangkan makanannya. Ia bangun kalau masih malam, lalu menyediakan makanan untuk seisi rumahnya, dan membagi-bagikan tugas kepada pelayan-pelayannya perempuan. Ia membeli sebuah ladang yang diingininya, dan dari hasil tangannya kebun anggur ditanaminya. Ia mengikat pinggangnya dengan kekuatan, ia menguatkan lengannya. Ia tahu bahwa pendapatannya menguntungkan, pada malam hari pelitanya tidak padam.

Tangannya ditaruhnya pada jentera, jari-jarinya memegang pemintal. Ia memberikan tangannya kepada yang tertindas, mengulurkan tangannya kepada yang miskin. Ia tidak takut kepada salju untuk seisi rumahnya, karena seluruh isi rumahnya berpakaian rangkap. Ia membuat bagi dirinya permadani, lenan halus dan kain ungu pakaiannya. Suaminya dikenal di pintu gerbang, kalau ia duduk bersama-sama para tua-tua negeri.Ia membuat pakaian dari lenan, dan menjualnya, ia menyerahkan ikat pinggang kepada pedagang. Pakaiannya adalah kekuatan dan kemuliaan, ia tertawa tentang hari depan. Ia membuka mulutnya dengan hikmat, pengajaran yang lemah lembut ada di lidahnya. Ia mengawasi segala perbuatan rumah tangganya, makanan kemalasan tidak dimakannya. Anak-anaknya bangun, dan menyebutnya berbahagia, pula suaminya memuji dia:

Banyak wanita telah berbuat baik, tetapi kau melebihi mereka semua. Kemolekan adalah bohong dan kecantikan adalah sia-sia, tetapi isteri yang takut akan TUHAN dipuji-puji. Berilah kepadanya bagian dari hasil tangannya, biarlah perbuatannya memuji dia di pintu-pintu gerbang!

Tampak perbedaannya ya. Latarnya menjadi berwarna. Bahkan kode ini bisa digunakan untuk mewarnai seluruh latar yang kita gunakan dalam postingan blog.

Sekarang kita membahas caranya. Kode yang digunakan untuk menghasilkan background postingan warna-warni yang di atas adalah seperti yang ada di gambar di bawah ini (klik untuk memperbesar gambar):


Jadi bagaimana cara membuat latar postingan di blog kita menjadi warna-warni? Begini caranya: Copy script di bawah ini dan letakkan di kolom postingan (edit HTML, bukan Compose) Sahabat. Sahabat bisa berkreasi dengan gradasi warna supaya postingan lebih menarik. Untuk kode warna di blog bisa ditemukan di google.

KODE DASAR:
<div style="background: KODE WARNA;">ISI DENGAN TULISAN</div>

Dari contoh yang sudah jadi tadi di atas, kode yang digunakan adalah ini:

PENERAPAN KODE:
<div style="background: #ADE8E6;">ISI TULISAN</div>
<div style="background: #FFF8DC;">ISI TULISAN</div>
<div style="background: #FFE4C4;">ISI TULISAN</div>

<br/>

<div style="background: #FFD700;">ISI TULISAN</div>
Note: Kode <br/> digunakan untuk memisahkan antar paragraf yang berbeda warna.

HASIL PENERAPAN KODE:
ISI TULISAN
ISI TULISAN
ISI TULISAN

ISI TULISAN

Kira-kira seperti itu. Selamat mencoba.

You may like these posts

1 comment

  1. Baitul Ulum wal Amal
    Terima kasih sharing nya
  1. To insert a code use <i rel="pre">code_here</i>
  2. To insert a quote use <b rel="quote">your_qoute</b>
  3. To insert a picture use <i rel="image">url_image_here</i>