Home Tutorial Freebies Jatt & Kucing Others Blogwalking

30 October, 2010

mc'd time. .time to eat ! jom syer blajer..! haha!!

yezz..at mc'd now so time eat..haha..line pom lju..so kter lyan...hurm..smalam sampai kg dri KB kul 9...pastu nk on tpy line plop wat masalah...btw...besh do gi kelantan tpy there's one prob..kelantan niew kotor la..tkderp tong sampah kerp..ya ALLAH...skit paler aq tngk...(klu spew2 yg bcer niew org kelantan..jng mara eyh)..ekgi aq post gambar k coz usb ad kt umah..hehe...bubbye..time to eat..

29 October, 2010

gi Kota Bharu weyh....

yeye...gi KB.....heheh...niew pom on dlm kete...pening dibuatnyer..aq se family belah ayah gi wat serangan kat KB umah tunang pok sdare aq..hahaha...SERANG!!!!!.....gi kul 10.15 bliq ntala kul wape..arap2 bliq awal..mls aser duk lme2 duk saner... yg besh nyer,sumer famly da kumpul...ingat sng ker famly aq nk kumpul...eppy giler....

28 October, 2010

eXam ExAm eXaM...!!!

hurm...aq rse aq niew mmg adew pnyakit 'selsema exam' niew asernyew..coz stiap kli pekse jerp mmg aq selsema..aq tok tau bkpew..hurm...now aq rser sumer calon pekse sume adew "EXAM STRESSED" an3....aq emang stressed giler are time pekse niew nk2 klu subjek pai ngan sj..tuw killer bgi aq...argh..im goin izzy dizzy when think about da exam...





but something yg mungkin korunk sumer tk tau yg perkataan stressed tuw klu terbalik kan jdik something yg best dat is "DESSERTS"...yum2....hehehe....

NeW nEw NeW...!!!

yezz, sukses wat blog bru coz da old blog da tak ingat id and also pasword..haha..cmnew ek..kcik2 daa nyanyok..bio la...'AIMAN TK KESHAH'..hehe..

wishlist dalam blog

Refer gambar di bawah kalau nak tahu wishlist ni camne.
credit; google

Let's start;

1. Design > Page Element > Add Gadget > HTML/JavaScript
2. Copy code kat bawah;
<form name=myform><input type="checkbox" name="mybox" value="1" checked />TEXT ANDA<br /><input type="checkbox" name="mybox" value="2" disabled />TEXT ANDA<br /><input type="checkbox" name="mybox" value="3" checked />TEXT ANDA<br /></form>

3. Paste code kat atas dalam HTML tadi.
4. Save.
merah; boleh tukar samaada "checked" atau "disabled"
oren; wish korang tulis dekat situ

buat slide shoutbox

Mesti ramai dah tahu kan tutorial ni, tapi izzat nak kogsi jugak sebab mungkin ada blogger newbie yang masih lagi tak tahu nak buat camne.

Jom mula tutorial;

1. Dashboard > Design > Add Gadget > HTML/JavaScript
2. copy paste code kat bawah dalam kotak gadget tadi
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXOekYBLDANf_KC7-xAKlGC87qAD6xiv1shz96RahuuDR-m4CgPxfyuxhHEZ1Hzay-U41RcN78LxHYp9KEmIOj-pIsnSDkyHpB2eGE_LLBFuEL1DPXkKpI0iy9kE4JRNLmbOKv47apPoxB/s320/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
CODE SHOUTBOX KORANG KAT SINI
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
3. Save

Merah: yang tu korang tukar la dengan URL gambar yang korang nak.
Oren: boleh tukar ikut kehendak sendiri.
Kelabu: code shout box korang.

disabled right click without note

Fungsi widget ni same je macam disabled-right-click-with-note tu.Cuma yang ni kalau right click mouse dia takkan keluar apa-apa note atau warning.

Let's bertutor;

1. Dashboard > Design > Add Gadget > HTML/JavaScript
2. Copy paste dalam kotak gadget tadi
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dauspozi.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
3. Save and done.

disabled right click with note

Pernah tak korang pergi ke blog mana mana dan bila korang tekan right click dekat mouse tu dia keluar kotak pastu ada ayat dalam kotak tu yang tertulis macam 'Tak baik copy mengcopy ni' atau 'Nak copy ker? Boleh belah' and lain lain.Nak buat jugak?

Jom start;

1. Dashboard > Design > Add a Gadget > HMTL/JavaScript
2. Copy paste code kat bawah dlm kotak HTML tadi
<script language=javascript>
<!--
//edit by unwanted

var message="AYAT KORANG";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
3. save

Merah : ayat yang korang nak letak dalam kotak tu.

button follow dan dashboard ala ala tumblr

Tutorial ni izzat nak ajar camne nak letak button follow dan dashboard macam izzat punye\Cube intai belah kanan atas blog, tu la yang izzat nak ajar/

1. Dashboard > Design > Add a Gadget > HTML/JavaScript
2. Copy code kat bawah ni pastu paste kat HTML tadi ;
<a style="display:scroll;position:fixed;top:15px;left:15px;" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID KORANG" title="Follow"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a><a style="display:scroll;position:fixed;top:15px;left:75px;" href="http://www.blogger.com/home" title="Dashboard"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?468" /></a>
merah : Blog id korang. /refer gambar kat bawah\

3. Save.

cara nak buat spoiler

Tutorial kali ni izzat nak ajar camne nak buat spoiler \rujuk gambar/

credit : kaq pija
ni sebelum tekan button Show|Hide tu
credit : kaq pija
ni lepas tekan button Show|Hide tu.

Let's start;

1. Dashboard > Design > Add Gadget > HTML/JavaScript
2. Copy code kat bawah ni;
<div id="spoiler" style="display:none">
YOUR CONTENT
</div>
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">OPEN | CLOSE</button>
3. Paste dalam HTML tadi.
4. Save.

merah; boleh letak apa-apa yang korang nak
oren; boleh ubah ayat yang korang nak

Credit gambar; nurhafizapija     

jenis border untuk blog

PERINGATAN; code tutorial ni cuma berfungsi untuk pengguna "Google Chrome".Kalau mozilla tu izzat tak pasti jadi ke tak.
Tutorial kali ni izzat cuma nak kongsi bentuk-bentuk border yang boleh korang guna buat blockquote, body blog, sidebar dan lain-lain.

Example A
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
}

Example B
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
}

Example C
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
}

Example D
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
}

Example E
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}

Example F
-moz-border-radius: 35px;
border-radius: 35px;
}

buang navbar

Tak tau navbar tu apa? refer gambar bawah;


Jom start;

1. Dashboard > Design > Edit html
2. Ctrl + f pastu cari code /* Variable definitions
3. Copy paste code bawah dekat atas code /* Variable definitions
#navbar-iframe { display: none !important; }
4. Preview.Kalau takde keluar apa2 error, save je lah.

blog archive versi kalendar

Refer gambar dekat bawah kalau tak tahu tutorial ape yang izzat nak ajar kali ni


Dah tengok? Jom start.

1. Design > Page Element > Add Gadget > HTML/JavaScript
2. Copy paste dalam kotak Gadget tadi

<div id="blogCalendar"></div>
<script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js"></script>
<script type="text/javascript">
Calendar.base="URL BLOG";
Calendar.timeZone="+08:00";
Calendar.timeZoneCheck = true;
Calendar.drawTable();
</script>
<style>
</style>
oren; letak la url blog korang.Pastikan korang letak nama link je contohnya: "creamyapplesmurfette.blogspot.com" dan bukannya "http://creamyapplesmurfette.blogspot.com/".
merah; yang tu korang takperlu tukar kalau korang duk kat malaysia.

Ringankan blog guna Jquery lazy load.

Jquery lazy load ni adalah code yang meringankan blog kita.kalau blog korang memang berkapah gambar-gambar yang korang langsung taknak buang.Widget ni memang TERBAIK untuk korang.Tak la lari pengunjung yang datang kat blog korang sebabnya lambat nak tunggu loading blog.


FIRST METHOD


1. Pergi Dashboard > Design > Add a Gadget > HTML/Javascript
2. Pastu copy paste code kat bawah ni dalam kotak Gadget tadi ;
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script><script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script><script type="text/javascript">jQuery(document).ready(function($){if (navigator.platform == "iPad") return;jQuery("img").lazyload({effect:"fadeIn",placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnMhK2z1Sj15a8Xedsyf5soID0LnshUsG5CxQ2sfwpvS-uyPw4SHHsUjXLSIbAqbMf89YJf3TQ45xy9ivU62MO7LK0mmhAi5VV9O-9AR8uf34qPbLYelsH3d5CqmMrhaqso0aNO944Hvc/s1600/grey.gif"});});</script>
3. Then save je la


SECOND METHOD


1. Pergi Dashboard > Design > Edit HTML
2. Tick Expand Widget Templates
3. Ctrl+f search </body> ataupun </head> ;
4. Paste code bawah dekat atas code </body> ataupun </head> tadi ;
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script><script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script><script type="text/javascript">jQuery(document).ready(function($){if (navigator.platform == "iPad") return;jQuery("img").lazyload({effect:"fadeIn",placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnMhK2z1Sj15a8Xedsyf5soID0LnshUsG5CxQ2sfwpvS-uyPw4SHHsUjXLSIbAqbMf89YJf3TQ45xy9ivU62MO7LK0mmhAi5VV9O-9AR8uf34qPbLYelsH3d5CqmMrhaqso0aNO944Hvc/s1600/grey.gif"});});</script>
5. Preview.Kalau takde error tekan save.

LinkWithin