Tutorial : Floating Button

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

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

Share symbol text yang selalu you all guna dalam Blogger, Facebook, Twitter 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

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

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

 
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? :)

#Example_A  {

-moz-border-radius-bottomright: 50px;border-bottom-right-radius: 50px;

#Example_B {

-moz-border-radius-bottomright: 50px 25px;border-bottom-right-radius: 50px 25px;

#Example_C {

-moz-border-radius-bottomright: 25px 50px;border-bottom-right-radius: 25px 50px;

#Example_D {

-moz-border-radius: 1em 4em 1em 4em;border-radius: 1em 4em 1em 4em;

#Example_E {

-moz-border-radius: 25px 10px / 10px 25px;border-radius: 25px 10px / 10px 25px;

#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

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

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

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 :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfoNjpxj_iyTy_yh5wcyZAOPf5EjM5QZ2AqnmLrTFRN8g3BY8TziGKl9nalFBEMqlK9Ilnascx6gxzoqghMKb0mZ_R8P-rbKkD9KL6Q7gCEGm_9p_X6yMJcIGMFg3qxxxjAReMtSduj1qu/s1600/blueshoutbox.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWB276Bap0RKd0k3NcSz2J5omRBNArRmPC1B5OHmThvpHxrbW4GDsQhxKWFsuIxPLtzl0e8z6m2ijxSF24ZOQB2AjyOzwqUU9hPsKgA3EQLwIeC877Bmm4sR18QpOj69qf8EVqnRtxugbe/s1600/greenshoutbox.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguT0n9BBaEVgiyk5UCwud6aGWUWPI22AIgf5z7C3Kw4SH9_4rfpmCBbkQBV_Hmh-BHanQeU78qx2mhryl1NnHd95yt8rvDXZm34zL8r05j7KaFsBz9p86kAIw-T5sYwQRPDF4JvjXbpSRv/s1600/greyshoutbox.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXoDd1eiVHRV6qdnqZUOHsUXNSgRVQ7WZBOZwtXJaVPR1ZuGUUZWkuOB0DpLii4kVtyqjG3F9WBH1I3c0SdX-LFQDSlwFmg3EGPPGwsV70N5cOyEHj0-hDY8wa82pj6xF_RRxqKxqR9k2l/s1600/orangeshoutbox.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhodyUwkKS7LlF7Iw-BT-NusXLMrKHZfDWkSVvK1f-SpJOJNJm_IPou3AJ0stna50zGFVoxDpysKbdcPD_VTN6rUfflnzxvhfkW3Mom2i35Hhvkz_YQCjzlkR_uGwla9KmJhJp8ljISj2ig/s1600/pinkshoutbox.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_1kKhiXZ5SisLPmXdvPn6bUm5yaPtsGw3ftK88CKEdqBBwArAqpxCSEDgPr3hIcQqkWqBSgFAR2bg1qSliaPJdzWDBzw_35miVWv6kAZVXAw8FG_cRK-dXJjdkQ6nNmyJlPU1sEzWVzBo/s1600/purpleshoutbox.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0RJ4jYBgJmnTvx66Z-zw6V09p4W8kXrvwRSL4QNahgnee75xcKGy3-W2m3wXnQ2iD6AcDloTdm5KDrHHXGpMklLL6CRrkmZMEYKaglrJuP2HIlDHq8bm857IE7pw4IsRwiOzQk4HGTybE/s1600/turqoiseshoutbox.png

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

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

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

Cuka yang diproses daripada epal mengandungi lebih dari 30 nutrient , 12 jenis galian dan lebih dari 6 jenis enzim yang memberi rasa tenang kepada minda.Hasil tumbuhan semula jadi seperti epal mengandungi 93 komponen yang berbeza di dalamnya yang dapat membantu mempertingkatkan kesihatan tubuh badan kita selain memberi ketenangan pada jiwa..Cuka juga mampu memberikan tenaga dan kecerdasan minda :))

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

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

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..

  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

Wiitt ! wiitt ! wiitttt ! !

Hmm , Jom tambah add a gadget atas header jom ! :)

macam mana tuh ? ? macam ini :

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 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!:)

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

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

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

Korang tahu ke, aper itu

Button Show-Hide Spoiler???

Live Preview

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

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 :)