Halo sobat, saya ingin membagikan cara membuat efek hujan salju berjatuhan di Blog Anda.
Langsung saja saya tampilkan langkah-langkahnya sebagai berikut:
1. Login ke Blogger Anda
2. Masuk pada Layout
3. Pilih Edit HTML
4.Cari kode </head>
5. Copy Paste kode di bawah ini, dan letakan di bawah kode </head>
<script src='http://www.geocities.com/mailforyay/yay_snow.js' type='text/javascript'/>
6. Simpan dengan klik Save, kemudian lihat hasilnya
Cara Membuat Blog Anda Bertaburan Cinta
Kali ini saya ingin share cara membuat hujan cinta disekitar Blog Anda, dan bertaburan hati di tampilan Blog Anda mempercantik Blog.
Langsung saja langkah-langkahnya sebagai berikut:
1. Login ke Blogger Anda
2. Kemudian masuk pada Layout
3. Pilih Edit HTML
4. Cari kode </head>
5. Copy kode di bawah ini, dan letakan diatas kode </head>
6. Lalu klik preview dan related posts
Langsung saja langkah-langkahnya sebagai berikut:
1. Login ke Blogger Anda
2. Kemudian masuk pada Layout
3. Pilih Edit HTML
4. Cari kode </head>
5. Copy kode di bawah ini, dan letakan diatas kode </head>
>>>SCRIPT UPDATED<<<
<script src='http://yay.fileave.com/JS/yay_heart_new.js' type='text/javascript'/>
Cara Membuat Cursor Penuh Bintang berjatuhan
Sangat mudah dan simple untuk mempercantik blog Anda salah satunya yaitu membuat cursor Anda ada bintang yang berjatuhan berwarna -warni.
Langsung saja saya share caranya :
1. Log in ke Blogger Anda
2. Pilih Rancangan kemudian tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode dibawah ini dan sesuaikan warna yang Anda inginkan:
<script>
// JavaScript Document<script type='text/javascript'>
// <![CDATA[
var colour="blue";
var sparkles=65;
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>
.5. Lalu simpan jika sudah selesai
Semoga informasi ini bisa bermanfaat, dan Blog Anda bisa tampil lebih menarik.
Langsung saja saya share caranya :
1. Log in ke Blogger Anda
2. Pilih Rancangan kemudian tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode dibawah ini dan sesuaikan warna yang Anda inginkan:
<script>
// JavaScript Document<script type='text/javascript'>
// <![CDATA[
var colour="blue";
var sparkles=65;
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>
.5. Lalu simpan jika sudah selesai
Semoga informasi ini bisa bermanfaat, dan Blog Anda bisa tampil lebih menarik.
Cara Membuat Daftar isi Blog Otomatis dan Simple
Daftar isi yang saya share keteman-teman ini adalah secara otomatis akan memunculkan judul postingan Anda secara otomatis, setiap Anda membuat artikel postingan baru. dan letaknya cukup disidebar blog saja, Anda tidak perlu repot-repot membuka tab menu daftar isi untuk melihat keseluruhan artikel.Dan untuk menghemat tempat ditambahkan pula scroll untuk menggulung daftar isi tersebut. Langsung saja kita buat dengan Langkah-langkah sebagai berikut:
Langkah pertama : Buka menu Tata letak kemudian pilih elemen halaman, klik tambah gadget pada kolom yang menyediakan penambahan gadget
Langkah Kedua: pilih gadget HTML/Java script, beri judul untuk gadget ini terserah Anda mau memberi judul apa, selanjutnya copy kode berikut dan paste ke kotak kode gadget tersebut. Dibawah ini adalah kodenya:
<div style="overflow: auto; height: 350px;" margin="5px" ;>
<script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://ilusiyana-house.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>
Ganti alamat URL ilusiyana-house dengan alamat URL Anda.
Anda dapat pula mengganti jumlah postingan yang Anda tampilkan dengan mengganti angka 1000 dengan angka yang lain.
Dan ukuran tinggi blog yang bertulis 350 juga bisa Anda ganti sesuai keingina Anda.
Langkah ketiga:
Simpan Gadget daftar isi tersebut dan lihat hasilnya.
Semoga apa yang saya bagikan keteman--teman ini ada manfaatnya dan semoga berhasil.
(Kode ini saya dapatkan dari blognya sephtian.blogspot )
Langkah ketiga:
Simpan Gadget daftar isi tersebut dan lihat hasilnya.
Semoga apa yang saya bagikan keteman--teman ini ada manfaatnya dan semoga berhasil.
(Kode ini saya dapatkan dari blognya sephtian.blogspot )
Langganan:
Postingan (Atom)