Tuesday, 31 July 2012

Tajuk post bergerak



Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod


<b:includable id='post' var='post'>

4) Bila dah jumpa, highlight kod di bawah


<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if> 


5) Gantikan kod yang korang highlight di langkah 4 tadi dengan kod di bawah:

 <b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<marquee direction='left'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if></h3>
</marquee>
</b:if>



 6) Klik preview, kalau takde error, klik save template

Selamat mencuba! :) 

Timbang Berat Blog






Berapa tempoh masa loading blog anda? Tempoh masa loading blog memainkan peranan yang amat penting. Lagi cepat, lagi bagus. Jika telalu lama masa yang diambil untuk loading blog, kemungkinan pengunjug blog anda tanpa segan silu klik pada butang pangkah sebelum selesai loading page. 

Timbang berat blog anda di sini http://tools.pingdom.com/. Masukkan url blog, kemudian klik "test now"

Tips mengurangkan masa loading blog:
1 Kurangkan penggunaan image (jpeg) kerana size jpeg biasanya adalah besar.

2 Kurangkan bilangan entry post pada home page blog anda. Default setting adalah 7 post, kurangkan kepada 2 atau 1 sahaja.

3) Kurangkan widget yang menggunakan javascript. 

4) Widget yang mempunyai size yang besar seperti blog achieve, blog list atau follower, letak di bahagian bawah sekali, supaya element yang lain dapat dibaca terlebih dahulu.

5) Letak "Read More" bagi meringkaskan entry post, supaya loading setiap entry dapat dibaca dengan lebih cepat. 




Efek senget apabila cursor menyentuh link





Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod


a:hover {


4) Kemudian copy paste kod di bawah selepas kod a:hover { yang korang cari tadi:


 transform: rotate(7deg);
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);


contoh:
a:hover {
transform: rotate(7deg);
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);


5) Sekali lagi, dengan menggunakan ctrl + F, cari kod di bawah pula:

a:link {
6) Kemudian copy paste kod di bawah selepas kod a:link { tadi:


transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;


 Contoh:

a:link {
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;




7) Klik preview, jika tiada error, klik save dan lihat hasilnya.

Selamat mencuba! :)

 * efek ini hanya berkesan pada browser mozila firefox 

Delete Blog



Anda tercari-cari macam mana cara nak delete blog? ok jom belajar cara nak delete blog yang korang dah taknak tu.

- Sign in akaun blogger >>  kemudian ikuti tutorial bergambar di bawah:





- Done! :) 

Cara nak buang Attribution (Powered by Blogger)



Korang tahu tak apa dia "Attribution"? Cuba scroll ke bahagian paling bawah sekali dalam blog korang..korang akan jumpa satu perkataan yang tertera Powered by Blogger. Perkataan tu boleh dibuang. Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod di bawah:

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>



4) Bila dah jumpa, tukar perkataan true kepada false


5) Kemudian klik preview, kalau takde error, klik save template.



6) Lepas tu buka blog korang dan scroll ke bahagian bawah sekali...still ada lagi perkataan Powered by Blogger kan? ok, klik pada button edit attribution tu (gambar spanar), then klik remove..



7) Selesai! Powered by Blogger dah hilang! :)




Selamat mencuba! :) 


rainbow link



hye ! hry nie amira nk bgy korang punye link kt blog tu 
bertukar warna (pelangi) bila cursor mnyentuh !


DESIGN > ADD GADGET > HTML/JAVAScpirt 

copy code di bwah dn paste kn di dlm kota HTML/JavaScpirt 


<script src="https://sites.google.com/site/tutorialcursorsparkle/rainbow.user.js" type="text/javascript">
/***********************************************
http://amiraaztutorial.blogspot.com/
***********************************************/
</script>


SAVE !

selamat mencuba ! :D


button Follow dn d'bord


hyeee ! hry nie amira nk tunjuk korang cm ne nk ltak button follow dn d'bord
or tukar button follow dn d'bord 
sooo ! jom mula !! :)

DESIGN > ADD GADGET > HTML/JavaScript 

copy code dibawah:


<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" border="0" /></a><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>


warna biru : ID BLOG KORANG
warna merah : IMAGE BUTTON FOLLOW DAN D'BORD

cra tukar button ! tgk nie :




kotak yg 1 tu ialah image button follow
kotak yg 2 tu ialah button d'bord


klau nk button follow dn d'bord boleh ambil kt snie !
or korang bole buad sendiri :)
klau buad sendiri msty nk twu link dia kn ? so korang bole uplod pic korang 
kt sini untuk dptkn link !



http://i.imgur.com/64zDj.png

http://i.imgur.com/zFqnQ.png

 

http://i.imgur.com/MXloA.png

 
http://i.imgur.com/RZRMz.png


http://i.imgur.com/A73Pc.png 

http://i.imgur.com/2Q3d1.png

 

http://i.imgur.com/vTeJH.png
 
http://i.imgur.com/tgi3I.png


if korang ade ambil please infrom k ?? :) 
 

Monday, 30 July 2012

cara transparentkan gambar menggunakan GIMP & PHOTOSCAPE


hye ! korang ! now amira nk ajr korang bgaimana nk transparentkan gmbr 
dgn mggunakan GIMP & PHOTOSCAPE ! 
snang aje klau korang btol2 fhm dgn stepnyee . . xsusa pun !! ^^

#sesiapa yg x downlod lgy GIMP or PHOTOSCAPE sila downlod skrg yee ?? 


GIMP downlod (click)







dah siap downlod GIMP dn PHOTOSCAPE ??
oke ! klau dh . . jom mula !!

1. pergi ke photoscape 

click ! editor ! lpas tu jd cm nie 


NEW photo ! lpas tu jd cm nie 
ikod kesuaian korang yee ??
click OK !


pstu jd gini 


untuk korang choose gmbr or nk taip text


phm ? ok lpastu !


yg nie if korang nk text lhaa klau gmbr korang pilih kt google pon bole kt phtotoscape pon bole
tp yg pnting backgroung gmbr tu msti warna PUTIH ! yeee ??
pastu !!


pstu !!!


orait ?? lgy !



daaaannnn ! SAVE ! white background k ??

TRANSPARENT TIMEEE !!!

oke bkk GIMP pulaa !!



pstu 


click kt pic korang td tuh  dan jd cm nie


pstu


langkah akhir ! lpas click fuzzy dia akan ade garis2 kn ?? lpas pdam semua yg wne putih tu 
jd cm nie 


pastu right click , save as. . . .simpan kt mne korang nk daaaannn !!!!!

TAMAT !!!

amacam ?? penad kn ? tp tgk lhaa hasilnye :)
korang phm ?? if phm tepuk tgn dn inform pde mira klau jd k ?
yg x jd or x phm bole tnye jugak !! :D
klau nk buad HEADER pun same je jln kje dia soo good luck ;)