Sedikit Up Date yah kawan...........
Ini hanyalah sedikit trik untuk mempercantik blog, yaitu membuat kursor di kelilingi teks berputar, cara membuatnya cukup mudah, cukup
Log In ke blogger kemudian klik Tata Letak >> Add gadget >> Javascript /HTML >> pastekan scriptnya lalu simpan dan selesai deh....
Klik di sini untuk mengunduh scriptnya!!!
<script>
//http://www.secretoftrifle.co.cc/
function cursor_text_circle(){
//http://www.secretoftrifle.co.cc/
var msg='Teks anda di sini'.split('').reverse().join('');
var font='Verdana,Arial';
var size=3;
var color='#FFFFFF';
var speed=.3;
var rotation=-.2;
var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" color="+color+" size="+size+">";
if (ie)
window.pageYOffset=0
if (ns){
for (i=0; i < n; i++)
document.write('<layer left="0" top="0" width="+a+" name="nsmsg'+i+'" height="+a+"><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y;
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20;
}
if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
var makecircle=function(){ //http://www.secretoftrifle.co.cc/
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ //http://www.secretoftrifle.co.cc/
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : '');
}
}
var drag=function(){ //http://www.secretoftrifle.co.cc/
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
makecircle();
//http://www.secretoftrifle.co.cc/
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}
}
cursor_text_circle();
//http://www.secretoftrifle.co.cc/
</script>
Kelemahan dari trik ini adalah, bila blog sudah sangat berat loadingnya, akan bertambah berat lagi, jadi untuk kenyamanan mending chek dulu
seberapa berat blog anda di sini, baru deh kita putuskan make trik tersebut atau ndak,
Oh ya sekali lagi bagi yang belum sempet mem-vote blog saya, mohon bantuanya untuk vote yah....tuntunan vote nya
ada di sini atau side barr blog ini, makasih banyak kawan!!!!
39 komentar temen:
Mmapir kesini selalu mendapat ilmu, selalu ada rahasia terkuak. Rahasia jitu/tips mantap tutorial blog. Nice post dit.
scriptnya..berat kayaknya..belum berani nh.
wah, ada. trims bro
btw saya sdh vote lho :D
itu rubahnya, baru ekor 4, yg di no 47, sudah keluar sampai 8.keren!
Thanks infonya kang tapi skrang blum brani nyoba takut planggan lari karena blog berat.. :)
Thanks infonya kang tapi skrang blum brani nyoba takut planggan lari karena blog berat.. :)
Oia segera saya VOte
Makasih infonya ya.... tapi belum berani nyoba.
BTW, aku pindah alamat sekarang disini : http://renijudhanto.blogspot.com
Sering-2 ya bagi-2 ilmunya... ^_^
Nice info.. !
@hendriawan wah ada animasinya ndak bang?makasih vote dan infonya...saya mau langsung berburu rubah ekor 8 nih...minta link nya dong di mana ada gambar gitunya
wuih...tiba2 muncul banyak komen meskipun baru $....sebenernya ndak terlalu lama loadingnya kok....cuman yah sedikit menambah berat aja....contoh riil nya buka blog saya yang ini deh http://macdreamweaver.blogspot.com/
di sana sementara saya kasih efek ini!!!
kayanya keren nih berekor ya...
selalu mendapat ilmu disini, selalu fres pencerahan.
tuing..tuing..
Adit.. selalu deh pake apa, tutorial.. :)
Bagus kok.. cuma ilmuku ndak sampe2 sana bro.. :)
salam sobat
wah keren ya,kalau krsor dikelilingi teks hias,
dulu pernah ingin mencoba,,tapi gagal melulu.
cantik sekali tampilannya mas , setelah dicheck blog aku keberatan kalau pake ,eh iya bisa saya pake di blog aku yang satu
terimakasih atas triknya sahabat
blog saya sih keknya ga berat" amat, tapi suka malas otak atik html XD
mas, ramdom kode kok ditolak,selalu ngga sama padahal udah tak turun betul
mas, ramdom kode kok ditolak,selalu ngga sama padahal udah tak turun betul
mas, kalau dah nyampai vote inyong, inyong dikasih tahu.
ilmu baru lagi nih tentang kursor,makasih
baru tau, ternyata dari Magetan...hehehehe....satu kampung qta, aku dari Gorang-Gareng.... :D
hm...thanks for the answer
akan aq coba utak-atik lagi
hehhehee....
Wah...tipsnya oke juga nih mas, nanti deh kapan2 ta praktekin.
Salam hangat & sukses selalu...
salam kenal dari saya,,kunjungan perdana disini,,info yang bermanfaat n perlu di coba,,
thanks
Tips yang bagus sobat. Tapi saya pasang lain waktu aja deh. Load blogku uda lumayan berta nie. Makasi tipsnya.
wah... mas adit rajin banget utakutik blog.. misi sudah dilaksanakan
udah ya dit.... udah aku vote...
mantavVv tutor'y zob...
Siip, neh Mas... cuman saya suka yang simpel2 ajah biar nggak berat hehhehe..
oiya, saya udah mengevotenya... trims ya...
mantab neh tutorialnya... bisa dicoba neh.. saya suka yang baru baru...
dan segera ikutan ngevote ah... :-)
Thanks untuk infonya sobat..semoga berhasil ya..
blogwalking....
ini nm`e sm kek kang kutu sm2 aditya nya hehehe jadi bingung ikz, baru dtng pertama kali ea di rumah aku? lupa ikz aku...
asli magetan ea rumahnya? magetan yg mn nich? rumah ne2kq jg situ tp yg kabupaten gt, Sumuran nm desanya, klo km yg mn nya? sp tau klo kesana bs mmpir gt hehehe klo bole sie ^^
btw, lam kenal ea n salam sayank...
gud luck sll ea, semangat tuk ngebloging ria-nya :)
senangnya ada yang berbagi ilmu seperti ini..:)
Terima kasih tutorialnya... pernah lihat kursor dgn teks hias berputar di blog Sobat lain, tapi menurut saya, bikin pusiiing...
Good day to you all and today
ya mas,inyong udah berhasil votenya
nambah lagi nih ilmu tentang blog tapi saya lagi nggak pengen nambahin animasi mas. Takut keberatan entar. hehehehe...
hehehe klo bikin berat ak ga nyoba ahhh
Nah itu dia, jangan2 di rumah wordpressq dulu? /me agak lupa soale seingatq emang km dah pernah mampir gt tp q nya aja yg lp, /me orange pelupaan kang -_-!
iyah kecamatan parang, ya klo q kesana ntar cb tak tanyakin bu hartini ibuk`e pean iku,,,
weh dkt bgt nuw, ama MI taman arum situ apanya situ ea? ato kenal ama Bp. Sarni? apanya situ?
klo sewaktu2 maen ke rumah ne2kq cb tak maen ke rumah pean...nyari2 dl pastinya xixixixi....
salam sayank...
bener neh, nambah script hiasan berarti nambah berat blog
boleh pake kalo blognya masih ringan
mantaaap
Terima kasih atas pengetahuannya
semoga bermanfaat.
wah makasih m gan...mantep neh
Kirim Komentar » Blogger Comment Form