http://rahmandecheaterz.blogspot.com/
Kali Ini Saya Akan Posting Berbagai Cursor Unik Yang Di Gunakan Untuk Blogger !
TUTORIAL :
- Log in and go to your account dashboard.
- Click on "Design"
- Next click on "Edit HTML"
- Next paste the below code at the bottom of the html box.
- Save Your Profile
= CODE =
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1053.ani), url(http://cur.cursors-4u.net/cursors/cur-11/cur1053.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/02/11/chrome-background.html" target="_blank" title="Chrome - Background"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Chrome - Background" style="position:absolute; top: 0px; right: 0px;" /></a>
= CODE =
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1051.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/02/11/chrome-help-select.html" target="_blank" title="Chrome - Help Select"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Chrome - Help Select" style="position:absolute; top: 0px; right: 0px;" /></a>
= CODE =
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1050.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/02/11/chrome-unavailable.html" target="_blank" title="Chrome - Unavailable"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Chrome - Unavailable" style="position:absolute; top: 0px; right: 0px;" /></a>
= CODE =
<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/cursors/cur-11/cur1074.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/06/13/multicursor.html" target="_blank" title="Multicursor"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Multicursor" style="position:absolute; top: 0px; right: 0px;" /></a>
Mungkin Hanya Segitu Yang Bisa Saya Berikan Kepada Sahabat Blogger Saya !
Credit By : Rahman De Cheaterz
Pagi ini saya akan berbagi ilmu trick blog lagi, Mungkin bagi pengunjung blogge Cah Dabloeng pernah tahu Efeck pelangi yang mengitari Cursor. Bagus kan? Mungkin yang belum tahu atau melihat penasaran! hehehe Oke, sob nyantai aja karena hari ini saya akan mempostingkannya. XD... Anda bisa melihat screen shotnya di bawah ini " Hanya Sekedar contoh Saja !"
Langkah-langkahnya sebagai berikut !
- Log In Ke blogger kalian
- Pilih Rancangan => Edit Laman
- Add Gadget/ Tambah laman
- Pilih HTML/JavaScript
- Masukkan kode di bawah ini ke dalamnya!
<script language="JavaScript" type="text/javascript">var xCol="#FF0000";var yCol="#00FF00";var zCol="#0000FF";var n=6;var t=40;var s=0.2;var r,h,w;var d=document;var my=10;var mx=10;var stp=0;var evn=360/3;var vx=new Array();var vy=new Array();var vz=new Array();var dy=new Array();var dx=new Array();var pix="px";var strictmod=((document.compatMode)&&document.compatMode.indexOf("CSS")!=-1);var domWw=(typeof window.innerWidth=="number");var domSy=(typeof window.pageYOffset=="number");var idx=d.getElementsByTagName('div').length;for(i=0;i<n;i++)
{var dims=(i+1)/2;d.write('<div id="x'+(idx+i)+'" style="position:absolute;'
+'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+xCol+';font-size:'+dims+'px"><\/div>'
+'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+yCol+';font-size:'+dims+'px"><\/div>'
+'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+zCol+';font-size:'+dims+'px"><\/div>');}
if(domWw)r=window;else
{if(d.documentElement&&typeof d.documentElement.clientWidth=="number"&&d.documentElement.clientWidth!=0)
r=d.documentElement;else
{if(d.body&&typeof d.body.clientWidth=="number")
r=d.body;}}
function winsize()
{var oh,sy,ow,sx,rh,rw;if(domWw)
{if(d.documentElement&&d.defaultView&&typeof d.defaultView.scrollMaxY=="number")
{oh=d.documentElement.offsetHeight;sy=d.defaultView.scrollMaxY;ow=d.documentElement.offsetWidth;sx=d.defaultView.scrollMaxX;rh=oh-sy;rw=ow-sx;}
else
{rh=r.innerHeight;rw=r.innerWidth;}
h=rh;w=rw;}
else
{h=r.clientHeight;w=r.clientWidth;}}
function scrl(yx)
{var y,x;if(domSy)
{y=r.pageYOffset;x=r.pageXOffset;}
else
{y=r.scrollTop;x=r.scrollLeft;}
return(yx==0)?y:x;}
function mouse(e)
{var msy=(domSy)?window.pageYOffset:0;if(!e)e=window.event;if(typeof e.pageY=='number')
{my=e.pageY-msy+16;mx=e.pageX+6;}
else
{my=e.clientY-msy+16;mx=e.clientX+6;}
if(my>h-65)my=h-65;if(mx>w-50)mx=w-50;}
function assgn()
{for(j=0;j<3;j++)
{dy[j]=my+50*Math.cos(stp+j*evn*Math.PI/180)*
Math.sin((stp+j*25)/2)+scrl(0)+pix;dx[j]=mx+50*Math.sin(stp+j*evn*Math.PI/180)*
Math.sin((stp+j*25)/2)*Math.sin(stp/4)+pix;}
stp+=s;for(i=0;i<n;i++)
{if(i<n-1)
{vx[i].top=vx[i+1].top;vx[i].left=vx[i+1].left;vy[i].top=vy[i+1].top;vy[i].left=vy[i+1].left;vz[i].top=vz[i+1].top;vz[i].left=vz[i+1].left;}
else
{vx[i].top=dy[0];vx[i].left=dx[0];vy[i].top=dy[1];vy[i].left=dx[1];vz[i].top=dy[2];vz[i].left=dx[2];}}
setTimeout(assgn,t);}
function init()
{for(i=0;i<n;i++)
{vx[i]=document.getElementById("x"+(idx+i)).style;vy[i]=document.getElementById("y"+(idx+i)).style;vz[i]=document.getElementById("z"+(idx+i)).style;}
winsize();assgn();}
if(window.addEventListener)
{window.addEventListener("resize",winsize,false);window.addEventListener("load",init,false);document.addEventListener("mousemove",mouse,false);}
else
if(window.attachEvent)
{window.attachEvent("onload",init);document.attachEvent("onmousemove",mouse);window.attachEvent("onresize",winsize);}</script>
- Kalau Sudah Silahkan Simpan dan lihat hasilnya!
Semoga Bermanfaat dan berguna! bila ada yang kurang faham saya persilahkan berkomentar di bawah ini!
Sumber : Cah Dabloeng
Editor By : Rahman De Cheaterz
Sebelum kita mengulas bagaimana cara menghilangkan navbar blogspot, alangkah baiknya kita tau apa itu Navbar blogspot? bagi yang Newbie mungkin sebagian masih tidak tau yang namanya Navbar ini. Oke langsung saja, Navbar Blogspot adalah suatu tab atau frame yang berada di bagian atas sebuah blog, ukurannya sih kecil dan navbar ini berfungsi untuk memudahkan para blogger untuk log in ke blogger, menginformasikan blog yang dikunjungi ke pihak blogger apabila blog tersebut mengandung yang tidak diizinkan oleh pihak blogger
seperti: melangggar TOS blogger, mengandung unsur SARA dan Fornografi. Sebenarnya sih menghilangkan Navbar ini bisa jadi melanggar dari TOS blogger sendiri, jadi pikir-pikir dulu yah..^_^ sebelum menghilangkannya. Baca TOS nya lagi yah..
Gimana sudah baca TOS nya blogger? mau keukeuh (apa itu keukeuh ya..?)menghilangkan Navbar blogspot, ya sudah.. caranya gampang kok, anda 2 (dua) cara untuk menghilangkannya yaitu: menambahkan pada style sheet CSS nya dan dibawah kode <body>, jelasnya:
kode pada style sheet CSS:
/* hilangkan navbar
----------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
kode dibawah kode <body>
<style type='text/css'>
#navbar-iframe {display:none;}
</style>
Lebih jelasnya lagi:
- Sign in pada blogger anda
- Rancangan --> edit HTML
- Download template dulu untuk berjaga-jaga jikalau ada masalah saat edit kode
- centang "Expand Template Widget"
- cari kode </style> dan letakan kode dibawah ini tepat diatasnya: (template klasik)
/* hilangkan navbar
----------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
- Atau cari kode ]]></b:skin> dan letakan kode dibawah ini tepat diatasnya: (template baru)
/* hilangkan navbar
----------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
- Jangan lupa simpan pekerjaan anda.
bagaimana mudah bukan cara menghilangkan Navbar blogspot ini, kini tampilan bloganda kelihatan lebih cantik. selamat mencoba. happy blogging.
Credits By : Rahman De Cheaterz
Bagi yang susah cari-cari tempte yang lengkap, Ne saya postingkan Templatenya sebenenya template ini sama seperti punya saya, Anda Hanya mengganti Code CSSnya saja.
Template berikut di keluarkan oleh cyber4rt, Adapun fitur-fitur template ini diantaranya sebagai berikut :
- Template 3 Kolom
- Tombol Social Network
- SEO Friendly
- Auto Readmore
- Navigasi
- Label & Popular Post Icon
- Artikel Terkait Otomatis
- Komentar Admin
Template Ini Di buat Oleh anak Indonesia Nando Cyber4rt
--==SALAM SUKSES==--
Pada posting kali ini, Saya akan share cara membuat teks berjalan di atas header seperti pada blog ini, teks berjalan itu menggunakan script efek marquee, ada banyak jenis marquee, namun yang kita gunakan saat ini adalah marquee yang berfungsi memberi efek berjalan ke arah kiri dan tidak berhenti saat didekati mouse, nah langkah-langkahnya adalah :
1. Log In ke Blogger Sobat Masing-masing.
2. Pilih Rancangan, selanjutnya Edit Html, centang Expand Template Widget.
3. Cari kode script </head>, dan letakkan kode di bawah ini tepat di bawah kode </head>.
<marquee direction='left' scrollamount='2'>Ketik Teks Yang Akan Di Tampilkan</marquee>
4. Ganti teks warna Biru dengan teks yang akan Anda Tampilkan.
5. Simpan Template.
Selesai Dan lihat jadinya ...
Credit By : Rahman De Cheaterz