Tutorial Membuat Pages Pada BLOG

Korang tau takk page pada blog ni macam mana ? Alaa, ada yangg page 1-5, yang kat bawah tu :3 Dah jom buat !

1.Dashboard>>Design>>Page Element>> Add Gadget>> HTML/ Javascript.
2.Copy code dibawah and paste dalam HTML Gadget Tadi

<style>

.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

border: 1px solid #bbb;

margin:0 3px;

padding:3px;

}

.showpageNum a:hover {

border: 1px solid #bbb;

background-color:#bbb;

}

.showpagePoint {

color:#fff;

text-decoration:none;

border: 1px solid #fff;

background: #000;

margin:0 3px;

padding:3px;

}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;

}

.showpage a {

text-decoration:none;

border: 1px solid #bbb;

padding:3px;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#333;

}

</style>

<script type="text/javascript">

function showpageCount(json) {

var thisUrl = location.href;

var htmlMap = new Array();

var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";

var isLablePage = thisUrl.indexOf("/search/label/")!=-1;

var isPage = thisUrl.indexOf("/search?updated")!=-1;

var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";

thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= '';

var upPageHtml ='';

var downPageHtml ='';

var pageCount=5;

var displayPageNum=3;

var firstPageWord = 'Awal';

var endPageWord = 'Akhir';

var upPageWord ='Sebelumnya';

var downPageWord ='Selanjutnya';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp = post.published.$t.substr(0,10);

var title = post.title.$t;

if(isLablePage){

if(title!=''){

if(post.category){

for(var c=0, post_category; post_category = post.category[c]; c++) {

if(encodeURIComponent(post_category.term)==thisLable){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}

postNum++;

htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

}

}

}//end if(post.category){

itemCount++;

}

}else{

if(title!=''){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}

if(title!='') postNum++;

htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

}

itemCount++;

}

}

for(var p =0;p< htmlMap.length;p++){

if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

if(fFlag ==0 && p == thisNum-2){

if(thisNum==2){

if(isLablePage){

upPageHtml = labelHtml + upPageWord +'</a></span>';

}else{

upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';

}

}else{

upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';

}

fFlag++;

}

if(p==(thisNum-1)){

html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';

}else{

if(p==0){

if(isLablePage){

html = labelHtml+'1</a></span>';

}else{

html += '<span class="showpageNum"><a href="/">1</a></span>';

}

}else{

html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';

}

}

if(eFlag ==0 && p == thisNum){

downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';

eFlag++;

}

}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){

if(!isLablePage){

html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';

}else{

html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';

}

}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){

html += downPageHtml;

html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';

}

if(postNum==1) postNum++;

html += '</div>';

if(isPage || isFirstPage || isLablePage){

var pageArea = document.getElementsByName("pageArea");

var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){

html ='';

}

for(var p =0;p< pageArea.length;p++){

pageArea[p].innerHTML = html;

}

if(pageArea&&pageArea.length>0){

html ='';

}

if(blogPager){

blogPager.innerHTML = html;

}

}

}

</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://blogkomputers.blogspot.com">Grab this Widget ~ Navigasi Halaman</a></div>

Tutorial Sparkling Cursors (2)

Heyy, Ni tutorial yang kedua :) Yang ni lain sikit tau ! Nak tahu cuba try dulu

1.Dashboard>>Design>>Page Element>> Add Gadget>> HTML/ Javascript.
2.Copy code ni;

<script type="text/javascript">

// <![CDATA[

var colour="#BD3EA8";

var sparkles=50;

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

*  Tinkerbell Magic Sparkle *

* (c) 2005 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 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="2px";

    rlef.style.left="0px";

    rdow.style.top="0px";

    rdow.style.left="2px";

    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>

Tukar perkataan Warna MERAH Kepada code warna yang korang suka :3

Tutorial Snow Effect (3)

Heyy, aku rasa kalini Tutorial Snow Yang ketiga :3 Huhu, Dah Jom buat !

1.Dashboard>>Design>>Page Element>> Add Gadget>> HTML/ Javascript.
2.Copy code dibawah and paste dalam gadget

<script>

//Here you can add your own picture for snow. Just change the url

var snowsrc="http://i13.servimg.com/u/f13/11/52/70/02/snowba10.png"

//how many snowflakes there will be (currently 12)

var no =40;

//How fast will the snow disappear (0 is never)

var hidesnowtime = 0;

//The height the snow will reach before it disappears ("windowheight" or "pageheight")

var snowdistance = "pageheight";

///////////////////////////////End of Settings///////////////////////////////////

var ie4up = (document.all) ? 1 : 0;

var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest()

{

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

var dx, xp, yp;

var am, stx, sty;

var i, doc_width = 800, doc_height = 600;

if (ns6up)

{

doc_width = self.innerWidth;

doc_height = self.innerHeight;

}

else

if (ie4up)

{

doc_width = document.body.clientWidth;

doc_height = document.body.clientHeight;

}

dx = new Array();

xp = new Array();

yp = new Array();

am = new Array();

stx = new Array();

sty = new Array();

for (i = 0; i < no; ++ i)

{

dx[i] = 0;

xp[i] = Math.random()*(doc_width-50);

yp[i] = Math.random()*doc_height;

am[i] = Math.random()*20;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

if (ie4up||ns6up)

{

if (i == 0)

{

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://rftactical.darkbb.com/index.htm\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");

}

else

{

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");

}

}

}

function snowIE_NS6()

{

doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;

doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;

for (i = 0; i < no; ++ i)

{

yp[i] += sty[i];

if (yp[i] > doc_height-50)

{

xp[i] = Math.random()*(doc_width-am[i]-30);

yp[i] = 0;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

}

dx[i] += stx[i];

document.getElementById("dot"+i).style.top=yp[i]+"px";

document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";

}

snowtimer=setTimeout("snowIE_NS6()", 10);

}

function hidesnow()

{

if (window.snowtimer) clearTimeout(snowtimer)

for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"

}

if (ie4up||ns6up)

{

snowIE_NS6();

if (hidesnowtime>0)

setTimeout("hidesnow()", hidesnowtime*1000)

}

</script>

Tukar tulisan warna merah, kepada warna SNOW yang korang suka;

Hitam

http://i905.photobucket.com/albums/ac251/bigadira95/snowhitam.png

Merah/pink

http://i905.photobucket.com/albums/ac251/bigadira95/snowmerah.png

Biru

http://i905.photobucket.com/albums/ac251/bigadira95/snowbiru.png

Tutorial Save Energy

Kalini Tutorial Save Energy,

1.Dashboard>>Design>>Page Element>> Add Gadget>> HTML/ Javascript.
2.Paste je code kat bawah ni dalam HTML BOX

<!-- save your energy -->
<script language='javascript' src='http://nikbir09.ws/scriptforenergy.js' type='text/javascript'/>
<!-- save your energy end --></script>

Tutorial Cursors +

HAHA, mesti ramai cari dekat laman web or mana mana untuk Anak Panah Yang + tu kann ? Alahai, Copy code kat bawah ni And paste dalam Gadjet je kayy :)

<style>body {cursor:crosshair} </style>

Tutorial flying twitter bird

Heyy, tutorial kali ni, burung yang terbang dekat blog korang tu, Tapi ni untuk TWITTER SAHAJA

1.Dashboard>>Design>>Page Element>> Add Gadget>> HTML/ Javascript.
2. Pastekan mana mana code dibawah ni ikut warna yang korang suka dalam HTML Javascript tadi k;


 Tukar merah kepada code dengan nama twitter korang
 purple dengan URL blog


Burung Merah

<script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script> 

<script type="text/javascript"> 

var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOpAQilj6Gr41BAs5YhRlzLHhCR7mxYqe8GrZPoJonazU2JxN-o3pNeZC-di7UpvlvsLJI61vRp-Pke4RTssD_3q9aCHglbC4caDSvQcoIqakbu6ggh4Az1xouvW23MwcmchKDN-j7fqw/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/Linktwitter";var tweetThisText = "http://misaapplesoda.blogspot.com/";tripleflapInit();</script>

Burung Purple 

 <script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script> 

<script type="text/javascript"> 

var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgi_bYes6Ijn2jBbY6lZISC2-E0sPFWW6T2FOaOXzuWhLL6eaHO3kP4qOhc4WnOBfrX0PQdYmmAAo4LR1QCgnid6FoOuT55AVTPJB79fU-whb0E8KCmRT3_xAqoUATvyz3QYlf12y9sRQ/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/Linktwitter";var tweetThisText = "http://misaapplesoda.blogspot.com/";tripleflapInit();</script> 

Burung Biru 

<script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script> 

<script type="text/javascript"> 

var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8a5kfzAkobs9oi1Io7C-BtlFYRm2to_HRjDlkIMNLOH-rD3xLvUTTPRxLfzrUxHEbHqYJCRiFqSMSKaxKR7e9PuolcI236JrCwtAicR3kF6pGs_nY5R71JuCCtP5cJO5TfVJseQmB6qg/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/Linktwitter";var tweetThisText = "http://misaapplesoda.blogspot.com/";tripleflapInit();</script> 

Tutorial Note Tandatangan

Haaaa ! Nampak takk ? Comel Kan ? Dah, Jom mula

1.Dashboard>>Design>>Edit HTML

2.Cari code ni ;

<data:post.body/>

3.Copy Code ni ;

<div class='text-content' style='text-align: right;'><img src="LINK GAMBAR"/>AYAT KORANG 

</div><div class='text-content' style='text-align: right;'> 

AYAT KORANG</div>

4.Tukar Ayat Warna Merah Tu Ok  ♥
5.Paste DIBAWAH code yang korang cari tadi♥♥
6.Preview DULU Then SAVE♥♥

Tutorial Buang POWERED BY BLOGGER

Hey , Kalini tutorial macam mane nak buang POWERED BY BLOGGER


1.Dashboard>>Design>>Edit HTML
2. Cari Dan Buang code ni

<b:section class='foot' id='footer-3' showaddelement='no'>

3.Okayy lepastu dekat bawah dia tu, Korang buang lagi dua code ni ;

<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>

</b:section>  

4.Preview dulu sampai PUAS HATI ♥
5.SAVE ♥
6. Lepastu Dia akan KELUAR SOMETHING LEPASTU , KORANG TEKAN DELETE WIDGETS jangan takot kayyy ♥♥

Tutorial Background Sidebar

Tutorial Kali ni untuk TUKAR SIDEBAR korang
1.Dashboard>>Design>>Edit HTML
2.Cari Code

h2 {

3.Pastekan Code Ni DIBAWAH h2 {

font: 13px calibri;
text-align: center;
border-right: 9px solid #F778A1;
border-left: 9px solid #F778A1;
background: url(http://i1108.photobucket.com/albums/h420/sweetcandy4858/nurhafizah/backgroundpink-4.png);
padding: 8px;

 font: 13px calibri;

• 13 Tukar kepada size Font Korang suka
• Calibri , tukar kepada tulisan korang suka

text-align: center;

• Perkataan center Boleh tukar Kepada RIGHT atau LEFT

border-right: 9px solid #F778A1;

• Right Boleh tukar kepada TOP,BOTTOM,LEFT atau RIGHT
• 9px : Tukar Number Untuk Ketebalan dia
• Solid : Boleh tukar Kepada DASHED , DOTTED
• #F778A1 : Tukar kepada warna yang korang suka

background: url

(http://i1108.photobucket.com/albums/h420/sweetcandy4858/nurhafizah/backgroundpink-4.png);

• Tukar Link Kepada Background yang korang suka

4.Preview DULU

5.SAVE and SIAP !! 

Tutorial Alert Box

Tutorial Kali ni bila korang Bukak Je blog, Ada ALERT BOX.
Macam ni ;

1.Dashboard>>Design>>Page Element>> Add Gadget>> HTML/ Javascript.
2.Copy code Ni ;

<script type="text/javascript">

alert('Hi!')

</script>

3.And pastekan dalam HTML/ Javascript tu.
4.Tukar Perkataan Hi kepada AYAT KORANG.

Edit Photo Ala-ala Vintage

Nak Share Link Edit Gambar ALA ALA Vintage, Tekan SINI

Tutorial Wishlist

Tutorial Ni untuk Kotak Yang macam ni ;

Comell Kannn ? Hewhew

1.Dashboard>>Design>>Page Element>> Add Gadget>> HTML/ Javascript.
2.Copy code ni;

<form name=myform>

<input type="checkbox" name="mybox" value="Wish" checked />Wish<br />

</form>

3.And pastekan dalam HTML/ Javascript tu.
4. Kalau korangg nak Lebih dari satu, Copy code ni ;

<input type="checkbox" name="mybox" value="Wish" checked />Wish<br />

5.And pastekan lepas code ni;

<form name=myform>

6.And Dia akan jadi macam ni;

<form name=myform>
<input type="checkbox" name="mybox" value="Wish" checked />Wish<br /><input type="checkbox" name="mybox" value="Wish" checked />Wish<br /><input type="checkbox" name="mybox" value="Wish" checked />Wish<br /><input type="checkbox" name="mybox" value="Wish" checked />Wish<br /></form>

• Tukarkan TULISAN TU ;
• DAH DAPAT/TANDA : checked
• BELUM DAPAT/BELUM TANDA : disabled
• Tulisan warna BIRU : BARANG Atau WISH KORANG

7.SAVE and SIAP !! :)♥♥

Tutorial New Tab

Tutorial ni, dia akan keluar New Windows Bila korang tekan MANAMANA Link.

1.Dashboard>>Design>>Edit HTML

2.Cari Code <head> Guna CTRL+F

3.Copy And Paste Code ni BAWAH Code <head>

<base target='_blank'/>

Tutorial Snow Effect (2)

Snow Effect Version 2 :)

1.Dashboard>>Design>>Edit HTML
2. Cari Code <head>

purple

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/snowpurple.js"></script>

Black

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/snowblack.js"></script>

Blue

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/snowblue.js"></script>

Red

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/snowred.js"></script>

 White

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/snowwhite.js"></script>

5.Pastekan SELEPAS code <head>
4.SAVE and SIAP !! ♥♥♥

Jenis Border Untuk Blog

Heyy, Sini ada beberapa jenis border yang aku nak tunjuk dekat koranggg

Haaaaaaaaa ! Cantikkk kann ? Bentukbentuk border ni, korang Boleh Tukar. Dekat Mana ? Alaaa, dekat SIDEBAR, Tak tahu sidebar apa ? Alaaa, yang korang TULIS ABOUT ME, Apa segala :D Untuk Tajuk Post Kita Punggg Bolehh. And Blockquote Pun boleh jugakk :3

1.Dashboard>>Design>>Edit HTML>>Tick EXPAND WIDGET TEMPLATES
2. Copy code Dibawah;

Untuk kotak sidebar/ tajuk sidebar

cari : h2 {
ataupun .sidebar .widget{
ataupun .sidebar h2 {

Untuk tajuk post

h3.post-title {

Untuk blockquote

.post blockquote {

3. Step seterusnyaa : Copy and paste code dekat Bawah ni, Selepas Code yang korang cari tadi.

(A) 

-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px; 

(B)

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

(C)

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

(D)

-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;

(E)

-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;

(F)

-moz-border-radius: 35px;
border-radius: 35px;

4.Tekan Preview DULU !

5.Bila dah puas hati SAVE and SIAP !! :) ♥♥♥

Tutorial Image Hover Effect(Gelap Jadi Terang)

Yang ni Tutorial Image Hover Gelap Jadi terang 

1.Dashboard>>Design>>Page Element>> Add Gadget>> HTML/ Javascript.
2.Copy Code dibawah , And paste dalam HTML BOX

<style>

/*------ IMAGE ANIMATION------*/

img {filter:alpha(opacity=70);

-moz-opacity:0.7;

opacity:0.7;

}

img:hover {

filter:alpha(opacity=100);

-moz-opacity:.0;

opacity:1.0;

}

</style>

3.SAVE and SIAP !! :) ♥♥

Tutorial Image Hover Effect(Terang Jadi Gelap)

Heyy, Kali ni Tutorial, Image Hover Effect , But. Yang ni DARIPADA TERANG JADI GELAP 


1.Dashboard>>Design>>Page Element>> Add Gadget>> HTML/ Javascript.
2.Copy Code dibawah , And paste dalam HTML BOX

<style>

/* ----- Image opacity effect 2 ----- */

.post a img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

}

.post a:hover img {

filter:alpha(opacity=70);

-moz-opacity: 0.7;

opacity: 0.7;

}

</style>

3.SAVE and SIAP !! :) ♥♥

Code Warna

Heyyy , Ni Link Untuk Code Warna Blog, Semua Cantikcantik. Pandaipandai la Korang Pilih Dan tukar Kayyy♥ ♥ ♥ Pergi sini :COLOUR CODES

Tutorial Auto Hide Navbar

He||o korang, Kalau haritu aku buat Tutorial Buang Navbar, Harini aku Nak buat Tutorial Auto Hide pulak, Yang ni Kalau korang Halakan Mouse Keatas Dia akan ADA :)

1.Dashboard>>Design>>Edit HTML
2.Ctrl+f dan search :

]]></b:skin>

3. Copy code ni :

#navbar-iframe{

opacity:0.0;

filter:alpha(Opacity=0)

}

#navbar-iframe:hover{

opacity:1.0;

filter:alpha(Opacity=100, FinishedOpacity=100)

}

4. Pastekan DIATAS, Code tadi
5. SAVE and SIAP !! :) ♥ ♥ ♥ 

DOWNLOAD GAME ANGRY BIRD FULL VERSION

He||o korangg ♥♥, Harini aku nak share acenne nak DOWNLOAD ANGRY BIRD  ♥♥ :) yelaa. KALAU korang dah kena potong line nanti KANNN, <--manalahtahu XD haha, boleh main tanpa online kann ? DAH ! jom start !

1. First, Korang pegi sini kayyy ANGRYBIRD♥♥♥♥
2.Lepasstu, Koranggs SCROLL BAWAH sampai jumpa ni :

3.Tekan SLOW DOWNLOAD♥♥

4.LEPASTU , dia akan keluar aceeni :

5. Tunggu sampai HABIS kayy :)

6. Lepastu keluar ni : 

#Korang masukkan CODE DIA BEBETUL

7.LEPASTU, keluar DOWNLOAD NOW. TEKAN tau !

8.Bila download Tadi dah siap, Korang Bukak And then EXTRACT FILES

9.Korang tak reti EXTRACT ? Tapetape, Aku tolongg kayy♥♥

10.Korang Tekan tetikus belah KANAN dekat FILE tadi, And dia akan keluar acenni :

11. Tekan EXTRACT FILES

12. Then Keluar ACENNI :

13. Tandakan EXTRACT AND REPLACES FILES, Then TEKAN OK !

14. Lepastu, Cari la profile yang korang EXTRACT tadi. Bukak sampai jumpa Ni :

15. Yang ni pun kena EXTRACT JUGAK tau !

16. IKUT KAEDAH TADI :) ♥♥

17. Okayy. Lepastu BUKAK FILE yang korang dah EXTRACT tadi , SEBAB, DAH SIAPP PUN

 ^^ TAK susahhh kannn ? HEEEE. Sekarang korang boleh main dah ♥♥

Tutorial Header Berpusing

Heeeeeeeeee ♥♥ harini jom kita buat Header kita BERPUSING ! Laaa? Tak tahu ? Cuba korang Letak mouse korang dekat HEADER  AKU, Wahwah. cantik tak ? Tak cantik ? -.- HAHA, suka hati laaa. Dahdah, membebel panjang pulak, jom buat ! ♥♥


1.Dashboard>>Design>>Edit HTML
2. CTRL+F code dibawah

h1.title {

atau

/* Widgets 

3.Dah jumpa ? Copy code yang kat bawah ni pulak.

#header:hover {

-moz-transform: rotate(360deg);

-webkit-transform: rotate(360deg);

-webkit-transition-duration: 2s;} 

4.Pastekan SEBELUM code yang korang cari tadi.
5.SAVE and SIAP !! :) ♥♥

Tutorial Favicon

Ni contoh Favicon :

1.Dashboard>>Design>>Edit HTML
2. CTRL+F cari :

</head>

3.Copy code dibawah

<link href='URL FAVICON' rel='shortcut icon'/>

4.Pastekan DIATAS code </HEAD> tadi
5.Gantikan tulisan warna PURPLE dengan URL gambar yang korang suka.
6.SAVE and SIAP !! :) ♥ ♥ 

Tutorial Top Button

1.Dashboard>>Design>>Page Element>> Add Gadget>> HTML/ Javascript.
2.Copy code dibawah :

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="URL ICON"

/></a>

3.Tulisan Warna MERAH ganti dengan URL gambar korang nak.
4.Pastekan dalam HTML box TADI !
5.SAVE and SIAP !! :)♥ ♥ 

Tutorial Fieldset

Heyy||o :D Now kita akan buat Fieldset, HUH ? apa tu ? ni diaa :

Comel kann ? DahDah ! Jom Buat !

1.Dashboard>>Design>>Page Element>> Add Gadget>> HTML/ Javascript.

2.Copy code dibawah :

<fieldset><legend><img src="URL IMAGE"/></legend>YOUR TEXTS</fieldset> 

3.Pastekan dalam HTML box TADI !
4.SAVE and SIAP !! :)♥♥
MERAH-Url Image
BIRU-Perkataan

Tutorial Welcome Image

1.Dashboard>>Design>>Edit HTML>>Tick EXPAND WIDGET TEMPLATES
2.Cari code :

]]></b:skin>

3.Copy code dibawah :

 /* to top */

#toTop { width:100px;background:none;border:0px solid #ccc;text-

align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-

decoration:none; }

</style></head>

<script language="javascript" type="text/javascript">

/* toggle() checks to see if the images has already been faded

or not and sends the appropriate variables to opacity(); */

function toggle(el,milli) {

// Get the opacity style parameter from the image

var currOpacity = document.getElementById(el).style.opacity;

if(currOpacity != 0) { // if not faded

fade(el, milli, 100, 0);

} else { // else the images is already faded

fade(el, milli, 0, 100);

}

}

/* changeOpacity() uses three different opacity settings to

achieve a cross-browser opacity changing function. This

function can also be used to directly change the opacity

of an element. */

function changeOpacity(el,opacity) {

var image = document.getElementById(el);

// For Mozilla

image.style.MozOpacity = (opacity / 100);

// For IE

image.style.filter = "alpha(opacity=" + opacity + ")";

// For others

image.style.opacity = (opacity / 100);

}

/* fade() will fade the image in or out based on the starting

and ending opacity settings. The speed of the fade is

determined by the variable milli (total time of the fade

in milliseconds)*/

function fade(el,milli,start,end) {

var fadeTime = Math.round(milli/100);

var i = 0; // Fade Timer

// Fade in

if(start < end) {

for(j = start; j <= end; j++) {

// define the expression to be called in setTimeout()

var expr = "changeOpacity('" + el + "'," + j + ")";

var timeout = i * fadeTime;

// setTimeout will call 'expr' after 'timeout' milliseconds

setTimeout(expr,timeout);

i++;

}

}

// Fade out

else if(start > end) {

for(j = start; j >= end; j--) {

var expr = "changeOpacity('" + el + "'," + j + ")";

var timeout = i * fadeTime;

setTimeout(expr,timeout);

i++;

}

}

}

</script>

<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';

document.getElementById('june').style.display=''">

<img src="LINK IMAGE"

style="opacity:0.4;filter:alpha(opacity=40)"

onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"

onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/>

</div>

<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">

<div id="june" style="display : none;">

<body>

4. Paste sebelum ]]></b:skin> TADI

5. SAVE and SIAP !! :)♥♥
merah - url gambar

Tutorial Moving Word Cursors

He||o kengkawan, ni tutorial kita yang seterusnyaa iaitu TUTORIAL MOVING WORD CURSORS
Jom MULA !

1.Dashboard>>Design>>Page Element>> Add Gadget>> HTML/ Javascript.
2.Copy code dibawah :

<style type="text/css">

/* Circle Text Styles */

#outerCircleText {

font-style: normal;

font-weight: normal;

font-family: 'Arial';

color: #000000;

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}

#outerCircleText div {position: relative;}

#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

</style>

<script type="text/javascript">

;(function(){

var msg = "Perkataan";

var size = 24;

var circleY = 0.75; var circleX = 2;

var letter_spacing = 5;

var diameter = 10;

var rotation = 0.4;

var speed = 0.2;

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');

var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,

ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],

o = document.createElement('div'), oi = document.createElement('div'),

b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){

e = e || window.event;

ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position

xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position

},

makecircle = function(){ // rotation/positioning

if(init.nopy){

o.style.top = (b || document.body).scrollTop + 'px';

o.style.left = (b || document.body).scrollLeft + 'px';

};

currStep -= rotation;

for (var d, i = n; i > -1; --i){ // makes the circle

d = document.getElementById('iemsg' + i).style;

d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';

d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';

};

},

drag = function(){ // makes the resistance

y[0] = Y[0] += (ymouse - Y[0]) * speed;

x[0] = X[0] += (xmouse - 20 - X[0]) * speed;

for (var i = n; i > 0; --i){

y[i] = Y[i] += (y[i-1] - Y[i]) * speed;

x[i] = X[i] += (x[i-1] - X[i]) * speed;

};

makecircle();

},

init = function(){ // appends message divs, & sets initial values for positioning arrays

if(!isNaN(window.pageYOffset)){

ymouse += window.pageYOffset;

xmouse += window.pageXOffset;

} else init.nopy = true;

for (var d, i = n; i > -1; --i){

d = document.createElement('div'); d.id = 'iemsg' + i;

d.style.height = d.style.width = a + 'px';

d.appendChild(document.createTextNode(msg[i]));

oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;

};

o.appendChild(oi); document.body.appendChild(o);

setInterval(drag, 25);

},

ascroll = function(){

ymouse += window.pageYOffset;

xmouse += window.pageXOffset;

window.removeEventListener('scroll', ascroll, false);

};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){

window.addEventListener('load', init, false);

document.addEventListener('mouseover', mouse, false);

document.addEventListener('mousemove', mouse, false);

if (/Apple/.test(navigator.vendor))

window.addEventListener('scroll', ascroll, false);

}

else if (window.attachEvent){

window.attachEvent('onload', init);

document.attachEvent('onmousemove', mouse);

};

})();

</script>

3.Pastekan dalam HTML box TADI !
4.SAVE dan SIAPP ! :) ♥♥


MERAH- Jenis Tulisan
BIRU- Warna Tulisan
OREN-Perkataan
PURPLE-Size

Tutorial Snow Effect

He||o kenggkawan, kalini aku nak share TUTORIAL SNOW EFFECT dekat korang ! Macam biasa.

1.Dashboard>>Design>>Page Element>> Add Gadget>> HTML/ Javascript.
2.Copy code dibawah :

<script>

//Here you can add your own picture for snow. Just change the url

var snowsrc="http://i13.servimg.com/u/f13/11/52/70/02/snowba10.png"

//how many snowflakes there will be (currently 12)

var no =100;

//How fast will the snow disappear (0 is never)

var hidesnowtime = 0;

//The height the snow will reach before it disappears ("windowheight" or "pageheight")

var snowdistance = "pageheight";

///////////////////////////////End of Settings///////////////////////////////////

var ie4up = (document.all) ? 1 : 0;

var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest()

{

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

var dx, xp, yp;

var am, stx, sty;

var i, doc_width = 800, doc_height = 600;

if (ns6up)

{

doc_width = self.innerWidth;

doc_height = self.innerHeight;

}

else

if (ie4up)

{

doc_width = document.body.clientWidth;

doc_height = document.body.clientHeight;

}

dx = new Array();

xp = new Array();

yp = new Array();

am = new Array();

stx = new Array();

sty = new Array();

for (i = 0; i < no; ++ i)

{

dx[i] = 0;

xp[i] = Math.random()*(doc_width-50);

yp[i] = Math.random()*doc_height;

am[i] = Math.random()*20;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

if (ie4up||ns6up)

{

if (i == 0)

{

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://rftactical.darkbb.com/index.htm\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");

}

else

{

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");

}

}

}

function snowIE_NS6()

{

doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;

doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;

for (i = 0; i < no; ++ i)

{

yp[i] += sty[i];

if (yp[i] > doc_height-50)

{

xp[i] = Math.random()*(doc_width-am[i]-30);

yp[i] = 0;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

}

dx[i] += stx[i];

document.getElementById("dot"+i).style.top=yp[i]+"px";

document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";

}

snowtimer=setTimeout("snowIE_NS6()", 10);

}

function hidesnow()

{

if (window.snowtimer) clearTimeout(snowtimer)

for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"

}

if (ie4up||ns6up)

{

3. Pastekan dalam HTML box TADI !
4. SAVE dan SIAPP ! :)  ♥♥