Doodle pertama , Sangat buruk . Hehe , takpe . Baru fist time buat , takkan dah pandai kan ?
Uncle Botak BBQ, Petaling Jaya
1 month ago
Friday, 27 January 2012
Thursday, 26 January 2012
Tutorial : Moving Image
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
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.
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
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&ver=1322079647' type='text/javascript'/><script src='http://s1.wp.com/wp-includes/js/jquery/jquery.js?m=1322588680g&ver=1.7.1' type='text/javascript'/><script src='http://s2.wp.com/wp-content/blog-plugins/loggedout-follow/widget.js?m=1320005313g&ver=20111128' type='text/javascript'/>
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
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 :
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">Yang warna merah tuh , kod warna dia k . Boleh dapatkan di sini
// <![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>
Pada sesiapa yang sebelum ini telah menggunakan "SPARKLING CURSOR" ,diharapkan korang bolehlah delete kod yang itu ,
Wednesday, 25 January 2012
Cara - cara meletakkan lagu ke dalam blog
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 ?
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&hl=en_US&rel=0"></param><param </paramname="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always">><embed src="http://www.youtube.com/v/Wrl8weYTmGU?version=3&hl=en_US&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&=fs=1&autoplay=1&hl=en_US&rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/Wrl8weYTmGU?fs=1&autoplay=1&hl=en_US&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
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 :
** Yang perkataan merah di atas , korang gantikan dengan IMAGE URL yang korang suka .
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 :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW09_N_2RKJK3bOMekNxK4BySpR2jVVEHiBRHRHApoYDE-gP7gLUgKBm5gCOmAx4cKiZOaPLvGFeoe_eHwPEfM8YavdJYbQ9YUI7_EC_l_MzEHyGTGgWq5UYAxP2qg-8HtNXL56idsZOg/s1600/assalamualaikum.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBynFzcQ2b1vISn-uo5rFzSrtBrIHX0LL4fYUM3vzT2ofcPlntZIo3E4p7uo2jVfELSX3LeBFBxNh8D-6d9F-q_q0WPhUjJs6d4JlaaprH5C3EJ72wXqOkPWlKWslYEFk_K4zLPJXEUw0/s1600/assalamualaikum1.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1k6xi7oA3k-UphCF1g8m7NGr3XhfwP2cwpZm6p9yWcHSHEka94oodDb2c7OeDp6oZ4oQxB9MMAuK8C2KABMn-z0pSIQ2gSjRQYb6MitYyatyqYc5RiTMuXqStwQ2c2eTgDsQEN4d_A4s/s1600/assalamualaikum2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhznae6eL-GHaxPXLY6uZFfb9FhLzfHsA0NdxgbtYHpBVkZOLgAqZKLMDGBnxFKg2WTWoN7D1cpv5nZ-PZHeFPEmEN4OPP6zcim9t5-aKAHa4IExHeD-HuHerwP6NnKEdnxa5-83QIYzm8/s1600/assalamualaikum3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgP7B33H6gwZb77TF23PDmrR7AJXiKJ55vMnOkCSEL0liT9RHAoAVg7_bIybm8q5m14WAjww_mMJNe6GoF2saqLJg3cj0XmZ7Mb-3z7Ph3WdKNn_uAGoyvjFPugLZYfZv5scd2ErdKwR0/s1600/assalamualaikum4.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvfzOA6XeJLkWg3C7LKCHdiD9j99lwx_rXnbeMTpYjCItj6YqY49P5KYoLHknsBG_SA3DQ1Mohv4xjdg2jPo9FmgdVXCZNw8rpSQ_BbtLw8aeaTcL69ZCVNIhyxYR8XKbQvuHAwstKTYs/s1600/assalamualaikum5.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf1rG6LwdVjmUxcJE-sNeVWA4yyDjs-ozxsckQjnMnq-9td2Ir9-xOku0YZDWiGeAeNthRUuBAvTwJOlcCHG0oF1bOZ6UMMnk9z9-HbzUH4a2WvcyndLFsZXzK1Ot3cnrQ1eWHRPD_ZtA/s1600/assalamualaikum6.png
Kalau tak menarik perkataan di atas , korang boleh reka sendir di photoshop , photoscape atau di mana - manayang korang selesalah ye .
Subscribe to:
Posts (Atom)