Saturday 9 July 2011

tutorial:-hover circle beside picture

ok..skrang ni enaz nk wat ni pulak
ok Adik Nurul Mazidah lagi tanye hehe bgos2.tnye bnyk2..lol
hehe ok lh mlas nk mlalut..karang ade jugak kne smbelih kang
hehe

So easy ! ikut step ni ok



1. Log in > Dashboard > Design > Edit Html > Tick Expand Widget Templates

2. Tekan Ctrl+F search kod kat bawah ini :

/* Header
 Oke . Kalau nak tahu , ikot cara Lyssa ehh ?:)

3. Dah jumpa ?Oke . paste kod ini pula kat ATAS kod yg korang cari tadi tu ok ?:)

 /*------ 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;
}

**Tukar kod colour pink mengikut color yang korang suka ok ? :) 

4. Da siap . SAVE !

selamat mencuba all my love 

terima kasih daun keladi , dah baca komen sekali (:

tutorial:-Membuat Cute Top

Allo..

hehe ok kali ni enaz nk wat TOP pulak.. korang tau tak top tu ape ?
klau x tau sini TEACHER ENAZ nk tunjuk

CHAKK !
haaa ni lah die top yg ade kt
bawah sekali sebelah kanan 
blog enaz..HEHE

Ok,now time to see sape yg mintak tutorial ni 
kwn akuh sendiri iaitu IZZANEY
hehe 
bace ni
Okeh..ni teacher nk ajar ni



1. Dashboard > Design > Add Gadget > Html/JavaScript

2. Copy and paste kod di bawah di ruangan html tuh..

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="http://i214.photobucket.com/albums/cc18/KoRn_sTaR60291/Profile%20Stuff/redicon.png" /></a>
* Yang warna MERAH tu , korang tukar kan ler dgn URL korang sendiri eh . DI SINI .

3. Save  . Siap ^_^


terima kasih daun keladi , dah baca komen sekali (:

tutorial:- corak2 keluar jika menyentuh gambar

    Hello semue..ok ari ni enaz rase xde moodyy sgt2 nk wt tuto tapi enaz kesiankan sorang adik ni
yg bername Nurul Mazidah.ok now..
adik ni die minta
 Ok jap ye Enaz ajarkan..
tngok sini care2 nye




1 . pergi dashboard -- > design -- > edit html
2 . then tekan button CTRL + F n cari kod ni :
                --- >     a:hover {  < ---
3 . dah jumpa code tuu ?? kalau dah jumpa copy code dibawah ni dan paste dibawah a:hover {
                              
            color:#000000; background:url( URL GAMBAR);
  background-repeat:repeat;
text-decoration:none
                             }
4 . yang tmpat kosong tulis URL GAMBAR tuu emaz kat bawah korang pilih yg korang suke oke? 

:: RAIN::

http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif

::FLOWER::

http://dl6.glitter-graphics.net/pub/1646/1646876qniqk6sh5o.gif

::RAINBOW:
httpe://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif

 ::FOOD ::
httpe://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif

OK try lah buaddd..
Lepas dah paste..korang SAVE lah bru jadi hehe then
tngok jadi x ? ?
tq pade yg setie ikut tuto enaz !

terima kasih daun keladi , dah baca komen sekali (:

Monday 4 July 2011

tutorial:-membuat twitter,facebook,blog di sebelah kiri blog(FLOATING BUTTON)

Hey ello2..asalamualaikum(jwb x jwb doser hehe)
ok sekarang ni malas nak citer bnyk..korang ikut care2 ni..sbelom
tu korang tau x ape itu FLOATING BUTTON.. hehe yg tau tu good
yg x tau tu sini cikgu fienaz nk tunjuk ni haa
KHAS UNTUK SHAZA..die yg mintak
  tau x ? ok..kire tau la tu..hihii ' dah2 enaz x nak melalut..


1. Log in > Dashboard > Design > Add Gadget > Html/Java Script

2. Copy code dibawah ni dan paste di ruang HTML/Javascript

 <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:140px; left:-12px;'>

<a class='linkopacity' href='http://www.facebook.com/LyssaDollixious' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />

<a class='linkopacity' href='http://twitter.com/LyssaDolly' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />

<a class='linkopacity' href='http://lyssadollixiouse.blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />


</div>


3. Yuhuu ! Belum Siap lagi tuh! Then , kan yang tulisan warna PINK tu , korang tukarkan lah dgn link korang k?

* Yang warna MERAH = boleh tukarkan mengikut kesesuaian blog . Left boleh tukar menjadi Right !
*Bagi yang warna BIRU pula , if korang nak kekalkan pun tak pe , kalau nak , just tukar kan je link itu ;)

terima kasih daun keladi , dah baca komen sekali (:

Tutorial :- Membuat Shoutbox


Hye N Asalamualaikum
Ok,Sekarang Ienaz nak bagi or share kat korang
Tutorial membuat shoutbox.ok
now..enaz nk citer..ade 2 org budak ni
yang bername nurul mazidah n Domo kun(shaza)
ok x nak citer panjang.back to the TOPIC..
ok senang je sebenarnye..


Mula2 - Design > Add a Gadget > Html/Javascript
Second - Korang Copy kod kat bawah tu n paste kan kat HTML/JAVASCRIPT tadi

<style type="text/css">

#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:350px;
width:140px;
float:left;
cursor:pointer;
background:url('link gambar yg korang suke') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #00000;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 150-w) : moveGB(170-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">

masukkan kod shoutmix korang
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (140-gb.offsetWidth).toString() + "px";
</script>

3. Lepas tuh , dh copy , paste kat Html/Javascript tu ok.
4. Yang Warna MERAH tu,korang gi la cari pic mana2 yang ada tulis shoutbox k ?
5. Then , masukkan kat dlm kurungan tuh :) Nak cari kar Photobucket pon boleh jer ;)
6. Bg yang warna BIRU , korunk boleh tulis size tuh , mngikut kesesuaian ;)
7. Klau bagi sape2 yang blom tau ape itu kod shoutmix  ok sekarang pergi kt TUTORIAL INI KAT SINI http://belogmisspinkycomel.blogspot.com/2011/07/tutorial-mengambil-link-shoutmix.html



Ni Ade Contoh2 yg Ienaz Bagi untuk link gambar yg korang suke


1.http://i.imgur.com/OUTeg.png  (copy kod ni kalau suke)



2. http://i.imgur.com/IDCVW.png(copy kod ni kalau suke)

3.http://i.imgur.com/jrMSv.png(copy kod ni kalau suke)

3.http://i.imgur.com/jVMmK.png(copy kod ni kalau suke)



3.http://i.imgur.com/fIquP.png(copy kod ni kalau suke)


n then finished siap !!! bye2. nk mandi dulu,,hihi

terima kasih daun keladi , dah baca komen sekali (:

tutorial:-mengambil link shoutmix

huhai :)))

ok first pergi kt link shoutmix dulu iaitu :- http://www.shoutmix.com/main/(tkan sini)


          Lepas tu bile dah tekan link tu , akn keluar gambar seperti ini 
1.













































Last one..






OK SIAP..bile dah ambil link tu..boleh lah pastekan kod klau nk wt shoutbox yg ni TUTORIAL MEMBUAT SHOUTBOX..
terima kasih daun keladi , dah baca komen sekali (:

ceriteraku !

Fuh Bosan Gilos..Ade Sesape nk mintak tuto ?
x nk ke..wekk x nk kawan..touching..x jadi nk cite..
haha
mne ade..just kidding.. huaaaaaaaa


ok this story i copy from http://nasha105288.blogspot.com/

ok dgr2  bace2



Ada 3 orang sahabat bernama GaduhGila dan Otak. Pada suatu hari, mereka bertiga ingin membeli-belah. Mereka membeli-belah di SACC Mall. Tapi, Gaduh ingin membeli-belah di PKNS. Lalu, mereka bersepakat ingin bertemu di perhentian bas dalam masa 1 jam kemudian.

1 jam kemudian....

Gila dan Otak sudah sampai ke perhentian bas. Tapi, Gaduh tak sampai lagi. Lama mereka menunggu. Tetapi Gaduh tidak sampai lagi. Lalu, Gila menelefon polis.

Gila : Helo?
Polis : Helo? Ada apa-apa yang kami boleh bantu?
Gila : Tolong saya cari Gaduh.
Polis : Ha, awak gila ke?
Gila : Memang saya Gila pun.
Polis : Otak dekat mana?
Gila Otak dekat sebelah saya.
Polis : Kalau macam itu, awak cari gaduh di tempat wrestling!
Gila : Baik!

Sebenarnya Gaduh terlupa. Jadi, dia balik rumah dulu. Gila danOtak pergi ke tempat wrestling.

Gila : (Pergi ke mikrofon) Ada sesiapa yang nak tolong saya dan kawan saya cari Gaduh?

Ramai yang naik atas pentas lalu menumbuk Gila dan Otak. Lalu, mereka berdua dihantar ke hospital. Kebetulan, Gaduh ada di hospital.

Gaduh : Apahal korang ada sini?

terima kasih daun keladi , dah baca komen sekali (: