Cara Pasang Garis tepi pada Judul Blog | Goglees

Goglees - Salam sejahtera sobat goglees, sebelumnya penulis telah membahas mengenai Cara Mengganti scrollbar pada blog menjadi Seperti Google, pada kesempatan kali ini penulis mau memberikan sedikit pengetahuan mengenai "Cara Pasang Garis tepi pada Judul Blog". Agar lebih jelasnya bisa lihat gambar dibawah ini.
Pada panah putih bisa sobat lihat bahwa ada garis tepi/border yang berada pada tepi judul blog dengan warna orange.

Cara pembuatan


  • Pertama, klik rancangan >> pilih template >> edit HTML >> cari .header-outer (tekan ctrl + F biar cepet) maka kita akan menemukan kode :

color: $(header.text.color); 
 -moz-border-radius:$(header.border.radius); 
 -webkit-border-radius:$(header.border.radius);
 -goog-ms-border-radius:$(header.border.radius); 
 border-radius: $(header.border.radius);

  • Kedua, Hapus kode seperti diatas, dan ganti dengan kode dibawah ini.
color: $(header.text.color);
 border: 1px solid orange;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 -goog-ms-border-radius: 3px;
 border-radius: 15px;
box-shadow: 0px 0px 8px 1px orange;

  • Ketiga, Simpan.


Sudah jadikan? untuk mengubah warnanya bisa anda lakukan dengan mengubah kode kode css yang ada diatas.
Terimakasih.

Komentar