Monday 15 October 2012

Tutorial: Border Di Sekeliling Blog

 

Tutorial kali ini tidak direquest siapa-siapa. Syaqhirah yang saja nak buat sebab terlalu happy. Syaqhirah baru je dapat buat sebelum ni Syaqhirah try nak buat shadow di sekeliling blog tapi tak berjaya sebab shadow tu tak sesuai dengan blog Syaqhirah. Maklumlah, Syaqhirah tak guna Simple,Denim or Minima template. Syaqhirah guna template picture window je. *_*
 
Sebelum kita mulakan tutorial, korang kena transparentkan warna border blog korang tu. Kalau tak tahu caranya macam ni: Design ---> Template Designer ---> Border Colour ---> Click Transparent. Ok, jom kita mulakan tutorial...
 
 1. Dashboard ---> Design ---> Edit HTML

2. Tekan Ctrl +F dan cari kod ni:


.content-inner {
 
 atau 
 
 .main-outer {
 
kalau tak jumpa, cari yang ni pulak: 
 
 #content-wrapper {
 
3. Tolong delete code yang lebih kurang macam ni:
 
border: 1px solid $borderColour;
border-top: 0;
 
4. Paste code kat bawah ni dibawah code dalam langkah kedua kat atas ni...
 
  
border-top: 1px dashed #FFFFFF;
border-left: 
1px solid #FFFFFF;
border-right: 
1px solid #FFFFFF;
border-bottom: 
1px dashed #FFFFFF;


Notes:
Merah: Ketebalan border
Hijau: Kalau nak tukar dotted,dashed or solid pun boleh.
Pink: Warna border tu. Klik sini kalau nak kod warna.  
 
5. Sebelum save preview dulu. Kalau tiada error, bolehlah korang save. ^_^
    
 
 
Coretan Oleh,
 
 




♥ Terima Kasih Sebab Sudi Membaca Entri Ni! Like Kalau Suka! ♥

1 comment:

  1. lawat lah blog sye plak... www.kamaladliblog.blogspot.com

    ReplyDelete

Assalamualaikum,
Sila Tinggalkan Komen Anda Di Sini
SATU pun jadi lah ! hehe

Copyright 2011-2012.All Right Reserved By Syaqhirah