ABOUT TUTOBIES TWITTER Instagram FACEBOOK +Follow DASHboard

28 January 2012

Denim Template V

Assalamualaikum

Buang border image

1. Dashboard > Design > Edit HTML > Tick Expand widget templates.
2. F3 / Ctrl+F cari code .post img, table.tr-caption-container {
3. Bawah tu nanti jumpa code ni :
border: 1px solid $borderColor;
4. Nombor 1 tu korang tukar kepada nombor 0.
5. Preview and save.


Image hover

1. Dashboard > Design > Edit HTML > Tick Expand widget templates.
2. F3 /Ctrl+F cari code /* Header
3. Copy and paste code ni kat ATAS code /* Header

/*------ IMAGE ANIMATION------*/
img, a img { border: 0px; opacity: .80; filter: alpha(opacity=500); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; }
img:hover, a:hover img {opacity: 500; filter: alpha(opacity=500); -o-transition: opacity 1s linear; -webkit-transition: opacity .8s linear; -moz-transition: opacity 1.5s linear; }

4. Save.


Tukar favicon

1. Korang download favicon yang comel-comel kat http://www.favicon.cc/
2. Dashboard > Design > Page Elements.
3. Kat atas sekali ada perkataan Favicon. Click edit.
4. Choose file and upload lah favicon korang download tadi.
5. Save.



Header hover

1. Dashboard > Design > Edit HTML > Tick Expand widget templates.
2. F3 / Ctrl+F cari code h1.title {
3. Copy and paste code ni kat ATAS code tadi.

#header:hover{
padding-left: 150px;
-webkit-transition-duration: 2.0s;
}

->150px korang boleh tukar kepada nombor apa-apa je. Makin besar nombor makin JAUH ke tepi.
->2.0s korang boleh tukar kepada nombor apa-apa je. Makin besar nombor makin LAJU dia ke tepi.

Contoh macam ni :


4. Preview and save.


Note bawah post

1. Dashboard > Design > Edit HTML > Tick Expand widget templates.
2. F3 / Ctrl+F cari code <data:post.body/>
3. Copy and paste code ni kat BAWAH code tadi.

<hr/><center>YOUR NOTE</center><hr/>

4. Ganti YOUR NOTE dengan ayat yang korang nak.
5. Preview and save.


Free Online User

1. Pergi laman web ni http://www.freeonlineusers.com/
2. Click Sign Up and pandai-pandailah kan.
3. Click Link Codes
4. Lepas tu, click simbol e


5. Edit font color dengan link text.
6. Click Generate Code


7. Copy code yang dia bagi.
8. Dashboard > Design > Page Elements > Add a gadget > HTML /JavaScript
9. Paste code tadi kat ruang Content.
10. Save.


Letak Fibox di sidebar

Korang boleh rujuk kat SINI
Credit : Unwanted


Tukar Link Color

1. Dashboard > Design > Template Designer > Advanced > Link Color
2. Tukar lah warnanya ikut kesesuaian warna tema blog.
3. Apply to blog


Tukar Text Font

1. Dashboard > Design > Template Designer > Advanced > Text Font
2. Pilih jenis font yang korang suka and size yang sesuai.
3. Apply to blog.

No comments: