Kemetot Chomel ♥: May 2011

yeahhh , doodle muslimahhh :) akhirnyaaa ! berjaya jugakkk !

heyyy , wahhhh ! semakin hary tangan semakin lembut untuk melukis di Mr ADOBE PHOTOSHOP CS5 ! setelah sekian lama baru cik bk tahu bagaimana mahu melukis doodle muslimah ini ! yeahhhh :) cik bk suke sgtt ! tak ade lah lawa sgtt cik bk buat , maseh mahu mempelajarii ^^ jady di sinie cik bk mahu pamerkan hasil kerja cik bk :) drop some comment for cik bk to improve my works yaaa ?? boleh kannn :) thanks tawww !

nak amek credit cik bk dulu kayyy :) terima kasih kerana membaca ^^

TUTORIAL : Higlight bertukar warna

heyyy , hary nie cik bk mahu buat tuto :) tuto yang di request oleh Akma Bieber iaitu tuto Higlight bertukar warna :) heeee ^^ macam yang korunk tgok kat blog cik bk nie kann ? mcm nieee hahh contohnyaaa :

nampak kan font nyaa ? dekat tulisan jerrr kann ? okehhh , so now kita mulakannn ^^

firstly korunk kene pergy ke Dashboard > Design > Edit Html*tickexpand widget and search code ini :

a:link {

jumpa takk ? kalau jumpa bagos lahhh :) pandaiii ^^ thennn korunk sila COPY code ini and PASTE kan di ATAS code yang tady tuh yerr ?

::-moz-selection {
background:#FFFFFF;
text-shadow: 2px 2px 4px #F78181;
}
::selection {
background:#FFFFFF;
text-shadow: 2px 2px 4px #F78181;
}

Pink : yang code colour nie untuk text dyer , tgok una punye kan warna pinkk ? hee :D
Red : yang code colour nie untuk background dyer :) better korunk pilih putih tuh jer lah yer ? ikot kesesuaian dgn main background blog korunk tauuu ??

sooo , akma :) cik bk harap akma faham yerr ? and korunk sume pon pahamm :) if tak paham tnyer cik bk yerrr ?

FREEBIES : wahhhh ! gadget chomel untuk lukis doodle :)

heee :) tgok2 una ade gadget niee ^^ nak lukis pic chomel2 yerrr ? meh sinie mehhh :) huhu . nie code nyerrrr yawww ^^

<object data="http://img0.liveinternet.ru/images/attach/c/0//3768/3768733_paint_www.swf" height="340" type="application/x-shockwave-flash" width="480"> </object>

TUTORIAL : cute icon list :)

okehh , hary nie una mahu buat tuto icon list :) yeahhh ^^ credit to adq miera ! sebab buat tuto nie :) una pun baru try tady and menjadi tauu :) okehhh , kalau korunk buat icon list biasa ia nya akan jady mcm nie kann ?? :

saya
awak

tapy dgn coding yang senang nie korunk boleh jadi kan icon list tuh sebegini rupaa :) lawa kan ? lawa kann ???

soo , let's begin our tutorial okehh :)

firstly korunk perlu pergi ke DASHBOARD > NEW POST

waktu korunk bukak tuh kann ? ada COMPOSE & EDIT HTML kann ??

okehh , pasty kan korunk click edit html kayy ? thenn copy code ini & paste lahh :)

<ul style="list-style-image:url(URL ICON);">
<li>List Pertama</li>
<li>List Kedua</li>
<li>List Ketiga</li>
</ul>

okehh :) simple bukann ? then url icon tuh kann ? korunk leh search lah di mana2 oke :) korunk tgok kat credit section una tuh ade yg icon kann ? hahh , click aje lah okee ? naty searc icon yang chomel2 :) good luck korunk ?

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

macam biasa lah kan pergi ke DASHBOARD > DESIGN > ADD GADGET :)
then korunk pilih HTML/javascript .
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 !

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

Tutorial: For Blogskin

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

Tutorial: Advertisement

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

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

Tutorial: Floating stuff/Blockquote/Cantikkan Blog

Tutorial: Adobe photoshop

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

Download Section

How To Download

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 ?

macam biasa korunk perlu ke DASHBOARD > DESIGN > EDIT HTML* tick expand widget !
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

TUTORIAL : icon dalam comment box !

heyyy , salam readers :) di sebabkan lama sudah tak update tut so dgn rajinnya una mahu buat tuto buat korunk :) HAHA ^^ heyy ,actually una buat tuto pon sebab mahu tgok balik , yer lah kdg2 mane nak hengat link blog yang buat tuto tuh kan ? yeahh ! now sharing and caring lagy kita mulakan tuto kita :) drumm roll !

firstly kene pergy ke DASHBOARD > DESIGN > EDIT HTML *tick expand widget
tekan ctrl + F yaa ? thennn korunk search code ini yaaa ??

data:comment.authorUrl

dah jumpa kann ? then korunk ganty kan code di bawah nie & paste lahh kayy ?

<b:if cond='data:comment.authorUrl'><img src="IMAGE URL KORUNK"/>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

naaa , siap dahh yang ini ^^ ouhhh , lupa mahu bagi tahu tuto ni untuk sebelah comment author yer :) now kite buat yang seterusnyaa :) icon chomel befor date pulak okehh ? jommm follow jomm :)

korunk search fulu code nie okehhh :)

<dd class='comment-footer'>

<dd class='comment-footer'> <img src="IMAGE URL KORUNK"/> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a>

hahh , dah ke ? noww , save lahh :) tgok hasilnya kayy , kalau maseh tak menjady korunk rajin kan diry ulang balik , ikot betul2 stepnyaa :) pasty senang punya lahh ^^ buat dgn cermat yerr ?

Thank you!