Friday 27 January 2012

Doodle Pertama

No comments:
Doodle pertama , Sangat buruk . Hehe , takpe . Baru fist time buat , takkan dah pandai kan ?

Thursday 26 January 2012

Tutorial : Moving Image

No comments:
Sekarang cer korang tengokkat Arni punye blog bahagian bawah (korang scrool down sampai korang jumpe gambar orng yg pakai selendang..yg gerak - gerak tu...errr..korang faham ape Arni cakap ..?? kalau x faham Arni susah arr nk terangkan jadi korang cube jer la..nnti korang taw la ape hasilnye...



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



2. Copy and paste code di bawah ini , di ruangan html tadi tu .




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

2. Copy and paste code di bawah ini , di ruangan html tadi tu .
<center><img style="visibility: hidden; width: 0px; height: 0px;" src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyOTE4OTA3ODU3NjEmcHQ9MTI5MTg5MDgwNDcwOCZwPTc2MTcxJmQ9TWFycXVlZSUyMEdlbmVyYXRvciZnPTE=.gif" border="0" height="0" width="0" /><marquee style="background-color: rgb(255, 221, 255); color: rgb(0, 0, 0); font-family: verdana; font-size: 9pt; width: 170px; height: 68px;" direction="left" behavior="scroll" scrollamount="10"><center><img style="width: 64px; height: 67px;" src="URL BANNER CONTEST 1" /><img style="width: 64px; height: 67px;" src="URL BANNER CONTEST 2" /><img style="width: 64px; height: 67px;" src="URL BANNER CONTEST 3" /></center></marquee></center>

3. Kalau nak letak banyak2 banner , boleh repeat je cara Arni tu , dengan masuk kan code macam ni , di bawahnye .

<img style="width: 64px; height: 67px;" src="URL BANNER CONTEST 4" />

4. Sudah siap , save. And Lihat hasilnya ye .

* Yang Arni letak warna biru tu , boleh ubah ikut yang korang suka , tapi size tuh , dah oke. nampak kecik n comel je . Hehe .  *Pastikan semua nye sama ye ! , mcm Arni buat tu*  *klau 64px : 67px* semua kena guna saiz yang sama , untuk mengelakkan kecatatan di ruangan itu.

Tutorial : Meletakkan aquarium Ikan

No comments:
Okey , haritu kat FB ade orng tnye Arni macam mana nak letak ikan dalam blog. Senang jer cara dia .

1.Log in to blogger > Dashboard > Design >  Add a Gadget > More Gadgets > fish *okayh more gadgets tu kalau tak nmpk tekan ctrl + f *serentak pastu taip perkataan more gadgets*



2.Lepas da tekan fish korang nmpk kan yg dye tulis  camtu kan









3 . And then , korang just tinggal pilih apa yang korang nak kan ikut citarasa masing - masing k.



Tutorial : Cara pasang salji ke dalam blog

No comments:


Oke , Harini Arni nak ajar korang satu tutor . Tutor neyh Arni creditkan ke :- Kak Lyssa ye . Oke , jom kita mulakan .


1. Dashboard > Design > Edit HTML 
2. Cari kod ini : Tekan Ctrl F serentak
<head>
3. Lepas tuh , dah jumpa , copy kod ini pulak ekk :
<script src='http://s1.wp.com/wp-content/plugins/snow/snowstorm.js?m=1322079647g&amp;ver=1322079647' type='text/javascript'/><script src='http://s1.wp.com/wp-includes/js/jquery/jquery.js?m=1322588680g&amp;ver=1.7.1' type='text/javascript'/><script src='http://s2.wp.com/wp-content/blog-plugins/loggedout-follow/widget.js?m=1320005313g&amp;ver=20111128' type='text/javascript'/>

 4. Paste kod tersebut di bahagian bawah kod yang korang cari tadi .

5. Kalau tak de ERROR , korang terus SAVE ok ? :)

6. Then , dah siap , PREVIEW . Tunggu lama ciket  . Baru salji keluar .

Credit : Kak Lyssa

Tutorial : Bubbles Cursor Effect

No comments:
oke , harini Arni nk ajar korng sume cara-cara membuat   Bubbles cursor effect ok.??

ok senang sngt cara dia 2 langkah jer..kalau nk buad stu langkah pon boleh :)


Ok firts skali korang copy code kat bawah nie :



<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
        // <![CDATA[


        var colours=new Array("#ff0080", "#ff0080", "#ff0080", "#ff0080", "#ff0080"); // colours for top, right, bottom and left borders and background of bubbles


        var bubbles=12; // maximum number of bubbles on screen




        /****************************


        * JavaScript Bubble Cursor *


        * (c) 2010 mf2fm web-design *


        * http://www.mf2fm.com/rv *


        * DON'T EDIT BELOW THIS BOX *


        ****************************/


        var x=ox=400;


        var y=oy=300;


        var swide=800;


        var shigh=600;


        var sleft=sdown=0;


        var bubb=new Array();


        var bubbx=new Array();


        var bubby=new Array();


        var bubbs=new Array();




        window.onload=function() { if (document.getElementById) {


        var rats, div;


        for (var i=0; i<bubbles; i++) {


        rats=createDiv("3px", "3px");


        rats.style.visibility="hidden";




        div=createDiv("auto", "auto");


        rats.appendChild(div);


        div=div.style;


        div.top="1px";


        div.left="0px";


        div.bottom="1px";


        div.right="0px";


        div.borderLeft="1px solid "+colours[3];


        div.borderRight="1px solid "+colours[1];




        div=createDiv("auto", "auto");


        rats.appendChild(div);


        div=div.style;


        div.top="0px";


        div.left="1px";


        div.right="1px";


        div.bottom="0px"


        div.borderTop="1px solid "+colours[0];


        div.borderBottom="1px solid "+colours[2];




        div=createDiv("auto", "auto");


        rats.appendChild(div);


        div=div.style;


        div.left="1px";


        div.right="1px";


        div.bottom="1px";


        div.top="1px";


        div.backgroundColor=colours[4];


        div.opacity=0.5;


        if (document.all) div.filter="alpha(opacity=50)";




        document.body.appendChild(rats);


        bubb[i]=rats.style;


        }


        set_scroll();


        set_width();


        bubble();


        }}




        function bubble() {


        var c;


        if (x!=ox || y!=oy) {


        ox=x;


        oy=y;


        for (c=0; c<bubbles; c++) if (!bubby[c]) {


        bubb[c].left=(bubbx[c]=x)+"px";


        bubb[c].top=(bubby[c]=y)+"px";


        bubb[c].width="3px";


        bubb[c].height="3px"


        bubb[c].visibility="visible";


        bubbs[c]=3;


        break;


        }


        }


        for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);


        setTimeout("bubble()", 40);


        }




        function update_bubb(i) {


        if (bubby[i]) {


        bubby[i]-=bubbs[i]/2+i%2;


        bubbx[i]+=(i%5-2)/5;


        if (bubby[i]>sdown && bubbx[i]>0) {


        if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {


        bubb[i].width=bubbs[i]+"px";


        bubb[i].height=bubbs[i]+"px";


        }


        bubb[i].top=bubby[i]+"px";


        bubb[i].left=bubbx[i]+"px";


        }


        else {


        bubb[i].visibility="hidden";


        bubby[i]=0;


        return;


        }


        }


        }




        document.onmousemove=mouse;


        function mouse(e) {


        set_scroll();


        y=(e)?e.pageY:event.y+sleft;


        x=(e)?e.pageX:event.x+sdown; }




        window.onresize=set_width;


        function set_width() {


        if (document.documentElement && document.documentElement.clientWidth) {


        swide=document.documentElement.clientWidth;


        shigh=document.documentElement.clientHeight;


        }


        else if (typeof(self.innerHeight)=="number") {


        swide=self.innerWidth;


        shigh=self.innerHeight;


        }


        else if (document.body.clientWidth) {


        swide=document.body.clientWidth;


        shigh=document.body.clientHeight;


        }


        else {


        swide=800;


        shigh=600;


        }


        }




        window.onscroll=set_scroll;


        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;


        }


        }




        function createDiv(height, width) {

        var div=document.createElement("div");

        div.style.position="absolute";

        div.style.height=height;

        div.style.width=width;

        div.style.overflow="hidden";

        return (div);

        }


        // ]]>

        </script>
Yang warna merah tuh , kod warna dia k . Boleh dapatkan di sini
                                                         










Pada sesiapa yang sebelum ini telah menggunakan "SPARKLING CURSOR" ,diharapkan korang bolehlah delete kod yang itu , 
kalau korang nak guna bubles cursor ini.. orait?? 
Takot-takot tak menjadi pulak ! :) (kadang - kala menjadik)

Wednesday 25 January 2012

Cara - cara meletakkan lagu ke dalam blog

2 comments:
 Oke, harini kite belajar bende yg sangt senang , iaitu cara - cara letakkan lagu  ke dalam blog :) 

  Ecspeacially , utk budak2 baru nak blaja buat blog ! hehe :) Sape2 senior2 blog tuh , korang sure dah tahu nyer kan ?



1. Korang pergi kat link ini dulu ! >>> KLIK SINI   
2. Then , korang pilih lagu yang korang nak . Lihat sebelah kanan . Ada tak macam pic kat bawah ni ?:

                           
  
                

Cara pertama.:

**korang boleh pilih , nak lagu BARAT or lagu MALAYSIA
3. Lepas klik mana satu pilihan korang , sebelah kanan , akan keluar abjad nama artis . Then , pilihlah mana2 yang korang suka ! Tapi , ingat ! Ada lagu yang tak akan keluar kod or lagu dia . So , pilihlah lagu lain ok?:)

4. Lepas pilih , akan keluar ATU kod di tengah2 halaman tuh ..

5. Copy Code tu dulu ok ?:)

CARA - CARA UNTUK PASANG MASUK KE DALAM BLOG

1. Log in > Design > Add Gadget > Html/JavaScript

2. Paste kod korang tadi di ruangan html tuh..

3. Da siap . SAVE !

4. Try tengok ! Ada tak , lagu tu  , kat blog korang ? Kalau tak de , p tukar lagu lain cepat ! HAHA!

 Cara kedua
Title : Lagu dari youtube 

okayh .., kalini Arni nk ajar cara cara ambik lagu dari youtube dan msok kan ke dalam blog  

 1. Cari lagu yg korang nk kat youtube

 2. Lepastu korang tekan share 

  3. Lepastu korang akan nmpk perkataan Embed  kan.?

  4. Bila korang da nmpk  Embed korang tekan la  ok.?

  5.Bila korang tekan, korang akan nmpk satu code ..,, korang cari kat bawah dulu yg die tulis Use old embed code          korang  tandakan yg tu ok.?Show suggested videos when the video finishes ( x yah tanda)


  6. Lepastu korang copy la code tu ok .?


  Cara - cara msokkan ke dalam blog

1.  Log in > Design > Add Gadget > Html/JavaScript

2. Paste kod korang tadi di ruangan Html/JavaScript  tuh.. die akan menjadi mcm ni:

<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/Wrl8weYTmGU?version=3&amp;hl=en_US&amp;rel=0"></param><param </paramname="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always">><embed src="http://www.youtube.com/v/Wrl8weYTmGU?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>


       Yg warne Arni bold kan warne hijau tuhh korang tukarkan kepada:

<object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/Wrl8weYTmGU?fs=1&amp;=fs=1&autoplay=1&amp;hl=en_US&amp;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/Wrl8weYTmGU?fs=1&autoplay=1&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="200" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></object>
Da siap , save

Tuesday 24 January 2012

Tutorial : Letak perkataan ''asslamualaikum'' di setiap entry

1 comment:
Okayh harini Arni nk ajar lagi cara - cara letak perkataan "assalamualaikum" di setiap entry

Perkataan "Assalamualaiku" tu , akan berada di bahagian atas setiap entry yang di post.
Bagi sesiapa yang berminat , korang boleh jugak , cuba tutorial ini  :


1. Dashboard > Settings > Formatting 

2. Then , korang Scroll Down ke bawah sekali akan nampak Post Template

3. Dalam ruangan Post Template tuh , korang letak Macam ni 

<center><img src="URL PERKATAAN ASSALAMUALAIKUM"/></center>

** Yang perkataan merah di atas , korang gantikan dengan IMAGE URL yang korang suka .
Kalau tak reti nak buat macam mana Perkataan tu , boleh je ambekk FREEBIES kat bawah ni

4. Bila dah gantikan , korang boleh lah tekan SAVE SETTINGS . 

5. Dan lihat disetiap entry ada , akan automatik ada perkataan itu .

FREEBIES ASSALAMUALAIKUM :
 
http://2.bp.blogspot.com/-cSGfqn1pN_M/TqPzDdGxXOI/AAAAAAAABI0/Y92kuuovxzs/s1600/assalamualaikum.png


 
http://4.bp.blogspot.com/-SwWbEZPvlw4/TqPzD2a_0kI/AAAAAAAABI8/fFTN2g82BuI/s1600/assalamualaikum1.png


 
http://2.bp.blogspot.com/-PzIEnyCUMjU/TqPzELuBdXI/AAAAAAAABJE/gI57xkrYGdA/s1600/assalamualaikum2.png


 
http://3.bp.blogspot.com/-a4l7P333HbQ/TqPzEbfH8OI/AAAAAAAABJM/WvQYD4NIRoE/s1600/assalamualaikum3.png


 
http://2.bp.blogspot.com/-1nt7DgdCv8s/TqPzExX-o_I/AAAAAAAABJU/4xzrG2gDDAs/s1600/assalamualaikum4.png


 
http://1.bp.blogspot.com/-FvAPXuFFcaY/TqPzFDZqMxI/AAAAAAAABJY/BBk7rPy_u-M/s1600/assalamualaikum5.png


 
http://3.bp.blogspot.com/-pD8-h3RZa8E/TqPzFjwjC5I/AAAAAAAABJg/HKHshAV_44w/s1600/assalamualaikum6.png
Kalau tak menarik perkataan di atas , korang boleh reka sendir di photoshop , photoscape atau di mana - manayang korang selesalah ye .

                                                                      SELAMAT MENCUBA..!!

Credit : Kak Lyssa cute miut