Sebenarnya Postingan ini sudah lama aku simpan dilemari dan belum sempat di publish, setelah ada waktu akhirnya saya putuskan untuk mempublish ini dan mudah2an ada manfaatnya, dan saya akan mempublish tutor ini sekarang, yaitu Cara membuat Back to Top melayang. Oh ya kenpa disebut melayang? apa gak ada nama lain tuh? saya juga tidak tau, mungkin karena icon tanda panah BtP-nya gak bisa diem kali hehehe....
Ya udah lang sung aja nih ye,,,



Silahkan sobat copy code yang ada di bawah ini, kemudian masuk ke Layout, klik add widget, trus klik HTML/Java script dan paste deh kode yang sudah sobat copy tadi:

<script type="text/JavaScript">
var topMargin = 300
var slideTime = 1200
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);
window.setInterval("main()", 10)

function floatObject() {
if (ns4 || ns6) {
findHt = window.innerHeight;
} else if(ie4) {
findHt = document.body.clientHeight;
}
}

function main() {
if (ns4) {
this.currentY = document.floatLayer.top;
this.scrollTop = window.pageYOffset;
mainTrigger();
} else if(ns6) {
this.currentY = parseInt(document.getElementById('floatLayer').style.top);
this.scrollTop = scrollY;
mainTrigger();
} else if(ie4) {
this.currentY = floatLayer.style.pixelTop;
this.scrollTop = document.body.scrollTop;
mainTrigger();
}

}
function mainTrigger() {
var newTargetY = this.scrollTop + this.topMargin
if ( this.currentY != newTargetY ) {
if ( newTargetY != this.targetY ) {
this.targetY = newTargetY
floatStart();
}
animator();
}


}
function floatStart() {
var now = new Date()
this.A = this.targetY - this.currentY
this.B = Math.PI / ( 2 * this.slideTime )
this.C = now.getTime()
if (Math.abs(this.A) > this.findHt) {
this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt
this.A = this.A > 0 ? this.findHt : -this.findHt
} else {
this.D = this.currentY
}
}
function animator() {
var now = new Date()
var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D
newY = Math.round(newY)
if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
if ( ie4 )floatLayer.style.pixelTop = newY
if ( ns4 )document.floatLayer.top = newY
if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px"
}
}
//-->
</script>
<div id="floatLayer" style="position: absolute; height:20px; width:15; left:650px; top:400px; z-index: 100"><a href="#"><img vspace="0" border="0" hspace="0" alt="Back to Top" width="15" src="http://i304.photobucket.com/albums/nn182/ebiets/up_out.gif" height="25"/></a></div>


<a name="top"></a>

setelah itu kemudian disimpan dan lihat hasilnya.
Semoga berhasil.........

Kalau melihat judulnya diatas kayaknya dah basi ya? coz tutoral ini sudah banyak yang ngebahas, kalo sobat2 sudah pada tau, ya udah tutup aja halaman ini, tapi kalo sobat merasa perlu untuk membaca dan mencoba, silahkan baca sampe titik darah penghabisan hehehe...sadis amat ya?
Sebenarnya gak ada niat untuk postingan hari ini, tapi berhubung ada penemuan baru masalah membuat email form ini dan atas saran dari saudara Otak's , Yoyok, dan Noer, Akhirnya saya putuskan, POSTINGKAN!!!
Email form apa sih?penasaran liat aj contoh disini.
Ah..dari pada ngomong teyuss mendingan kita coba aja langsung, biar ketahuan perbedaannya:

1. Sobat harus daftar dulu disini.
2. Creat New Form bukan New Porno.
3. Ikuti saja sesuai petunjuk yang disarankan sama penyedia email forno eh email form ini.
4. setelah semuanya finish. kemudian klik get HTML code dan Copy code tersebut.
5. Log in ke blogger dengan memakai ID sendiri, jangan pake punya orang, nanti ditelanjangi loh sama yang punyanya.
6.Klik New Entri dan centang edit HTML, bagi yang punya kolom postingan yang lama dan tidak kepake silhkan pake yang itu sajah...daripada nganggur didraft terus.
7.Paste Code tadi yang didapat dari email form.

Nah sebenarnya sampai sini aja sudah beres, tapi pas dilihat hasilnya gak maksimal bro, coz email formnya bisa berada dibawah. Trus gimana dong solusinya?

Coba deh sobat liat kode yang tadi kamu paste, kira-kira kodenya seperti ini:

<form method="post" action="http://www.emailmeform.com/fid.php?formid=199169" enctype="multipart/form-data" accept-charset="UTF-8">
<font face="Verdana" size="2" color="#000000"></font>
<div style="" id="mainmsg"> </div>
<table cellpadding="2" cellspacing="0" border="0" bgcolor="#FFFFFF">

<tr valign="top">
<td nowrap><font face="Verdana" size="2" color="#000000">name</font></td>
<td>
<input type="text" name="FieldData0" value="" maxlength="100" size="30"> </td>
</tr>

<tr valign="top">
<td nowrap><font face="Verdana" size="2" color="#000000">email</font></td>
<td>
<input type="text" name="FieldData1" value="" maxlength="100" size="30"> </td>
</tr>

<tr valign="top">
<td nowrap><font face="Verdana" size="2" color="#000000">Subject</font></td>
<td>
<input type="text" name="FieldData2" value="" maxlength="100" size="30"> </td>
</tr>

<tr valign="top">
<td nowrap><font face="Verdana" size="2" color="#000000">Message</font></td>
<td>
<textarea name="FieldData3" cols="60" rows="10"></textarea><br> <div style="position: absolute; left: 1800px; top: 20px;"><a href="http://www.emailmeform.com">free forms</a></div></td>
</tr>

<tr>
<td colspan="2">
<table cellpadding=5 cellspacing=0 bgcolor="#E4F8E4" width="100%">
<tr bgcolor="#AAD6AA">
<td colspan="2"><font color="#FFFFFF" face="Verdana" size="2"><b>Image Verification</b></font></td>
</tr>
<tr>
<td style="padding: 2px;" width="10"><img src="http://www.emailmeform.com/turing.php" id="captcha"></td>
<td valign="top"><font color="#000000">Please enter the text from the image</font> <br><input type="text" name="Turing" value="" maxlength="100" size="10">
[ <a href="#" onclick=" document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()">Refresh Image</a> ] [ <a href="http://www.emailmeform.com/?v=turing&pt=popup" onClick="window.open('http://www.emailmeform.com/?v=turing&pt=popup','_blank','width=400, height=300, left=' + (screen.width-450) + ', top=100');return false;">What's This?</a> ]
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td> </td>
<td align="right">
<input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;">
<input type="submit" class="btn" value="Send email" name="Submit"> <input type="reset" class="btn" value=" Clear " name="Clear"></td>
</tr>
<tr>
<td colspan=2 align="center">
<br>
</td>
</tr>
</table>

</form>

Setelah melihat contoh code tadi diatas, sobat harus melakukan langkah-langkah berikut:

1. Kode yang di beri tanda merah merekah, silahkan dibantai atau dihapus saja.
2. Kode angka yang berwarna biru adem silhkan di ganti sesuai selera.

Kalo semuanya sudah beres kira2 codenya akan seperti ini:

<form method="post" action="http://www.emailmeform.com/fid.php?formid=199169" enctype="multipart/form-data" charset="UTF-8">
<span style="color: rgb(0, 0, 0);" ></span>
<div style="" id="mainmsg"> </div>
<span style="color: rgb(0, 0, 0);" >name</span>
<input name="FieldData0" value="" maxlength="100" type="text" style="font-size:30;">
<span style="color: rgb(0, 0, 0);" >email</span>
<input name="FieldData1" value="" maxlength="100" type="text" style="font-size:30;">
<span style="color: rgb(0, 0, 0);" >Subject</span>
<input name="FieldData2" value="" maxlength="100" type="text" style="font-size:30;">
<span style="color: rgb(0, 0, 0);" >Message</span>
<textarea name="FieldData3" cols="60" rows="10"></textarea>
<div style="position: absolute; left: 800px; top: 20px;"><a href="http://www.emailmeform.com/">free forms</a></div>
<td colspan="2"><span style="color: rgb(255, 255, 255);" ><b>Image Verification</b></span></td>
<td style="padding: 2px;" width="10"><img src="http://www.emailmeform.com/turing.php" id="captcha" /></td>
<td valign="top"><span style="color: rgb(0, 0, 0);">Please enter the text from the image</span>
<input name="Turing" value="" maxlength="100" size="10" type="text">
[ <a href="http://www.blogger.com/post-edit.g?blogID=7029734906627391227&amp;postID=5243633324584647754#" onclick=" document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()">Refresh Image</a> ] [ <a href="http://www.emailmeform.com/?v=turing&amp;pt=popup" onclick="window.open('http://www.emailmeform.com/?v=turing&amp;pt=popup','_blank','width=400, height=300, left=' + (screen.width-450) + ', top=100');return false;">What's This?</a> ]
<input name="hida2" value="" maxlength="100" size="3" style="display: none;" type="text">
<input class="btn" value="Send email" name="Submit" type="submit"> <input class="btn" value=" Clear " name="Clear" type="reset">
</form>

Kalau semuanya sudah beres bin selesai, silahkan diPratinjau dolo.
Kalo udah merasa pas, silakan langsung disave. atau publish.

Ya udah cuma gitu aj sich...

Catatan: Ingat sobat jangan memasang kode yang diatas, soalnya itu hanya sekedar contoh saja.

Oke deh.....selamat mencoba!!

Membuat Background disco? halah ada-ada aja nih! sekalian aja Background ajep-ajep ya? saya juga tidak tahu kenapa mau ngasih nama seperti ini. Untuk lebih jelasnya coba lihat contoh seperi blogku yang satu ini, Udah lihat belum? kalo udah, mah sekarang saya mau ngasih tau caranya supaya background blog kita bisa berubah warna setiap detiknya, caranya begini:

Pertama tentunya login dulu ke blogger.
Klik Tata Letak, kemudian Masuk ke Edit HTML, jangan lupa untuk mencontreng nama caleg eh salah! contreng kotak Expand Template Widget.
kemudian cari kode <body> .
kalo sudah ketemu copy code yang dibawah ini:

onload='disco()'

kemudian simapa diantara code body tersebut
seperti dibawah ini

<body "code disini">
tanpa tanda kutip dan hasilnya akan seperti ini:

<body onload='disco()'>

kemudian di save.

setelah itu copy code dibawah ini:



<script language="JavaScript">
<!--
//you can assign the initial color of the background here
r=255;
g=255;
b=255;
flag=0;
t=new Array;
o=new Array;
d=new Array;

function hex(a,c)
{
t[a]=Math.floor(c/16)
o[a]=c%16
switch (t[a])
{
case 10:
t[a]='A';
break;
case 11:
t[a]='B';
break;
case 12:
t[a]='C';
break;
case 13:
t[a]='D';
break;
case 14:
t[a]='E';
break;
case 15:
t[a]='F';
break;
default:
break;
}
switch (o[a])
{
case 10:
o[a]='A';
break;
case 11:
o[a]='B';
break;
case 12:
o[a]='C';
break;
case 13:
o[a]='D';
break;
case 14:
o[a]='E';
break;
case 15:
o[a]='F';
break;
default:
break;
}
}

function ran(a,c)
{
if ((Math.random()>2/3||c==0)&&c<255)
{
c++
d[a]=2;
}
else
{
if ((Math.random()<=1/2||c==255)&&c>0)
{
c--
d[a]=1;
}
else d[a]=0;
}
return c
}
function do_it(a,c)
{
if ((d[a]==2&&c<255)||c==0)
{
c++
d[a]=2
}
else
if ((d[a]==1&&c>0)||c==255)
{
c--;
d[a]=1;
}
if (a==3)
{
if (d[1]==0&&d[2]==0&&d[3]==0)
flag=1
}
return c
}
function disco()
{
if (flag==0)
{
r=ran(1, r);
g=ran(2, g);
b=ran(3, b);
hex(1,r)
hex(2,g)
hex(3,b)
document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
flag=50
}
else
{
r=do_it(1, r)
g=do_it(2,g)
b=do_it(3,b)
hex(1,r)
hex(2,g)
hex(3,b)
document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
flag--
}

setTimeout('disco()',50)
}
//-->
</script>


kalo sudah dicopy kemudian klik Elemen Halaman

Klik tambah Gadget klik HTML/Javascript kemudian dipaste kode diatas tadi.

Setelah itu baru deh disave.

Gampang kan?

selamat mencoba.

waduuhhh...dapet Pe=eR euy...padahal aku gak sekolah nih...dasar Cupid Alert kaya kagak ada kerjaan aja boss hehehehe.....anak sekolah mau ujian eh udah ya...aku malah dapet Pe-eR, tapi Hatur Thank You Broo....berarti Cupid Alert dah yakin kalo aku bisa ngerjain Pe-eR...

Tadinya ngelaunching PR-nih buat temen-temen dah jauh2 hari, tapi karena berbenturan dengan UAN. akhirnya, aku inapin dulu nih PR di Draft....

Langsung aja deh:


1. Punya handphone?
[!]Hari gini?....ya punyalah......2 malah(2 aj dah sombong hehehe)[!]

2. Merk + tipe hape?
[!]yang atu Sony Ericsson K750i yang atunye lagi Nokia 6600cc....(cc..? emangnya CS1?,,,)[!]

3. Warna/gambar theme yang lagi dipakai sekarang?
[!]yang K750i ProotTheme buatan ndiri....yang Nokia Defaultd ajah, coz kurang paham...[!]

4. Wallpaper?
[!]K750i Green Ant yg ngejagain Blog gwe, 6600 photoku[!]

5. Warna casing?
[!]Black Silver (K750i) Black (N6600)[!]

6. Aplikasi/folder yang pertama keliatan begitu tekan tombol 'menu'?
[!]SE K750i: Message, Music Player,File Editor, PlayNow, banyak deh...[!]
[!]Nokia 6600:apa lagi yang ini banyak banget, [!]

7. Bahasa yang digunakan di hape?
[!]English...[!]

8. Kapasitas baterai saat ini?
[!]SE K750i FULL, Nokia Agak redup...[!]

9. Pakai slot memory? Jenis?
[!]SE K750i (Micro SD), Nokia 6600 (MMC)[!]

10. Total kapasitas slot memori? Sisa kapasitas yang belum terpakai saat ini?
[!]K750i: 2GB (in use: 721MB free: 248MB), Nokia 6600: 244 MB (in use:186MB free:58MB)[!]

11. Choice: Banyak terisi untuk apa memorinya?
A. Foto
B. Video
C. Musik
D. Lain-lain?
[!]C. Musik.......atuh[!]

12. Ada fitur koneksi Bluetooth?
[!]waduh hari gini masa kagak ada bluetoothnya...ya ada dunk[!]

13. Nama Bluetooth kamu saat ini?
[!]K750i ( Mprootmuah), 6600 (mproot)!!![!]

14. Aplikasi yang paling sering kamu gunakan?
[!]2duanyaEbuddy ama Messaging[!]

15. Sisa pulsamu saat ini?
[!]K 750i: bentar ya...aku cek dulu,..."Pulsa Rp.6267, Pulsa SMS Rp.0, Super SMS 0, Pulsa Internet 103 menit, Aktiuf s/d 10/07/09. Paket SMS 0 sd-. Bns Pulsa Rp.1.Pkt Ngobrol 0 dtk sd 17:00 (IM3 buanget yaaa...). Nokia 6600: kosong hahaha... "[!]

16. Provider seluler yang kamu pake?
[!]K750i: IM3 atuhh....Nokia XL ajah....[!]

17. Nomer hape?
[!]08568120xxx dan 08788812xxx6[!]

18. Siapa aja yang kamu ingin tag untuk ngerjain PR ini?

[[Exionce]]
[[Aan]]
[[Inuel]]
[[Kepompong]]
[[Gondes]]

Untuk uang tidak kebagian PR..cupp...cupp...jgn nangis ya, nanti saya akan bagi-bagi Award, coz awardku dah numpuk nih hehehehe.....

Saking sibuknya ngurusin blog yang baru ini aku sampai lupa untuk mengambil Award yang dikasih oleh sama , maaf ya sob aku baru bisa ngambil nih dan terima kasih banget atas Awardnya, semoga ini menjadi motivasi buatku untuk terus berkarya.
Ini adalah Award yang di kasih Akhwat dan Unnyrezone untuk aku:

<a href="http://www.cidaunsblog.tk/" target="_blank"><img border="0" alt="Cidaun's Blog" src="http://i304.photobucket.com/albums/nn182/ebiets/nenosaward.jpg" /></a>


<a href="http://www.cidaunsblog.tk/" target="_blank"><img border="0" alt="Cidaun's Blog" src="http://i279.photobucket.com/albums/kk138/lapendoz/Binspiration.png" /></a>


<a href="http://www.cidaunsblog.tk/" target="_blank"><img border="0" alt="Cidaun's Blog" src="http://i279.photobucket.com/albums/kk138/lapendoz/Bfriendship.png" /></a>


Sebagai wujud rasa terimakasih buat mereka, saya akan membagikan award-award ini kepada teman-temanku yang baik banget:

1. YOYOK; temen yang suka ngasih saran kadang kadang suka ngerayu hehehe...
2. Gondes
   ; orang pinter dalam masalah bisnis online loh....tapi agak ganjen juga sih hehehe
3. eRGe
   ; temen satu ini kayaknya suka usil deh....suka main jitak-jitakan sama aku kalo lagi di forum.
4. Rae_zen
   ; Temen yang suka ngasih spirit dalam hidup gue....thnks ya bro.
5. Chempluk; temen yang ini juga gak jauh beda sama yang lain, pokok'e best my friend deh..

Untuk teman-teman yang gak kesebutin, maaf ya, tapi jangan kwatir ambil aj ya Awardnya kalo mau, sebab blog teman-teman semua juga bagus-bagus kok, cuma aku gak bisa mengingat satu-satunya.

Oh ya saratnya gimana sih?
gak ada syarat sih cuman sarab doang, ya begini nih sarannya:


1. Letakkan logo di blog kamu .
2. Berikan kembali, kepada 5 atau 10 Blog yang kamu anggap paling inspirasi dan sangat friendly.
3. Pastikan untuk selalu menghubungkan penghargaan ini dengan blog yang kamu anggap paling memberikan inspirasi dan friendly dari tempat kamu.
4. Agar mereka dapat mengetahui, bahwa mereka telah mendapatkan anugerah ini dengan cara memberikan comment ke blog mereka.
5. Berbagi cinta dan sayang untuk penghargaan ini, dari siapa kamu mendapatkan anugerah ini.

Sekali lagi thanks banget buat Akhwat dan Unnyrezone.

oh ya jangan lupa mampir juga di

Berawal dari rasa penasaranku untuk membuat openig page (Move Page) atau intro sebelum memasuki sebuah blog seperti blogku yang satu ini, soalnya cara membuat seperti ini masih jarang untuk sebuah blog, menurutku sih, akhirnya aku menemukan cara yang unik juga sih, malah sering orang menggunakannya. saya coba membuat ini dengan sedikit memodifikasi dari script pop up windows dan juga ternya banyak yang minta.
Ya udah dari pada ribet mending kita coba aja yuukk.....

Pertama kamu copy code yang di bawah ini nih:


<style type="text/css">

#informationbar{
position: fixed;
left: 0;
width: 100%;
text-indent: 5px;
padding: 5px 0;
background-image: url("http://i304.photobucket.com/albums/nn182/ebiets/blackbit-2.gif");
border-bottom: 1px solid black;
font: bold 12px Verdana;
}

* html #informationbar{ /*IE6 hack*/
position: absolute;
width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}

</style>

<script type="text/javascript">

/***********************************************

* Animated Information Bar- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more

***********************************************/

function informationbar(){
this.displayfreq="always"
this.content='<a href="javascript:informationbar.close()"><img style="width: 300px; height: 250px; float: right; border: 0; margin-right: 330px" src="http://i304.photobucket.com/albums/nn182/ebiets/ENTER-4.gif"/></a>'
}

informationbar.prototype.setContent=function(data){
this.content=this.content+data
document.write('<div id="informationbar" style="bottom: -500px">'+this.content+'</div>')
}

informationbar.prototype.animatetoview=function(){
var barinstance=this
if (parseInt(this.barref.style.top)<0){
this.barref.style.top=parseInt(this.barref.style.top)+5+"px"
setTimeout(function(){barinstance.animatetoview()}, 50)
}
else{
if (document.all && !window.XMLHttpRequest)
this.barref.style.setExpression("top", 'document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px" : body.scrollTop+"px"')
else
this.barref.style.top=0
}
}

informationbar.close=function(){
document.getElementById("informationbar").style.display="none"
if (this.displayfreq=="session")
document.cookie="infobarshown=1;path=/"
}

informationbar.prototype.setfrequency=function(type){
this.displayfreq=type
}

informationbar.prototype.initialize=function(){
if (this.displayfreq=="session" && document.cookie.indexOf("infobarshown")==-1 || this.displayfreq=="always"){
this.barref=document.getElementById("informationbar")
this.barheight=parseInt(this.barref.offsetHeight)
this.barref.style.top=this.barheight*(-1)+"px"
this.animatetoview()
}
}

window.onunload=function(){
this.barref=null
}

</script>


<script type="text/javascript">
<!--Invocation code-->

var infobar=new informationbar()
infobar.setContent('<a><img border="0" alt="#" style="display:scroll;position: fixed; bottom:0px;rightt:0px;" src="http://i304.photobucket.com/albums/nn182/ebiets/mprootcrime1-1.gif"></a>copyright © 2009 created & designe by:<a href="http://www.cidaunsblog.tk/" target="_blank">Mproot</a>')
//infobar.setfrequency('session') //Uncomment this line to set information bar to only display once per browser session!
infobar.initialize()

</script>

Setelah kamu copy, kemudian lari sekenceng-kencengnya untuk log in ke blogger, kemudian masuk ke Layout atau Tata Letak, trus klik add Widget, paste code tadi di kolom add widget javascrpt, kemudian kamu save.
dan jadi deh......


Catatan:

sebelumnya kamu bisa merubah dulu code yag berwarna merah sesuai keinginan kamu.

kode yg berwarna biru bisa kamu ganti seperi dibawah ini, bila kamu belum punya gambar background:

background-color:#000000;

kode diatas untuk backgroun yg berwarna hitam, untuk kode yang lain cari aj ndiri....

Selamat mencoba dan teruslah berkarya....