hye peeps ! lme wanie x on9 kat blog 'nie' #mentang2banyak#windu gilee ah... kite onn pon sbb nk edit skit blog nie...hihi ><
Air Minuman Terbaik 2026 di Malaysia
3 months ago
Cute Icon Di Sebelah Tarikh Di Comment
.Assalamualaikum.
HEHE ! Wahh.. sukanya..
SUKA!! 
SUKA!! SUKA!! Suka sebab apa ?
hehehe . Suka lah . sebab dapat buat benda yang baru..
Baru je wanie buat . Tuh haa. Ada terus orang tanya macam mana nak buat mulut merah comel yang boleh gerak2 tuh . HAHA!
Tak paham apa yang wanie cakap kan ?
Alar. cuba korang tengokk bahagian ni ..
Pergi dekat bahagian entry wanie. di bahagian komen !
Cuba lah tengok ada benda gerak2 tuh. hehe :)
Actually , tadi haa. wanie belek-belek kod yang dekat Edit Html..
Belek-belek saja nak try buat benda baru !
Try- try , sekali je sudahh jadi ! suka amat !
Kat sini , wanie nak Share lah ciket kat korang .
Tak nak kudukutt ILMU !
Log in > Design > Edit HTML > Tick Expand Widget Templates (penting)! Tekan Ctrl F dengan serentak dan cari kod ini :<dd class='comment-footer'>
Ada kan ? Kat bawah kod tu , korang paste yang ini :<img src='URL GAMBAR YANG CUTE'/>
p/s : yang warna merah tu , paste kan URL Gambar Cute Korang ye :p
Hasilnya , akan jadi macam ini :
(Klik untuk kelihatan lebih jelas)
Paham takk ? Kalau dah siap . Terus SAVE ! Then , pergi check , ada takk ? Di bawah ini , Lyssa bagi contoh Cute Icon dan URL Gambar tu.Kalau nak , ambik je . Tak payah segan - segan ye ! Kalau nak yang lebih elok . boleh cari di sini : SECRETO DE AMOR
Ambikk lah ye !! :
http://dl3.glitter-graphics.net/pub/371/371123my0lmtqeoi.gif
http://dl5.glitter-graphics.net/pub/1471/1471405phirjrmcxl.gif
http://dl4.glitter-graphics.net/pub/1052/1052614tptu4qny8m.gif
http://dl9.glitter-graphics.net/pub/521/521069vd558z8pxo.gif
http://dl6.glitter-graphics.net/pub/440/440576q8wrax7se2.gif
http://dl.glitter-graphics.net/pub/440/440661fd1i5ezs05.gif
http://dl6.glitter-graphics.net/pub/638/638146kvkkfs33zm.gif
http://dl8.glitter-graphics.net/pub/638/638148hihxwgn8gx.gif
http://dl7.glitter-graphics.net/pub/644/644197xychjg5cjg.gif
Automatik New Tab 2
.Assalamualaikum.
Haii . Ok !
Yang ini pulak cara kedua macam mana nak buat Automatik New Tab jika anda klik apa apa link .:)
wanie guna yang ini ! :)
1. Log in > Dashboard > Design > Edit Html
2. Cari kod ini : (Ctrl F untuk mudahkan pencarian)
<head>
3. Huhu . Dah jumpa kan ? Bagus !! Copy kod ini pulak dan paste di bawah kod yang korang carikan tadi tu :)
<base target='_blank'/>
4. Ok . sudahh ? Sekarang apa lagi ! SAVE ye ^^
Welcome Image (Click Here To Enter)
.Assalamualaikum ! ^^
(Jawab .. Jawab .. Tak Jawab Dosa!:)
Oke , seperti yang semua orang tahu , hari ni Lyssa nak teach korang kan , macam mana nak buat Welcome Image ni ..
Siapa yang takk baca ENTRY INI lagi , cepat pergi baca :)
Oke , mungkin template korang boleh buat tutorial ni , atau pun takk .
Kalau korangg pandai main coding , maybe ,menjadi lah kot !
Perhatikan betul - betul ye caranya !
Tapi , pastikan Download Full Template dulu taw..
Takot tak jadii kangg , menangis pulakk ..
Tapi , pastikan Download Full Template dulu taw..
Takot tak jadii kangg , menangis pulakk ..
1. Log in > Dashboard > Design > Edit Html > Tick Expand Widget Templates
2. Tekan Ctrl F serentak , cari kod ini :
]]></b:skin>
3. Dah jumpa ? Masukkan kod ini di atas kod yang korang carikan tadi :
</style></head>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
document.getElementById('june').style.display=''">
<center><img src="URL IMAGE YANG KORANG SUKA"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/></center>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body>
4. Masukkan URL IMAGE YANG KORANG SUKA dekat warna merah di atas .
5. Url Image , korang boleh dapatkan di bawah ! Hambekk je sesuka hati korang ok ?
6. Lepas sudahh SAVE akan keluar KEEP WIDGET or DELETE WIDGET .
Korangg tekan DELETE WIDGET ok ?
***pstt.. Tutorial ni , kalau dah buat tak boleh delete dah taw kod tuh.
So , nasihat wanie , korang buat Download Full Template dulu . SAVE kod html korang dalam PC korang . Kalau tak jadi ke hapee , at least , ada backup enn :)
http://i.imgur.com/9qos6.png
http://i.imgur.com/77ESW.png
http://i.imgur.com/8iOw6.png
http://i.imgur.com/80cHf.png
http://i.imgur.com/cLWZ1.png
http://i.imgur.com/VC5pj.png
Jangan Risau Kalau Followers Hilang ..
Cuba Tekan Refresh ! Pasti ada Kembali !
Chill beb ! ^_^
free background *yg tomei nyerr
 | |||||||
<style>
body {
background-image: url('http://dl5.glitter-graphics.net/pub/658/658645chjnyww8ey.gif');
background-attachment: fixed;
background-repeat: repeat;
}
</style>
<style>
body {
background-image: url('http://dl9.glitter-graphics.net/pub/2742/2742899esgzgc0pee.png');
background-attachment: fixed;
background-repeat: repeat;
}
</style>
<style>
body {
background-image: url('http://dl.glitter-graphics.net/pub/590/590941r351ykwhz6.gif');
background-attachment: fixed;
background-repeat: repeat;
}
</style>
<style>
body {
background-image: url('http://dl.glitter-graphics.net/pub/2736/2736941xyjm2i19r0.jpg');
background-attachment: fixed;
background-repeat: repeat;
}
</style>
<style>
body {
background-image: url('http://dl5.glitter-graphics.net/pub/2730/2730155cqtcpmbfbl.png');
background-attachment: fixed;
background-repeat: repeat;
}
</style>
<style>
body {
background-image: url('http://dl7.glitter-graphics.net/pub/2730/2730267baqumpdcd2.gif');
background-attachment: fixed;
background-repeat: repeat;
}
</style>
nie jelah yg wanie bule bagi...korang taw x cmne nk gune?
meh wanie ajar..
1. Log in > Dashboard > Design > Add Gadget > Html/JavaScript
2. Paste kan kod ini di bahagian html/javascript tuh ok ?
Letak Youtube Tanpa Meletakkan Video
.Assalamualaikum.
Tanpa membuang masa , wanie nak ajarkan korang , macam mana nak letak youtube tanpa menampakkan video.huhu . nak tahu kan ? Ikot step di bawah ;)
1. First sekali , korang pergi bukak youtube . KLIK SINI
2. Search lah lagu yang korang nak kan .. Then . Ambik embed code dia .Contoh di bawah :
Klik untuk nampak lebih besar.
Tak tahu nak cari dekat mana kod tuh ? Ikot ini .
1. Tekan Share (ada bawah video)
2. Klik Embed .
3. Tick pada "Use old embed code".
4. Copy Kod seperti yang ditunjukkan di atas.
Macam mana pulak nak letak dekat blog ?
1. Log in > Dashboard > Design > Add Gadget > Html/JavaScript
2. Paste kod korang di ruangan html/javascript.
Contoh Kod di bawah ini . (Lagu Aishiteru)
<object width="560" height="349"><param name="movie" value="http://www.youtube.com/v/D3-dvCXE-6E?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/D3-dvCXE-6E?fs=1&hl=en_US" type="application/x-shockwave-flash" width="560" height="349" allowscriptaccess="always" allowfullscreen="true"></embed></object>
**Sila tukar.. kepada saiz 60 untuk width dan 25 untuk height.
Itu contoh saiz je . kalau korang nak sesuai dengan blog korang juz tukar saiz untuk width je . Tapi ,ingat , yang saiz 25 tuh , tetap kan ye :)
3. Then, SAVE !
Ok , kepada sesiapa yang nak buat autoplay tuh , korang boleh ikot step di bawah ye :)
1. Korang copy kod ini dulu..
&autoplay=1
2. Paste kan kod tadi di kod lagu korang. macam ini :
<object width="60" height="25"><param name="movie" value="http://www.youtube.com/v/D3-dvCXE-6E?fs=1&autoplay=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/D3-dvCXE-6E?fs=1&autoplay=1&hl=en_US" type="application/x-shockwave-flash" width="60" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></object>
3. Then , korang SAVE ok !
4. Selamat Mendengar Lagu Di Blog Korang erkk :) Adiosss~
Cute Icon Tepi Post Title
Hyee .
Okie2 . skunk niyh , wanie nak tunjuk and teach korunk , cm ner nak letak cute icon kat tepi post title.CONTOH :
1. macam biasa Dashboard-Design-Edit HTML-Tick Expand Widget Template .
2. lepas tu , tekan CTRL+F cari code ni .
<a expr:href='data:post.url'><data:post.title/></a>3. bila korunk dah jumpa , copy code ni , <img src="LinkGambar"/> dan paste di antara code kat atas ni . contoh tengok kat bawah ni .
<a expr:href='data:post.url'><img src="URL GAMBAR"/><data:post.title/></a>
*Warna merah tuh , korunk gantikan dengan korunk punya icon url yang comel ;)
6. Preview dulu
7. Save template! :)
Kat bawah niyh , wanie ada bg contoh url . If suka , ambik je, wanie tak kesah ! :D
http://dl6.glitter-graphics.net/pub/584/584776qvkek99ty3.gif
http://dl.glitter-graphics.net/pub/493/493161yf8lagbcd9.gif
http://dl8.glitter-graphics.net/pub/438/438938tn0n4974xy.gif
http://dl7.glitter-graphics.net/pub/429/429777zo2912lr15.gif
http://dl10.glitter-graphics.net/pub/536/536400r07nejsqb3.gif
Moving Word Cursor
Hey korunk !
wanie saje nak letak tuto niyh .
Saje mawu share ngan korunk ler! ;)
Korunk ikut je ,step niyh ^_^
1. Log in > Dashborad > Design > Add Gadget > Html
2. Then , korunk copy and paste kod kat bawah niyh taw! :)
* JOKERMAN = if nak font lain , cari kat microsoft korunk lah k ?:)<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'JOKERMAN';
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>
* TEXT COLOR = korunk boleh cari di sini ;)
* TEXT HERE = Your Own Text ;)
Buat Dropdown Menu
Helo!
Sekarang ni , masa untuk buat tuto jer .
Kalau nak masuk contest pun , rasa cam jemu lah plak ! haha ^^
Oke , sekarang , wanie nak share ngn korunk , macam mana nak buad dropdown menu.
Pada sesiapa yang tak tahu , apa itu DROPDOWN MENU.? Lihat gambar di bawah ;)
Oke , skunk ,korunk ikut step yang wanie buat kat bawah ni :)
1. Login > dashboard > page element > add a gadget > HTML/javascript
2. Copy code kat bawah ni , ke dalam ruangan html/javascript.
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option selected>Tajuk</option>
<option value="Link 1">Text 1</option>
<option value="Link 2">Text 2</option>
</select>
Link 1 : Masukkan link untuk dibuka
Text 1 : Masukkan perkataan/ayat untuk link
Text 1 : Masukkan perkataan/ayat untuk link
3. Jika anda hendak masukkan lebih banyak menu, cuma copy paste
<option value="Link 2">Text 2</option> dan letakkan sebelum </select>
4. Da siap? :) save hasil kerja anda ! :)
selamat mencuba >_<
Ayat Bergerak di Menu Bar
Salam All :)
Semalam , wanie ada request from Cik Chenta Sadis ney;)
Nak tahu cam mana ? Meh wanie ajarkan ;)
1. Dashboard > Design > Edit Html
2. Then , korunk cari code ini : ( Tekan Ctrl+F untuk memudahkan pencarian)
3. Lepas dah jumpa , korunk paste kod kat bawah niyh di bawah kod yang korunk cari tadi ok?<head>
<script language='JavaScript'>4. *Tulisan Warna merah tuh , korunk gantikan dengan ayat yang korunk nak ok :)
var txt="TULIS AYAT KORUNK DI SINI";
var kelajuan=250;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kelajuan);}bergerak();
</script>
5. Siap . Save :)
=SELAMAT MENCUBA=
^_^
If jadi or tak , SILA tinggalkan KOMEN oke?:) thnx!
Cute Cursor
Ini tuto sangat senang !
Kepada NEW BLOGGERS , if korunk nak tahu caranye, meh ciniyh, Lyssa ajarin ^^
1. Korunk g cari code cursor yang korunk suka ;) nak thu cari kt mana ?Click CURSOR .
*Peringatan ! Yang "Animated" hanya untuk Internet Explorer ok :)
2. Korunk copy URL Code Cursor tuh ! ;)
*Then , korunk PASTE Url tuh ,kat dalam kod at bawah yang Lyssa tunjukkan ini ;)
*Warna Kuning , korunk letak Url Blog korunk ;)
*Then , korunk PASTE Url tuh ,kat dalam kod at bawah yang Lyssa tunjukkan ini ;)
<style>body {cursor:url(URL ICON), url(URL ICON), auto;} </style>
<a href="LINK BLOG KORANG" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>*Warna Merah , korunk letak URL BLog korunk k .?
*Warna Kuning , korunk letak Url Blog korunk ;)
3. Then , Deashboard > Design > Add Gadget > Html/JavaScript
4. Paste Code tadi kat situ ok ?
5. Save. Selesai ^_^
Di sini , wanie ada contoh Cursor Comel :) (Kalau nak , ambik je, "Jgn Malu-Malu" .hehe)
http://cur.cursors-4u.net/smilies/smi-2/smi164.cur
http://cur.cursors-4u.net/food/foo-4/foo348.cur
http://cur.cursors-4u.net/user/use-1/use67.cur
http://cur.cursors-4u.net/others/oth-4/oth305.cur
http://cur.cursors-4u.net/cursors/cur-3/cur278.cur
http://cur.cursors-4u.net/cursors/cur-2/cur168.cur
http://cur.cursors-4u.net/cursors/cur-2/cur227.cur
http://cur.cursors-4u.net/cursors/cur-1/cur94.cur
http://cur.cursors-4u.net/cursors/cur-1/cur11.cur
Senangkan .? :)
huhu^^
Senangkan .? :)
huhu^^
Music (u-kiss- neverland)
