Cara Menyembunyikan Buku Tamu (ShoutBox)

Cara Sembunyikan Buku Tamu - Cara Buat Buku tamu Melayang
Bagi Rekan-rekan Blogger yang blognya sudah terlalu banyak pernak-pernik dan kesulitan untuk menambah widget baru lagi, padahal sangat bermanfaat untuk blog, ini ada cara menyembunyikan Buku tamu atau shoutbox seperti tampilan pada kanan pojok blog ini, bila ada pengunjung yang mengkliknya maka buku tamunya akan terbuka. Smart dan indah, lumayankan dari pada berantakan dan membuat tampilan blog jadi amburadul. Oke ini dia caranya Sembunyikan shotbox atau Buku Tamunya seperti ini.

* Login ke Blogger Account Anda, pilih "Layout" kemudian "Page Elements",
* Klik "Add a Gadget" boleh di element manasaja, pilihlah "HTML/JavaScript",
* Copy code berikut dan paste ke Notepad:

<br /><style type="text/css"><br />#gb{<br />position:fixed;<br />top:50px;<br />z-index:+1000;<br />}<br />* html #gb{position:relative;}<br />.gbtab{<br />height:100px;<br />width:30px;<br />float:left;<br />cursor:pointer;<br />background:url('http://i581.photobucket.com/albums/ss258/daenkrhapy/BT.jpg') no-repeat;<br />}<br />.gbcontent{<br />float:left;<br />border:2px solid #A5BD51;<br />background:#F5F5F5;<br />padding:10px;<br />}<br /></style><br /><script type="text/javascript"><br />function showHideGB(){<br />var gb = document.getElementById("gb");<br />var w = gb.offsetWidth;<br />gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br />gb.opened = !gb.opened;<br />}<br />function moveGB(x0, xf){<br />var gb = document.getElementById("gb");<br />var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br />var dir = xf>x0 ? 1 : -1;<br />var x = x0 + dx * dir;<br />gb.style.right = x.toString() + "px";<br />if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br />}<br /></script><br /><div id="gb"><br /><div class="gbtab" onclick="showHideGB()"> </div><br /><div class="gbcontent"><br /><!-- Ganti ini dengan kode buku tamu Anda --><br /><blink><br /><font size="2"><a href="http://daenkblog.blogspot.com/2009/08/cara-sembunyikan-shoutbox-buku-tamu.html">^÷•db•÷^</a></blink><br /><div style="text-align:right"><br /><a href="javascript:showHideGB()"><br />[close]<br /></a><br /></div><br /></div><br /></div><br /><script type="text/javascript"><br />var gb = document.getElementById("gb");<br />gb.style.right = (30-gb.offsetWidth).toString() + "px";<br /></script><br />


Sebagai Contoh Saya akan Ganti
dengan buku tamu saya :

<!-- Start http://shoutbox.widget.me HTML Code -->
<iframe title="Shoutbox" src="http://shoutbox.widget.me/window.html?uid=rrkec" width="160" height="400" frameborder="0" scrolling="auto"></iframe>
<br /><a href="http://shoutbox.widget.me" title="Get your own free chat widget!">Shoutbox</a> by <a href="http://ngai.cc" title="Ngai Chun Cheung">ngai.cc</a><br />
<!-- End http://shoutbox.widget.me HTML Code -->

1. selanjutnya Sobat juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah Anda.
2. Atau Anda Juga Mau Rubah Gambar http://i581.photobucket.com/albums/ss258/daenkrhapy/BT.jpg sesuai selera, silahkan bikin dulu dengan Photoshop atau corelDRAW, Lalu simpan di photobucket dan gantilah gambar tersebut sesuai alamat penyimpanan.
3. Jangan Lupa disimpan

»»  

Cara Memasang Scroll Box

Hae temen temen semua,.... sudah tahu belum tentang scroll box. pastinya udah khan tp mungkin belum tahu bagimana cara memasang atau menggunkannya!! kayaknya gak perlu dijelaskan panjang lebar dech!
kita menuju langsung ke sricpt nya aja yach !!!

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">

isi halaman

</div>

contoh :

<div style="overflow:auto;width:180px;height:170px;padding:10px;border:1px solid #eee">

<a href="http://perawatan-komputer-yanti.blogspot.com/p/cara-mempercepat-kerja-sistem-komputer.html">mempercepat kerja sistem komputer</a>
<br />
<a href="http://perawatan-komputer-yanti.blogspot.com/p/mempercepat-shutdown-windows.html">mempercepat shutdown windows</a>
<br />
<a href="http://perawatan-komputer-yanti.blogspot.com/p/cara-merawat-print.html">Cara merawat printer</a>
<br />
<a href="http://perawatan-komputer-yanti.blogspot.com/p/buat-antivirus-untuk-flasdisk.html">Anti virus untuk Flasdisk</a>
<br />
<a href="http://perawatan-komputer-yanti.blogspot.com/p/sudah-bosan-dengan-icon-defaultyna.html">Mengubah Icon pada Flasdisk</a>
<br />
<a href="http://perawatan-komputer-yanti.blogspot.com/p/mempercepat-proses-start-up-pada.html">Mempercepat Start up windows</a>
<br />
<a href="http://perawatan-komputer-yanti.blogspot.com/p/mempercepat-komputer-dengan-defraggler.html">mempercepat komputer dgn Defraggler</a>
<br />
<a href="http://tutorialblog-yanti.blogspot.com/2010/07/ebook-gratis-tentang-blog.html">E-Book gratis tentang Blok</a>
<br />

</div>



Sedikit penjelasan :

Didalam kode tersebut, yang berperan besar adalah kode yang ada dalam style. Dengan style itulah kita bisa membuat apa yang kita inginkan. Berikut adalah perintah-perintah yang di pakai :

overflow:auto; » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.
width:300px; » adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).
height:200px; » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.
padding:10px; » adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;
border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.

Selamat mencoba.....

»»  

Parse HTML

Hai para sobat sekalian,.... saya akan membahas tentang parse kode HTML.
kalian dah tau belum tentang pengertian parse HTML.
Tutorial postingan khususnya postingan yang mengharuskan memposting code code HTML biar bisa muncul atau tampil dipostingan, kan hsrus diparse dulu.
kalau gak diparse dulu postingan tersebut tidak bisa diterbitkan. Maka dari itu kita harus parse dulu.
Lalu bagaimana caranya?.....

Jangan bingung! banyak situs situs yang menyediakan tempat untuk parse tinggal kalian pergi ke mbah google trus ketik "parse html".

kemudian sudah dech,...... met mencoba ya!!

»»  

Cara Pasang Efek Kembang Api di Blog

Ini adalah hasil dari browsing aku ke mbah google, akhirnya aku dapatkan juga kode script untuk mempercantik blog. yaitu Membuat Efek Kembang Api di Blog

Cara Pasang Efek Kembang Api di Blog
Cara membuatnya seperti berikut :
1. Login ke Blogger
2. Klik Rancangan (yang dulunya Tata Letak) ==> Edit HTML
3. Cari kode </body>
4. Masukkan Script berikut ini tepat diatas kode </body> tersebut

<SCRIPT src=' http://h1.ripway.com/imtikhan/kembangapi.js'type='text/javascript'/>

5. Simpan Template selesai dan lihat hasilnya

Selamat Mencoba

»»  

Cara Membuat Text Link Berkelap kelip

Ini adalah hasil dari browsing aku ke mbah google, akhirnya aku dapatkan juga kode script untuk mempercantik blog. yaitu Membuat Text Link berkelap kelip saat cursor Mouse melintas.

Link berkelap-kelip seperti pelangi saat mouse melintas
Cara membuatnya seperti berikut :
1. Login ke Blogger
2. Klik Rancangan (yang dulunya Tata Letak) ==> Edit HTML
3. Cari kode <head>
4. Masukkan Script berikut ini tepat dibawah kode <head> tersebut

<script src='http://h1.ripway.com/imtikhan/pelangi.js '>
</script>

5. Simpan Template selesai dan lihat hasilnya

Selamat Mencoba

»»  

Kursor selalu di ikuti jam berjalan

Hae temen temen sekalian,.... disini saya akan membahas tentang mengenai Kursor selalu di ikuti oleh jam dan tanggal, dulu pernah saya penasaran, Bagaimana sich cara membuatnya?.... setelah saya browsing akhirnya kutemukan nich, di blognya temen saya. www.seiparing.co.cc. Sebagai contoh lihat disini baik untuk tidak membuang waktu kita ikuti langkah-langkah sbb :

Langkah Pertama : Download Template lengkap anda jaga-jaga kalau terjadi kesalahan, kemudian coba kita cari tulisan ini ]]> setelah jumpa selanjutnya Paste code dibawah ini di atas kode tersebut yang berkedip diatas.




Langkah kedua cari sampai ketemu yang ini kemudian copas code dibawah ini diatas code yang berkedip diatas

<script language="JavaScript">
<!-- Mouse Follow Clock from Rainbow Arch -->
<!-- This script and many more from : -->
<!-- http://rainbow.arch.scriptmania.com -->

<!-- Mouse Follow Clock from www.rainbow.arch.scriptmania.com
//Hide from older browsers
if (document.getElementById&&!document.layers){

// *** Clock colours
dCol='#00ff00'; //date colour.
fCol='#ffffff'; //face colour.
sCol='#ffffff'; //seconds colour.
mCol='#00ff00'; //minutes colour.
hCol='#00ff00'; //hours colour.

// *** Controls
del=0.6; //Follow mouse speed.
ref=40; //Run speed (timeout).

// Alter nothing below! Alignments will be lost!
var ieType=(typeof window.innerWidth != 'number');
var docComp=(document.compatMode);
var docMod=(docComp && docComp.indexOf("CSS") != -1);
var ieRef=(ieType && docMod)
?document.documentElement:document.body;
theDays=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");
theMonths=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
tmpdate=" "+theDays[date.getDay()]+" "+day+" "+theMonths[date.getMonth()]+" "+year;
D=tmpdate.split("");
N='3 4 5 6 7 8 9 10 11 12 1 2';
N=N.split(" ");
F=N.length;
H='...';
H=H.split("");
M='....';
M=M.split("");
S='.....';
S=S.split("");
siz=40;
eqf=360/F;
eqd=360/D.length;
han=siz/5.5;
ofy=-7;
ofx=-3;
ofst=70;
tmr=null;
vis=true;
mouseY=0;
mouseX=0;
dy=new Array();
dx=new Array();
zy=new Array();
zx=new Array();
tmps=new Array();
tmpm=new Array();
tmph=new Array();
tmpf=new Array();
tmpd=new Array();
var sum=parseInt(D.length+F+H.length+M.length+S.length)+1;
for (i=0; i < sum; i++){
dy[i]=0;
dx[i]=0;
zy[i]=0;
zx[i]=0;
}

algn=new Array();
for (i=0; i < D.length; i++){
algn[i]=(parseInt(D[i]) || D[i]==0)?10:9;
document.write('<div id="_date'+i+'" class="css2" style="font-size:'+algn[i]+'px;color:'+dCol+'">'+D[i]+'</div>');
tmpd[i]=document.getElementById("_date"+i).style;
}
for (i=0; i < F; i++){
document.write('<div id="_face'+i+'" class="css2" style="color:'+fCol+'">'+N[i]+'</div>');
tmpf[i]=document.getElementById("_face"+i).style;
}
for (i=0; i < H.length; i++){
document.write('<div id="_hours'+i+'" class="css1" style="color:'+hCol+'">'+H[i]+'</div>');
tmph[i]=document.getElementById("_hours"+i).style;
}
for (i=0; i < M.length; i++){
document.write('<div id="_minutes'+i+'" class="css1" style="color:'+mCol+'">'+M[i]+'</div>');
tmpm[i]=document.getElementById("_minutes"+i).style;
}
for (i=0; i < S.length; i++){
document.write('<div id="_seconds'+i+'" class="css1" style="color:'+sCol+'">'+S[i]+'</div>');
tmps[i]=document.getElementById("_seconds"+i).style;
}

function onoff(){
if (vis){
vis=false;
document.getElementById("control").value="Clock On";
}
else{
vis=true;
document.getElementById("control").value="Clock Off";
Delay();
}
kill();
}

function kill(){
if (vis)
document.onmousemove=mouse;
else
document.onmousemove=null;
}

function mouse(e){
var msy = (!ieType)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number'){
mouseY = e.pageY + ofst - msy;
mouseX = e.pageX + ofst;
}
else{
mouseY = e.clientY + ofst - msy;
mouseX = e.clientX + ofst;
}
if (!vis) kill();
}
document.onmousemove=mouse;

function winDims(){
winH=(ieType)?ieRef.clientHeight:window.innerHeight;
winW=(ieType)?ieRef.clientWidth:window.innerWidth;
}
winDims();
window.onresize=new Function("winDims()");

function ClockAndAssign(){
time = new Date();
secs = time.getSeconds();
sec = Math.PI * (secs-15) / 30;
mins = time.getMinutes();
min = Math.PI * (mins-15) / 30;
hrs = time.getHours();
hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360;

for (i=0; i < S.length; i++){
tmps[i].top=dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+"px";
tmps[i].left=dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+"px";
}
for (i=0; i < M.length; i++){
tmpm[i].top=dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+"px";
tmpm[i].left=dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+"px";
}
for (i=0; i < H.length; i++){
tmph[i].top=dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+"px";
tmph[i].left=dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+"px";
}
for (i=0; i < F; i++){
tmpf[i].top=dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+"px";
tmpf[i].left=dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+"px";
}
for (i=0; i < D.length; i++){
tmpd[i].top=dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+"px";
tmpd[i].left=dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+"px";
}
if (!vis)clearTimeout(tmr);
}

buffW=(ieType)?80:90;
function Delay(){
scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset;
if (!vis){
dy[0]=-100;
dx[0]=-100;
}
else{
zy[0]=Math.round(dy[0]+=((mouseY)-dy[0])*del);
zx[0]=Math.round(dx[0]+=((mouseX)-dx[0])*del);
}
for (i=1; i < sum; i++){
if (!vis){
dy[i]=-100;
dx[i]=-100;
}
else{
zy[i]=Math.round(dy[i]+=(zy[i-1]-dy[i])*del);
zx[i]=Math.round(dx[i]+=(zx[i-1]-dx[i])*del);
}
if (dy[i-1] >= winH-80) dy[i-1]=winH-80;
if (dx[i-1] >= winW-buffW) dx[i-1]=winW-buffW;
}

tmr=setTimeout('Delay()',ref);
ClockAndAssign();
}
window.onload=Delay;
}
//-->
</script>

Selesai Pratinjau dulu kalau berhasil terbuka normal simpan template sobat

Langkah terakhir yaitu pergi ke Elemen Laman lalu klik Tambah Gadget HTML/JavaScript Tambah lalu paste Script dibawah ini, scrip ini yaitu berfungsi sebagai ON/OF kursor Jam dan Tanggal kita, setelah selesai simpan Lihat Blog.

<style type="text/css">
<!--
/*Do not Alter these. Set for alignment*/
.css1{
position:absolute;top:0px;left:0px;
width:16px;height:16px;
font-family:Arial,sans-serif;
font-size:16px;
text-align:center;
font-weight:bold;
}
.css2{
position:absolute;top:0px;left:0px;
width:10px;height:10px;
font-family:Arial,sans-serif;
font-size:10px;
text-align:center;
}
//-->
</style>




<script language="JavaScript">
<!-- Mouse Follow Clock from Rainbow Arch -->
<!-- This script and many more from : -->
<!-- http://rainbow.arch.scriptmania.com -->

<!-- Mouse Follow Clock from www.rainbow.arch.scriptmania.com
//Hide from older browsers
if (document.getElementById&&!document.layers){

// *** Clock colours
dCol='#00ff00'; //date colour.
fCol='#ffffff'; //face colour.
sCol='#ffffff'; //seconds colour.
mCol='#00ff00'; //minutes colour.
hCol='#00ff00'; //hours colour.

// *** Controls
del=0.6; //Follow mouse speed.
ref=40; //Run speed (timeout).

// Alter nothing below! Alignments will be lost!
var ieType=(typeof window.innerWidth != 'number');
var docComp=(document.compatMode);
var docMod=(docComp && docComp.indexOf("CSS") != -1);
var ieRef=(ieType && docMod)
?document.documentElement:document.body;
theDays=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");
theMonths=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
tmpdate=" "+theDays[date.getDay()]+" "+day+" "+theMonths[date.getMonth()]+" "+year;
D=tmpdate.split("");
N='3 4 5 6 7 8 9 10 11 12 1 2';
N=N.split(" ");
F=N.length;
H='...';
H=H.split("");
M='....';
M=M.split("");
S='.....';
S=S.split("");
siz=40;
eqf=360/F;
eqd=360/D.length;
han=siz/5.5;
ofy=-7;
ofx=-3;
ofst=70;
tmr=null;
vis=true;
mouseY=0;
mouseX=0;
dy=new Array();
dx=new Array();
zy=new Array();
zx=new Array();
tmps=new Array();
tmpm=new Array();
tmph=new Array();
tmpf=new Array();
tmpd=new Array();
var sum=parseInt(D.length+F+H.length+M.length+S.length)+1;
for (i=0; i < sum; i++){
dy[i]=0;
dx[i]=0;
zy[i]=0;
zx[i]=0;
}

algn=new Array();
for (i=0; i < D.length; i++){
algn[i]=(parseInt(D[i]) || D[i]==0)?10:9;
document.write('<div id="_date'+i+'" class="css2" style="font-size:'+algn[i]+'px;color:'+dCol+'">'+D[i]+'</div>');
tmpd[i]=document.getElementById("_date"+i).style;
}
for (i=0; i < F; i++){
document.write('<div id="_face'+i+'" class="css2" style="color:'+fCol+'">'+N[i]+'</div>');
tmpf[i]=document.getElementById("_face"+i).style;
}
for (i=0; i < H.length; i++){
document.write('<div id="_hours'+i+'" class="css1" style="color:'+hCol+'">'+H[i]+'</div>');
tmph[i]=document.getElementById("_hours"+i).style;
}
for (i=0; i < M.length; i++){
document.write('<div id="_minutes'+i+'" class="css1" style="color:'+mCol+'">'+M[i]+'</div>');
tmpm[i]=document.getElementById("_minutes"+i).style;
}
for (i=0; i < S.length; i++){
document.write('<div id="_seconds'+i+'" class="css1" style="color:'+sCol+'">'+S[i]+'</div>');
tmps[i]=document.getElementById("_seconds"+i).style;
}

function onoff(){
if (vis){
vis=false;
document.getElementById("control").value="Clock On";
}
else{
vis=true;
document.getElementById("control").value="Clock Off";
Delay();
}
kill();
}

function kill(){
if (vis)
document.onmousemove=mouse;
else
document.onmousemove=null;
}

function mouse(e){
var msy = (!ieType)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number'){
mouseY = e.pageY + ofst - msy;
mouseX = e.pageX + ofst;
}
else{
mouseY = e.clientY + ofst - msy;
mouseX = e.clientX + ofst;
}
if (!vis) kill();
}
document.onmousemove=mouse;

function winDims(){
winH=(ieType)?ieRef.clientHeight:window.innerHeight;
winW=(ieType)?ieRef.clientWidth:window.innerWidth;
}
winDims();
window.onresize=new Function("winDims()");

function ClockAndAssign(){
time = new Date();
secs = time.getSeconds();
sec = Math.PI * (secs-15) / 30;
mins = time.getMinutes();
min = Math.PI * (mins-15) / 30;
hrs = time.getHours();
hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360;

for (i=0; i < S.length; i++){
tmps[i].top=dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+"px";
tmps[i].left=dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+"px";
}
for (i=0; i < M.length; i++){
tmpm[i].top=dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+"px";
tmpm[i].left=dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+"px";
}
for (i=0; i < H.length; i++){
tmph[i].top=dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+"px";
tmph[i].left=dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+"px";
}
for (i=0; i < F; i++){
tmpf[i].top=dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+"px";
tmpf[i].left=dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+"px";
}
for (i=0; i < D.length; i++){
tmpd[i].top=dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+"px";
tmpd[i].left=dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+"px";
}
if (!vis)clearTimeout(tmr);
}

buffW=(ieType)?80:90;
function Delay(){
scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset;
if (!vis){
dy[0]=-100;
dx[0]=-100;
}
else{
zy[0]=Math.round(dy[0]+=((mouseY)-dy[0])*del);
zx[0]=Math.round(dx[0]+=((mouseX)-dx[0])*del);
}
for (i=1; i < sum; i++){
if (!vis){
dy[i]=-100;
dx[i]=-100;
}
else{
zy[i]=Math.round(dy[i]+=(zy[i-1]-dy[i])*del);
zx[i]=Math.round(dx[i]+=(zx[i-1]-dx[i])*del);
}
if (dy[i-1] >= winH-80) dy[i-1]=winH-80;
if (dx[i-1] >= winW-buffW) dx[i-1]=winW-buffW;
}

tmr=setTimeout('Delay()',ref);
ClockAndAssign();
}
window.onload=Delay;
}
//-->
</script>


Pada halaman tata letak Eleman Laman klik Tambah Gadget HTML/JavaScript kemudian paste Kode Script tersebut kemudian simpan :

Lihat hasilnya,......... Menarik Bukan selmat mencoba.

»»  

LINK ditunjuk Membesar dan Berpijar

Mau menampilkan blog yang cantik dan menarik,.... haruslah kamu beri animasi yang menarik juga. contoh nya seperti ini. pertama yang harus kalian lakukan adalah browsing, pahami kemudian praktekan maka hasilnya :
lucu , memuaskan juga mengasah otak dengan berbagai pengetahuan baru
dan makin menyadarkan kita kalo ilmu belumlah seberapa

berikut sedikit tips dari saya tentang LINK DITUNJUK MEMBESAR DAN BERPIJAR
mau tahu apa aja yang mesti dirubah ???
simak aja di tutorial saya ....

1.login dahulu ke blogger anda
2.buka tata letak
3.edit html
4.expand template widget
cari aja kode yang ini
/* global link attributes */

atau kalau ga ada cari yang ini
a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
a:hover {


kemudian tambahkan kode ini
color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }



sehingga menjadi seperti ini

a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
a:hover {
color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }

gimana hasilnya,...?
kalian khususnya para programer cewek jangan mau kalah dengan para cowok, terus belajar dan berjuang!

Salam Sukses Selalu.

»»  

Cara Membuat Gambar Blogumus di Blog

Hai konco konco Cemua! kali ni q mau share nich,...!tentang widget yang menarik buat kalian yang ingin menampilkan photo-photonya pada blogger. Namanya Blogumus Pada Photo Flickr. Contohnya seperti yang disebelah kiri ini. Why blogumus? istilah blogumus yang saya tau dari Browwsing, kalau dari roytanck sendiri sebagai original authornya bilang WP-Cumulus. Tapi nampaknya saya lebih tertarik dengan istilah blogumus karena lebih bersahabat dengan seo para blogger. Nah setelah populer dengan flash animated label cloudnya, kali ini roytanck Menerapkan blogumusnya pada photo flickr. Untuk membuat widget tersebut pastinya kalian harus telah memiliki koleksi photo di http://www.flickr.com. Kalau kalian sudah punya akun di flickr, kalian tinggal "login" dan pada halamam "home" kalian klik tulisan "Your Photostream".

Pada halaman "Your photostream" tersebut coba kalian lihat pada bagian bawah sehingga akan tampak seperti gambar di bawah ini.




Silahkan kalian klik icon feed tersebut dan copy alamat (URL) feed tersebut. sebagai contoh kalian dapat lihat gambar di bawah ini.



Nah kalau sudah kalian copy alamat (URL) feed photo flickr kalian langkah berikutnya kalian harus letakkan atau paste URL tersebut ke http://www.roytanck.com/get-my-flickr-widget/ untuk mendapatkan kode widget blogumus pada photo flickr. Seperti gambar di bawah ini:



Setelah kalian dapatkan kode widgetnya, letakkan kode widget blogumus photo flickr tersebut pada blog anda

Caranya sebagai berikut :

* Login dulu ke Blogger.com
* Klik Tata Letak (Lay Out)
* Selanjutnya elemen
* klick tambah gadget
* pilih script HTML / Javasript

Lihat Tuch hasilnya?,..... gambarnya muter muter!
selamat mencoba.

»»  

Cara memasang bintang berjatuhan pada kursor

Bagi temen temen yang ingin mempercantik blog nya,...... kalian dapat memasang efek bintang berjatuhan, ni ae punya kode scriptnya, hasil dari browsing di mbah google,.....
yang harus pean lakukan adalah

• login ke blogger masuk ke dasbor
• klik rancangan
  
• Klik Elemen Laman
• Klik Tambah Gadget pilih HTML/JavaScrit
• Kemudian Copy Paste Script berikut kedalamnya

sobat semua dapat memilih warna bintang yang kalian sukai

<script src="http://h1.ripway.com/imtikhan/red_star.js" type="text/javascript"></script>

<script src="http://h1.ripway.com/imtikhan/yellow_star.js" type="text/javascript"></script>

<script src="http://h1.ripway.com/imtikhan/green_star.js" type="text/javascript"></script>

<script src="http://h1.ripway.com/imtikhan/blue_star.js" type="text/javascript"></script>

<script src="http://h1.ripway.com/imtikhan/black_star.js" type="text/javascript"></script>

<script src="http://h1.ripway.com/imtikhan/white_star.js" type="text/javascript"></script>

Kemudian Simpan selesai dan lihat hasilnya

»»