Selasa, 10 Juni 2014

Border Dan Bayang-Bayang Pada Tajuk Post

http://diahandani.blogspot.com/p/diary.html
 
Example
http://diahandani.blogspot.com/ 
 
Temen temen mau tau kan tutorialnya ? okey.. cekidot
Pertama
Loggin blogger  temen temen

Kedua
Dashboard > Design > Edit HTML 
Ketiga
Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod untuk title post seperti berikut  

untuk pengguna template watermark, Picture Window dan Travel, cari kode
h3.post-title {  
untuk pengguna template Ethereal dan Awesome Inc, cari kode di bawah ini
h3.post-title, h4 {
Keempat
Kemudian copy paste kod di bawah SELEPAS kode yang temen temen cari tadi

     * kod ini adalah untuk border bentuk segiempat. Kalau temen temen mau bentuk border yang lain, pilih disini
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;
contoh kode temen temen
h3.post-title, .comments h4 {
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: FFECF5  - kod warna untuk warna background title post temen temen
        000000 - kod warna untuk warna border title
        C0C0C0 - kod warna untuk warna bayang-bayang border


UNTUK KODE WARNA KALIAN BISA LIHAT DISINI

Kelima
klik, save dan lihat hasilnya, selmat mencoba syalalalaa 
  

Tidak ada komentar: