Tutorial : Cantikkan Scroll Bar

Salam to all Reader..

Entry yang ni acik nak ajar pulak cenggane nak cantikkan scroll bar yang kat tepi tuh.. **awat berkerut jer dahi tuh??**Ooo..hampa tak tau nah ape tuh scroll bar..meh sini acik tunjuk yep..cekecingggg!taarraaa...

1. Dashboard>Design>Edit html

2. Cari code yang ade kat bawah ni..dengan menggunakan Ctrl + F..

]]></b:skin>

3. Copy code kat ini dan letakkan sebelum code yang kamu cari tadi..

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #D9D9D9;
}

::-webkit-scrollbar-thumb {
background-color: #F2F5A9;
-moz-border-radius: 10px;
border-radius: 10px;
}

4. Yang berwarna BIRU adalah untuk background scroll bar
5. Yang berwarna MERAH adalah untuk scroll bar anda
6. Preview..kemudian SAVE..

Untuk cari kod warna Sila PICIT Ini..

Tutorial : Cute Icon Tepi Post Title

Assalamualaikum..

Okies2!sekarang ni acik nak tunjuk kat korang cara nak letak icon yang cumil kat tepi POST TiTLE korang..

Cenggini...

1. macam biasa Dashboard-Design-Edit HTML

2. lepas tu , tekan CTRL+F cari code ni .

<a expr:href='data:post.url'><data:post.title/></a>

Jumpa tak?kalau dah jumpa..

<img src="LinkGambar"/>

3.Amek link kat atas ni..Pastekan dekat tengah2 antara coding yang pertama korang cari tadi..Contohnya cenggini..

<a expr:href='data:post.url'><img src="LinkGambar"/><data:post.title/></a>

4.Font warna MERAH tuh korang gantikan dengan link icon yang korang cari..
5.The last step..Preview dan Save!

Bagi mereka2 yang malas nak cari icon dan tak tahu nak cari sendiri..amek jer kat bawah ni..otehhh!!

http://dl3.glitter-graphics.net/pub/600/600463d6w19uquwm.gif

http://dl.glitter-graphics.net/pub/469/469671bibepuq3ok.gif

 http://dl10.glitter-graphics.net/pub/714/714570ib2eca7ttx.gif

 http://dl6.glitter-graphics.net/pub/652/652836ih7znvza47.gif

http://dl6.glitter-graphics.net/pub/469/469666ai6fszwy8s.gif

 Okeyh!sampai di sini saje..Selamat Mencube!..

Tutorial : Double dashed bila di Sentuh

Hye korang..untuk Hari ni acik nak buat tutorial Double Dashed bila cursor kamu orang menyentuh link..xtau aper tuh double dashed??cenggingi…

okeyh!nampak tak garis putus2 tuh..itulah namanya Double Dashed...Mari kita belajar cara2 nak buat :

1. Sign in Blogger > Design > Edit HTML

2. Cari code ini, nak mudah tekan ctrl F je dan pastekan code di bawah dalam kotak find...

a:hover

3. Bila korang dah jumpa dia, korang cuma copy code di bawah dan paste di bawah code yang korang cari tadi..

border-top: 2px dashed #000000;border-bottom: 2px dashed #000000;

4. Kalau nak tukar warna line dashed tu, korang tukar je code #000000 dengan code DI SINI

5. Preview dan sentuh mana-mana link..kalau menjadi SAVE jer.