Membuat Postingan Tertentu Lebih Menonjol

Banyak sekali Tips Trik untuk menarik visitor melihat postingan, salah satunya dengan memberikan efek pada postingan tertentu yang mau ditonjolkan.

Menonjolkan postingan juga banyak macam-macamnya, ada yang diberi efek teks berjalan, berkelap-kelip, dan sebagainya.

Contoh Suatu Postingan yang Ditonjolkan,

Untuk membuatnya silahkan perhatikan cara berikut

cara pertama yaitu cukup mudah kita tinggal masuk ke posting editor dan tulis code seperti dibawah ini di posting editor bagian "Edit Html"

1. Untuk ‘ background warna’ kita gunakan code seperti dibawah ini :

<div style="background:#FFFFCC; border:1px dotted #F5003D; padding:5px;"> Postingan Yang Mau Ditonjolkan </div>

background:#FFFFCC; adalah warna background, codenya bisa Anda ganti menurut warna yang Anda sukai. (lihat code warna disini)

border:1px dotted #F5003D; adalah garis tepi 1px ialah ketebalan dari garis tepinya, dotted adalah jenis bordernya #F5003D adalah kode warna dari border

padding:5px; Untuk memberi batas garis tepi dengan tulisan, memungkinkan agar ada jaraknya dari garis tepi.

Hasilnya akan seperti ini

Postingan Yang Mau Ditonjolkan

Note : Kode-kode di atas bisa disesuaikan dengan selera Sobat, untuk menambahkan fungsi scroll ,tinggal memberi overflow:auto; seperti ini susunannya,

2. Untuk ‘background gambar’ dengan code seperti di bawah ini :

<div style="background:url(Alamat Gambar); width:508px; height:362px; padding:5px;"> Postingan Yang Mau Ditonjolkan
</div>

Untuk Width/Lebar, dan Height/Tinggi bisa diatur sendiri

Contohnya kayak gini,

Postingan Yang Mau Ditonjolkan

Penting : Untuk meletakkan kode, pada 'edit HTML', sedangkan untuk menuliskan Postingan/text yang mau ditonjolkan, di 'compose'


Selamat Mencoba Ya...

Posted in: Tips Bloging