: 
: 
: Header 2 by me
Sabtu, 02 Mei 2015|0 Care(s)
Hi, ini header yang barusan kubuat tadi. Repost? credit! Pakai header ini juga harus credit!
Baca selengkapnya »
Cara Edit Denim Template
Hai.So long with no update.Hehehe.Harini aien nak buat tuto cara edit template denim korng jadi comel! Kalau korng tkde lagi denim korng boleh ke blog Faqihah untuk ambil code Denim sbbnye skrng blogger.com tukr dashboard jadi peliks bukans??
*TOLONG IKUT STEP BY STEP*
Kan kan?? Tak cantik! Ofkoss korng nak blog korng jadi comel,Jadi Jom kita buat sama-sama
1.Sign in blog > Template > Edit HTML > Proceed
Untuk remove navbar ke sini
Untuk Background
CTRL+F search code : body {
Dah jumpe boleh copy code dekat bawah ni:
background:$bgcolor;
Background-image:url(URL BACKGROUND);
background-repeat: repeat;
background-position:Center center;
background-attachment:Fixed;
margin:0;
color:$textcolor;
font:verdana;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Kalau dah copy code dekt atas boleh paste bawah code body { tuh..Bila korang preview mesti dah ada background kan? Boleh cari backgrund kat sini ...Bagus..Second
Untuk Warna Link Visited
a:link {
color: #FFCCCC;text-decoration:none;
}
a:visited {
color: #A9D0F5;
text-decoration:none;
}
Skrng,korng just tukr yang warna merah tuh.Nak tukr code warna boleh ke sini.
Image Hover
Scroll bawah skit jumpe code a img } Dah jumpe boleh copy code dekt bawah nih:
cursor: crosshair;
-webkit-transition: 0.5s;
border-radius: 18px;
}
Pastu bila dah copy boleh letak dekt bawah code a img { tuh.Dah siap yng ats boleh copy code dkt bawah nih paste dekt bawah code tadi :
img:hover {
filter: alpha(opacity=70);
opacity: 0.7;
-webkit-transition: 0.4s;
border-radius:3px;
}
Dan akan jadi mcm ni: Kalau jadi mcm kat bawah nih dah siap tpi jngn save lagi.
Untuk buang border dekat header dan image
CTRL+F Search code: #header {
Cube tngk dkt bawah code tuh ade tak code nih : border: 1px solid $headerBgColor;
Dah jumpe boleh terus delete.Pastikan code tuh saja tau..
Untuk image just CTRL+F Search code nih: .post img
Kalau dah jumpe boleh delete code yang ada : border: 1px solid $borderColor;
Dah delete?? Bagus.
Border Around Blog
CTRL+F search code nih : #content-wrapper {
Dah jumpe boleh delete semua code yng ade kat bawah code #content-wrapper { tuh
Lepas delete boleh tmbh code bwh nih dkt tmpt korng delete kod dkt atas.
width: 860px;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
border-top: 2px solid #FFCCCC;
border-left: 2px solid #FFCCCC;
border-right: 2px solid #FFCCCC;
border-bottom: 10px solid #FFCCCC;
margin: 0 auto;
padding: 0 0 15px;
text-align: left;
background-color: #ffffff;
}
Edit Post Title Dan Sidebar
CTRL+F search code nih : .post-title {
Dah jumpe boleh buang anak-anak code bawah dia tuh pastu gntikan dengan code bawah nih:
text-align:center;
padding:5px;
margin:1em;
background:#FFFFFF;
border-top: 1px dashed #FFCCCC;
border-bottom:1px dashed #FFCCCC;
border-left:2px solid #FFCCCC;
border-right:2px solid #FFCCCC;
font-family: Kristen ITC;
}
Kalau untuk sidebar korng search code : .sidebar h2 {
Kalau jumpe delete anak-anak code atau code-code bawah dia tuh gntikan dngn code yng aien bgi kat bwh nih
text-align:center;
padding:5px;
margin:1em;
background:#FFFFFF;
border-top: 1px dashed #FFCCCC;
border-bottom:1px dashed #FFCCCC;
border-left:2px solid #FFCCCC;
border-right:2px solid #FFCCCC;
font-family: Kristen ITC;
font-size:11px;
}
Cara buang tarikh post blog
Pergi dekat layout kemudian tngk gmbr lah snng!
Tekan gmbr!
Tekan gmbr..Okelah,sampai sini tuto untuk denim.Nanti smbung part 2.!
Ni rupa blog aien selepas di-edit ikut tuto! hehe.Omei tak??
Tekan kalau nk jelas..Hehehe..Kalau korang ikut aien.Hahhh..Mmcm nilah
jadinya..Ingt,kalau tk jdi mungkin korng lalai..Klau ade ape-ape soalan
just comment! See you soon
Credit : Aien
Header by Me
Ini header buatanku. aku baru pemula buat header. please comment kalau header ku jelek ataupun bagus
Baca selengkapnya »
