syafiqahnazi said...

nice tuto.saya guna :D

 

 Unknown said...

@syafiqah nazi : okay ^^

 

 cookkieeyee^^ said...

saya guna tuto ni kay:)

 

 Unknown said...

@cookkieeyee : OK. Gunalah :)

 

Skins : Snowhite Land!

Skins : Princess Kingdom

Skins : Pastel Rainbow

Snow White And Huntsman

Hello December /sadlife/

Tutorial : Scm Player

Tutorial : Update Twitter Status {Ver 4}

Freebies : Sidebar Image {7}

Hello

Freebies : Sidebar Image {6}

Assalamualaikum, new tutorial here. Okay, actually tutorial ni dah lama ada yang request. Sorry umi lambat publish. Btw, boleh tengok preview bawah ni. Tutorial ni khas untuk pengguna blogskins sahaja.

Preview:

Tutorial : Tutorial 1 Tutorial : Tutorial 2 Tutorial : Tutorial 3 Tutorial : Tutorial 4 Tutorial : Tutorial 5 Tutorial : Tutorial 5

Freebies : Freebies 1 Freebies : Freebies 2 Freebies : Freebies 3 Freebies : Freebies 4 Freebies : Freebies 5 Freebies : Freebies 5

Blogskins/ Classic Template:
1. Dashboard > Template
2. Copy code bawah ni
3. Paste sebelum code </style>

Codes:

a.myungsoo{<br /> display:inline-block;<br /> background:url(<span style="color: orange;">http://media.tumblr.com/tumblr_m7eil0sCZb1qdlkyg.gif</span>) left center;<br /> -webkit-transition:All 0.4s ease;<br /> -moz-transition:All 0.4s ease;<br /> -o-transition:All 0.4s ease;<br /> background-repeat:no-repeat;<br /> color:#666;text-align:left;<br /> width:230px;background-size:12px;<br /> line-height:10px;text-decoration:none;<br /> padding:5px 5px 5px 20px;}</blockquote> Untuk hover pulak.<br /> <blockquote class="tr_bq"> .myungsoo:hover{<br /> display:inline-block;<br /> background:url(<span style="color: orange;">http://media.tumblr.com/tumblr_m7eikjqDEC1qdlkyg.gif</span>) left center;<br /> -webkit-transition:All 0.4s ease;<br /> -moz-transition:All 0.4s ease;<br /> -o-transition:All 0.4s ease;<br /> background-repeat:no-repeat;<br /> color:#666;text-align:left;<br /> width:230px;background-size:12px;<br /> line-height:11px;text-decoration:none;<br /> padding:5px 5px 5px 20px;}

4. Copy code bawah ni
5. Paste di tutorial section korang.

<a class="myungsoo" href="<span style="color: blue;">LINK TUTORIAL</span>"><span style="color: magenta;">NAMA TUTORIAL</span></a><br /> <a class="myungsoo" href="<span style="color: blue;">LINK TUTORIAL</span>"><span style="color: magenta;">NAMA TUTORIAL</span></a><br /> <a class="myungsoo" href="<span style="color: blue;">LINK TUTORIAL</span>"><span style="color: magenta;">NAMA TUTORIAL</span></a><br /> <a class="myungsoo" href="<span style="color: blue;">LINK TUTORIAL</span>"><span style="color: magenta;">NAMA TUTORIAL</span></a><br /> <a class="myungsoo" href="<span style="color: blue;">LINK TUTORIAL</span>"><span style="color: magenta;">NAMA TUTORIAL</span></a><br /> <a class="myungsoo" href="<span style="color: blue;">LINK TUTORIAL</span>"><span style="color: magenta;">NAMA TUTORIAL</span></a>
6. Save.

Biru : Link tutorial korang
Pink : Nama tutorial korang
Oren : Tukarkan kepada icon korang.

Labels: Tutorial

Post a Comment

Designer revert ke blogskins Timbang berat blog No word verification Make header using photoshop cs3

Navigation 1 Navigation 2 Navigation 3 Navigation 4 Navigation 5 Navigation 6 Navigation 7 Navigation 8 Navigation 9 Navigation 10

Blockquote 1 Blockquote 2

Cute mp3 Floating billy player Billy player Scm Player Cute Music Player {Version Two} Next?

Background One Background Two Background Three Background Four Background Five Background Six Background Seven Background Eight Background Nine Background Ten Background Eleven Background Twelve

Image Hover 1 Image Hover 2 Image Hover 3 Image Hover 4 Image Hover 5 Image Hover 6 Image Hover 7