Pages

Cara membuat kursos berkelap-kelip bintang

Sabtu, 07 Juli 2012

Cara membuatnya

Dari Dashboard >> Design >> Edit HTML.

Penempatannya
dibawah <b:skin><![CDATA[
........
diatas ]]></b:skin>

body{overflow-x:hidden;}
.s1{
position  : absolute;
font-size : 10pt;
color     : blue;
visibility: hidden;
}
.s2{
position  : absolute;
font-size : 18pt;
color     : red;
visibility: hidden;
}
.s3{
position  : absolute;
font-size : 14pt;
color     : gold;
visibility: hidden;
}
.s4{
position  : absolute;
font-size : 12pt;
color     : lime;
visibility: hidden;
}
 
 

Penempatannya
dibawah <body>
........
diatas </body>


<div id="div1" class="s1">*</div>
<div id="div2" class="s2">*</div>
<div id="div3" class="s3">*</div>
<div id="div4" class="s4">*</div>

<script type='text/javascript'>
//<![CDATA[

/*
Script by Mike McGrath- http://website.lineone.net/~mike_mcgrath
*/

var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes

var nav = (!document.all || window.opera);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;

document.onmousemove = get_mouse; 

function get_mouse(e)
{    
  x = (nav) ? e.pageX : event.clientX+standardbody.scrollLeft;
  y = (nav) ? e.pageY : event.clientY+standardbody.scrollTop;
  x += x_offset;
  y += y_offset;
  beam(1);     
}

function beam(n)
{
  if(n<5)
  {
    document.getElementById('div'+n).style.top=y+'px'
    document.getElementById('div'+n).style.left=x+'px'
    document.getElementById('div'+n).style.visibility='visible'
    n++;
    tmr=setTimeout("beam("+n+")",spd);
  }
  else
  {
     clearTimeout(tmr);
     fade(4);
  }   
} 

function fade(n)
{
  if(n>0) 
  {
    document.getElementById('div'+n).style.visibility='hidden'
    n--;
    tmr=setTimeout("fade("+n+")",spd);
  }
  else clearTimeout(tmr);
} 

//]]>
</script>
 
 
 
Baca Selengkapnya...

Backgroung berganti warna jika di klik

Pada Dashboard Blogger, klik Design dan Add a Gadget.

Membuat jam digital - Add a Gadget

Pilih HTML/JavaScript
Membuat jam digital - HTML/JavaScript

Copy-Paste kode berikut :

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table width="100%">
<tr>
<td onclick="bgChange('black')" bgcolor="black">&nbsp;</td>
<td onclick="bgChange('#FFFF00')" bgcolor="#FFFF00">&nbsp;</td>
<td onclick="bgChange('red')" bgcolor="red">&nbsp;</td>
<td onclick="bgChange('blue')" bgcolor="blue">&nbsp;</td>
<td onclick="bgChange('white')" bgcolor="white">&nbsp;</td>
<td onclick="bgChange('green')" bgcolor="green">&nbsp;</td>
<td onclick="bgChange('DeepSkyBlue')" bgcolor="DeepSkyBlue">&nbsp;</td>
<td onclick="bgChange('Fuchsia')" bgcolor="Fuchsia">&nbsp;</td>
<td onclick="bgChange('DarkMagenta')" bgcolor="DarkMagenta">&nbsp;</td>
</tr>
</table<
 

Selamat mencicipi....
Baca Selengkapnya...

Cara membuat balon terbang di blog

Cara membuatnya

Dari Dashboard >> Design >> Edit HTML.

Langkah pertama > Penempatan URL dan JavaScript
dibawah ]]></b:skin>
........
diatas </head>

<script type="text/javascript" src="http://pagenano.googlecode.com/files/balon%20terbang.js"></script>
<script type='text/javascript'>
//<![CDATA[

/***********************************************
* Balon Terbang By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
***********************************************/

var flyimage1, flyimage2, flyimage3

function pagestart(){
 flyimage1=new Chip("flyimage1",47,68);
 flyimage2=new Chip("flyimage2",47,68);
 flyimage3=new Chip("flyimage3",47,68);

movechip("flyimage1");
movechip("flyimage2");
movechip("flyimage3");
}

if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart

//]]>
</script>
 
 
 Langkah kedua > Penempatan kode HTML
dibawah <body>
........
diatas </body>

<div id="flyimage1" style="position:absolute; left: -500px; width:47; height:68;">
<a href="/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUL8TwuqDL6xJ23pmjmbhqeW5a9xT-30WH61gU8hh9QjDuuDjDyXLVvdUqb9sGexVmbNf_ZK2d2EPrsgxJeUC6STUpeVhpnbZdi0-yd8ZlsuQ0pFYx7_77PJqom2DKaQ1HqARn027THG1R/s320/ballon+ungu-Nano+Yulianto.gif" border="0" /></a>
</div>

<div id="flyimage2" style="position:absolute; left: -500px; width:47; height:68;">
<a href="/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhExtIxWxYO3JjK6nCdTvCACVzF_zair6xrnToXD5vKHAy9cNMZFL93bVAy7Qhh4YpnN_ezebcnRD58uR_Cx81qo-PSscgzWl08MoQN1Cj5u5rjw3HpJOVh9ExeFX5FkHJbHIPp28Nifctw/s320/ballon+merah-Nano+Yulianto.gif" border="0" /></a>
</div>

<div id="flyimage3" style="position:absolute; left: -500px; width:47; height:68;">
<a href="/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdx2Bxi8lKrLm1vIC0HTKdLb9S9gU1e7o9EA2poyNoc_czGd_VTyBCrG0zipW6P8Js3xW1yHxkNlQH5t9sByJzU7R3Cq6grAWUfYAdQtg6HsK3BygxFNcBsJtGe5szcY2jAE66PWHGbv1y/s320/ballon+kuning--Nano+Yulianto.gif" border="0" /></a>
</div>
 
 
Baca Selengkapnya...

Cara membuat tombol naik dan turun di blog

 Kita dapat membuat tombol naik & turun supaya halaman gampang discroll..

Cara membuatnya

Dari Dashboard >> Design >> Edit HTML.

Penempatan kode HTML dan JavaScript
tepat disamping sebelum </body>


<div id="staticbuttons" style="position:absolute;">
<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2jHIQBZksWAJy3lKxnMWgw4oGLYuN18Ov4kbMl3JdrXuXnI-Xw-q0PttWgjv41orKC4UDePF-u8gaWx7IcNLx_hDzGNwOFAMsipWCOSfgUsQOCkaEM86F8wKG0fanGUqH81Pw4j2ZIenB/s400/Nano+Yulianto-up.png" border="0" /></a><br />
<a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpyDpxWb9ooBN6zNfz9dybZXFpuAoqOLoKUJUWY2h2BX_WNDQZuBnIXdfOKm43Zm1sTrv8v-9PyijBR1fWDZPz1Rkkt0SvhPEFyODJo5h8xqJ7K1xOlzjG8P-L3AXph23b_zvojs1IcKNe/s400/Nano+Yulianto-down.png" border="0" /></a>
</div>

<script type='text/javascript'>
//<![CDATA[

//Script Tombol turun dan naik By Dynamic Drive
// (www.dynamicdrive.com/dynamicindex2/pagescroller.htm)
//This credit MUST stay intact for use

var Hoffset=60
var Voffset=60
var thespeed=3 //Kecepatan

var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0

var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function positionit(){
var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset
var dsoctop=document.all? iecompattest().scrollTop : pageYOffset
var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight

if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px"
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px"
}
else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}

function scrollwindow(){
window.scrollBy(0,myspeed)
}

function initializeIT(){
positionit()
if (myspeed!=0){
scrollwindow()
}
}

if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)

//]]>
</script>
 
selamat mencoba
Baca Selengkapnya...

Cara membuat tulisan bergerak mengikuti kursor

Biar blog kamu lebih menarik, tambahin tulisan yg bergerak mengikuti kursor. mau tau caranya? langsung ke TKP aja...


<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #FF0000;


Silahkan Sobat Ikuti Langkah Langkah Berikut:
1.Masuk ke akun blog Sobat
2.Pilih Tata Letak/Rancangan =>Kemudian Pilih HTML/Java Script
3.Masukan kode/Script Diatas
4.Ubah kode yg berwarna KUNING sesuai keinginan sobat
5.Simpan
 

Baca Selengkapnya...

Cara membuat ucapan pembuka dan penutup di blog



Berikut ini evanzip akan menjeleskan cara membuat Ucapan Wellcome To My Blog jangan lupa komennya ya Otomatis keluar pada saat pengunjung datang ke blog kita dan Ucapan Hei Mau Kemana Nga Makan Makan dulu   (hay..hay baik banget ne yang punya blog  ...:D...) saat  pengunjung akan meninggalkan blog kita .Pasti di antara sobat evanzip sering menemui seperti ini pada saat sobat berkunjung ke blog Tetangga..hehehe....
ok sobat evanzip kalau sobat tertarik untuk membuatnya silahkan sobat ikuti langkah langkan berikut :

Login ke akun Blogger anda, 
klik Layout-Edit HTML lalu pada bagian atas cari kode <head> dan masukan script berikut ini dibawahnya.
 
<script type='text/javascript'>
alert("Wellcome To My Blog Jangan lupa komennya ya..")
</script>

Ada ucapan selamat datang pasti ada ucapan selamat tinggal, lalu bagaimana menampilkan pesan jika halaman blog ditutup untuk meninggalkan pesan bagi pengunjung, berikut triknya: Masih dalam mode Edit HTML dan dengan cara yang sama seperti diatas hanya scriptnya yang berbeda, masukan script berikut dibawah kode atau dibawah script pesan pembuka tadi.
 
<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert(&#39;Hei mau kemana nga makan makan dulu &#39;);
}
parent.window.onunload=goodbye;
</script>

Text yang berwarna Kuning bisa sobat ganti sesuai keinginan sobat, klik pratinjau atau preview sebelum menyimpannya. Kalau anda sudah berhasil, silahkan di simpan Templatenya. Bagaimana, mudah bukan? Anda cukup menambahkan sedikit kode Java script pada halaman blog anda dan anda sudah tampil beda.oya sobat untuk ucapan Hei mau kemana nga makan makan dulu kalau sobat mau pakai ucapan ini juga boleh...pasti evanzip setiap jam makan pagi,siang dan sore akan berkunjung terus ke blog sobat biar dapet makan GRATIS  hahahaha.. Just Kidding Sobat...cukup deh sak mono wae...xixixi
**Selamat Mencoba Semoga Berhasil**

Baca Selengkapnya...