Tutorial post title bergerak-gerak

Ha ! nak belajar tak ni ?? jom jom !!

1) Dashboard --> Design --> Edit HTML
2) Tekan button CTRL+F dan cari kod <b:includable id='post' var='post'> 
3) Bila dah jumpa , padam/delete kod di bawah .. DELETE TAU !!

 <b:includable id='post' var='post'>

<div class='post hentry uncustomized-post-template'>
 

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title entry-title'>

<b:if cond='data:post.link'>

<a expr:href='data:post.link'><data:post.title/></a>

<b:else/>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if> 

4) Bila dah delete tu , gantikan dengan kod di bawah .. GANTI ! 

<b:includable id='post' var='post'>

<div class='post hentry uncustomized-post-template'>

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<marquee direction='left'><h3 class='post-title entry-title'>

<b:if cond='data:post.link'>

<a expr:href='data:post.link'><data:post.title/></a>

<b:else/>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3></marquee>

</b:if> 

Dah siap ? PREVIEW dulu , dah menjadi , SAVE aje lah ! SELAMAT MENCUBA !

Tutorial Letak Shadow Effect Di Post Entry

Hi korang ! korang nak buadd x shadow effedt di post korang?? macam neyh ..

 

Korang nampak x??

hoho..

mulee mulee,korang kene pegi

 Log in > Design > Edit Html

lepastu korang tekan CTRL +F dan korang search


.post {

bilee korang dah jupee,korang letak HTML dekat bawah neyh dibawah kod tdi ...


text-shadow: 2px 2px 3px #000000;


yang warne pink tu,korang bley tukarkan dgn swarnee shadow yg len..korang kene

CLICK SAYA !!

Harap korang buat menjadi...

~semoga berjaya !

 

Tutorial falling object love

Hi korang ! korang nak buat x love love warnee pink jatuh jatuh dekat blog korang ?? macam neyh !

 

okeyh .meh dieja ajar ...

Dashboard > Design > Add Gadget > Html/JavaScript

pastu,korang letak yee HTML kt bawah neyh ??


<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=48 height=631 style='position:absolute; left:85%; top:5px; width:15; height:631px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=22 height=655 style='position:absolute; left:9%; top:171px; width:15; height:655px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=49 height=659 style='position:absolute; left:80%; top:61px; width:15; height:659px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=47 height=629 style='position:absolute; left:34%; top:61px; width:15; height:629px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=13 height=584 style='position:absolute; left:12%; top:126px; width:15; height:584px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=6 height=689 style='position:absolute; left:48%; top:171px; width:15; height:689px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=19 height=666 style='position:absolute; left:23%; top:139px; width:15; height:666px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=9 height=619 style='position:absolute; left:40%; top:90px; width:15; height:619px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=16 height=592 style='position:absolute; left:52%; top:180px; width:15; height:592px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=23 height=695 style='position:absolute; left:10%; top:1px; width:15; height:695px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=50 height=532 style='position:absolute; left:66%; top:1px; width:15; height:532px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=27 height=662 style='position:absolute; left:8%; top:7px; width:15; height:662px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=42 height=649 style='position:absolute; left:33%; top:173px; width:15; height:649px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=43 height=555 style='position:absolute; left:92%; top:197px; width:15; height:555px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=35 height=568 style='position:absolute; left:87%; top:185px; width:15; height:568px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=14 height=659 style='position:absolute; left:89%; top:46px; width:15; height:659px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=6 height=685 style='position:absolute; left:29%; top:0px; width:15; height:685px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=30 height=619 style='position:absolute; left:29%; top:108px; width:15; height:619px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=45 height=530 style='position:absolute; left:38%; top:45px; width:15; height:530px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=38 height=572 style='position:absolute; left:73%; top:129px; width:15; height:572px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>


Huhu..panjang ek?? hoho..memang lhaa..kalu nak comey,kene panjang panjang ...

~semoga berjaya ! 

 

Tutorial letak cute icon di blog archive

Nak belajar tak ?? Nak ?? Jom mula !

1) Design --> Buka blog archive !

Pastikan korang tick ! Tengok gambar tu  !

2) Selepas korang tick tu --> Design --> Edit HTML
3) Korang tekan CTRL+F dan cari kod <a expr:href='data:i.url'><data:i.title/>
4) Korang padam/delete kod di atas ..
5) Gantikan dengan kod 
<a expr:href='data:i.url'><img src="URL ICON"/><data:i.title/>

6) Url icon boleh dapat di Glitter Graphics ! GOODLUCK GUYS !

Tutorial Sparkling cursor berbentuk hati

Nak belajar tak ?? Jom kita belajar dengan hanis !!

1) Dashboard --> Design --> Add a gadget --> HTML javascript
2) Copy code di bawah dan pastekan di ruangan HTML .. :D



<script type='text/javascript'>
// <![CDATA[
var colour="#000000";
var sparkles=40;
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(5, 5);
var rdow=createDiv(5, 5);
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()*5;
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+"49px";
div.style.width=width+"50px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>



Amekaw ! haha .. SELAMAT MENCOPY PASTE ! hoho ... :D

Tutorial pelangi bila cursor menyentuh link

1) Dashboard --> Design --> Add a gadget --> HTML javascripts
2) Copy code di bawah dan pastekan di ruangan HTML



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

Good luck all ! simple saje tutorial hari ni .. :D

Tutorial masukkan header

1) Dashboard --> Design --> Rujuk Gambar di bawah .. click untuk besarkan gambar tu ..

2) pilih gambar korang dan masukkan .. senang bukan ? Semoga berjaya !

Tutorial letak button follow dan dashboard ala-ala tumblr

                                           ( Click untuk besarkan gambar )

oke , tahu tak nak buat macam mana tu ?? jom kita belajar !

1) Dashboard --> Design --> Add a gadget --> HTML javascripts
2) Copy code di bawah dan paste di ruangan HTML yang disediakan oke ?



<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID KORANG DISINI" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>


Preview dulu , dah menjadi , SAVE aje ! kalau ade masalah , komen tau ! jangan malu2 .. :D

Tutorial tukar favicon

Tahu tak FAVICON tu ape ? kalau tak tahu , meh nak tunjuk sikit  ..

                                            ( Click untuk besarkan gambar )

1) Dashboard --> Design --> Edit HTML
2) Tekan CTRL+F dan cari kod  </head>
3) Copy code di bawah dan pastekan di atas code </head> tadi ..



<link href='URL gambar favicon' rel='shortcut icon' type='image/x-icon'/>


<link href='URL gambar favicon' rel='icon' type='image/x-icon'/>


Gambar Favicon Boleh cari di PHOTOBUCKET .. GOOD LUCK ALLS !

Tutorial Buat cursor jadi comel

Korang tahu tak cursor tu ape ?? kalau tak tahu , meh nak kasi gambar sikit nih.. :D

                                           ( Click Untuk Besarkan Gambar )

1) Dashboard --> Design --> Add a gadget --> HTML javascript

2) Copy code di bawah dan pastekan di ruangan HTML oke ?

<style>body {cursor:url(URL ICON CURSOR), url(URL ICON CURSOR), auto;} </style>
<a href="LETAK LINK BLOG KORANG DI SINI" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>



Icon Cursors boleh dapatkan di SINI .. Semoga berjaya ! 

Tutorial Hide Shoutbox

1) Dashboard --> Design --> HTML javascripts
2) Copy code di bawah dan paste dalam ruangan HTML



<style type="text/css">


#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbtab{
height:350px;
width:140px;
float:left;
cursor:pointer;
background:url('URL GAMBAR DI DINI') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #00000;
background:#F5F5F5;
padding:10px;
}
</style>


<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 150-w) : moveGB(170-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">


LETAK KOD SHOUTMIX KORANG DI 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 = (140-gb.offsetWidth).toString() + "px";
</script>


Siap , Save ! Icon Shoutbox yang comel boleh ambil DI SINI

Tutorial ayat marquee

Korang tak tahu ayat marquee ?? yang bergerak-gerak tu .. meh nak bagi gambar sikit ni ..

                                          ( Click untuk besarkan gambar )
Ha ! tu larr ayat marquee .. dekat blog hanis & dieja pon ade .. nak belajar ??oke ! jom hanis ajarkan !

1) Dashboard --> Design --> Add a gadget --> HTML java scripts
2) Copy code di bawah dan pastekan di ruangan HTML tersebut


<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 KORANG</marquee>


Yang telah dihighlightkan warna merah , korang boleh tukar dengan kod warna lain ..
Yang telah dihighlightkan warna biru tu , korang gantikan dengan text korang sendiri

dah siap , save aje ! kalau ade apa2 masalah ,sila komen !

Tutorial letak button like(facebook)

1) Dashboard --> Design --> Edit HTML
2) Tekan button CTRL+F dan cari kod data:post.body
3) Bila dah jumpa , copy code di bawah dan paste dekat bawah code data:post.body


<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show-faces=true&width=530&height=60&action=like&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>


4) preview dulu tau ! dah jadi , save aje larr

letak HTML templates baru

ok..harini dieja nak ajar macam mana nak tukar HTML template yang baru..

ok..korang kene pegi kat DESIGN---EDIT HTML 

pastu korang kene select all semuaa HTML tu pastu tukarkan yg bru macam gambar bawah

 

select all tu macam neyh lhaa...

pastu,korang pergi kat template yg korang ambil tu..

contoh template yg korang ambil

..macam gambar kt bawah neyh ..

 

pastu,korang carik laa kat mne diee punyee HTML okeyh?

pastu korang paste macam kt bawah neyh pulak ...

 

click pada gambar untuk lihat !~

Harap-harap korang berjaya !

~selamat mencuba~