Cara menambahkan warna pada Background Paragraf

In Content, Wordpress 424 views


Halo sobat blogger, pada postingan kali ini saya akan share tentang cara membuat background warna pada background paragraph tulisan di blog. Memberi warna pada satu atau dua paragraph akan terlihat lebih menarik ketika kita hendak menekankan point penting pada paraggraf tersebut.

Untuk membuat background warna pada paragraph, caranya sangat mudah. Sama halnya seperti posting biasa, namun kita perlu menambahkan sedikit teks html. Berikut tutorial step by step untuk merubah warna blog pada postingan,

Langkah pertama, buat new post di wordpress, lalu ubah mode editing post dari visual menjadi teks. Masukkan kode html berikut untuk memberi background pada tulisan.

<div style=”background-color:green; color:white; padding:20px;”>

Isi paragraph yang akan diberi warna background


Perhatikan style tulisan, disini kita menggunakan warna hijau (geen) untuk background, dan warna putih (white) untuk font tulisan.

Contoh paragraf yang diberi background misalnya sebagai berikut:

Bandung is the capital of West Java province in Indonesia and Indonesia’s third largest city by population, with over 2,4 million, and Greater Bandung made up of 2 municipalities and 38 districts making it the nation’s 2nd largest metropolitan area with 6,965,655 inhabitants at the 2010 census.Located 768 metres (2,520 ft) above sea level, approximately 140 kilometres (87 miles) south east of Jakarta, Bandung has cooler temperatures year-round than most other Indonesian cities. The city lies on a river basin surrounded by volcanic mountains. This topography provides a good natural defense system, which was the primary reason for the Dutch East Indies government’s plan to move the colony capital from Batavia to Bandung.

Ketika style warna kita ubah menjadi red, maka hasilnya sebagai berikut:

The Dutch colonials first established tea plantations around the mountains in the eighteenth century, and a road was constructed to connect the plantation area to the colonial capital Batavia (180 kilometres (112 miles) to the northwest). The Dutch inhabitants of Bandung demanded establishment of a municipality (gemeente), which was granted in 1906, and Bandung gradually developed into a resort city for plantation owners. Luxurious hotels, restaurants, cafes and European boutiques were opened, hence the city was nicknamed Parijs van Java (Dutch:”The Paris of Java”).

Ketika style warna kita ubah menjadi blue, maka hasilnya sebagai berikut:

After Indonesia declared independence in 1945, the city experienced rapid development and urbanisation, transforming Bandung from an idyllic town into a dense 16,500 people/km2 (per square kilometer) metropolitan area, a living space for over 2.5 million people. Natural resources have been heavily exploited, particularly by conversion of protected upland area into highland villas and real estate and, although the city has encountered many problems (ranging from waste disposal and floods to a complicated traffic system, and lack of road infrastructure), Bandung still attracts large numbers of tourists, weekend sightseers and migrants from other parts of Indonesia.

Demikian tutorial untuk merubah warna background pada paragraf. Selamat mencoba, Semoga bermanfaat.

Hi there! I'm a Commuter Line Passanger in The Morning, Mechanical Engineer by day, Blogger by night, and this is my website. I live in Bogor, I like Pizza, and Blogging is My Hobby. I'm The Engineer who loves Blogging.
Cara Mengganti Font Tulisan di Blog
Cara Mengganti Font Tulisan di Blog
Pagi sobat blogger. Di pagi yang mendung
Cara mengatasi themes Blog WordPress yang error
Cara mengatasi themes Blog WordPress yang error
Kejadian tidak terduga bisa saja terjadi, pas
Cara benar pasang kode iklan uptopromo di wordpress
Cara benar pasang kode iklan uptopromo di wordpress
Tutorial ini saya buat berdasarkan pengalaman pribadi.
Cara mendapat hosting email gratis untuk domain sendiri
Cara mendapat hosting email gratis untuk domain sendiri
Cara mendapat hosting email gratis untuk domain

Leave a reply "Cara menambahkan warna pada Background Paragraf"

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Must read×