Scroll Bar Rekaan Sendiri

Rajin Pula tangan ku menaip hari ni. Mari cuba tutorial ni !

1) Dashboard > Template > Edit HTML .

2) Cari code dibawah ini.

]]></b:skin>

3) Then copy code dibawah ini pula.

::-webkit-scrollbar {

height:12px;

width: 12px;

background: #9ED5F5;

}

::-webkit-scrollbar-thumb {

background-color: #0DA4FC;

-moz-border-radius: 10px;

border-radius: 10px;

border: 1px solid #000000;

} 

4) Dan Paste kan di ATAS code ]]></b:skin> . Contohnya :

::-webkit-scrollbar {

height:12px;

width: 12px;

background: #9ED5F5;

}

::-webkit-scrollbar-thumb {

background-color: #0DA4FC;

-moz-border-radius: 10px;

border-radius: 10px;

border: 1px solid #000000;

} 

]]></b:skin>

5) Code Oren : Background
    Code Kuning : Scroll Bar
    Code Biru : Border Scroll Bar

6) Kalau tak tahu nak cari code warna, boleh pergi SINI.

SIAP !!

---

dah baca??? Tinggalkanlah comment. Tengkayu =)

---

Tutorial LaFille HZ

Tuto Shawl / Tudung

SHAWL

• Tutorial 1 :
• Tutorial 2 :
• Tutorial 3 :
• Tutorial 4 :
• Tutorial 5 :
• Tutorial 6 :
• Tutorial 7 :
• Tutorial 8 :
• Tutorial 9 :
• Tutorial 10 :

TUDUNG

• Tutorial 1 :
• Tutorial 2 :
• Tutorial 3 :
• Tutorial 4 :
• Tutorial 5 :
• Tutorial 6 :
• Tutorial 7 :
• Tutorial 8 :
• Tutorial 9 :
• Tutorial 10 :

Tuto Home Blog

• Tutorial 1 : Floating Button.
• Tutorial 2 : Scroll Box Untuk Gambar.
• Tutorial 3 : Letak Background & Border Di Follower.
• Tutorial 4 : Letak Background & Border Pada Blog Archieve.
• Tutorial 5 : Cara Bagi Gambar Bergerak Sendiri + Border.
• Tutorial 6 :  Centerkan Ayat Di SiDebar.
• Tutorial 7 : Letak Background & Border Di Blog List + Scroll Box.
• Tutorial 8 : Cara Nak Buat ShoutCamp.
• Tutorial 9 : Tukar Font Kesukaan Di Entry Blog.
• Tutorial 10 : Ringankan Blog.
• Tutorial 11 : Cara Nak Cari Code Follower Blog.
• Tutorial 12 : Button Follower Lain Dari Yang Lain.
• Tutorial 13 : Tittle SiDebar Bercantum Entry SiDebar.
• Tutorial 14 : Cara Buat Penanda Blog.
• Tutorial 15 : Cara Pasang Lagu Dalam Blog.
• Tutorial 16 : Cara Buat Background & Border Di Main Inner.
• Tutorial 17 : Menu Bar Rotate Di Tepi Blog.
• Tutorial 18 : Signature Di Bawah Setiap Post.
• Tutorial 19 : Scroll Bar Rekaan Sendiri.

---

dah baca??? Tinggalkanlah comment. Tengkayu =)

---

Tutorial 18 - Signature Di Bawah Setiap Post

Hai, sudah sekian lama tak update blog.

Hari ni saya nak ajar macam mana nak buat signature setiap post entry. Mungkin ramai yang tahu dan mungkin juga ada yang tak tahu. Tapi gaya bentuk signature tu anda kena buat sendiri. Boleh buat dari photoshop.

Cara nak letak signature yang anda reka sendiri.

1) Log In > Dashboard > Template > Edit HTML .

2) Cari code di bawah ini. Untuk mudahkan pencarian tekan Ctrl+F dengan serentak.

<data:post.body/>

3) Paste URL image signature korang dibawah code <data:post.body/> tadi. Seperti contoh dibawah.

<data:post.body/>

<img src="Url Signature Korang" />

4) Then seperti biasa Preview Template dulu sebelum Save Template. Untuk langkah berjaga-jaga. Nak tahu menjadi atau tidak, cuba buat entry baru dan lihat ada tak signature yang anda reka tu.

Siap !! 

---

dah baca??? Tinggalkanlah comment. Tengkayu =)

---