Tutorial: Border luar blog *SIMPLE TEMPLATE

Assalamualaikum




Selamat pagi korang, have a nice day. Alang-alang hari ni leya cuti, leya nak post tutorial sebanyak yang boleh. hihihih. Entry yang lalu leya ada post berkenaan dengan border di luar blog. Tapi untuk denim template. Kali ni leya nak buat untuk Simple Template memandangkan ada yang request. Tak ingat siapa. Tapi sory sebab post lambat.


Contoh tuto kali ni boleh lihat gambar di atas. yang anak panah warna purple tuh.

  • Dashboard -- Template -- Edit HTML 
  • Tekan mana-mana dalam kotak Edit HTML dan CTRL+F
  • Cari code .main-outer {
  • Copy code dibawah

background-color: #fff;
border: 3px dashed #ffd2e0;
border-top: 2px dashed #ffd2e0;
border-bottom: 2px dashed #ffd2e0;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
border-bottom-left-radius: 25px 25px;
border-bottom-right-radius: 25px 25px;
-moz-box-shadow: 0 0 5px 5px #FFFFFF;
-webkit-box-shadow: 0 0 5px 5px  #FFFFFF;
box-shadow: 0 0 5px 5px #FFFFFF;
}

  • Dan paste kan di bawah code .main-outer {
Mudah kan? Hihihih kalau ada pape nak tanya boleh comment. Insya allah saya bantu





4 comments:

  1. sayaaaa yang request. thanks leya =D ehhe. leya pun dh tukar background. hihi

    ReplyDelete
  2. uuuuuu ada org tu background dia bertukar2

    ReplyDelete
  3. tak tau nak tulis ape..nak komen juga...hehe >_<

    ReplyDelete