// ZieyraSulley
tutorial shining effect on image

3.5.11 | 0 comment(s)


haaa. yang keliling tuh lah name nye hover, tapi die untuk gamba je,, bile korang lalukan cursor korang kat manemane gamba akan nampak curve yang shining siket :)

care nak buat
mulemule pegi DESIGN > EDIT HTML
jangan la plak lupe nak klik kat expand widget template!

ctrl + f code nih
/* Header

dah jumpe?
ctrl + c code ni
/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=100);
-webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #FF3366; -moz-box-shadow: 0px 0px 20px #FF3366; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px solid#FF3366; border-radius: 50px; -moz-border-radius: 50px;}
-moz-opacity:1.0;
opacity:1.0;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;
}
u {
text-decoration:underline;
border-bottom: 2px dotted #ff0080;
padding: 0px;
}
ctrl + v code ni kat atas code yang kite carik mulemule tadi :)

tulisan yang colour biru tuh, korang boleh tuka.. tuh code colour ok :)
dah?
save dan tengok lah blog korang :))))


ape lagi, cepat lah komen :)
beheee.. :D



kredit: shira

Labels: , ,


TUTORIAL ANIMATED FLOATING SOCIAL WEB

21.4.11 | 3 comment(s)


hahhaha, amek kau, panjang ha tajok,, tutorial direquest leh aina, tapi die tak de backlink plak baru ingat nak menempel kan diri

>

korang pegiDESIGN > EDIT HTML
jangan lupe tick kat expand widget template

then ctrl + f code nih

</head>

dah? copy ctrl + c and ctrl + v code nih plah kat bawah code yang kite carik tadi

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script language='javascript'>
var name = &quot;#floatMenu&quot;;
var menuYloc = null;
$(document).ready(function(){
menuYloc =
parseInt($(name).css(&quot;top&quot;).substring(0,$(name).css (&quot;top&quot;).indexOf(&quot;px&quot;)))
$(window).scroll(function () {
offset = menuYloc+$(document).scrollTop()+&quot;px&quot;;
$(name).animate({top:offset},{duration:1000,queue:false});
});
});
</script>

yang tulisan color biru tuh korang boleh ubah,
tuh untuk brape cepat korang punye icon tuh begerak
lagi benyak nombo, lagi cepat die gerak

lepastuh ctrl + f code nih plak
]]></b:skin>

dah? ctrl + c and ctrl + v code nih kat atas code yang kite carik tadi
#floatMenu {
position:absolute;
top:150px;
float:left;
width:45px;}
#floatMenu ul {
list-style: none;}
#floatMenu ul li a {
-webkit-transform:scale(0.6);
-moz-transform:scale(0.6);
-o-transform:scale(0.6);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.8;}
#floatMenu ul li a:hover {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
opacity: 1;}

lepastuh ctrl + f code nih pulak
</body>

dah? ctrl + c and ctrl + v code nih kat atas code yang kite carik tadi
<div id='floatMenu'>
<ul>
<li><a href='LINK FACEBOOK KORANG' rel='nofollow' target='_blank'><img border='0' src='http://lh3.ggpht.com/_-kiN_mt1trA/TRGYfxUq9LI/AAAAAAAAACs/tzNEyscBX_I/btn_f.png' style='margin-bottom: 3px;' title='Follow Me On Facebook'/></a></li>
<li><a href='LINK TWITTER KORANG' rel='nofollow' target='_blank'><img border='0' src='http://lh5.ggpht.com/_-kiN_mt1trA/TRGYf-CYBHI/AAAAAAAAACw/tuuYnz20Lx0/btn_t.png' style='margin-bottom: 3px;' title='Follow Me On Twitter'/></a></li>
</ul>
</div>

kalau korang nak tambah icon just tambah
<li><a href='LINK KORANG' rel='nofollow' target='_blank'><img border='0' src='LINK ICON KORANG' style='margin-bottom: 3px;' title='Follow Me On SOCIAL WEB KORANG'/></a></li>
sebelum code
</ul>
</div>


dah ciaap...huuh,, panjang pulak tutorial kali nih laah

dah buat boleh lah komen :)

Labels: , ,


tutorial marquee in blog

18.4.11 | 3 comment(s)

ini adalah contoh marquee

requeast nih cik adreanaA yang tanye,,
kalau korang perasan banyak bende dalam belog kite, kite buat die as marquee,, sebab nanti korang senang nampak kan, die begerakgerak,, korang kompem pandang punye


salah satu yang kite letak marquee ialah

jangan copy, amek pape je pong dalam belog nih, kene follow dulu

maaf kalau ade yang tak suke ayat tuh,, tapi kite sebena nye lagi suke kalau die jadik kawan kite dahulu, jadi kite tawu ke mane pegi nye ape yang kite tutorial kan

okeh, enough membebel,, kite continue ke tutorial
ade banyak jenes marquee

yang kite gune ialah
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><color="#800000" size="15"><a href="LINK KORANG"><span style="font-weight:bold;">AYAT KORANG</span></a></color="#800000"></marquee>
yang tulisan color merah ialah color tulisan and size tulisan
yang tulisan color biru ialah bende yang korang kene tuka ikot suke korang, cam link dan ayat

kalau tak maw ade link yang <a href="LINK KORANG"> dengan </a> tuh korang buang

kite dah aja, korang komen :)
oh yee,, kalau korang nak gaye marquee yang lain gitawu okeeyyy :)

Labels: , , ,


TUTORIAL ANIMATED PAGES

15.4.11 | 4 comment(s)


tutorial yang direquest oleh sis alyn tuh ialah pages,
ape tuh?
yang nih


alah yang cakap HOME, OLDER POST, NEWER POST kat bawah belog korang tuh
kite dapat tutorial nih daripade sis syamira :)

skunk kite aja korang pulak

cam base, pegi DESIGN > EDIT HTML,, jangan lupe kelik kat expand widget template ok :)

_________________________________________________________________
untuk NEWER POST

ctrl + f code nih
<data:newerPageTitle/>

dah jumpe?
gantikan code tuh dengan code nih pulak
<img src="http://dl8.glitter-graphics.net/pub/638/638148hihxwgn8gx.gif"/>

__________________________________________
untuk OLDER POST

ctrl + f code nih
<data:olderPageTitle/>

dah jumpe?
gantikan code tuh dengan code nih
<img src="http://dl6.glitter-graphics.net/pub/638/638146kvkkfs33zm.gif"/>

__________________________________________
untuk HOME

ctrl + f code nih
<data:homeMsg/>

dah jumpe?
gantikan code tuh dengan code nih
<img src="http://dl7.glitter-graphics.net/pub/1218/1218567qhbkkvgcj5.gif"/>

__________________________________________

ciap dah?
korang preview dulu
kalau takde message error,
save dan view belog korang yang dah santeek :0


-
-
-
p/s: kalau korang taknak gune icon yang kite bagi
korang gune code nih instead
<img src="URL ICON KORANG"/>


selamat mencube :)
komen dan like

Labels: , , ,


tutorial animated lable

9.4.11 | 1 comment(s)


buhsan dah tengok label yang korang kat sidebar tuh macam tuh jee,, ape kate korang cantikkan die,
buat die bepusengpuseng macam bola bile korang lalukan cursor kat atas die, kan cantik :)

care nye mudah je
macam base, pegi DESIGN > EDIT HTML
jangan lupe kelik dekat expand widget template untuk elakkan error

ctrl + f code nih

<b:section class='sidebar' id='sidebar' preferred='yes'>
atau
<b:section-contents id='sidebar-right-1'>

dah jumpe?
ctrl + c code nih plak

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<center>
&lt;object type="application/x-shockwave-flash" data="https://sites.google.com/site/javascript10/tagcloud.swf" width="100%" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="https://sites.google.com/site/javascript10/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='11'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
</center>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

ctrl + v code tuh kat bawah code yang korang carik mulemule tadi
tulisan yang color merah tuh ialah color font
tulisan yang color purple tuh color backround
korang boleh tuka sesuke hati

dah ciap, preview dulu,
kalau takde error, save dan view blog

korang p la godekgodek lable korang yang dah cantik tuh :)
sile komeng!

Labels: , , ,


KENAPE KORANG HIDE BELOG KORANG?

| 0 comment(s)

biase nye kite akan bebelogwalking dekat belog orang yang follow kite taw
yelah,, dah dorang follow, mesti lah nak menyinggah, tande terime kasih
alangalang kite memfolo sekali


tapi ade follower kite yang menghide kan belog dorang
thus, kite tak boleh menyinggah,,
ape kate korang hilang kan hide tuh

mintak maaf kepade pemilik asal =.=''

 senang kite nak menempekkan diri
bukan kite bemaksod menyindir atau ape, tapi nak senang kan kite dan orang lain
menyibuk kat belog kamu

tak tawu nak kelik mane untuk menempelkan diri

korang pegi dekat dashboard, kelik edit profile kat sebelah gamba korang tuh
pastuh pegi dekat general, masokkan url blog korang kat homepage url

lepastuh scroll atas siket, dekat bahagian privacy, show my blog
kelik select blog to display





dengan adekan link korang
dapatlah erat kan hubungan sesame blogger,, kankan?

Labels: , , ,


LETAK HAIWAN COMEL DALAM BLOG!

2.4.11 | 1 comment(s)

kite nak bele kurekure kat umah, tapi mama cakap busuk, so kite tak dapat la bele,, tadi godekdodek belog orang tejumpe plak pet virtual,, waaahhhh,, bebungebunge hati,, teros tak sabsaba nak amek satu,,, hahahahha.. gelojoh betol!

virtual pet, by BOWMAN

hahahaah,, korang pon boleh je letak kalau nak satu.. paste je code nih kat memane yang korang suke, ADD JAVA SCRIPT/HTML tak pon kat post korang


kalau kurekure
<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

kalau ikan
<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

kalau hamster
<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

kalau labahlabah
<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Labels: , , , ,



| Older
Disclaimer

Hi peeps. It's Zheyrr fer short. An Omnomnomnivour!
Before anything else please follow these rules : No ripping, spamming, and any type of childish acts. Respect is a must. I have disabled right click and dragging, please use ctrl+c. Enjoy


Navigations!

FOLLOW | DASHBOARD

Diary About Stuff Site


Let's Talk!

++ Your IP ADRESS is:
++  baby(s)


Credits!

Template by : Farisyaa Awayy
Basecode by : Nurynn
Full Edited : Zieyra Sulley