Kemetot Chomel ♥: 2011

TUTORIAL : Centerkan header (washed denim template)

heyy :) ramai yang request una cara nak centerkan header bagi sesiapa yang menggunakan template washed denim kan ? so here una buat tuto dia . actually tak complicated sgt pun . ape yang korunk kene buat ialah , sperti kat bawah nie je :

First go to your Dashboard > Design > Edit HTML then click ctrl + f search for this code :

#header {

jumpa kan ? then dekat bawah dia ada anak2 code sperti dalam gambar nie kan :

nampak tak yang una highlight kan biru tuh ? tuh lah saiz header yang korunk boleh guna . soo , mcm mana nak centerkan kan ? korunk click ctrl + F then search pulak code bawah nie :

#content-wrapper {

then tengok anak2 code dia dalam gambar nie :

hahh , nampakkan ? width di header dan content-wrapper sama :) sebab tuh lah dia jadi center . selalu nya una akan buat header bersamaan 890px-width dan 350px-height . una kurangkan 10px lebar dia sebab nampak lagi kemas :) jadi una harap tuto nie leh bantu korunk lah how nak centerkan header tuh . korunk ikut lah width blog korunk kay ? ikut kesesuaian width header korunk :)

TUTORIAL : Background komen berbeza antara author dan pengomen

heyy semuaa . hary nie una nak share tuto nie dgn korunk . dah ramai tanya tapi tak sempat nak buat so here una share dgn korunk . btw , first sekali credit is given to akak eintan nurfuzie :)) soo , jom kite start okey ?

*contoh dia :)

First go to your Dashboard > Design > Edit HTML * tick expand widget then click ctrl + F and korunk search for this code -->

LANGKAH 1

Tekan ctrl + F untuk menghidupkan fungsi 'find' kemudian cari kod berikut

<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>

atau

<dd class='comment-body'>

Letakkan kod dibawah diatas kod yang dicari tadi

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

pastu cari kod(2) ini

<dd class='comment-footer'>

letakkan code ini diatas

</b:if>

kalau x jumpa kod (2) try cari yang ini dan letak dibawahnya

<span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd>

pastikan jadi camni k?

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
</b:if>

LANGKAH 2

Tekan ctrl + F untuk menghidupkan fungsi 'find' kemudian cari kod berikut

]]></b:skin>

atau

</style>

pastekan code bawah ni di atasnyer

(kalau nak letakkkan colour sahaja)

.comment-body-author {
background: #d9f3ff;
background-repeat: repeat;
border: 1px solid #62a9ff;
padding: 5px;
}

(kalau nak letakkan url gambar)

.comment-body-author {
background: url (URL BACKGROUND)
background-repeat: repeat;
border: 1px solid #62a9ff;
padding: 5px;
}

code colour korunk boleh dapat kan dia Di SINI .
background boleh dapat kan dekat FREEBIES una okey ?

credit code & words of step is given to akak eintan nurfuzie :)

FREEBIES : Cute cursor .

hahh , nie una ambil dari http://www.cursors-4u.com/ dekat situ ade banyak cursor2 yang omei2 gituu ! soo , ap lagy . cepat2 letak cursor omei2 nie dalam blog korunk :)

Ribbon cute cursor

http://cur.cursors-4u.net/others/images8/oth711.png

http://cur.cursors-4u.net/others/images8/oth710.png

http://cur.cursors-4u.net/others/images8/oth709.png

Cute Polka Dotted Magenta Bow Tie Ribbon

http://cur.cursors-4u.net/others/images8/oth708.png

http://cur.cursors-4u.net/others/images8/oth705.png

http://cur.cursors-4u.net/others/images8/oth707.png

http://cur.cursors-4u.net/others/images8/oth706.png

Cute cat cursor

http://cur.cursors-4u.net/nature/images10/nat927.gif

http://cur.cursors-4u.net/nature/images10/nat926.gif

http://cur.cursors-4u.net/nature/images10/nat925.gif

http://cur.cursors-4u.net/nature/images10/nat928.png

http://cur.cursors-4u.net/nature/images10/nat924.png

Tiny cute hand cursor

http://cur.cursors-4u.net/others/images6/oth661.png

http://cur.cursors-4u.net/others/images6/oth660.png

http://cur.cursors-4u.net/others/images6/oth659.png

http://cur.cursors-4u.net/others/images6/oth658.png

http://cur.cursors-4u.net/others/images6/oth657.png

http://cur.cursors-4u.net/others/images6/oth656.png

Domokun cute cursor

http://cur.cursors-4u.net/anime/images11/ani1092.png

http://cur.cursors-4u.net/anime/images11/ani1091.png

http://cur.cursors-4u.net/anime/images11/ani1090.png

http://cur.cursors-4u.net/anime/images11/ani1089.png

Star cute cursor

http://cur.cursors-4u.net/symbols/images6/sym599.png

http://cur.cursors-4u.net/symbols/images6/sym600.png

http://cur.cursors-4u.net/symbols/images6/sym598.png

http://cur.cursors-4u.net/symbols/images6/sym597.png

http://cur.cursors-4u.net/symbols/images6/sym596.png

fuhhh , penat una cari url semua nie . kalau ambil korunk komen lah kayy ? boleh guna tutorial nie untuk masukkan cursor dalam blog.

TUTORIAL : cute cursor dalam blog

whee :D soo , jom kite buat tuto nie , nak tak buat cursor yang omei2 ? hahh , jomm buat -->

First go to your Dashboard > Design > Add gadget > HTML/Javascript then copy code bawah nie & paste kan dalam ruangan HTML/Javascript tuh .

<style>body {cursor:url(URL CURSOR), url(URL CURSOR), auto;} </style><a href="LINK BLOG KORANG" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>

url cursor tuh korunk boleh dapatkan dekat freebies yang una bagi INI . then korunk tekan lah button save . dah siap :)

TUTORIAL : wishlist box

heyy :) now we did a wishlist , tak tahu ape tuh wishlist ? tengok gambar bawah nie -->

wishlist nie dia kire mcm ape yang korunk impikan then kira ape dah tercapai tuh korunk tick lah , mcm kalau tak tercapai lagi tapi nak korunk untick kan dia . soo , let we start :

First go to your Dashboard > Design > Add gadget > HTMLJavascript . cjopy code dekat bawah nie dan paste kan dalam ruangan HTMLJavascript nie.

<form name=myform>
<input type="checkbox" name="mybox" value="satu" checked />satu <br />
<input type="checkbox" name="mybox" value="dua" checked />dua <br />
<input type="checkbox" name="mybox" value="empat" disabled />empat <br />
</form>

yang una biru kan tuh kan , yang ade satu dua tiga empat tuh korunk ubah lah words dia , contoh macam wishlist una dekat atas tuh una tulis kamera nikon . jadi korunk tukar je lah . then yang ade words checked & disabled tuh kan ? okeyy fungsi dia ialah :

Checked maksud dia : korunk dah dapat apa yang korunk wish dan dia akan ade tick dekat kotak kecil tuh.
Disabled maksud dia : korunk tak dapat lagy apa yg korunk wish dan dia takkan ade tick dekat kotak kecil tuh .

tuto refer : Syamira Blog

TUTORIAL : Icon comel sebelah sidebar tittle

nampak tak anak panah tuh tunjuk dekat mana , una ingat kan blogskin je boleh buat . hahaha :D sudah nya una menggodek sana sini ! whohottt ! akhirnya menjadi . muehehe . ai sukaa :)) soo una nak share dengan korunk lah tuto nie . tak leh kedekut nie . soo , let's check it out :

First go to your Dashboard > Design > Edit HTML *tick expand widget then click ctrl + F cari code TITTLE SIDEBAR KORUNK . contoh lah una punya macam una tulis "meet the girl" then naty keluar lah code mcm dekat bawah nie kan :

*click gambar untuk proses tumbesaran .

soo nampak kan yang una highlight kan tuh . then cuba tengok code kat situ , ade tak code mcm dekat bawah nie :

<h2 class='title'><data:title/></h2>

hahh , jumpa kann ? okeyy , nowww kite nak masuk kan image cute miut gitu . korunk just masukkan code dia mcm gambar dekat bawah nie :

ade satu icon jee . nie yang letak icon dekat bahagian depan tittle sidebar tuh .

<h2 class='title'><img src='URL ICON CHOMEL'/><data:title/></h2>

ade satu icon jee . nie yang letak icon dekat bahagian belakang tittle sidebar tuh .

<h2 class='title'><img src='URL ICON CHOMEL'/><data:title/></h2>

nie kalau nak ade dua2 depan belakang mcm una punyer .

<h2 class='title'><img src='URL ICON CHOMEL'/><data:title/><img src='URL ICON CHOMEL'/></h2>

code dia akan jadi mcm gambar dekat bawah nie okey :

untuk tittle sidebar yang lain2 tuh , korunk just ulang je step2 mcm dekat ats nie , search lah tittle sidebar korunk yang seterusnya okeyy ?? kalau tak faham tanya . maaf if late rep persoalan korunk tuh :)) selamat mencuba :)

cute icon untuk korunk guna kalau nak :

http://drikoti.net/Goodies/Favicons/Gifs/010.gif

http://drikoti.net/Goodies/Favicons/Gifs/012.gif

http://drikoti.net/Goodies/Favicons/Gifs/03.gif

http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png

http://www.drikoti.net/Goodies/Favicons/Gifs/novo012.png

TUTORIAL : Facebook Fanpage Like Button/Box

ade yang tanya una how nak buat facebook fanpage Like Button mcm una tuh kann ? korunk pun nak buat jugak ? mesty lah bolehh :) actually dia ade dua LIKE BOX & LIKE BUTTON , kalau mcm una tuh una guna like button , jadi una buat dua2 tuto je kay ? kite mula dengan like button dulu

TUTORIAL LIKE BUTTON

firstly korunk kene isi dulu Link Facebook Fanpage korunk kayy ? contoh nie link facebook fanpage una -->

http://www.facebook.com/pages/Kemetot-Chomell-blog/150468061709421

korunk adjust lah apa2 yang patut . nak mcm mana , nak tick yang mana satu ? kann . then dah adjust semua korunk click get code . dah click dekat atas tuh ade 3 perkataan nie kan --> HTML5 , XFBML , IFRAME , dah tengok kan ? soo , korunk pilih code yang untuk IFRAME tuh :) hahh , now copy code then paste kan dekat ruangan HTMLJavascript.

TUTORIAL LIKE BOX

firstly korunk kene isi dulu Link Facebook Fanpage korunk kayy ? contoh nie link facebook fanpage una -->

http://www.facebook.com/pages/Kemetot-Chomell-blog/150468061709421

soo , di sini una tunjuk kan 3 contoh button2 like yang korunk boleh tepek dalam blog korunk tuh . firstly korunk kene isi dulu Link Facebook Fanpage korunk kayy ? contoh nie link facebook fanpage una -->

http://www.facebook.com/pages/Kemetot-Chomell-blog/150468061709421

dah isi kan ? soo kite teruskan dengan yang pertma -->

CONTOH 1

CONTOH 2

CONTOH 3

korunk tgok lah 3 contoh gambar yang una bagi tuh , ape yg una tick untuk jadikan dia mcm tuh. lepas dah tick & untick mana yang korunk suka, click lah get code tuh then korunk tengok dekat atas tuh ade 3 perkataan nie kan --> HTML5 , XFBML , IFRAME , dah tengok kan ? soo , korunk pilih code yang untuk IFRAME tuh :) hahh , now copy code then paste kan dekat ruangan HTMLJavascript.

FREEBIES: Cute Smiley for Cbox or shoutbox

heyyy , semuaa :) soo , mesty korunk tercari2 kan mana lah nak cari cute icon smiley yang chomel2 untuk cbox or shoutbox korunk kan ? so , nie una ade koleksi smiley yg dulunya una guna untuk letak cute icon dalam post yg selalu org guna tuh kan ? una dapat dari greasemonkey , kalau korunk guna old editor and web mozilla korunk msty tahu kan ? soo , tanpa buang masa , ambil lah smiley nie :

Smiley one
:1:

Smiley two
blogger-emoticon.blogspot.com

Smiley three
:131:

This all smiley is not my creation tau :) soo , thanks sangat2 pada owner yg buat all smiley nie :) korunk just click right click then copy image url . guna Tutorial nie untuk masukkan smiley . Tutorial for shoutbox & Tutorial for cbox.