Online Diary CIK MIYYRA: 2011

Wednesday, 14 December 2011

Hutan Lipur Gunung Belumut , Kluang Johor

                                    

air sejuk tuu~~


Kalau Anda Suka Entry Ini Like dan Comment

Kampung Ayer Hitam , Johor

                        
cuba korg tgk tulisan kt awan tuu ade ape..

Posted by Picasa

Kalau Anda Suka Entry Ini Like dan Comment

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>

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 .

=SELAMAT MENCUBA

^_^








Kalau Anda Suka Entry Ini Like dan Comment

Monday, 5 December 2011

Mahirah Trading


Hii..morning..hehe..
cik Miyyra nk tnjuk sikit 
hasil karya batik cik miyyra niee..
klu sape-sape nak beli..cik miyyra sedia
menerima tempahan okayy...^_^

Di Bawah niee kain Satin Jacquad tauu..
Sutera Tuu..hehe..lembut..siap letak softlan lagi..hehe..















Kalau Anda Suka Entry Ini Like dan Comment

Friday, 2 December 2011

Klik di bawah niee ..okaayy..TQ Peacee ^_^v





Kalau Anda Suka Entry Ini Like dan Comment

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?

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<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 ?:)


Kalau Anda Suka Entry Ini Like dan Comment

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
(penting sebagai backup!)

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='&quot;https://www.blogger.com/comment.g?blogID=YOUR BLOG ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[Reply to Comment]</a></span>
Eh, belum siap lagi.

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,
<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 :)



Kalau Anda Suka Entry Ini Like dan Comment

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.


Dashboard / Design / Add A Gadget / HTML/JavaScript

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




Kalau Anda Suka Entry Ini Like dan Comment

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 ^_^

  1. Log in > Dashboard > Design > Edit Html
  2. 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?




 <script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>


<center>TULIS AYAT COPYRIGHT KORANG KAT SINI</center>
   4. Before tuh ,preview dulu , jadi or tak .?
   5. If dah jadi , SAVE terus ok :)



Selamat Mencuba :)


Kalau Anda Suka Entry Ini Like dan Comment

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
        7. Save template!

    O.k..senang kan...? :)     

    Kalau Anda Suka Entry Ini Like dan Comment

    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

    <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 ? :)     




    Kalau Anda Suka Entry Ini Like dan Comment

    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 ? :)






    Kalau Anda Suka Entry Ini Like dan Comment

    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>

    *Yang warna MERAH tuh , korunk boleh tukarkan dgn warna yg korunk suka oke ?
    Miyyra pilih kaler Firebrick #800517 ^_^

    Kalo tak nak tukar pon tak pe ;)

    Oke. Save. Siap :D




    Kalau Anda Suka Entry Ini Like dan Comment

     
    Copyright © . All Right Reserved by Lyssa Faizureen