Tutorial : Floating Button

floating menu bar

Live Preview

1. Dashboard --> Layout --> Add a Gadget --> Html JavaScript
2. Sekarang copy code yang kat bawah nih
<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:120px; left:-12px;'>
#apa2 saja..
<a class='linkopacity'
href='link korunk' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="images url" /></a><br />
#Facebook
<a class='linkopacity' href='http://facebook.com/username/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />
#Twitter
<a class='linkopacity'
href='http://twitter.com/username/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />
3. Tukar kat part yang di color kan dengan korunk punya nih :)

4. Lepas dah copy semua code icon ,jangan lupa letak code </div> kat pengakhiran code icon yang paling last tuh oke..

5. Preview.. tak ada papa masalah..

6. save !


Tutorial : Ubah Warna Highlight

change highlight color
1. Template --> Edit Html --> Tick Box Code --> CRTL+F

2. Then , korunk cari kod ini : (Nak cari tekan Ctrl+F)
a:link {
 3. Copy code kat bawah ni , and paste kan sebelum code yang anda cari tadi tu ok :)
::-moz-selection {
background:#000000;
color:#FFFFFF;
}
::selection {
background:#000000;
color:#FFFFFF;
}
 EDIT :
ABC : Warna Background
ABC : Warna Text

* Ini kegunaan Mozilla Firefox dan Google Chrome saja !
* Yang warna merah di atas , korang boleh tukar kan dgn warna kesukaan korang ok?
   Nak cari warna , klik SINI. :)

Sudah siap ? Save ok ?! Dan Lihat hasilnya :))

SELAMAT MENCUBA :)


Tutorial : Free Symbol Text

Tutorial : Free Symbol Text
Share symbol text yang selalu you all guna dalam Blogger, FacebookTwitter dan mana-mana laman sesawang.Lagipun senang je tutorial ini sebab anda hanya perlu copy dan pastekan symbol text yang anda suka di mana-mana sahaja.Tak payah la susah payah nak fikir nak tekan keyboard lappy untuk hasilkan symbol ni lepas ni khas untuk kamu semua. ;)


Æ æ ❖

{。^◕‿◕^。} (◕^^◕) ✖✗✘♒

♬✄ ✂✆✉✦✧♱ ♰♂♀☿❤❥ ❦❧

™®©♡♦ ♢♔♕♚♛★ ☆✮ ✯☄☾☽

☼☀☁☂☃☻ ☺☹ ☮۞۩ εїз☎☏¢

☚☛☜☝☞☟✍

✌☢☣☠☮☯ ♠♤♣♧♥ ♨๑❀✿ ψ☪☭

♪ ♩♫℘ℑ ℜℵ♏ηα ʊϟღツ回 ₪™ ©®¿¡½⅓

⅔¼¾⅛⅜⅝⅞℅

№⇨❝❞ ◠◡╭╮╯╰ ★☆⊙¤㊣

★☆♀◆◇↑↓→ ←↘↙♀ ♂┇┅﹉﹊

﹍﹎╭╮╰╯ *^_^* ^*^ ^-^

^_^ ^︵^∵∴‖ ︱︳︴﹏

﹋﹌♂♀ ♥♡☜☞☎ ☏⊙◎☺☻ ►◄

▧▨ ♨◐◑↔↕ ▪▫☼♦▀ ▄█▌▐ ░▒▬♦◊

◦☼♠♣▣ ▤▥▦▩ ぃ◘◙◈♫ ♬♪♩♭♪ の☆→あ £❤

。◕‿◕。✎✟ஐ ≈๑۩ ۩.. ..۩۩๑ ๑۩۞۩๑ ✲

❈➹ ~.~◕ ‿-。☀☂☁ 【】┱┲❣ ✚✪✣ ✤✥

✦❉ ❥❦❧❃ ❂❁❀✄☪ ☣☢☠☭♈

✓✔✕ ✖㊚㊛ *.:。 ✿*゚‘゚・ ⊙¤㊣★☆

♀◆◇回□〓

→←↘↙ ♀♂┇┅﹉ ﹊﹍﹎ ╭╮╰╯ *^_^*

^*^ ^-^ ^_^ ^︵^∵ ∴‖ ︱︳ ︴﹏﹋﹌

♂♀♥♡☜ ☞☎☏⊙ ◎☺☻

►◄ ▧▨♨◐◑ ↔↕ ▪▫ ☼♦

▌▐░▒▬ ♦◊◦☼ ♠♣▣▤▥ ▦▩ぃ◘◙ ◈

♫♬♪ ♩♭♪の☆ →あ£❤。 ◕‿◕。 ✎✟ஐ≈

๑۩۩.. ..۩۩๑๑۩۞ ۩

๑✲❈ ➹ ~.~◕‿-。 ☀☂☁【】

┱┲❣✚ ✪✣✤✥ ✦❉❥❦

❧❃❂❁❀ ✄☪☣☢☠ ☭♈ ✓

✔✕✖㊚ ㊛ *.:。✿*゚ ‘゚・ ◊♥▫■๑»«¶

ஐ©† εïз♪ღ♣ ♠•± °•ิ.•ஐஇ *×○▫

♂•♀◊©¤ ▲↔™®☎ε їз♨ ☏

☆★ ▽△▲ ∵∴∷ #♂♀♥♠♣

♧♤♧ ♡♬♪ ♭♫♪ﻬஐღ ↔↕↘••● ¤╬﹌

▽☜♥☞ ♬✞♥♕☯☭☠☃ ─ ━

▰ ▱◆ ◇ ◈ ◉ ◊ ○ ◌ ◍ ◎ ● ◐ ◑ ◒ ◓ ◔

◕ ◖ ◗ ◘ ◙ ◚ ◛ ◜ ◝ ◞ ◟ ◠ ◡ ◢ ◣

◤ ◥ ◦ ◧ ◨ ◩ ◪ ◫ ◬ ◭ ◮ ◯ ◰ ◱ ◲ ◳ ◴ ◵ ◶ ◷

◸ ◹ ◺ ◻ ◼ ◽ ◾ ◿ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈

☊ ☋ ☌ ☍ ☎ ☏ ☐ ☑ ☒ ☓ ☔ ☕ ☖ ☗ ☘ ☙

☟ ☠ ☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☯

☰ ☱ ☲ ☳ ☴ ☵ ☶ ☷ ☸ ☹ ☺ ☻ ☼ ☽ ☾

☿ ♀ ♁ ♂ ♃ ♄ ♅ ♇ ♔ ♕ ♖ ♗

♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟ ♠ ♡ ♢ ♣

♤ ♥ ♦ ♧ ♨ ♰ ♱ ´ ῾ ‖ ‗ ‘ ’ ‚ ‛ “ ” „ ‟ † ‡ • ‣

․ ‥ … ‧ 
 
 ‪ ‫ ‬ ‭ ‮   ‰ ‱ ′ ″ ‴ ‵ ‶ ‷ ‸ ‹ ›

※ ‼ ‽ ‾ ‿ ⁀ ⁁ ⁂ ⁃ ⁄ ⁅ ⁆ ⁊ ⁋ ⁌ ⁍ ⁎ ⁏ ⁐ ⁑ ⁒ ⁓ ⁔

∕ ∖ ∗ ∘ ∙ √ ∛ ∜ ∝ ∞ ∟ ∠ ∡ ∢ ∣ ∤ ∥ ∦ ∧ ∨ ∩ ∪

∴ ∵ ∶ ∷ ∸ ∹ ∺ ∻ ∼ ∽ ∾ ∿ ≀ ≁ ≪ ≫

≬ ≭ ≮ ≯ ≰ ≱ ≲ ≳ ≴ ≵ ≶ ≷ ≸ ≹ ≺ ≻ ≼ ≽ ≾ ≿ ⊀

⊁ ⊂ ⊃ ⊄ ⊅ ⊆ ⊇ ⊈ ⊉ ⊊ ⊋ ⊌ ⊍ ⊎ ⊏ ⊐ ⊑ ⊒ ⊓ ⊔ ⊕ ⊖ ⊗ ⊘ ⊙

⊚ ⊛ ⊜ ⊝ ⊞ ⊟ ⊠ ⊡ ⊬ ⊭ ⊮ ⊯ ⊰ ⊱ ⊲ ⊳ ⊴ ⊵ ⊶ ⊷ ⊸ ⊹ ⊺ ⊻

⊼ ⊽ ⊾ ⊿ ⋀ ⋁ ⋂ ⋃ ⋄ ⋅ ⋆ ⋇

⋈ ⋉ ⋊ ⋋ ⋌ ⋍ ⋎ ⋏ ⋐ ⋑ ⋒ ⋓ ⋔ ⋕

⋖ ⋗ ⋘ ⋙ ⋚ ⋛ ⋜ ⋝ ⋞ ⋟ ⋠ ⋡ ⋢ ⋣ ⋤ ⋥ ⋦ ⋧ ⋨ ⋩ ⋪ ⋫ ⋬

◿ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇

☊ ☋ ☌ ☍ ☎ ☏ ☐ ☑ ☒ ☓ ☔ ☕ ☖ ☗

☘ ☙ ☟ ☠ ☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬

☭ ☮ ☯ ☰ ☱ ☲ ☳ ☴ ☵ ☶ ☷ ☸ ☹ ☺ ☻ ☼

☽ ☾ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♇

♎ ♏ ♐ ♑ ♒ ♓ ♔ ♕ ♖ ♗ ♘ ♙

♚ ♛ ♜ ♝ ♞ ♟ ♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧ ♨ ♰ ♱ ☫


** Suka tak? Suka tak? Selamat mencuba ~like and comment :P

Tutorial : Type Of Hover

Tutorial : Type Of Hover
Sebelum tu apa link hover,bila cursor menyentuh LINK,ada perubahan pada perkataan atau link tersebut .Haha,eh betul ke? Jom start :)
1. Dashboard --> Template --> Edit Html --> Proceed -->
2. Dengan menekan ctrl+F dan search code di bawah ni yea.
a:hover {
3. Kalau dah jumpa sila copy paste salah satu code di bawah ini di bawah code a:hover{
Link Became Larger
color:#000;font-size: 22px;font-weight: bold;text-decoration: none;}
Link and Front
color:#000;font-family:arial;
Link Shadow
color: #000 ;text-shadow: 1px 1px 3px #000000; text-decoration: none; }
Link Cut
color: #000 text-decoration: line-through;
Link Animated
color: #000 ; background:url(link Hover) ;background-repeat: repeat;text-decoration:none;}
Link Pelangi
-webkit-background-clip: text;color: white;-webkit-text-fill-color: transparent;background-image:-webkit-gradient(linear, left top, right top, from(#ea8711), to(#d96363));background-image:-webkit-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);background-image:-moz-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);background-image:-ms-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);background-image:-o-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);}
EDIT :
ABC : Link Hover
ABC : Warna Perkataan
ABC : Font kesayangan 
ABC : Shadow Colour
Jenis animated

http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif
http://dl7.glitter-graphics.net/pub/474/474167l68h9nknqq.gif

http://dl6.glitter-graphics.net/pub/1097/1097706nsxl9flarn.gif
http://i20.photobucket.com/albums/b212/Ivory_Star/pixels/th_belloub1qtra5.gif
http://dl6.glitter-graphics.net/pub/683/683156k6a7w9s3pn.gif
http://dl2.glitter-graphics.net/pub/569/569782jafggqn5nu.gif



Tutorial : Scroll Box For Blog Archive

Tutorial : Scroll Box For Blog Archive
Custom Robots Tags
Korunk punya Blog Archive yang Entry Lama-Lama tuh kan .. Mesti Jadi panjang ke bawah kan ? Kalau nak kemas kan lagii blog korang tuh . boleh lah guna tutorial ini . HEHE . Selamat Mencuba ! =)

1. Template --> Edit Html --> Tick Box Code-> CRTL+F

2. Tekan Ctrl F dan cari kod yang ini : 
<div id='ArchiveList'>
3. Before korang jumpa kod yg kat atas ni , korang akan jumpa kod yang ini dulu :
<div class='widget-content'>
 4. Gantikan kod ini  <div class='widget-content'> dengan kod yang ini 
<div class='widget-content' style='overflow:auto; height:300px'>
EDIT
ABC : Korang boleh tukar Size Height 200px mengikut kesesuai blog ;)

5. Korang PREVIEW dulu . kalau menjadi , terus SAVE ok ? :))


Tutorial : Bentuk-Bentuk Border

 Tutorial :  Bentuk-Bentuk Border
Set 1


solid


double


dashed


dotted

ridge

groove

inset

outset

Set 2 :

Border-boder kat atas niyh . korang boleh guna untuk Post Title .. Sidebar pun boleh jugak ! ^_^ 
Edit HTML --> CRTL+F --> Find code -->  
h3.post-title {  /untuk post title/
 h2 { /untuk sidebar tittle/
(kalau tak de, carilah kod yg lebih kurang macam ini taw? :)

border
#Example_A  {
-moz-border-radius-bottomright: 50px;border-bottom-right-radius: 50px;
Border
#Example_B {
-moz-border-radius-bottomright: 50px 25px;border-bottom-right-radius: 50px 25px;
border
#Example_C {
-moz-border-radius-bottomright: 25px 50px;border-bottom-right-radius: 25px 50px;
Border
#Example_D {
-moz-border-radius: 1em 4em 1em 4em;border-radius: 1em 4em 1em 4em;
border
#Example_E {
-moz-border-radius: 25px 10px / 10px 25px;border-radius: 25px 10px / 10px 25px;
border
#Example_F {
-moz-border-radius: 35px;border-radius: 35px;
 Paste kod yang warna MERAH sahaja di bawah kod yang perlu korang carikan tu yea! :) Preview, tak ada error save! :)


Tutorial : Letak lagu youtube tanpa letak video


youtube music player

1. First sekali , korang pergi bukak youtube . [ http://www.youtube.com/]
2. Search lah lagu yang korang nak kan .. Then . Ambik embed code dia

code html youtube untuk letak dalam blog

Tak tahu nak cari dekat mana kod tuh ? Ikot ini .
1. Tekan Share (ada bawah video)
2. Klik Embed .
3. Tick pada "Use old embed code".
4. Copy Kod seperti yang ditunjukkan.

Macam mana pulak nak letak dekat blog ?

1. Dashboard --> Layout --> Add a Gadget --> Html JavaScript
2. Paste kod korang di ruangan html/javascript.
Contoh Kod di bawah ini . (Lagu for the rest of my life)
<object width="420" height="345"><param name="movie" value="http://www.youtube.com/v/abtrNw9CtZk?version=3&amp;hl=en_GB"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/abtrNw9CtZk?version=3&amp;hl=en_GB" type="application/x-shockwave-flash" width="420" height="345" allowscriptaccess="always" allowfullscreen="true"></embed></object>
**Sila tukar.. kepada saiz 60 untuk width dan 25 untuk height.
Itu contoh saiz je . kalau korang nak sesuai dengan blog korang juz tukar saiz untuk width je . Tapi ,ingat , yang saiz 25 tuh , tetap kan ye :)

3. Then, SAVE !

Ok , kepada sesiapa yang nak buat autoplay tuh , korang boleh ikot step di bawah ye :)

1. Korang copy kod ini dulu..
&autoplay=1
2. Paste kan kod tadi di kod lagu korang. macam ini  :
<object width="220" height="25"><param name="movie" value="http://www.youtube.com/v/abtrNw9CtZk?version=3&autoplay=1 &amp;hl=en_GB"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/abtrNw9CtZk?version=3&autoplay=1&amp;hl=en_GB" type="application/x-shockwave-flash" width="220" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></object>

3. Then , korang SAVE ok !
4. Selamat Mendengar Lagu Di Blog Korang erkk :)




Tutorial : Letak background pada Shoutbox

Tutorial : Letak background pada Shoutbox
1. Dashboard --> Layout --> Add a Gadget --> Html JavaScript

2. Masukan kod dalam ruangan tadi..
<center><div id="edited" style="width:250px; height:190px; background:url(BACKGROUND SHOUTBOX) no-repeat left top; padding-top:65px; padding-left:0px; position:relative" align="center">SHOUTMIX CODE</div></center>
pastikan kod shoutbox korunk widht: 210 , height : 160

3, save dan view !

Freebies background :

Freebies Shoutbox background Image 1
http://1.bp.blogspot.com/-Es5G5oi2gAE/Tn64Un6euSI/AAAAAAAABqE/4eI6vdItl-A/s1600/blueshoutbox.png
Freebies Shoutbox background Image 2
http://4.bp.blogspot.com/-EU3LLvJP0_g/Tn64UzFmiiI/AAAAAAAABqI/Wr7UQItmbhI/s1600/greenshoutbox.png
Freebies Shoutbox background Image 3
http://4.bp.blogspot.com/-g7bLqjq4YX4/Tn64VYV1jaI/AAAAAAAABqM/uou4a83lWfY/s1600/greyshoutbox.png

Freebies Shoutbox background Image 4
http://3.bp.blogspot.com/-TkKiCtGzBG0/Tn64VtpMclI/AAAAAAAABqQ/7jukdRqCy4E/s1600/orangeshoutbox.png
Freebies Shoutbox background Image 5
http://1.bp.blogspot.com/-3MgLVzT6wz0/Tn64VxsFl7I/AAAAAAAABqU/jfU_bYs3Pwc/s1600/pinkshoutbox.png
Freebies Shoutbox background Image 6
http://3.bp.blogspot.com/-SfPGwLhHJzs/Tn64WcqGuvI/AAAAAAAABqY/MjXOUv2_iyo/s1600/purpleshoutbox.png
Freebies Shoutbox background Image 7
http://3.bp.blogspot.com/-VAw3A8fNalQ/Tn64WmdugZI/AAAAAAAABqc/8K0-_c8Y1ZQ/s1600/turqoiseshoutbox.png


Tutorial : Hilangkan Powered By blogger

Tutorial : Hilangkan Powered By blogger

1. Dashboard --> Template --> Edit Html --> Proceed

2. cari kod di bawah menggunakan Crtl+F
]]></b:skin>
3. Copy dan paste code di bawah di ATAS CODE yang di cari tadi.. paham tak ? ?
.footer-outer{display:none;}
4. Preview... kalau tak ada error.

5. Save saja !




Tutorial : Wishlist box

Tutorial : Wishlist box
1. Dashboard --> Layout --> Add a Gadget --> Html JavaScript

2. Copy dan paste code di bawah...
<form name=myform>
    <input type="checkbox" name="mybox" value="MyWish " checked />Wishlist<br />
    <input type="checkbox" name="mybox" value="MyWish" checked />Wishlist<br />
    <input type="checkbox" name="mybox" value="MyWish" disabled />Wishlist<br />
    <input type="checkbox" name="mybox" value="MyWish" checked />Wishlist<br />
    <input type="checkbox" name="mybox" value="MyWish" disabled />Wishlist<br />
    </form>
EDIT :
ABC : Korunk nak apa ?
ABC : kalau dah dapat > checked , kalau tak dapat lagi > disabled .
ABC : Title wishlist korunk ! :)

3. Save !


Tutorial : Hide Navigation Bar

Tutorial : Hide Navigation Bar

1. Dashboard --> Layout --> Add a Gadget --> Html JavaScript

2. Copy dan Paste code di bawah ini
<!-- DROPDOWN NAVBAR --><!-- stylesheet for FF2, Op9, IE7 (strict mode) --><style type="text/css">#navbar {display:inline;width:100%;position:absolute;background-color:transparent;top:-30px;left:0px;height:60px;z-index:999999;}#navbar:hover{top:0px;height:30px;}</style><!-- stylesheet for IE6 and lower --><!-- (not supporting element:hover) --><!-- first, unhide the navbar through css --><!-- second, hide the navbar and mimic --><!-- the effect with javascript, if available --><!--[if lt IE 7]><style type="text/css">#navbar {height:30px;top:0px;}</style><script type="text/javascript">var navbar = document.getElementById('navbar');if(navbar){navbar.onmouseover = function(){navbar.style.top = '0px';navbar.style.height = '30px';}navbar.onmouseout = function(){navbar.style.top = '-30px';navbar.style.height = '60px';}if (navbar.captureEvents){navbar.captureEvents(Event.MOUSEOVER);navbar.captureEvents(Event.MOUSEOUT);}navbar.onmouseout();}</script><![endif]--><!-- end dropdown navbar -->
3. save !
Credit code : Tutorial Blog !


5 Langkah tubuh sihat


Ingin memiliki tubuh sihat dan bertenaga sepanjang hari ? ?
cuba kita amalkan kelima-lima langkah berikut :

 Jadikan amalan mengambil sarapan berpatutan sebagai rutin setiap hari
 Aturkan jadual waktu pengambilan yang tepat setiap hari.Sebaik-baiknya 6 kali sehari.
 Pelbagaikan pengambilan makanan berkhasiat dengan mengambil semua jenis sumber zat dalam menu      harian
 Minum 8 gelas air kosong setiap hari :) 
 Lebihkan sayur-sayuran dan buah-buahan dalam menu makanan harian dan elakkan makan makanan lemak berlebihan ^_^


Epal yang meyenangkan


Tutorial : Colour Scroll Bar Style

Tutorial : Colour Scroll Bar Style
Scroll bar yang cantik berwarna lagi.. hehe...  cuba tengok dekat tepi belah kanan tuh ? ?  nak juga .. Jom follow tuto ini :))

1.Template --> Edit Html --> Tick Box Code --> CRTL+F

2. Tekan ctrl+f dan seacrh code di bawah ini
]]></b:skin>
3. Dah jumpa ke belum? copy salah satu coding dekat bawah ini dan paste ATAS code ]]></b:skin> tadi
Type Colour Scroll Bar Style

Scroll Warna
::-webkit-scrollbar {
height:3px;width: 10px;background: #000
}
::-webkit-scrollbar-thumb {
background-color: #FF0000;
-moz-border-radius: 10px;border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background-color: #FFFFFF;
-moz-border-radius: 10px;border-radius: 10px;
}
Petak Style
::-webkit-scrollbar {
width:15px;
height:10px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment  {
height:10px;
width:10px;
display:block;
background:#FF0000;
border:1px solid #000000;
}
::-webkit-scrollbar-track-piece  {
background-color:#FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#FF0000;
border:1px solid #000000;
}
Track Piece
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track-piece  {
background-color: #FF0000;
border: 3px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #000;
border: 1px solid #FFFFFF;
}
EDIT :
ABC : Background Scroll bar
ABC : Warna Scroll bar
ABC : Warna Scroll bar Hover
Code warna di [ http://html-color-codes.info/ ]

4. Dah siap edit... SAVE dan Preview...

Taraa ! cantikan scrollbar Korunk ? ? :P


ANDAINYA LELAKI TAHU

andainya lelaki tahu
Sumber image google
Andainya lelaki tahu..
Apabila seorang perempuan jatuh cinta, lelaki itu tidak semestinya punya segalanya tetapi lelaki itu adalah segalanya di hatinya.

Andainya lelaki tahu..
Apabila seorang perempuan itu mengalirkan air mata, itu bukan bermakna dia lemah, tetapi dia sedang mencari kekuatan untuk terus tabah menyintai lelaki itu.

Andainya lelaki tahu..
Apabila seorang perempuan marah, memang dia tidak mampu mengawal perasaannya tapi percayalah, itulah maknanya dia sangat mengambil berat dan menyayangi lelaki itu.   Lihat saja pasangan yang baru bercinta, mereka jarang bergaduh. Tetapi percayalah semakin bertambah sayang mereka pada seseorang, semakin pula banyak pertelingkahan yang berlaku.

Andainya lelaki tahu..
Apabila perempuan bercakap banyak, dia tidak pernah bermaksud untuk membuat anda rimas, tapi dia mahu lelaki mengenalinya dengan lebih dekat.

Andainya lelaki tahu..
Apabila perempuan berkata dia mahu anda berubah, itu bukan bermakna dia tidak mahu menerima anda seadanya, tetapi dia mahu menjadikan anda lebih baik, bukan untuk dirinya, tetapi untuk masa depan anda.

Andai lelaki tahu..
Apabila perempuan cemburu dan tidak percayakan anda, bukan bermakna dia tidak sayang.. tetapi dia terlalu sayangkan anda dan masih menganggap anda anak kecil yang masih memerlukan sepenuh perhatian.   Kadang2 dia terlalu risau sekiranya terlalu percaya, anda akan mengkhianati kepercayaan yang diberi. Naluri keibuannya sangat kuat. Dia hanya mahukan yang terbaik untuk anda.

Andai lelaki tahu..
Apabila perempuan merajuk, jangan kata dia mengada-ngada. Dia bukannya mahu dipujuk dengan wang ringgit atau hadiah sedozen, tetapi cukup dengan perhatian yang boleh buat perempuan rasa dihargai.

Andai lelaki tahu..
Apabila perempuan jarang mengatakan ‘i love u’, itu tidak bermaksud dia tidak menyintai tetapi dia mahu lelaki itu merasai sendiri cintanya, bukan hanya hadir dari kata-kata tetapi juga melalui bahasa tubuhnya.

Andai lelaki tahu..
Apabila perempuan kata dia rindu sama kamu, dia benar-benar maksudkannya. Apabila berjauhan, bayanganmu akan sentiasa bermain di mata.

Andai lelaki tahu..
Apabila perempuan kata lelaki lain itu lebih baik dari kamu, jangan percaya kata-katanya kerana dia hanya mahu menguji kamu. Dia mahu melihat sejauh mana kamu sanggup menjadi yang terbaik di matanya. Walaupun sebenarnya memang kamulah yang terbaik di hatinya.   Selagi dia dengan kamu, percayalah, walaupun perempuan menganggap masih ramai lagi yang lebih baik di matanya tetapi di hatinya, kamu tetap yang terbaik.

Andai lelaki tahu..
Apabila perempuan menjadi degil, dia bukan bermaksud untuk menjadi degil tapi dia mahu melihat sejauh mana lelaki itu mampu bersabar dengan kerenahnya.   Percayalah, hati perempuan itu sangat lembut. Andai kena caranya, jangan terkejut kalau akhirnya dia menukar fikirannya dalam masa sesaat.

Andai lelaki tahu..
Apabila perempuan berkata, “tolong tinggalkan saya!”, dia tidak bermaksud menyuruh anda pergi selamanya. Dia hanya mahu menenangkan fikirannya sebentar saja.   Apabila dia kembali tenang, percayalah dia akan mencari anda semula. Itu tandanya dia benar-benar menyintai anda. Perempuan sukar untuk mengawal perasaan. Dia terlalu emosional. Tapi dialah yang paling menyayangi anda dan sangat sensitif dengan perubahan pada diri anda.

Andai lelaki tahu..
Sememangnya Allah menciptakan lelaki dan perempuan itu dengan perbezaan yang tersendiri. Tetapi sekiranya mereka saling memahami, mereka akan saling melengkapi dan menyempurnakan.   Perempuan itu diciptakan oleh Allah indah sekali. Di sebalik air matanya, tersimpan seribu satu kekuatan yang bakal menjadikan seorang lelaki itu merasa selamat bersamanya.


Biarpun zahirnya perempuan itu tampak lemah tapi dia punya kekuatan tersendiri yang bisa menggoncang dunia dan mungkin bisa pula membuat lelaki menjadi lemah kerananya.

Jadi hargailah kehadiran seorang perempuan dalam hidup anda kerana dia didatangkan bukan dengan kelemahan sahaja tetapi dia juga ada kekuatan untuk menyokong anda dan membuatkan hidup anda lebih sempurna. Dialah yang bakal menjadi perempuan bekerjaya, isteri juga ibu yang terbaik untuk anak2 anda.


JANGAN DITANGISI JIKA CINTA ITU TIDAK LAGI BERMAYA

.. Cinta kadang tidak bersama jodoh, namun selalunya jodoh pasti ketemu cinta ...  

 Jatuh cinta pada seseorang kadang membuatkan kita rasa satu semangat yang kuat di dalam diri.. Jatuh cinta jua memberikan kita satu kekuatan untuk terus melangkah dan demi langkah kita mampu menghidupkan suasana kehidupan kita.. Jatuh cinta hanya mengambil masa yang sekejap saja.. Kadang sekelip mata, kita sedari kita telah jantuh cinta.. Namun masih kita belum ketahui adakah cinta yang hadir itu sebenarnya cinta atau cuma mainan perasaan yang selalu kita terpedaya..

JANGAN DITANGISI JIKA CINTA ITU TIDAK LAGI BERMAYA

  Untuk jatuh cinta pada seseorang, kadang tidak memerlukan sebab yang logik.. Kadang rasa itu hadir kerana mungkin hati kita terpaut dengan kecantikan wajahnya.. Memmbuatkan lena tidak kunjung tiba.. Merimaskan diri merindui di kala malam.. Melemaskan perasaan bila cemburu menguasai diri.. Itulah cinta.. Berat perasaannya...   Selalu kita jatuh cinta tapi kadang hanya kita sahaja yang merasakan.. Jatuh cinta pada orang yang tidak mempunyai perasaan cinta pada kita adalah perkara biasa.. Hanya di sebelah pihak saja yang merasakan cinta.. Sungguh perit dan pedih bila cinta hanya bertepuk sebelah tangan..

Tapi adakah itu sebenarnya perasaan cinta?
Atau mungkin sayang atau suka.. Atau juga minat? Paling di takuti adakah itu hanya nafsu yang membisikkan rasa?   Dan ada kalanya.. Cinta yang hadir hanya tidak sebelah pihak.. Jatuh cinta dan cinta berbalas.. Terasa dunia kita yang punya.. Terasa malam kian larut tanpa rasa sedar.. Berbunga mekar menghiasi alammu..   Dan amat pedih dan perit, terasa ngilunya hati ini bila sesama ada perasaan cinta.. Tapi cinta itu terhalang dan terpaksa diputuskan atau dilupakan.. Ini mungkin kerana pelbagal halangan.. Adakah mungkin kerana berlainan agama atau bangsa? Adakah kerana perbezaan umur atau pangkat.. Dan adakah mungkin masing masing jatuh cinta tapi cinta terlarang di antara suami orang dan isteri orang?
Hati kadang terasa semakin jauh dalam mengenal erti ketenangan.. Hati kadang merasa meronta untuk merasakan begitu indahnya berteman.. Dan hati selalu saja jauh untuk dipahami.. Kerana hati ini selalu saja sunyi dan sepi yang panjang berteman suram luka yang dalam..   Hakikat kita kadang merasakan tiada siapa yang memahami akan satu rasa di dalam jiwa.. Dan sering kita merasakan tiada siapa yang peduli akan kita.. Semakin lama semakin jauh kita rasakan dengan dunia kita ini.. Sering saja kita leka dalam asyik yang panjang melihat mana letaknya dulu satu ketenangan pernah di miliki..
Masing masing menpunyai tafsiran mengenai jatuh cinta.. Dan pengalaman kita tidak sama.. Kadang ada lagi menyesakkan dada bila memikirkan.. Kadang terasa jauh untuk diharapkan.. Namun cerita kita sama.. Menginginkan cinta berbalas dan mahukan kekal selamanya..   Namun kadang kita lupa.. Tujuan kita ada di dunia ini bukanlah mencari cinta sesama insan.. Tujuan dan matlamat kita bukanlah cinta yang di cari.. Siapalah kita untuk menidakkan takdirNya bila cinta tidak lagi bermaya? Siapalah kita untuk terus melawan hakikat ketentuanNya pabila jodoh itu bukan lagi realiti?

 Janganlah kamu tangisi perpisahan dan kegagalan bercinta, kerana pada hakikatnya jodoh itu bukan ditangan manusia.. Atas kasih sayang Tuhan kamu dan dia bertemu, dan atas limpahan kasihNya jua kamu dan dia dipisahkan bersama hikmah yang tersembunyi.. 

Pernahkan kamu berfikir kebesaranNya itu?            


Tutorial : Tambah Add A Gadget Atas Header

Tutorial : Tambah Add A Gadget Atas Header
Wiitt ! wiitt ! wiitttt ! !
Hmm , Jom tambah add a gadget atas header jom ! :)
macam mana tuh ? ? macam ini :
Tambah Add A Gadget Atas Header


1. Dashboard --> Template --> Edit Html --> Proceed --> Tick Expand Widget
2. Tekan Ctrl F dan cari kod ini :
]]></b:skin>
3. Dah jumpa kan ? Copy dan Paste code di bawah di atas kod ]]></b:skin>
gadget_header{
margin:10px 0;
padding:1%;
width:100%;
4. Haa . Then , korang cari code di bawah :
<div id='header-wrapper'> atau <div id='header'>
5. Jumpa tak ? Dah jumpa copy code di bawah dan paste di atas code yang dicari pada step 4 tadi. :
<div id='gadget_header'>
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>
6. Preview , kalau tak ada Error save ! :)

Ada kesulitan , jangan malu bertanya okeyh :D


Tutorial : Reply To Comment


Preview
reply to comment cute
Reply Comment Sebelah Tarikh Komen 
1. Template --> Edit Html --> Tick Box Code --> CRTL+F

2. Tekan Ctrl + F dan cari kod ini :
<b:include data='comment' name='commentDeleteIcon'/>
3. Copy code kat bawah ni , dan paste di bawah kod yang korang cari tadi.. 
<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR BLOG ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[Reply to Comment]</a></span>
**Tak tau blog id tu ape ehh?
Cuba tengok atas, bahagian addess link sekarang. 

Semua nombor selepas blogID tu la Blog ID korang lah!:)

Tutorial : Reply To Comment
5. Oke ! Boleh Save dah ! :) hehe .. 
    Tapi .. korang mesti nak reply to comment tu , jadi gambar comel kan ??:) 

6 .Senang saje! Tukar kan  [Reply to Comment] dengan kod kat bawah ini :

<img alt='Reply To This Comment' src='URL GAMBAR ANDA'/> 
 7. Da siap ? SAVE ! :) Lihat lah hasilnya! :)

or 
Reply Comment Sebelah Nama Pengomen

1. Template --> Edit Html --> Tick Box Code --> CRTL+F
2. find this code :
<data:commentPostedByMsg/>
3. copy this code
 <img src='URL IMAGE'/> <span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID BLOG KORANG&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>Reply to comment</a></span>
4. Paste code tadi dekat sebelah code yang dicari tadi

Edit :
ABC : tukar url images
ABC : masukkan id blog korunk
ABC : ayat masing-masing


Tutorial : Scroll Box For Comment

Tutorial : Scroll Box For Comment

1. Template --> Edit Html --> Tick Box Code --> CRTL+F

2. Tekan Ctrl F serentak , search kod ni :
<div class='comments' id='comments'>
3. Padam kod yang korang jumpa tu .. Gantikan dengan kod yang ini :
<div class='comments' id='comments' style='overflow:auto; width:ancho;height:500px;'> 
Height yang 500px tu , korang tukar lah mengikut keselesaan korang . hehe~

4. Save dan preview ! :)


Tutorial : Centerkan Header

Tutorial : Centerkan Header

1. Dashboard --> Template --> Edit Html --> Proceed 

2. Tekan Ctrl + F , cari :
/* Content
3.  Lepas tu , copy kod kat bawah ni , then paste ATAS kod yang korang carikan tadi tu  
.Header img {
margin-$startSide: auto;  margin-$endSide: auto;
}
4. Paham ke tak ? if korang tak paham , tengok contoh ni :
.Header img {
margin-$startSide: auto;margin-$endSide: auto;
}
/* Content----------------------------------------------- */
5 . Preview dulu . Kalau jadi , SAVE yerk ^_^ 



Tutorial : Button Show-Hide Spoiler

Tutorial : Button Show-Hide Spoiler
Korang tahu ke, aper itu
Button Show-Hide Spoiler???

Okeis~ Cara nyer simple jer. :)

1. Dashboard --> Layout --> Add a Gadget --> Html JavaScript

2. Copy dan paste code di bawah pada JavaScript :
<center><div id="spoiler"><div><input onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide Spoiler!&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;none&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show Spoiler!&#39;; }" value="YOUR TITTLE" style="width:200px;font-size:12px;background-image:url(URL BACKGROUND);-moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px;margin:10px;padding:0px;border-style: 2px solid #000000;" type="button" />
<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:98%">
WRITE ANYTHING YOU WANT
<div id="hide"></div>
EDIT :
ABC : Image Url
ABC : tukar kan dengan perkataan korunk 
ABC : korang letak code JavaScript,gambar atau text yang korang nak.

3. Save .! Lihat hasilnya :)


Tutorial : Hilang Navigation Bar

Tutorial : Hilang Navigation Bar

tapi , korang tahu ke , apa yang dimaksudkan dengan navigation bar ???Ohh,, tak tahu ye , cuba korang tengok dekat atas header korang .Ahaa . yang itulah navigation bar ! wee ;)


1. Dashboard --> Template --> Edit Html --> Proceed 

Search this code :
/* Variable definitions====================

2. Copy and paste code ini di atas code yang dicari:

#navbar-iframe {
display: none !important;
}
3. Contohnya seperti berikut :
#navbar-iframe {
display: none !important;
}
/* Variable definitions====================

4. Sudah siap ? Save and lihat hasilnya :)


dan boleh ikuti tuto ini... Button darshboard dan follow :)