Menambahkan Border dan Background Pada Sisi Postingan

anyak berbagai macam cara yang bisa kita lakukan untuk mempercantik isi blog kita. Mulai dari hal kecil seperti cara penulisan, bentuk face tulisan hingga hal sulit sekalipun. Semua itu tergantung dari selera kita sebagai pengelolanya.

Nah, pada postingan saya kali ini akan sedikit berbagi ilmu tentang hal lain yang berhubungan dengan keterangan di atas. Sekarang kita akan mencoba menambahkan sebuah garis (border) yang mengelilingi sisi tepi laman postingan kita.

Lalu, bagaimana langkahnya ?? Sabar dulu, mari kita bahas satu persatu. Oke, ikuti langkah berikut ini :

1. Menambahkan Border

1. Lakukan cara saat Anda akan membuat entry baru.
2. Klik mode penulisan HTML.

Copy kode dibawah ini :

<div style="border: 2px solid #0033CC; padding: 5px;">Tulis disini…

3. Rubah tulisan yang berwarna merah sesuai keinginan Anda.

Hasilnya :

Tulisan Anda disini …

2. Membuat Background Dengan Warna

Jika ingin sedikit lebih menarik lagi, Anda bisa menambahkan background berupa warna yang nantinya berada di belakang tulisan yang Anda buat.

Copy kode berikut ini :

<div style="background:#00adef; border:1px dotted #F5003D; padding:5px;">artikel sobat

Rubah tulisan yang berwarna merah sesuai keinginan Anda.

Hasilnya :

Tulisan Anda disini

Itu saja postingan saya kali ini. Semoga bermanfaat !!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s