HAI AWAK. AWAK YANG SEDANG TERSENYUM TU

SUPPORTER

Saturday, July 2, 2011

cara tukar highlight


Assalammualaikum dan salam sejahtera semua. Jom kita belajar cara nak tukar highlight kat blog.
1.   Log in > dashboard > design > edit HTML.
2.   Korang tick EXPAND WIDGET.
3.   Tekan kat keyboard korang ctrl + F
4.   Ambil kod kat bawah nie

a:link {

5.   Pastekan kat ruang yang keluar bila korang tekan ctrl + F.
Pastekan kod kat bawah nie diatas kod  a:link {

::-moz-selection {
background
:#000000;
color
:#FFFFFF;
}

::selection {
background
:#000000;
color:
#FFFFFF;
}
P/s : warna kuning korang boley tukar dengan warna lain. Kod warna ada dalam tutorial sebelum nie.
Sudah siap, save template ok dan lihat hasiln
tErima kAsih / Gamsahamnida / Thank yOu / syUkran

sparkling cursor





1.       Korang Nampak tak kat cursor aku tue ade jatuh2 warna biru.
2.       Itula sparkling cursor.
3.       Cara nak buat senang je.
4.       Log in > dashboard > design > add widget > HTML / JavaScript.
5.       Paste kod kat bawah nie.
6.       Warna kuning dalam kod bawah nie korang ley tukar kepada warna apa saje yang korang nak.
7.       Kod warna ada di -sini-




·         <script type='text/javascript'>


</script>


<script type='text/javascript'>
// <![CDATA[
var colour="
#000000";
var sparkles=100;


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="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
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>

tErima kAsih / Gamsahamnida / Thank yOu / syUkran

sparkling cursor



tErima kAsih / Gamsahamnida / Thank yOu / syUkran

cara nak ambil kod di dalam tutorial =)

·         Pada semua blogger kat blog aku, xley right click.
·         Jadi kalau korang nak ambil kod – kod dalam tutorial, korang highlight dulu kod tersebut.
·         Lepas tue tkan kat keyboard korang ctrl + C.

tErima kAsih / Gamsahamnida / Thank yOu / syUkran

cara nak ambil kod kat dalam blog ini =)



tErima kAsih / Gamsahamnida / Thank yOu / syUkran

Cara Buat sHoutbox


1.    Daftar shoutmix di -sini-
2.    Tekan butang ‘ Create Shoutbox’.
3.    Lepas tue korang fill up form yang dorang suruh.
4.    Lepas fill up form pastikan korang click ‘ I have agree….’ Then continue.
5.    Click ada bahagian atas tertulis Display > styles and colors.
6.    Korang plihla warna yang korang nak untuk shoutbox kat blog korang.
7.    Save settings.
8.    Back to settings.
9.    Lepas tue page ade tulis ; customize size’. Click.
10. Then, korang copy kod shoutbox. Siap =)

p/s : korang yang nak buat hide shoutbox, cara nak dapatkan kod shoutbox ulang no. 9 dan 10.

tErima kAsih / Gamsahamnida / Thank yOu / syUkran

cara nak daftar shoutbox



tErima kAsih / Gamsahamnida / Thank yOu / syUkran

Cara Buat sHoutbox


korang nampak tak kat blog nie ade HIDE SHOUTBOX. kat bawah nie ade care - care nak wat bende alah tue =)


·        Log in > Dashboard > design > aDD gadget > + HTML / Javascript
·   pastekan kod kat bawah nie didalam kotak/ruang HTML / Javascript
·   warna merah tukar ikut saiz shoutbox yang korang nak warna kuning tue untuk icon shotbox. cara nak ambil URL image aku dah ajarkan. Ikut je
·        Bila dah dpt URL IMAGE paste kat ruang kuning
·        Kod Shoutbox kena daftar kat -sini-
Lepas dah dapat kod, paste kat ruang yang disediakan kat dalam kod bawah nie ok =)


<style type="text/css">

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

.gbtab{
height:200px;
width:160px;
float:left;
cursor:pointer;
background:url('
URL IMAGE YANG KORANG PILIH') 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">

PASTE KOD SHOUTMIX 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>





SELAMAT MENCUBA..
p/s : kod nie untuk HIDE SHOUTBOX JE..
tErima kAsih / Gamsahamnida / Thank yOu / syUkran

Cara dapatkan kod warna jika perlu

Pada blogger yang nak kod warna kat bawah nie ade link : 




Kod warna ini amat perlu jika ada tutor yang memerlukan untuk korang tukar warna seperti yang korang nak..Selamat mencuba =)

tErima kAsih / Gamsahamnida / Thank yOu / syUkran

cara ambil URL IMAGE

Salam kepada semua blogger. arinie jom kite belajar cara nak ambil URL image dari :


1. Pencarian gOogle
         
·         Korang cari pic yang kamu nak. Mane - mane yang korang suka
·         Tekan RIGHT CLICK pada pic tue..
·         Cari OPEN IMAGE IN NEW TAB
·         nanti korangCOPY URL yg ade kat adress link tue. siap =)

2. pHotobucket

·         haaa nie paling senang la.
·         Mudah lagi mudah.
·         Korang cari kat pic kat SEARCH photobucket.
·         nanti lepas kua pic yg korang nak, gerakkan cursor pada pic itu. CLICK
·         nanti ade keluar perkataan DIRECT LINK. Copy URL yang ade kat situ.
·         Siap

3. Glitter Graphics
         
·         korang masuk kat www.glitter-graphics.com
·         click mane2 pic yang korang nak.
·         URL pic ade dalam kotak :
·         [ copy this HTML code to ………. ]
·         Siap =)

     
         
(=SELAMAT MENCUBA PARA2 BLOGGER =)







tErima kAsih / Gamsahamnida / Thank yOu / syUkran

STATUS DI BLOG ANDA

1st tutorial kite jom cube belajar buat status di Blog sama ada kite on9 atau tidak =) 


1. Log in > Dashboard > Design > Add Gadget > Html/JavaScript
2. Paste kan kod di bawah  ini di bahagian html/javascript

<fieldset><legend><img src="URL IMAGE"/></legend><center>Erul Bertapak</center><center>02 August 2011</center></fieldset> 


URL IMAGE korang tahu x macam mane nak dapat?
 mudah saje. korang g Google mane2 pic yang korang nak.
 Then korang DRAG ( bawa ) pic tue kat tempat pencarian adress web.
 nanti disitu akan tertulis URL IMAGE tue. COPY dan gantikan tulisan merah

bagi yang bewarna biru korang tukar la ayat apa yang korang nak
  selamat mencuba!!! =)



 KAT BAWAH NIE CONTOH URL IMAGE. AMIK JE SEBAB SHARING IS CARING..

http://i864.photobucket.com/albums/ab210/papapinguin898/other/online_status.gif

  
http://i274.photobucket.com/albums/jj274/oddo-16/ScreenShot00007.jpg


 
http://i1087.photobucket.com/albums/j467/CZzany/cz-mystatuss.png













tErima kAsih / Gamsahamnida / Thank yOu / syUkran

HaK ciptA tErpELihaRa (c) KhaiRuL Najmi