Saturday, October 20, 2012

menambah bintang jatuh kursor blog

 cara menambah bintang jatuh di kursor blog

Alhamdulillah jumpa lagi gan,Oh iya gan untuk catatan pada pertemuan kali ini ana sedikit berbagi tips tentang cara menambah kan bintang jatuh di kursor blog,untuk cara membuat agar kursor agan bertaburan bintang bisa mengikuti langkah demi langkah seperti di bawah ini..pertama seperti biasa agan masuk di blog. Pilih layout selanjutnya agan click Add gadget kemudian pilih HTML/Javascript
selanjutnya agan copy paste code di bawah ini :
 <script type='text/javascript'>
// <![CDATA[
var colour="#FF0000";
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>
kemudian click save,Oh iya yang warna merah code warna bintang  ..selesai
ok gan semoga bermanfaat وَ لسَّلاَمُ

Friday, October 19, 2012

cara menambah musik live di blog

cara menambah musik live di blog


Alhamdulillah gan ana masih di beri kesempatan nulis nih seperti judul di atas, Ana membahas tentang cara menambah musik live di blog, alasan kenapa ana nulis di blog ini biar ane kagak lupa. pertama agan masuk dulu deh di blog terus clik tata letak
  • clik gadget HTM/JavaScript agan buka new tab google agan, dan ketik SoundCloud.. tapi agan jangan tutup dulu javascript ya...terus sesudah agan clik SoundCloud :

  • Terus agan tinggal ketik deh nama penyanyi nya :

  • Terus tinggal pilih deh...dan clik share :centang
  • Make it short
  • Use the HTML5 widget
  • dan :edit your widget

Dan copas code yang paling bawah yang ane kasih tanda merah entu dan paste kan ke gadget HTM/JavaScrip insyallah dah bisa tuh hehehehe ok deh seperti nya ane dah mulai ngantuk nih ane pamit dulu ya sahabat semoga bermanfaat :)

وَ لسَّلاَمُ

CARA MENULIS ARAB DI BLOG

                                                          بِسْــــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم




السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Hai sahabat bagamana kabar nya nih?,Insyallah sehatkan, Dan selalu mendapat kasih sayang ALLAH SWT.. amin.......
Oh iya gan, kali ini ana mau belajar bareng nih mengenai  cara menulis arab di blog...
ok gan kita mulai aja ya?....

  • selanjutnya agan tinggal tulis aja tuh terus copas deh di blog nya beres deh.....
Sedikit yang bisa ana bagi pada kesemptan kali ini mudah-mudahan bermanfaat dan ahir kata .....وَ لسَّلاَمُ