Thursday, January 20, 2011

Efek Bintang Merah Berjatuhan Di Blog

Untuk membuat efek berjatuhan ini kita gunakan cara yang sederhana aja. Yang pentingkan hasilnya sama ya..kan!. Biar pemula juga mudah mencoba tips ini. Bermacam widget yang bisa memperindah blog seperti widget kupu-kupu berterbangan, daun berjatuhan, salju berjatuhan, dll.

Langkah-langkahnya sebagai berikut:
1. Login ke blog kamu.
2. Klik Rancangan.
3. klik "tambah gadget".
4. Pilih dan klik HTML/javascript.
5. Tulis Judulnya


6. Masukkan kode script yang di bawah ini .
7. Setelah selesai, Klik Simpan.


Copas kode script dibawah ini:

<!-- Star Fall effect by http://tips-mempercantik-blog.blogspot.com -->
<script type='text/javascript'>
//<![CDATA[
//Configure below to change URL path to the snow image
var snowsrc="http://img813.imageshack.us/img813/6096/starreda.gif";
// Configure below to change number of snow to render
var no =10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = "0";
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

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; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 400;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
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://wpplugins.info\"><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() { // IE and NS6 main animation function
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) { // iterate for every dot
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>

Wednesday, January 19, 2011

Efek Kaset Berjatuhan di Blog

Untuk membuat efek berjatuhan ini kita gunakan cara yang sederhana aja. Yang pentingkan hasilnya sama ya..kan!. Biar pemula juga mudah mencoba tips ini. Bermacam widget yang bisa memperindah blog seperti widget kupu-kupu berterbangan, daun berjatuhan, salju berjatuhan, dll.

Langkah-langkahnya sebagai berikut:
1. Login ke blog kamu.
2. Klik Rancangan.
3. klik "tambah gadget".
4. Pilih dan klik HTML/javascript.
5. Tulis Judulnya <h2></h2>
6. Masukkan kode script yang di bawah ini .
7. Setelah selesai, Klik Simpan.


Copas kode script dibawah ini:

<!-- Star Fall effect by http://tips-mempercantik-blog.blogspot.com -->
<script type='text/javascript'>
//<![CDATA[
//Configure below to change URL path to the snow image
var snowsrc="http://img96.imageshack.us/img96/1952/3dcd.gif";
// Configure below to change number of snow to render
var no =10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = "0";
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

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; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 400;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
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://wpplugins.info\"><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() { // IE and NS6 main animation function
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) { // iterate for every dot
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>




Efek Bintang Berjatuhan Di Blog

Hai,, guys !!! maaf ya script-script yang saya posting dulu ( Widget salju berjatuhan dan Efek berjatuhan blog ) mungkin sudah mati atau scriptnya tidak bisa di buka dari browser anda.. Baiklah tanpa basa-basi, saya akan membahasnya langsung..

Langkah-langkahnya :
1. Login ke blog kamu.
2. Klik Rancangan.
3. klik "tambah gadget".
4. Pilih dan klik HTML/javascript.
5. Tulis Judulnya <h2></h2>
6. Masukkan kode script yang di bawah ini .
7. Setelah selesai, Klik Simpan.


Copas kode script ini ke blog kamu :

<!-- Star Fall effect by http://tips-mempercantik-blog.blogspot.com -->
<script type='text/javascript'>
//<![CDATA[
//Configure below to change URL path to the snow image
var snowsrc="http://img254.imageshack.us/img254/9386/starspins.gif";
// Configure below to change number of snow to render
var no =10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = "0";
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

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; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 400;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
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://wpplugins.info\"><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() { // IE and NS6 main animation function
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) { // iterate for every dot
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>


Semoga Bermanfaat

Script Cursor Huruf Blog

Biar tampilan blogger kita lebih hidup dan lebih keren, maka kita harus membuat Cursor huruf sendiri di Blogger kita. Seperti Blog yang ada [Disini],,,kreen kan Cursornya,,,hehehe...

Caranya seperti ini ;
  1. Login ke account blogger dan tujulah ke tab Layout, kemudian klik link "Add Page Element".
  2. Pilih HTML/JAVASCRIPT dalam window Page Element tersebut.
  3. Karena scriptnya sangat panjang. jadi lihat aja script nya [disini]
  4. Copy semua javascript code yang suda kamu lihat dan paste javascript kedalam window.
  5. Tekan Ctrl+F cari kata (BLOGFSYM). jika suda ketemu, gantai text itu dengan text kamu sendiri, tapi inget jangan panjang2 ya,,
  6. Terus jangan lupa untuk simpan. selesai deh,,,
Met mencoba,,,,

Membuat Textarea Blog

Untuk membuat text area cantik silahkan copy kode berikut kedalam deretan kode CSS (gak tau dimana tempat CSS?  wadduh..) atau letakin aja diatas kode]]></b:skin>



keterangan:


background: #00FFFF;
« ini untuk mengatur background text area,silahkan ganti kode warnanya dgn yang kamu mau,  untuk kode warna bisa dilihat disini.

font: 13px Papyrus, Georgia;
« ini untuk mengatur ukuran dan jenis font,ganti angka 12 dengan angka yg lebih besar jika ingin memperbesar ukuran fontnya,sebaliknya jika ingin yang lebih kecil silahkan ganti dengan angka yang lebih kecil dari angka 12,ekstentinya bisa menggunakan px maupun pt,untuk jenis font bisa diganti dengan arial,verdana,Comic Sans MS,georgia,jokerman dll. 

color: #1e90ff;
« ini adalah warna dari font yang ada dalam text area,  untuk kode warna lihat disini.

border: 10px ridge #1e90ff;
« ini merupakan border (pembatas text area) dan ridge itu adalah jenis border,untuk jenis border bisa diganti dengan outside,inside,solid,dotted,double,dashed dll. 

line-height: 1.5em;
« untuk yang ini sebaiknya jangan diubah agar hasilnya maksimal.

padding: 5px;
« padding adalah batas antara text dengan border,silahkan atur sesuai keperluan kamu.

-moz-border-radius-topleft: 15px;
« nah..ini adalah css untuk membuat rounded courner atau border lengkung  tapi ini hanya akan kelihatan pada Mozilla firefox,topleft itu artinya border lengkung akan ditempatkan di bagian kiri atas.

-moz-border-radius-bottomright: 15px;
« yang ini bottomleft artinya border lengkung (rounded courner) berada dibagian bawah kanan.


Yupz..  segitu aja,maaf yah kalo ga bagus orang juga ngeblog pake hp,hehe.. 

Dibawah ini terdapat beberapa style textarea yang bisa kamu gunakan.. 









Note: jika kamu sudah naruh kode tadi kebagian CSS maka setiap kali kamu bikin text area,maka tampilannya akan selalu seperti itu.