Inspirit 8

TUTORIAL : ringankan blog

Wednesday, 4 January 2012, 2 speaks

Assallammualaikum ..

Yello reader .. hai ini aku nak buat tutorial sikit

cara untuk meringgankan blog korang

bukan ape ,, setiap kali aku buat blogwalking . mesty ade yang lame

loadingnye .. sampai aku pun tak tahan nak tunggu .

jadi bagi mengelakkan paa pengunjung kita

bosan kerana menunggu dengan lama

mari kita buat dia jadi ringan

#first

dashboard --> Design --> Add a gadget --> html/javascipt

lepastu . korang amik code nie , paste kat bhgian content

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">

<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>

<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWd-yXAcqo3P2qvwZcqax8DOgmBl7MIzF1yjsI98CH1EG_PmDYMUPnrHnKnUln3Zs2mMBAa_306I9HHk2pSxHySFipPkLsB6vV96Sw2_hn0OY2zFkqddGejksdT4dO98Qqxxhl-niXIbo/s1600/grey.gif"
});
});</script>

titlenye aku ase bia je kosong ..

kalau tak nnty tak cantikk ..

dah tuu saje ...

semoga berjaya !!

Labels: tutorial

TUTORIAL : tukar crusors dalam blog.

Monday, 12 September 2011, 0 speaks

Assalammualaikummmm...

takyah cite panjang lahhh kite stat oke...korang tawkan

crusors tuu hape?alahhh anak panahh lahh

dah jom setat...

1.buka website nihhh http://www.cursors-4u.com/

2.pilih yang mane satu jadi pujaan hatii..
p/s:jangan amik yang bergerak-2 taww..amik biase jeww

3.copy code yang dia bg...

macamm giniii ---

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-blue-outer-glow-pointer.html" target="_blank" title="Cool Blue Outer Glow Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cool Blue Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

4.yang bewarna hijau korang delete...

dia akann jadi macam gini tawww...

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;}</style>

5.pastu pegi Dashboard > Design >Add Gadget > Edit HTML

korang paste jewww

pastuu savee...

dah jadiii?

senangg jewww :)

Labels: tutorial

TUTORIAL : icon comel sebelah bloglist.

, 2 speaks

Assalammualaikumm...

heyy peepssssss.. nahhh aku buadd tutorial atas permintaan Cik Balqis

kiteww niyyy...haha.. awww aww.. thx yeaa request

tutorial dari i.. terharuu gituu.. ngeh3...

oke mari kiteww setat...

firstly korang taw tak ape tuu icon comel sebelah bloglist tu?

tak tahu ? haa tengokk niyy nahhh..

#kelik untuk besauu :)

oke jum setat...

1. mula-mula pergi setting untuk bloglist korang then korang unclick butang icon.

macam ginii haaaa

#klik untuk besauu lagii :)

2. lepas tu, pergi Dashboard=>Design=>edit HTML=>tick expand widget templates.

3. tekan CTRL+F then cari code kat bawah ni ok .

]]></b:skin>

4. da jumpa ? ok good . then, copy code kat bawah ni dekat atas code ]]></b:skin> k.

.sidebar ul li {background:url("URL GAMBAR") no-repeat 2px .25em;margin:0;padding:0 0 3px
16px;margin-bottom:2px;text-indent:7px;line-height:1.3em;}

5. then, preview kalau jadi save ok dear . simple je . ada pape masalah bgtau kat komen.

6. kalau nak cari gambar cute2 pergi photobucket atau glitter-graphics ok .

p/s:cari yang kecik-kecik jewww..jangan besau sangatt tahuuu :)

Labels: tutorial

TUTORIAL : follow and dashboard button ala tumblr.

, 0 speaks

Assalamulaikummm...

heyy peeps.. haa taw tak ape bendaalah button follow and dashboard tu?

haaa tengokk nieee ---

#klik untuk membesarrr :)

nahhh tu lahh tutorial yang akan diciteritakan kaedah nyeee...

marii lakukan !!

1.Dashboard > Design > Page Element > Add Gadget > HTML/JAVA SCRIPT

2 . copy code bawah nih and paste dekat HTML/JAVASCRIPT

<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=5524869489866142224" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a><br /><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>

yang tulisan hijau tuuu,,,karang ganti dengan blog id korang..

3 . Dashboard > Design > Edit html > tick Expand Widget Templates

dengan menggunakan fungsi CTRL+F

4 . korang , cari

/* Variable definitions

5 . copy code nih :

#navbar-iframe { display: none !important; }paste ATAS /* Variable definitions

paste kat bawah yang kurang cari tadii

6 . preview & save :)

Labels: tutorial

TUTORIAL : centerkan header

Friday, 26 August 2011, 0 speaks

inii tutorial biase jek lah.. aku dah biase buad.. jadi dah hafal.. hope korang suke yea.. tehee .. oke kite start sekarang !

1.mule-2 korang pegi

DASHBOARD > DESIGN > EDIT HTML

2.tick expand widget

3.gunekan fungsi CTRL+F cari

*/ Content

4.lepastu.. korang copy kod yang aku bagi niee, then paste dekat atas */ Content tadi tuu.

.Header img {

margin-$startSide: auto;

margin-$endSide: auto;

}

5.macam gini yee anak-anak sekaliann :)

contoh :

.Header img {

margin-$startSide: auto;
margin-$endSide: auto;
}
/* Content
----------------------------------------------- */

tu jekk.. paham tak? try dulu okay.. slow-2 yee sayang... selamat mencube !

Labels: tutorial

TUTORIAL : hidekan mp3 player

, 0 speaks

ngeh-3.. harinie.. aku teringin nak berjinak-jinak dalam dunia tutorial nie.. tutorial pertama saye ialah kite nak hidekan mp3 player.. contoh dari chucky music.. oke kite start sekarang oke kawan-kawan ! nie contoh html kod lagu macam belog aku nie taw ..

<center><a href="http://fullmusik.co.cc" target="_blank"><img src="http://fullmusik.org/guci.gif" border="0" /><br /><img src="http://fullmusik.org/music.gif" border="0" /><br /><embed src="http://fullmusik.org/iza/my/Yuna_-_Super_Something.swf" AUTOSTART=TRUE LOOP=TRUE WIDTH=0 HEIGHT=0 ALIGN="CENTER"></embed><br />Gratisan Musik</a></center>

sekarang korang nampak tak tulisan bold tu? korang buang je yang bold tu.. then save ! siap ! senang je kan... selamat mencube kawan...

excited gilerrr--'

HAZIRAH KECHIK

Labels: tutorial

Older Post |

TUTORIAL : ringankan blog

Wednesday, 4 January 2012, 2 speaks

Assallammualaikum ..

Yello reader .. hai ini aku nak buat tutorial sikit

cara untuk meringgankan blog korang

bukan ape ,, setiap kali aku buat blogwalking . mesty ade yang lame

loadingnye .. sampai aku pun tak tahan nak tunggu .

jadi bagi mengelakkan paa pengunjung kita

bosan kerana menunggu dengan lama

mari kita buat dia jadi ringan

#first

dashboard --> Design --> Add a gadget --> html/javascipt

lepastu . korang amik code nie , paste kat bhgian content

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">

<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>

<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWd-yXAcqo3P2qvwZcqax8DOgmBl7MIzF1yjsI98CH1EG_PmDYMUPnrHnKnUln3Zs2mMBAa_306I9HHk2pSxHySFipPkLsB6vV96Sw2_hn0OY2zFkqddGejksdT4dO98Qqxxhl-niXIbo/s1600/grey.gif"
});
});</script>

titlenye aku ase bia je kosong ..

kalau tak nnty tak cantikk ..

dah tuu saje ...

semoga berjaya !!

Labels: tutorial

TUTORIAL : tukar crusors dalam blog.

Monday, 12 September 2011, 0 speaks

Assalammualaikummmm...

takyah cite panjang lahhh kite stat oke...korang tawkan

crusors tuu hape?alahhh anak panahh lahh

dah jom setat...

1.buka website nihhh http://www.cursors-4u.com/

2.pilih yang mane satu jadi pujaan hatii..
p/s:jangan amik yang bergerak-2 taww..amik biase jeww

3.copy code yang dia bg...

macamm giniii ---

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-blue-outer-glow-pointer.html" target="_blank" title="Cool Blue Outer Glow Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cool Blue Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

4.yang bewarna hijau korang delete...

dia akann jadi macam gini tawww...

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;}</style>

5.pastu pegi Dashboard > Design >Add Gadget > Edit HTML

korang paste jewww

pastuu savee...

dah jadiii?

senangg jewww :)

Labels: tutorial

TUTORIAL : icon comel sebelah bloglist.

, 2 speaks

Assalammualaikumm...

heyy peepssssss.. nahhh aku buadd tutorial atas permintaan Cik Balqis

kiteww niyyy...haha.. awww aww.. thx yeaa request

tutorial dari i.. terharuu gituu.. ngeh3...

oke mari kiteww setat...

firstly korang taw tak ape tuu icon comel sebelah bloglist tu?

tak tahu ? haa tengokk niyy nahhh..

#kelik untuk besauu :)

oke jum setat...

1. mula-mula pergi setting untuk bloglist korang then korang unclick butang icon.

macam ginii haaaa

#klik untuk besauu lagii :)

2. lepas tu, pergi Dashboard=>Design=>edit HTML=>tick expand widget templates.

3. tekan CTRL+F then cari code kat bawah ni ok .

]]></b:skin>

4. da jumpa ? ok good . then, copy code kat bawah ni dekat atas code ]]></b:skin> k.

.sidebar ul li {background:url("URL GAMBAR") no-repeat 2px .25em;margin:0;padding:0 0 3px
16px;margin-bottom:2px;text-indent:7px;line-height:1.3em;}

5. then, preview kalau jadi save ok dear . simple je . ada pape masalah bgtau kat komen.

6. kalau nak cari gambar cute2 pergi photobucket atau glitter-graphics ok .

p/s:cari yang kecik-kecik jewww..jangan besau sangatt tahuuu :)

Labels: tutorial

TUTORIAL : follow and dashboard button ala tumblr.

, 0 speaks

Assalamulaikummm...

heyy peeps.. haa taw tak ape bendaalah button follow and dashboard tu?

haaa tengokk nieee ---

#klik untuk membesarrr :)

nahhh tu lahh tutorial yang akan diciteritakan kaedah nyeee...

marii lakukan !!

1.Dashboard > Design > Page Element > Add Gadget > HTML/JAVA SCRIPT

2 . copy code bawah nih and paste dekat HTML/JAVASCRIPT

<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=5524869489866142224" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a><br /><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>

yang tulisan hijau tuuu,,,karang ganti dengan blog id korang..

3 . Dashboard > Design > Edit html > tick Expand Widget Templates

dengan menggunakan fungsi CTRL+F

4 . korang , cari

/* Variable definitions

5 . copy code nih :

#navbar-iframe { display: none !important; }paste ATAS /* Variable definitions

paste kat bawah yang kurang cari tadii

6 . preview & save :)

Labels: tutorial

TUTORIAL : centerkan header

Friday, 26 August 2011, 0 speaks

inii tutorial biase jek lah.. aku dah biase buad.. jadi dah hafal.. hope korang suke yea.. tehee .. oke kite start sekarang !

1.mule-2 korang pegi

DASHBOARD > DESIGN > EDIT HTML

2.tick expand widget

3.gunekan fungsi CTRL+F cari

*/ Content

4.lepastu.. korang copy kod yang aku bagi niee, then paste dekat atas */ Content tadi tuu.

.Header img {

margin-$startSide: auto;

margin-$endSide: auto;

}

5.macam gini yee anak-anak sekaliann :)

contoh :

.Header img {

margin-$startSide: auto;
margin-$endSide: auto;
}
/* Content
----------------------------------------------- */

tu jekk.. paham tak? try dulu okay.. slow-2 yee sayang... selamat mencube !

Labels: tutorial

TUTORIAL : hidekan mp3 player

, 0 speaks

sekarang korang nampak tak tulisan bold tu? korang buang je yang bold tu.. then save ! siap ! senang je kan... selamat mencube kawan...

excited gilerrr--'

HAZIRAH KECHIK

Labels: tutorial

Older Post |