16 November 2011

Slide FLOAT SHOUTBOX!

matamulutyusmardianaBlog 3:54 PM

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم




Korang ad shoutBox??
korang xske tgk ShoutBox korang semak kat sidebar korang..??
da try yus pny Slide FLOAT ShoutBox???
ala... if korang Klik pic kat blog yus yg ni:

akan kua Laa shout Box yus.... yg ni lak kat bhagian atas blog korang..

Nak Try..?? Jummm... hehe..

1 : : Login >> Dashboard >> Design >> Add a Gadget >> HTML/Javascript

2 : : Copy dan Paste kod  bawh ni pada content korang k..




<style type="text/css">

#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #000000;
background:url() #FF0080 repeat-x bottom center scroll ;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url() no-repeat;">

KOD SHOUTBOX KORANG!

</div>
</div>

<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://3.bp.blogspot.com/_LhHZAifMoFE/TN6myUsdsZI/AAAAAAAAC-Q/VqSys0LrD3o/s1600/close_button.gif" alt="close" title="Close" /></a></div>
<br /><div align="right"><font size="3"><a href="http://wanhazel.blogspot.com/"><div style="color: #FF0000;">
<span ></span></div></a></font></div>
</div></div>


<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>


<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;F
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:220px; right:-0px;'>
<a href="javascript:void(0);"onclick="showHideAT()"/><img class="expando" width="120" height="120" src="http://www.iaza.com/work/111116C/iaza15248736243800.png" alt="KLIK JERK" title="Tinggal Jejak anda!"/></a>

</div>

* Highlight Warna Pink tu korang ley tukar ngan kod warna yg korang nak k... kat SINI
* Highlight Oren tu korang kena letak Kod shoutbox korang k..^^V
* Highlight Warna hijaw tuh if korang nak tukar ngn pic korang,korang gantikan kod tu ngn URL pic korang k.. tu yus kasi contoh jerk...
* Highligt Warna Purple lak korang ley tukar pada ayat korang k..yg tu yus kasi contoh jerk^^

3 : : Now korang Ley Save dan View! ^^.. Ciap!

*perhatian! if korang nampak ad Box korang tuh terkeluar kat bahagian atas, kecilkan sedikit saiz shoutbox korang k... contoh yus kasi :

<!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="yusmardianayacoob" src="http://www.shoutmix.com/?yusmardianayacoob" width="100%" height="350" frameborder="0" scrolling="auto"><a href="http://www.shoutmix.com/?yusmardianayacoob">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /><!-- End ShoutMix -->
Tukarkan saiz height korang cam yus kasi ni k.. if still keluar,kurangkan lagi saiz tuh.. thathz all.. ^^V 

* Tuto ni if korang xmo gne ntuk shoutBox,korang ley gne gak ntuk Like FB Badge,"About Me" korang, or whatever yg korang nak lah! juz korang tukar jer kat Highlight warna Oren tuh k.. ^^

GudLuck!

اَلحَمْدُ لِله

Subhanallah ✿ Alhamdulillah ✿ Lailahaillallah ✿ AllahuAkbar
..✿Time Kasih Kerana Membaca! :) ✿..


Double Underline!

matamulutyusmardianaBlog 9:57 AM

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم




camner yus wat Double Underline pada blog yus eh..??
senang jerk.. korang ekut step ni k...^_^

1 : : Login >> Dashboard >> Design >> Edit HTML

2 : : Tekan CTRL+F ataupon F3 pada keyboard korang tuh dan carik kod ni
/* Header
3 : : Da jmp? Now Copy dan Paste kod Bawah ni kat ATAS kod yg korang carik tadi..

u {
text-decoration:underline;
border-bottom: 2px solid #FF0080;
padding: 0px;
}

 * Warna Merah korang ley tukar saiz tu pada saiz yg korang nak
 * Warna Purple tu lak korang ley tukar kepada Dotted ataupun Dashed law korang nak..
 * Warna Hijau polak korang ley tukar Warna kepada warna yg korang ske k.. ^_^ Kat SINI


4 : : Save dan View..^^.. Ciap!
اَلحَمْدُ لِله

Subhanallah ✿ Alhamdulillah ✿ Lailahaillallah ✿ AllahuAkbar
..✿Time Kasih Kerana Membaca! :) ✿..


Buang Underline Pada Link

matamulutyusmardianaBlog 9:45 AM

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم




Hype! Monin.. ^^
Rini yus nak kasi tuto bout underline2 neh..
Korang ske eh underline pada link korang?
pada yg da gnee Background Pada Post Title tuh mest korang xmo ad underline kan?
meh yus nk gtaw cra dy..

1 : : Login >> Dashboard >> Design >> Edit HTML

2 : : Tekan CTRL+F ataupon tekan jerk F3, korang carik kod ni :
a:link {
3 : : Da jmp? Copy dan Paste kod bawah ni kat Bawah kod yg korang cari tadi k
text-decoration: none;
4 : : Save dan View! ^^V

Da ciap pon.... ! ^_^ 

اَلحَمْدُ لِله

Subhanallah ✿ Alhamdulillah ✿ Lailahaillallah ✿ AllahuAkbar
..✿Time Kasih Kerana Membaca! :) ✿..


15 November 2011

"Rase xnak layan?? kenapa Approve Adding !"

matamulutyusmardianaBlog 2:40 PM

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم




Hype.... ^^
hah.. np lak tjuk yus ni..?? ad ap2 masalah ker yus..??
bukan ap yang oi.. if korang rse xmo layan some1 or scape jerk, ap kte if korang jgn "Approve"
 if dorang add?? Hah.. kan senang.... xder laa korang semakkan post korang yg pelik2 about xmo layan ni....
Bukan ap.. korang yg apporve,korang lak yg post cmtu.. xsegan ker..??

Besa laa.. Normal laa... Standart laa Bile org add tndnya nak berkawan..
bile korang apprve,tht mean otometik laa korang jgk da "Terima" dorang ntuk jadik fren korang... Bile dorg tros2 im korang,korang da post lak cmto..


Mayb gak korang da TERaccept fren yg actually berfikiran "KOTOR".. senang jerk.. "BLOCK" jer tros..kan senang tuh...sape soh gi layan da tao org cmto..!

bukan laa maksud cik yus nak korang layan dorang... xjgk... buknlah cmto.. if korang rse xder bnd pentg,yeah myb btol korang xyah layan... but..... xperlu kot rseny korang post cmto kan...Cz korang gak yg carik penyakit g Approve! huhu.. Xker sakit otak fren korang yg laen cz korang semakkan Home FB dorang ngan post yg korang sendiri carik masalah tuh?? (yus salah sorang dr mangsa..hehe)

Da tao korang "IN A RELATIONSHIP" "ENGAGED" "MARRIED TO".. yg korang g accept adding  spe2 korang xkenal tu sape sruh...

Ape kate law korang edit "About Me" FB korang then korang tulis
" Jangan Add saya jika Anda tidak mengenali diri saya, Cbbnya saya xsuka dan xakan accept scape yg tidak dikenali. Apa anda nak cakap, ada saya kisah?"

Or lebih better korang xyah pakei FB! Deactivekan segera FB anda..Yeah! Better! hehehe..

ok lah.. sampei sini sajow..huhu

اَلحَمْدُ لِله

Subhanallah ✿ Alhamdulillah ✿ Lailahaillallah ✿ AllahuAkbar
..✿Time Kasih Kerana Membaca! :) ✿..


Centerkan Header

matamulutyusmardianaBlog 11:30 AM

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم

Nape...?
Gune Version 1 pon xley center eh...??mmg laa.. tuh hny pada yg headernya dorang gantikan ngan gambar dorang..korang mesti juz nem kan??
so k.. korang cube gune yg ni k..

1 : : Login >> Dashboard >> Design >> Template Designer >> Advanced >> Add CSS

2 : : Copy dan Paste kod bawah ni pada ruangan tu k.. ^^
#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;}
 /*masukkan sekali ayat ni kalau guna Template Designer*/
3 : : Apply to Blog dan View Blog anda! ^^

GudLuck!

اَلحَمْدُ لِله

Subhanallah ✿ Alhamdulillah ✿ Lailahaillallah ✿ AllahuAkbar
..✿Time Kasih Kerana Membaca! :) ✿..


Facebook Like Button

matamulutyusmardianaBlog 10:50 AM

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم


Korang nak apa yg korang post di Like??
tao kan apa itu facebook Like Button..??ni hah

1 : : Login >> Dashboard >> Design >> Edit HTML >> Tick Expand Widget Template

2 : : Carik kod Bawah ni : (tekan CTRL+F,copy dan paste kod yg nak cari)
<data:post.body/>
3 : : Copy dan Paste kod dibawah kat bawah kod yg korang carik tadi
<iframe allowTransparency='true'
expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none;
overflow:hidden; width:530px; height:60px'/>
4 : : Preview dulu... tgk jadi x..?? law da jadi jgn lupe SAVE taw! ^_^

TQ! :) 

اَلحَمْدُ لِله

Subhanallah ✿ Alhamdulillah ✿ Lailahaillallah ✿ AllahuAkbar
..✿Time Kasih Kerana Membaca! :) ✿..


Facebook Share Button

matamulutyusmardianaBlog 10:28 AM

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم




Hey...!
Ap yg korang post kat entri?
korang nak x Share kat Facebook korang?
Korang malas eh nak copy link blog korang tuh?? ad yg lagi senang... juz korang klik button then korang da ley Share pada FB korang... jum yus aja..

1 : : Login >> Dashboard >> Design >> Edit HTML >> Tick Expand Widget Template

2 : : Tekan CTRL+F, Copy dan Paste kod di bawah ntuk cari kod tu :
</h3>
3 : : Copy dan Paste kod bawah ni kat bawah kod yyg korang carik tadi k..
<div style='float:right;padding:4px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
4 : : Preview dulu.. kalo da jadik tggu apa lagi?? Save! ^_^
اَلحَمْدُ لِله

Subhanallah ✿ Alhamdulillah ✿ Lailahaillallah ✿ AllahuAkbar
..✿Time Kasih Kerana Membaca! :) ✿..


Cara nak Buang "Show word verification for comments"

matamulutyusmardianaBlog 9:51 AM

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم




Hype! monin.... ^_^
Korang rase semak x bila korang nak komen tapi korang kena masokkan 
Verification?? alaa.. yg keywords2 tuh... law korang ske xpe laa...
tapi yus xske.. hehehe.. if korang nak ikut,jum..

1 : : Login >> Dashboard >> Setting >> Comments

2 : : Scroll sampai nak perkataan "Show word verification for comments?" Tanda pada "No"


3 : : Scroll ke Bawah lagi dan "Save Settings"


Da siap... ^_^

اَلحَمْدُ لِله

Subhanallah ✿ Alhamdulillah ✿ Lailahaillallah ✿ AllahuAkbar
..✿Time Kasih Kerana Membaca! :) ✿..


14 November 2011

Moving Word Cursor

matamulutyusmardianaBlog 6:27 PM

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم




apa itu Moving Word Cursor..??
Korang gerak kan cursor korang then ad jerk tulisan yg ikut n keliling cursor korang...
jum try wat nak..??

1 : : Login >> Dashboard >> Design >> Add a Gadget >> HTML/Javascript

2 : : Copy dan Paste kod bawah ni pada content HTML tu k..


<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'ARIAL';
color: TEXT COLOR;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "TEXT HERE";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.2;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
</script>
</style>
* Warna Merah tu korang ley tukar ngan jenis font korang sendiri k.. ley rujuk pada korang pny miscrosoft ofifce
* Warna Pink lak korang ley tukar warna tulisan korang.. ley refer SINI
* Warna Hijau lak korang ley boh ayat Gempak korang k.. ^_^

3 : : Save da View! :)

اَلحَمْدُ لِله

Subhanallah ✿ Alhamdulillah ✿ Lailahaillallah ✿ AllahuAkbar
..✿Time Kasih Kerana Membaca! :) ✿..


Background pada Post Title

matamulutyusmardianaBlog 6:09 PM

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم




nak wat background pada post title korang??
np ?? da bosan eh tgk kosong jerk..??
ok2...ni csrs yus wat...jum follow eh...law nak.. :)

1 : : Login >> Dashboard >> Design >> Edit HTML

2 : : Tekan CTRL+F dan paste kod ni k :
h3.post-title {
law xjmp, cbe carik lak kod bawah ni
h4 {
3 : : Da jmp ?? Copy dan Paste kod bawah ni kat bawah kod yg korang carik tadi :
background: url(http://t1.gstatic.com/images?q=tbn:ANd9GcTzy45AvZb78e2j2J_iUYQDMuUJO0B2kWtfINR51qJdjTmWHezUHzzAIC);

-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-style: solid; border-top-width: 1px;
 * Warna Merah korang ley tukar ngan URL background korang k...
* Warna Oren korang ley tukar kepada Dotted ataupon Dashed .. ekt ske korang k ^^

4 : : Da Boleyh Save dan View skang! ^^
اَلحَمْدُ لِله

Subhanallah ✿ Alhamdulillah ✿ Lailahaillallah ✿ AllahuAkbar
..✿Time Kasih Kerana Membaca! :) ✿..


TercapaiNya Hajat poyoku! hehe

matamulutyusmardianaBlog 2:46 PM

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم


*klik pada gambar jika terlalu kecil


Hajat poyo?? ape yus mepek nie...
haha.. mmg pon... hajat poyo yus nak g Bukit Bendra...agak lame laa gak hajat nie..
(nampak cgt ketinggalan zaman kan?? hikhik.. xper...jnj dpt g.. )
finally yus dpat gak g ngn fren tersyang yus..
mak aih... cantek betoi bila da g.. gayat?? xpyh cita laaa...haha..
gayat weh.. tahap gaban da takotnya..hahaha...dicbbkan yus stll student n ad mtrx card,yus diberi spruh harga.. 4rggit! TQ mak kepada cik mijah kite..hehe


Da smpai?? ap agi.. mek gambar dulu!

hah tgk tuh.......Mijah ngan yus.. bes kan mijah..?? hehe

ruma anto ker..?? hah? cam rel ketapi jerk...yus jln kat rel?? gimik jerk tuh... !haha pic only dear...

nak tgok mke xcited dapt tiket nek train dy x...???

 nampak x muke xcted ni?? atoi.. malu lak rseny..haha..

haha... bukan tu jerk.. korang nak tgk x bile da nek train,cmner tgginy??
hah.. ni baru separuh yang oi... tggi..gayat... yg pala botak tuh?? xtao laa yus
 mat salleh mne ntah nyibok....

da smpai atas skali kan...?? per lagi... mulekan misi SNAP2! hehe...

ape laa tasha.. nak sepak yus..hish!


nampak blakang tuh..pemandgan.. ya Allah.. cntik btol ciptaan Dy....


hah... bukti 2 tu yus btol2 kat b.bendera...!! hehehe

law tadi yus naik train baru,ni yg lme.. xtao laa bpe kurun lmeny...hehe

hey! tgk tuh.. ad pearl... hehehe..
tasha.. penat aq tunduk tuh cbb nak tnjuk pearl....np kaw halang! (-_-")

nak g mne ag?? ni.. kite nak g sini.. jum skang..
yeah! sedang otw..
bersama natasha jugak... sikit ag nak smpai... hehe
DA SAMPAI!
ouh..sorey laa yus nak tumpang tgkap gambar jer.. hehe.. xmo beli pon.!huhu

waaahh..ad meriam jugak laa... huhu.. cik tasha..kaw np?


da turun lek da..huhu.. dahaga tahap gaban.. nsib laa shake dy neh cdap.. 5rggt pon melayang ag!

uncle..yus tumpang bergambar boleyh...?? bile da diberi kebenarannnn........
sampai atas ni laa jwbny cik yus n cik tasha ni...besa...hikhik..

Now nak naek keta pe jadah ntah nem dy neh...nek atas! jum...huhu

hey yama..i xley nak tag photo ni kat u.. hahaha...xmo bawak laju2 taw... :)
xsgka... makin atas,makin cntik pemandgan dy....
hey..korang igt yus sje2 nak posing kat postbox ni ker..??haha.. postbox ni da beratus tahun lmeny taw.. ad lagi ker kat tmpt len slen dr tmpt ni eh?? wallahhualam.... huhu... Da nak smp penghujungny pejalann yus...
huhu..

yeah.. dalam train.. otw turun n pulang.... best cgt2...smp mnjerit cz gayat tgk bwh..huhu..

Da smpai pon penghujungny..huhu.. kepada YAMA,tq bawk ktorg jln naek keta mini per jdah nem dy ntah..smp atas..n tq gak da menerbangkan lagi 30rggt wit mak mijah..hehe.. kepada cik tasha n cik mijah,kenangan kite ni aq xkan lupa smp bila2...lagi2 mijah yg mayb pas abis LI ni kita jarang n myb xkan jmp gak... aq syg korang... aq epy sepanjang kita g b.bendera nie.......i'll miss u all...huhu.... 



masa otw turun nek keta per jadah ntah nem dy..huhu


yusmardiana yacoob...........

اَلحَمْدُ لِله

Subhanallah ✿ Alhamdulillah ✿ Lailahaillallah ✿ AllahuAkbar
..✿Time Kasih Kerana Membaca! :) ✿..


kenangan terindah ???

matamulutyusmardianaBlog 1:33 AM

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
Assalammualaikum..


Hey yusmardiana... ap wat ni xtido ag??
da kol bpe neh.. ..??? hehehe...
per lagi...yus da upload 1 ag vdeo... besa laaa..mne ag nak tao mistke law kat cnie kan..
xbes mne pon.. but.. hope njoy laa tgk muke yus yg sekupang lima wit neh! hikhik..
cam besa laa.... stop lagu di blog ni dlu k... hehehe..

njoy it!



اَلحَمْدُ لِله

Subhanallah ✿ Alhamdulillah ✿ Lailahaillallah ✿ AllahuAkbar
..✿Time Kasih Kerana Membaca! :) ✿..


13 November 2011

Effect Senget Pada Header

matamulutyusmardianaBlog 7:10 PM

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم



selamat Petang...
rini yus nak kasi Tuto Effect Senget bila

Cursor korang dihalakan ke Header!

1 : : Login >> Dashboard >> Design >> Edit HTML

2 : : Tekan CTRL+F dan paste kod bawah ni ntuk Carik kod ni :
/*Header
3 : : Da jmp?? Copy dan Paste Kod ni Bawah kod yang korang carik tadi :

#header:hover{
-webkit-transition-duration: 2s;
-moz-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
4 : : Makesure kod korang jadik camni k :
/* Header
----------------------------------------------- */
#header:hover{
-webkit-transition-duration: 2s;
-moz-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
}  
5 : : Ok... da ley Save n View ! ^_^
اَلحَمْدُ لِله

Subhanallah ✿ Alhamdulillah ✿ Lailahaillallah ✿ AllahuAkbar
..✿Time Kasih Kerana Membaca! :) ✿..