Cara buat border keliling blog

ikhsanudin on

Monday, April 1, 2013

Cara buat border keliling blog. Terlihat sedikit mantap jika keliling blog kita beri garis, apalagi pada border keliling blog juga di beri shadow, wah tambah mantap. Berikut ini cara buat border keliling blog, sekaligus cara buat shadow keliling blog, dan juga cara buat garis melengkung keliling blog. jadi satu kali kerja, mendapatkan tiga buah hasil.
Ayo langsung kita mulai :
1. jangan lupa login ke blogsopt / blogger.com
2. Template > Edit html dan centang Expant Templat Widget
3. Cari kode : .content-inner {
tambahkan kode berikut di bawahnya :
-moz-border-radius: 35px;
border-radius: 0px;
-moz-box-shadow: 0 0 6px 6px #3b5998;
-webkit-box-shadow: 0 0 6px 6px #3b5998;
box-shadow: 0 0 6px 6px #3b5998;

jadi hasilnya seperti ini :
.content-inner {
padding: $(content.padding);
-moz-border-radius: 35px;
border-radius: 0px;
-moz-box-shadow: 0 0 6px 6px #3b5998;
-webkit-box-shadow: 0 0 6px 6px #3b5998;
box-shadow: 0 0 6px 6px #3b5998;
}

Sedikit penjelasan :
border-radius: 0px; jika ingin membuat garis melengkung keliling blog, silahkan ganti nol menjadi angka yang diinginkan, misalnya 10, 13, 20 tergantu selera
#3b5998; ganti dengan warna yang diinginkan

Labels: Blogger

Thanks for reading Cara buat border keliling blog. Please share...!