Cara Membuat Border Berbayang Pada Judul Entri/Post

 

Mau copast? Boleh. Tapi ada syaratnya!

Tulis Credit By =

Diawal Post.

Kalian jangan mau dibilang Copycut..!!!

Malam ini,Yasmin mau share Cara Membuat Border Berbayang Pada Judul Entri/Post. Kayak pnya-nya Novita Lesyani tuh...

Ini sih kodenya Yasmin dapatkan dari Novita Lesyani, Cuma kodenya ajah.

Ga semuanya sihh... Dah pada tau kan? ToThe Point..!!!

1. Masuk ke akun blogger kamu

2. Kalau sudah, di dashboard pilih Templet ==> Edit HTML

3. Cari kode di bawah ya? Tapi sesuai dengantemplet yg digunakan.

untuk pengguna template Simple, cari kode:

h3.post-title, .comments h4 {

Untuk pengguna template Watermark, Picture Window dan Travel, cari kode:

h3.post-title {

untuk pengguna template Ethereal dan Awesome Inc., cari kode:

h3.post-title, h4 { 

4. Kemudian, copy kode di bawah ini dan paste di bawah kode tadi.

background: #FFECF5;
border: 2px dashed #000000;
-moz-box-shadow: 0 0 3px 3px #C0C0C0;
-webkit-box-shadow: 0 0 3px 3px #C0C0C0;
box-shadow: 0 0 2px 2px #C0C0C0;

NOTE :

Kode :

-moz-box-shadow: 0 0 3px 3px #C0C0C0;
-webkit-box-shadow: 0 0 3px 3px #C0C0C0;
box-shadow: 0 0 2px 2px #C0C0C0;

Itu kode border bentuk segiempat. Kalau mau bentuk border lain, silahkan pilih disini.

FFECF5  - Untuk kode warna BG (Background) judul Entri/post.

000000 – Untuk kode warna Border. (kmu atur sendiri ketebalannya yakkh..)

C0C0C0 – Untuk kode warna bayangan Border.

NB = Untuk memilih kode warna sesuai yg kamu inginkan,klik ini yah?

Coba kita PREVIEW dulu yahh...

h3.post-title {

background: #FFECF5;
border: 2px dashed #000000;
-moz-box-shadow: 0 0 3px 3px #C0C0C0;
-webkit-box-shadow: 0 0 3px 3px #C0C0C0;
box-shadow: 0 0 2px 2px #C0C0C0;

5. Yasmin sarankan utk klik Pratinjau dulu.. Mungkin adayg salah, kalau sdh betul semua baru klik Save..!!!

Finish...!!! Selamat mencoba & Semoga berhasil. Blog kalian tambah bagus n cantik tentunya..!!!