air sejuk tuu~~
Wednesday, 14 December 2011
Thursday, 8 December 2011
Tutorial : Gambar Membesar Bila Cursor Menyentuh
.Assalamualaikum !
Peacee ^_^v
Waahh . Entry pertama untuk hari ni ! :) Okayy , apa lagi yang terbaru dekat blog cik miyyra neyy ? Gambar di entry membesar bila cursor menyentuh ? Opsss* Menarikkan ? Macam cik miyyra punya gambar lahh . Cuba halakan cursor di gambar bawah niyy . Jadi besar tak ?
Oukeyy , nak tahu macam mana cik miyyra buat ? Ikot je step di bawah okey ?
1. Log in > Dashboard > Design > Edit Html
2. Tekan Ctrl F serentak , dan cari kod ini :
<head>
3. Dah jumpa ? Copy pulak kod di bawah ini erk ? :
<style>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2); }
</style>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2); }
</style>
4. Paste kan di bawah kod yang korang carikan tu eh .
5. Then , SAVE !
6. Sekarang , cuba intai gambar di entry korang ? Membesar tak ? HUHU .
5. Then , SAVE !
6. Sekarang , cuba intai gambar di entry korang ? Membesar tak ? HUHU .
=SELAMAT MENCUBA
^_^
![]() |
Monday, 5 December 2011
Mahirah Trading
Friday, 2 December 2011
Monday, 15 August 2011
Tutorial : Automatic Recent Post
Hii , korang mesti ada yang nak tahu kan , macam mana nak buat automatic recent post :)
Kalau korang tak tahu apa itu automatic recert post , sila lihat sebelah kiri blog Miyyra bhgian bawah follower .ada kan?
So, korang nak tahu tak ? meh cini nak ajarkan :)
1. Log in > Dashboard > Design > Add Gadget > Html/JavaScript
2. Copy And Paste code di bawah di ruangan Html/JavaScript ok?
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://URL BLOG.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
*Yang warna MERAH tu ,korang letakkan URL BLOG korang ok ?
3. Da siap . Save :)
=Selamat Mencuba!=
(Bagi sesiapa yang dah menjadi tu , bagitaw Miyyra erkk ?:)
Wednesday, 13 July 2011
Tutorial : Reply To Comment
Ok, straight to the point,
Miyyra kali ni nk ajar pula buat reply to comment.
Haih, tak faham plak dia, macam yang kat bawah ni. Best tak?
Tutorial ni akan memudahkan tuan punya blog reply comment pengunjung. Nak tak? Nak tak? ;)
Ok, macam biasa,
Dashboard / Layout / Edit HTML / Download Full Template
Sila tick Expand Widget Templates
Cari code dibawah ni (Tekan Ctrl + f untuk memudahkan pencarian)
Sila tick Expand Widget Templates
Cari code dibawah ni (Tekan Ctrl + f untuk memudahkan pencarian)
<b:include data='comment' name='commentDeleteIcon'/>
Copy pula code di bawah ini dan paste di bawah code tadi,
<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR BLOG ID&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>[Reply to Comment]</a></span>
Ambil Blog ID anda dlu, dan gantikan di YOUR BLOG ID
Tak tau Blog ID tu ape?
Cuba tengok atas, bahagian address link sekarang. Semua nombor selepas blogID tu la Blog ID anda :)
Tak faham lagi? Perhati pic dibawah ni
Ok Sekarang Boleh Save :)
Ops, nak tukar ayat?
tak nak guna [Reply to comment]
Kalau nak tukar ke gambar cute, tukar [Reply to comment] tu dengan code di bawah ni,
Ops, nak tukar ayat?
tak nak guna [Reply to comment]
Kalau nak tukar ke gambar cute, tukar [Reply to comment] tu dengan code di bawah ni,
<img alt='Reply To This Comment' src='URL GAMBAR ANDA'/>
copy code niee ye klu suka la... http://dl9.glitter-graphics.net/pub/3068/3068629lji6mlkk8f.png
Senangkan,so..
Selamat Mencuba :)
Tutorial : Letak Kesan Salji Pada Blog
Salam Semua .
Pada sesiapa yang mahu kan blog anda penuh dengan salji yang berterbangan ,
Miyyra akan try ajar , and ikot cara Miyyra ini ok?
(Tapi , Salji ini Warna Putih dengan Hitam je taw?) huhu=)
1. Dashboard > Design > Add Gadget > Html/Java Script
2. Copy salah satu kod berikut kemudian paste dalam ruangan html/javascript
Kod untuk salji putih (sesuai untuk background hitam)
<script type="text/javascript" src="http://www.yourjavascript.com/14104214083/snow-white.js"></script>
Kod untuk salji hitam (sesuai untuk background putih)
<script type="text/javascript" src="http://www.yourjavascript.com/03441140321/snow-black.js"></script>
3. Save dan lihat hasilnya yea! :)
Tutorial : Salji Berwarna
O.k ye td Miyyra ckp hitam putih kan..
So, skrg Miyyra nak ajar yg Salji Berwarna pulak.
copy je kod pilihan kat bawah ni dan paste di ruangan content.
Save.
PINK
<script src="http://h1.ripway.com/mommypinky85/snowmommypinky.js" type="text/javascript">
BLUE
<script src="http://h1.ripway.com/mommypinky85/snowmommypinkyblue.js" type="text/javascript">
GREEN
<script src="http://h1.ripway.com/mommypinky85/snowmommypinkygreen.js" type="text/javascript">
ORANGE
<script src="http://h1.ripway.com/mommypinky85/snowmommypinkyorange.js " type="text/javascript">
PURPLE
<script src="http://h1.ripway.com/mommypinky85/snowmommypinkypurple.js" type="text/javascript">
RED
<script src="http://h1.ripway.com/mommypinky85/snowmommypinkyred.js" type="text/javascript">
*ada yang tak test, kalau ada salji yang tak jadi, inform ye ;p
Tutorial : Letak Copyright
Assalamualaikum :)
Tutorial lagi ^_^
Ehh, tahu ker , macam mana nak letak copyright tuh?Yg macam kat bawah ni ler :*
Haa , mudah saja ! Ikot step Miyyra ney ^_^
- Log in > Dashboard > Design > Edit Html
- Cari kod ini .( Nak cari tekan Ctrl + F)
</body>3. Then , paste kod kat bawah ni kat bahagian atas kod yang korang cari tadi ok?
4. Before tuh ,preview dulu , jadi or tak .?
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<center>TULIS AYAT COPYRIGHT KORANG KAT SINI</center>
5. If dah jadi , SAVE terus ok :)
Selamat Mencuba :)
Tuesday, 12 July 2011
Tutorial : Cute Icon Tepi Post Title
Hyee ..
huhuhuh~
Okie2 . skunk niyh , Miyyra 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="http://dl6.glitter-graphics.net/pub/1283/1283226bl3zy2qnwt.gif"/><data:post.title/></a>
*Warna merah tuh , korunk gantikan dengan korunk punya icon url yang comel ;)
6. Preview dulu
Tutorial : Buat Ayat Bergerak
Salam.
And Selamat Malam.
Wah , mlm2 cam niyh pun , Miyyra rajin plak nak buad tutorial at korunk en?
HAHA!
Kali ni plak , Miyyra nak teach , mcm mana nak bagi ayat korunk tuh bergerak ;)
Mawu tahu caranya ??
Begini....
1. Log in > Dashboard > Design > Page Element > Html
2. Then , korunk copy and paste kod kat bawah niyh
And Selamat Malam.
Wah , mlm2 cam niyh pun , Miyyra rajin plak nak buad tutorial at korunk en?
HAHA!
Kali ni plak , Miyyra nak teach , mcm mana nak bagi ayat korunk tuh bergerak ;)
Mawu tahu caranya ??
Begini....
1. Log in > Dashboard > Design > Page Element > Html
2. Then , korunk copy and paste kod kat bawah niyh
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyOTE4OTA3ODU3NjEmcHQ9MTI5MTg5MDgwNDcwOCZwPTc2MTcxJmQ9TWFycXVlZSUyMEdlbmVyYXRvciZnPTE=.gif" /><marquee style="background-color:FFDDFF; border: 1px solid DDBBDD; color:000000; font-family:verdana; font-size:9pt; width:700px; height:50px; " direction="left" behavior="scroll" scrollamount="5" >TEXT KORUNK</marquee>
*Yang Miyyra highlight warna kuning tu , korunk boleh tukar width and heigt mngikut kesesuaian.
*Yang Miyyra highlight warna purple tuh plak , Kalo nak ubah direction ,
korunk boleh ubah macam ni...
+ right
+ up
+ down
+ alternate*Warna Merah plak , korunk buad ayat korunk sendiri ok?
Then, save :)
Cuba try view blog korunk , Jadi tak ? :)
Tutorial : Link Warna Pelangi
Salam ukhuwah :)
heyy , korunk tahu tak , mcam mn nak buad link korunk warna cm pelangi lebih kurang mcm niee lerr http://miyyrasecret.blogspot.com/?
ade nmpak tak ? nmpak tak ?
Tak tahu kan ? Tak tahu kan ?
so, Mari Sini Miyyra ajar =)
Ikut Step di bawah niiee ye :
1. Dashboard > Design > Add Gadget > Html
2. Then , korunk copy and paste kod dekat bawah nih k ?
<script src="http://fwzynn.googlepages.com/rainbow.user.js" type="text/javascript">/*********************************************** * Script edited by Ynn at http://fwzynn.blogspot.com/* Please keep this notice intact***********************************************/ </script>
3. Then , save !
4. Check , jadi ke , tak ? :)
Tutorial : Sparkling Cursor
Helow...heloww...heloww !
Sapa kat sana yang nk buad sparkling cursor ??
Eh , apa benda SPARKLING CURSOR ?
hehe . cuba korunk gerak kan cursor Miyyra nyh.
ade nmpak tak!!@_@
Itu lah dia. nak blaja tak ??
Cepat!Cepat!:)
First , macam biasa lah .
1. Dashboard > Design > Add Gadget > Html
2. Then , korunk copy kod kat bawah niyh , and paste kan at gadget tuh k? :)
<script type='text/javascript'>
</script>
<script type='text/javascript'>
// <![CDATA[
var colour="#000000";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
</script>
<script type='text/javascript'>
// <![CDATA[
var colour="#000000";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
*Yang warna MERAH tuh , korunk boleh tukarkan dgn warna yg korunk suka oke ?
Kalo tak nak tukar pon tak pe ;)