tutorial smart

Tuesday 22 November 2011

Toturial : Float Icon Twitter and Facebook

Assalamualaikum...
Hye.. dah lama rasa nya tak buat tutorial.. hee.. oklah.. actually tuto nie ade request dari someone.. dia tanya tahu tak camna nak buat tuto nak letak icon facebook and twitter kat tepi blog.. sapa yang request ?
Step:
Dashboard > Design > Add Gadget > Html/Javascript
copy code kat bawah paste kat box html/javascript tu..

<style type='text/css'>
a.linkopacity img {filter:alpha(opacity=50);-moz-opacity: 0.5; opacity: 0.5;-khtml-opacity: 0.5;}
a.linkopacity:hover img {filter:alpha(opacity=100);-moz-opacity: 1.0; opacity: 1.0;-khtml-opacity: 1.0; }
</style> <div style='display:scroll; position:fixed; top:200px; left:0px;'>
<a class='' href='http://www.facebook.com/USERNAME'target='_blank' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URLICONFB" /></a><br />
<style type='text/css'>
a.linkopacity img {filter:alpha(opacity=50);-moz-opacity: 0.5; opacity: 0.5;-khtml-opacity: 0.5;}
a.linkopacity:hover img {filter:alpha(opacity=100);-moz-opacity: 1.0; opacity: 1.0;-khtml-opacity: 1.0; }
</style> <div style='display:scroll; position:fixed; top:265px; left:0px;'>
<a class='' href='http://twitter.com/USERNAME'target='_blank' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="URLICONTWIT" /></a><br /></div></div>

Kat bawah ni ada beberapa url untuk icon.. pilih yang mana suka :)

Monday 15 August 2011

tutorial nak buat icon home untuk blog korang..

Salam korang

Arinie faiq nak kogsi tutorial nak wat HOME icon untuk blog korang.. Arinie penat sangat tapi nak kongsi gak..huhuuhu.

So copy je kod kat bawah nie..korang letak lah kat mane mane korang nak..

Bagi penguna template blogger and layout

Dashboard > Layout > Add A Gadget
klik HTML/Javascript. and korang copy paste kod kat bawah nie k.

(CTRL+C serentak untuk copy)

Bagi penguna template

Dashboard > Template

(CTRL+C serentak untuk copy)

__________________

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; bottom:10px; left:-12px;'>

<a class='linkopacity' href='LINK KORANG' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="LETAK KOD ICON KAT SINI" /></a><br />

Korang bleh gak ubah

width="50" height="50" ekot ke sesesuaian blog korang k.

Law korang nak letak kat bahagian atas kotang tukar kod yang berwarna pink tu k

bottom:10px; left:-12px;'>

bottom tuka ke top
left tka ke right

---------------------
kod untuk icon plak

http://i921.photobucket.com/albums/ad52/wanhazel25290988/Home-Green-icon.png

http://i921.photobucket.com/albums/ad52/wanhazel25290988/HomeIcon.png

http://i921.photobucket.com/albums/ad52/wanhazel25290988/Home-icon-2.png

http://i921.photobucket.com/albums/ad52/wanhazel25290988/home_icon.png

http://i921.photobucket.com/albums/ad52/wanhazel25290988/home-1.gif

http://i921.photobucket.com/albums/ad52/wanhazel25290988/Home-icon-1.png

http://i921.photobucket.com/albums/ad52/wanhazel25290988/HOME-ICON.gif

Ok tu je
Selamat mencube
Malam nie faiq penat sangatbye..

Tutorial buat icon shoutmix/chatbox kawaii

wah arinie faiq nak ajar korang cantikkan shoutmix korang
sebenarnye adew org yg tanye so faiq ajar la..
korang ikut jeew ea..

senang jew buat nie..
klau korang focus btul btul comfirm jadi..
so focus okey..

oke cara cara ialah..
firstly

DESIGN> PAGE ELEMENT>ADD GADGET>ADD HTML CODE.

<style type="text/css">#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:104px;width:86px;float:left;cursor:pointer;background:url('URL IMAGE') no-repeat;}.gbcontent{float:left;border:2px solid #A5BD51;background:#F5F5F5;padding:10px;}</style><script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}</script><div id="gb"><div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent">
TAMPAL CODE SHOUTMIX KORANG DISINI
<div style="text-align:right"><a href="http://www.deathnota.blogspot.com"><font size="1"">get this </font></a><a href="javascript:showHideGB()">[close]</a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script>

* warna orange 2 buat ikt kesesuaian adik yerp. adik nk tinggi bnyk mne.
* warna biru 2 url image. adik ley carik kt photobucket je sng.
* warna merah tu kod shoutmix/cetbox anda yerp.

disini hana ade sertakan icon shoutbox yang cumel2 . law nak amek, amek je la.

http://i1118.photobucket.com/albums/k606/Qila_Funny/Untitled-3-1.png

http://i1113.photobucket.com/albums/k512/aina9981/maryiconshout.png

http://i1046.photobucket.com/albums/b464/fariesfearless/shout.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYH3brcAACoEgWxQHNpBtG4CkIyJM9COEqmTWzGt-5AAc0GejYauca9PqNCM7VnYs-92utKz8VZb1k0Ykdl9Zha1ZSmNPRuXWq2TlDYg7yFaS4HvheEkdROFXRNKl2pJPQMf6oi_bupXcx/s1600/shoutbox+icon+kyuhyun+suju.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU7Hbr5LS9eQtQcrw1_zQGu8esN6FXpo6-Oovs9WckJzOgl7zUI3IeHLqzXQdkPvP3thyphenhyphenI7X1BsMboQqHEIkwyvCAI0bYcmDYqQ1_ormRS9RHcip8c0IEAF2o9reqq5jF9vl3ApQ3tYKzU/s1600/Kim+bum+Shoutbox+icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6vzr_5Okj4k3Bc-lkPdLdRhT_wgKZ-Tu3j5x-WVT_DXV-jcQtkn04aRXtXJQupD0hO2rSg9eg7Ai5Ks2-4SsLjNG-xdN-V9rYi6fel_ixiAX1q9jrbWz6k1qGIThrGKRN__7lM_flvFe6/s1600/nickhun+2PM+shout+icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRBts7UjWyACdOzA4L4s6BBssl4c1GtryjFd2HGHRTxWaQeXdsGbgEvMUsOye1nWZAoSegNpGLqCQo-g9bMBos-3_qNFAP6sGL07Rzz7C2tBn0uRxm0ZwBkOhEydxc672KJmD2kc0AOona/s1600/sooyoungshout+icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_qe6zb_8aJIxbMER6E2cOJLNc9XZxw6zLuQ0ANqn7oNrm96gMwqM7GmQD8oBkipPIPt6RDPLTiEv6AVrTn2AdubYH8dUdX9Pw4PH5BGGgiiHk0vx3s3P978XD035l4pGqWY7kaP9W5iH/s1600/Seulong+2AM+shoutbox.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQVDGsZrF5qP-o1xrHVPQxwzWKr6mwG92jzp1Vkckp7-K_FBi2OLaV0KxXmDWy53lmF04o9Ex51x7bSMSA3IXw7uSCuLV3-0uLd6OoWftT5M5vyubHZp0PtDG-wt0RBB9nh0BTwOcj4XKG/s1600/min+woo+-boyfriend+shoutbox.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNN_CCo6Wc3j4c1W_QwoJ3ANhrlVPIUbgMYa0o9qmlOi0NZW1C8AVIJ9goWgZ0GDu4bXmEDY0vSeUfR7S25wih7KcdAquNpdPY2DErJpnvcFnCN_wHLnKOlC-rtFq9hL6JpuoCKpg5YC65/s1600/lee+min+ho+shoutbox.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ghiJZNy7CfNjmM5rwsIyWL5jyiulphmhcUQWIAlUaMQa3syKkmbT7vCGcTvTiTHsSiM2Ps1XrpvImcm0T-l5gdXxpME5aQCygQ4YO9DAiMlQDUIPACUWJOgpH8KsaYuU2YSlhMikbui0/s1600/Angry+bird+shoutbox+1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqvaeZD9dMK6Y7djFZ130-YCuxos1CW5oz0g82lrX9n1reFKX5n3or7u7seRAc1SM2rSBbJv3-EXDAFqXsM1poNBcqxYLVG2SpI9yLaeqoRjc8warUMn_n_U38jGuarjm_HdInyOu6RLmp/s1600/Angry+bird+shoutbox+2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid4wm7AuTBlUDDUmeJxZGQcyShgN9FSjgEOaow7fjUhxpcMixdvCzE_d-SPfPSz1P6WSNnJi_jiNAPKvPk2O-j6icNlyvvuduCa-DLHrgu_YyKel5MzDrIFAsdY9GjqhuhTnOZQZtVjZ0Y/s1600/Angry+bird+shoutbox+3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjobnbLDAb96Agnp-OimaPHYcUVgQLK4DtxRm0gsXUyg1o2vtIRAyJXwxXD5FDM0pYIXZ2lpDAUBc8s7a9JE8Jxfp_i6VyRMrkfC0Yxj4YCt41AdBTtR6My3XRPJ2wAT2grpvnHr7JHY3OJ/s1600/Angry+bird+shoutbox+4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Fg7ElCXQ6ZxLbMGmz37hivCnuFtCdEFMIV4S5VR7hfIUo5QSWmgMBBAFeSqb7smHUBAhlbpiAwO5dwiSdWVERCKF_Yt75XE1w_zF8Gcq0rIcrXTpx0N4IWhVWN-UJjq8sVYmM3zNQDzU/s1600/Angry+bird+shoutbox+5.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJsJp7YEE9BmKy6QyOwXddtG8w_NK4EOg1pvvzgDnfIPqr6Wo-enIn58FdoBLiUbVQLcb4Rk2ktYNRPGH7ZOfGzuWQFl8Vour-GQK0CBs69M1pS_SLz9I7Sjlf1agHid1UCvatks50EnnE/s1600/Angry+bird+shoutbox+6.png

TUTORIAL FOLLOW ICON

ahahahah serius klaka k tittle di atas disebabkan
karangan faiq dulu sllu xpenah A tu jadi lagu tu bak kata oqang kedah ^__^

ok 1st ni faiq nk buat tutorial sebanrnya faiq
bukan pandai mana pon bnyak blaja dari otai-otai blog
ok stop pasal tu ni faiq nk aja cara macam mana
nak gantikan gadget follow dengan icon cumil macam faiq hahahaha
pasan tak gadget follow faiq domo kun kan
ok tutorial ni diminta oleh syazwan
ok syazwan baca dengan teliti kalau tak congrat faiq jentik idung syazwan

Bagi penguna template blogger and layout

Dashboard > Layout/design > Add A Gadget
klik HTML/Javascript.

LEPAS TU PASTEKAN KOD DI BAWAH DALAM
KOTAK HTML/JAVASCRIPT TADI

for copy press ctrl+c serentak k

OK untuk blog id kamu-kamu klik dekat dashboard ats sekali yang dia ada
tulis follow tu kat ctu copy id blog kamu-kamu k dan masukkn lam BLOG ID kat atas ni
untuk gamba lak kamu-kamu pandaila cari yng mna bekenan n masukkn
kat IMAGE LINK k

contoh id faiq>>>http://www.blogger.com/follow-blog.g?blogID=1361084983231955961
no ni yng penting kalau copy yg ni nnti owang follow faiq XD

paham tak kalau xpahm tanya yer
sebab faiq dulu masa darjah satu ja cita-cita nak supermen
sekarang dah x sbb faiq x pandai nk slamat kn blog org
xpandai nak terangkan..bukan xnak kogsi cuma xpandai nak mngajar
harap paham lah yer syazwan

oke thank bubye..

TUTORIAL TAB MENU

fuhh !!! kali pertama faiq buat tutorial tab menu nie..boleh tahan susah jugak la..tapi no problem and jgn risau...hehe kite start oke..

ok mula 2 faiq nak bgitau yer ni cara faiq oke sebab sangat simple dan bolehlah
buat adew adew je ~~

firstly..

Tengok video nie and hayati la cara cara yg die buat oke..

Kalau korang x paham coment jew kt bawah oke..!!!
sorie la video x jelas..
faiq rembat dari YOUTUBE tu..
haha..x best ar buat video sendiri..
k la selamat mencuba..

Sunday 14 August 2011

TUTORIAL CURSOR SENDIRI.....

Salam semua ok kali nih faiq bukan nak bagi cursor dekat korang cume faiq nak berkongsi rahsia ngan korang kalau korang naik buat cursor ikot la cara kat bawah nie"

tapi nak ajarkan macam mana nak buat cursor kamu-kamu sendiri
tapi faiq guna dua sofware untuk hasilkan cursor nih

PERTAMA
PHOTOSCAPE

http://www.americansongwriter.com/wp-content/uploads/2009/02/number1.jpg

http://www.johnston.k12.ia.us/schools/ElemLMC/images/number2.jpg

KEDUA
PAINT.NET

LANGKAH KE4 TU NADIA BAGITAHU RAPATKAN
KE TEPI BUKAN SEBAB APA...NANTI KALAU DAH SIAP
JADI CURSOR KADANG-KADANG HUJUNG CURSOR
TAK SAMPAI TEMPAT NAK DI KLIK TAPI DAH KENA
MSTI KORANG PERNAH JUMPA KAN SO MACAM CELARU LA CKIT
SEBAB TU NADIA BAGI PETUA TU
PERINGATAN!!!!!! SAVE IMAGE
"SAVE AS TYPE PNG"