- Login : Tuliskan User Name/Nama Pengguna atau Email Addresskemudian lanjutkan dengan menuliskan Password/Sandi.
- Dasbor : Sesaat setelah login, sampeyan akan tiba di halamanDasbor. Cari link Design/Rancangan. KLIK link tersebut.
- Design/Rancangan : Bagian yang sampeyan jumpai pertama di “Rancangan” adalah “Elemen Laman“. Lewatkan halaman ini denganKLIK link “Edit HTML“.
- Back Up Template : Amankan template terlebih dahulu dengan KLIKlink Download Template Lengkap. Simpan file template sampeyan di folder PC. Dengan cara seperti ini, maka bila terjadi kerusakan template akibat kekeliruan pemasangan javascript, maka template bisa dikembalikan lagi ke bentuk semula dengan KLIK “Choose” kemudian baru dilanjutkan KLIK “Unggah“.
- Copy-Paste Javascript : Copy javascript, kemudian letakkan di bawahkode <head> atau di atas kode ]]></b:skin> . Gunakan Ctrl+F untuk mencari kode di atas. Bila mungkin sampeyan butuh panduan cara mencari kode html supaya lebih mudah dan cepat, silahkan buka panduannya
.
- SAVE Template/Simpan Template : KLIK “Simpan Template” dan lihat penampilan cursor barunya dengan membuka blog.
Javascript Cursor Image Script
Javascript 1
<script type="text/javascript"> var bgsGR_CurTrail_image=["http://h1.ripway.com/gubhugreyot/GRimages/joged.gif", 80, 80] </script>
Javascript 2
//<![CDATA[
/* gubhug reyot - bgsGR*/
var offsetfrommouse=[10,10]
var displayduration=0
if (document.getElementById || document.all)
document.write('<div id="bgsGR_CurTrail_imageid" style="position:absolute;visibility:visible;left:0px;top:0px;width:1px;height:1px;"><img src="'+bgsGR_CurTrail_image[0]+'" border="0" width="'+bgsGR_CurTrail_image[1]+'px" height="'+bgsGR_CurTrail_image[2]+'px"></div>')
function gettrailobj(){ if (document.getElementById)
return document.getElementById("bgsGR_CurTrail_imageid").style
else if (document.all)
return document.all.trailimagid.style}
function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
function hidetrail(){gettrailobj().visibility="hidden"
document.onmousemove=""}
function followmouse(e){var xcoord=offsetfrommouse[0]
var ycoord=offsetfrommouse[1]
if (typeof e != "undefined"){xcoord+=e.pageX
ycoord+=e.pageY}
else if (typeof window.event !="undefined"){
xcoord+=truebody().scrollLeft+event.clientX
ycoord+=truebody().scrollTop+event.clientY}
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
if (xcoord+bgsGR_CurTrail_image[1]+3>docwidth || ycoord+bgsGR_CurTrail_image[2]> docheight)
gettrailobj().display="none"
else
gettrailobj().display=""
gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"}
document.onmousemove=followmouse
if (displayduration>0)
setTimeout("hidetrail()", displayduration*1000)
//]]>Catatan/Keterangan :
- Upload javascript 2 di file hosting dan gunakan URL javascript hasil upload untuk membentuk sebuah link javascript yang akan disimpan di template.
- Angka (nilai) 50 dan 40 pada javascript 1 merupakan lebar (width) dan tinggi (height) gambar/image. Rubah nilai tersebut sesuai gambar yang akan dipergunakan.
- URL gambar (image) pada Javascript 1 –> http://h1.ripway.com/gubhugreyot/GRimage… : adalah URL gambaryang digunakan sebagai cursor
- http:// …../…/bgsGR-CursorImageScript.js : adalah URL javascripthasil upload.
- Berbagai macam bentuk gambar cursor bisa sampeyan dapatkan di link di bawah ini. http://cursors.funutilities.com
Contoh Bentuk kode Javascript Cursor Image Script yang siap di simpan di template
<script type="text/javascript"> var bgsGR_CurTrail_image=["http://h1.ripway.com/gubhugreyot/GRimages/joged.gif", 80, 80] </script> <script scr="http:// ...../.../bgsGR-CursorImageScript.js" type="text/javascript"></script>
Sampeyan bisa juga menggunakan javascript yang sudah terupload dan dalam kondisi siap pakai dengan men-download melalui link di bawah ini. Tinggal ganti gambarnya kemudian langsung pasang/simpan di template.
Tutorial Lain : Berbagai tutorial dan panduan blogger dan blogDETIK dapat sampeyan buka dengan
Tutorial Lain : Berbagai tutorial dan panduan blogger dan blogDETIK dapat sampeyan buka dengan
» Happy Blogging «
