TUTORIAL : Top Button !

heyy , salam readers ^^ okehh  , hary nie una mahu buat tuto back to top button :) okehh , pada sesiapa yang tak tahu apa tuh top button sila sila lah click top button una :) naaa ! tahu sudah kann ? yeahh :) itu lah fungsinya , noww , kita start okehh ? drumm rolll :)

1. macam biasa lah kan pergi ke DASHBOARD > DESIGN > ADD GADGET :)
2. then korunk pilih HTML/javascript .
3. noww , copy code ini dan sila paste kann okehh ? 

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="URLIMAGE" /></a>

okehh , dah copy and paste kann ? now korunk search lah url image dyer , ouh pada sesiapa yang ase agak malas tuh , ambil jer lah code ini okehh ?? nie freebies yang una buat tuk korunk sume ^^ soo ,moga korunk berjaya okehh ??

http://i1121.photobucket.com/albums/l516/sweetteddy16/top1.png

http://i1121.photobucket.com/albums/l516/sweetteddy16/top2.png 

http://i1121.photobucket.com/albums/l516/sweetteddy16/top3.png 

 http://i1121.photobucket.com/albums/l516/sweetteddy16/top4.png

http://i1121.photobucket.com/albums/l516/sweetteddy16/top5.png

kalau ambil bagtahu una yuupp ^^ thakiu guy's ! 

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---

This site For Tutorial by Kemetot Chomel

Hye and Assalammualaikum semua :) yeahh ! di sini adalah ruangan yang una isikan dengan tutorial yang korunk boleh guna untuk mencantikkan blog korunk . Dan dalam setiap tutorial yang una dah buat ada juga una ambil dari others blogger dan una dah pun selitkan credit di setiap tutorial tuh ^^ and ada juga tutorial yang una sendiri ubah mengikut kreativiti una . dalam site nie una ada membuat tutorial untuk pengguna template Washed Denim , Blogskin dan juga Simple Template :) pasti kan korunk click CTRL + F untuk mencari kata kunci bagi tutorial yang korunk mahu cari .. Jika tidak jumpa boleh terus request Tutorial dari una DI SINI :) atau korunk boleh juga contact una terus di FANPAGE FACEBOOK & OFFICIAL FACEBOOK una :) soooo , Selamat datang ke Dunia Maya Kemetot Chomel ;)

Tutorial: Basic In Blog

• Turns your template to washed denim template part-1
• Turns your template to washed denim template part-2
• Type of borders
• Type of Scrollbox
• Fungsi-fungsi button dalam new post
• Apa itu Blog ID ?
• Apa itu Expand Widget ?
• Edit HTML using New Interface 
• Remove Subscribe to: Post Comments (Atom)
• Cara nak tekan ctrl+F dekat template yang baru
• Coming Soon..

Tutorial: For Blogskin

• Kemetot Chomel First skin.
• Coming soon..
• Coming Soon..

Tutorial: Advertisement

• Daftar Churpchurp ! sure tak rugi :)
• Cara masukkan iklan churpchurp dalam blog
• Earning Churpchurp pertama & sedikit tips dapat earning banyak2 .
• Blin.gd cara mudah dan cepat nak dapat income !

Tutorial: Body Blog/Post & Sidebar Tittle/Comment/Page/Navbar

• Background sidebar,time & date
• Centerkan post tittle,gadget,time & date
• Cute icon sebelah post tittle
• Image shadow border(simple template)
• Border shadow (washed denim)
• Image jadi blur/shadow bila cursor sentuh
• Background berbeza setiap page
• Icon dalam comment box
• cantikkan comment box 1
• cantikkan comment box 2
• sidebar to the left and main to the right
• Tittle sidebar to image look
• Note dekat bawah setiap post
• Remove navbar
• Hide navbar
• Your Own Navbar
• Customize Home , Older post , Newer post
• Comment form message
• Icon date header luar entry
• Background for post tittle
• Main body ada background
• Divider bawah post
• Hilangkan tulisan BOLD pada post tittle
• Buad Pages
• Tengok width Content Wrapper,Main Wrapper,Sidebar Wrapper & Header (washed denim only)
• Sidebar And Main Wrapper terpisah
• Facebook like button dalm setiap entry
• Body melengkung 
• Letak Icon chomel2 & Link dekat bahagian Sidebar
• Tukar Font Post Dalam Entry (washed denim template)
• Remove Attributon "powered by blogger"
• Pasang scrollbar dekat bahagian comment
• cute icon sebelah comment
• Icon comel sebelah sidebar tittle
• Tukar perkataan post a comment kepada gambar
• Cute Border Background Tepi Content Blog
• Coming Soon..

Tutorial: Hover/Link/Header/Menu Bar/Highlight/Underline/Shoutbox/Scrollbar/Top Button/Cbox

• Link rainbow
• Highlight bertukar warna
• Hilangkan Underline dekat link
• How to put a link in blog
• Picture change like hover
• cara mudah dapatkan Url Image
• Underline Image
• Single and double underline
• Underline hover
• Underline Background
• Header hover Part-1(tukar header)
• Header hover Part-2 (akan pergi ke tepi)
• Header hover Part-3(ke tepi & hilang)
• Cute design atas header(new)
• Unclickable Header
• Scrollbar hover
• Scrollbar chomel lote
• Scrollbar Part 1
• Scrollbar Part 2
• Scrollbar Part 3
• Post Tittle & Sidebar Tittle Hover(akan ke tepi) 
• Shoutbox Ada Background
• Background shoutmix box
• Letak smiley dekat shoutbox
• Link ada background
• Post Tittle hover
• Vertical Menu Bar
• Horizontal Menu Bar
• Picture ada link macam top button
• Back to top button
• Jquery Top button
• Spoiler button
• Toggle text
• Sign Up Cbox
• Centerkan header (washed denim template)
• Coming Soon..

Tutorial: Facebook/Youtube Player/Online User

• Facebook Fanpage Like Button/Box
• Autoplay Youtube Player
• Online User
• Youtube Player berwarna
• Coming Soon..

Tutorial: Floating stuff/Blockquote/Cantikkan Blog

• Follow and dashboard button
• Tulisan dan Gambar Bergerak (Marque)
• Youtube Player dekat atas header
• Update Status dekat atas header
• Disable Right Click
• Field set box
• Cute icon list
• About Blockquote
• Open at new tab
• Status Update box
• Falling Snow 
• Opening note
• Floating Online users
• Pasang Tempat request Tutorial (foxyform.com)
• Favicon
• Wishlist Box
• Pasang cute cursor dalam blog
• Navigation Bar Comel
• Tukar template baru kepada template lama = washed denim(new)
• Navigation atas header macam kemetot chomel
• Cute icon sebelah tittle Blog Archieve
• coming soon..

Tutorial: Adobe photoshop

• Animation GIF(gambar gerak-gerak)
• coming soon..

Download Section

• Photoscape
• Gimp 2.6
• Paint Tool SAI full version

How To Download

• Download Font Chomei2
• Download Adobe Photoshop cs5

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---

TUTORIAL : cantikkan comment box 1

naaa , korunk nak comment box mcm una takk ? ada background gituuu ! huhu :) okehh , tuto nie mg senang sebab una mg tak mau bagy susah korunk nak tgok , una amek cm ner bentuk code comment awal & comment selepas okehh :) ikut aje ape yang una mahu kongsi nie okehh ?

1. macam biasa korunk perlu ke DASHBOARD > DESIGN > EDIT HTML* tick expand widget !
2. dahh sudahhh kannn ? korunk tekan ctrl + F dan cary code ini :

/* Comments

dah dapat cary kannn ? then nanty korunk akan jumpa dengan anak-anakcoding dyer kan ? delete je sume code yang ade kat bawah tuh then korunk ganty kan dengan coding baru yang una bagi nie :) okee ? 

#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: #ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: transparent;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .60em;
padding: 5px 5px 5px 5px;
background: url(URL IMAGE BACKGROUND) repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #F97E7E;
}
.deleted-comment {
font-style:underlined;
color:transparent;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}

UNGU : yg tuh backgorund kotak comment korunk tuh :)
BIRU : yg nie pulak colour border dia kay :) nak ubah solid kepada dashed , dotted pun boleh jugak tauu :)

nota kecil :

bila dah copy & paste korunk save jer lah kayy ? then pergi dekat entry yang dah ade comment , preview sikitt ! jadi takk ? wheee :D

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---