1. Mengganti Template
Template merupakan salah satu dasar blog untuk memperbagusnya, karena seseorang akan tertarik untuk melihat dan membaca blog tersebut. Template juga sangat berpengaruh kepada page rank dan alexa rank, karena terdapat beberapa template yang friendly dengan alexa rank dan page rank...
Saya sudah mempersiapkan beberapa tempalte yang friendly :
A. Mungkin Template yang satu ini sudah tidak asing lagi bagi para pengguna jejaring sosial Twitter (Download Here)
B. Template ini saya share untuk para penggemar facebookers di seluruh dunia (Download Here)
C. Seluruh orang didunia pasti tau dengan yang satu ini, Karena situs ini nomor 1 untuk masalah membuat email (Download Here)
D. Seluruh orang didunia pasti tau dengan rekaman dunia ini, Youtube merupakan salah satu penyimpan video terbesar didunia. Dan saya akan membagikannya secara gratis (Download Here)
E. Mesin Pencari Paling Canggih,Keren, Dan Terkenal ini pasti sudah banyak yang tau, apalagi jika sudah diupgrade menjadi google+. tetapi bagaimana jika dijadikan sebagai template ? menarik bukan ? bagi yang mau mencoba silahkan (Download Here)
2. Langkah kedua untuk memperbagus blog adalah dengan membuat kursor yang diikuti oleh teks atau tulisan.
Langsung saja kita masuk ke intinya, Ok !
- Login dulu ke blogger sobat di http://www.blogger.com
- Masuk ke Rancangan dan pada Elemen Halaman pilih tambah Gadget
- Pilih HTML/JavaScript
- Setelah itu silahkan copy dan paste kode java script dibawah ini dan masukan ke dalam kotak HTML/javascript tadi
<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg=’masukan teks yang sobat ingin tampil mengikuti cursor disini’.split(’’).reverse().join(’’);
var font=’Verdana,Arial’;
var size=3; // up to seven
var color=’#ff0000’;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;
// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;
// Alter no variables past here!, unless you are good
//---------------------------------------------------
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+" size="+size+" color="+color+">";
if (ie)
window.pageYOffset=0
// writes the message
if (ns){
for (i=0; i < n; i++)
document.write(’<layer name="nsmsg’+i+’" top=0 left=0 height=’+a+’ width=’+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; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}
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(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+’px’;
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
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’ : ’’); // remove *2 for just a plain circle, not oval
}
}
var drag=function(){ // makes the resistance
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();
// not rotation speed, leave at zero
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();
</script>
- Setelah itu ganti tulisan berwarna merah didalam kode tersebut dengan teks yang ingin sobat tampilkan mengikuti cursor dalam blogger sobat
- Simpan dan lihat hasilnya. Dijamin cursor sobat ada yang ngikutin
3. Langkah ketiga memperbagus blog adalah mengubah cursor dengan gambar
mengubah cursor dengan gambar baik juga untuk blog kita, sehingga akan membuat blog kita berbeda dengan blog blog yang lain. kalau yang lain standart maka blog kita berbeda dan jadi unik.
Cursor yang ada di blog dapat kamu ubah dengan foto atau gambar yang kamu suka. Atau kamu yang narsis habis bisa menggantinya dengan foto kamu sendiri.
Cara Mengubah Cursor Blog dengan Gambar
1. Login ke blogger
2. Pilih Tata Letak -> Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini
<style type="text/css">body {cursor:url("http://img90.imageshack.us/img90/5195/cursorbc.png"),default}</style>
Kode yang bercetak miring adalah URL gambar yang ingi kita jadikan pengganti cursor, dan kamu dapat mengganti dengan URL gambar yang kamu inginkan.
5. Simpan jika sudah selesai
4. Langkah keempat memperbagus blog adalah memasang widget translator
Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool.
1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>
5. Kemudian simpan.
Coba sekarang lihat blogmu maka ada tampilan seperti ini :
5. Langkah kelima memperbagus blog adalah menampilkan / Pasang emoticon di kotak komentar
Sekian Tips & Trick tentang memperbagus blog dari saya.
Karena Masih Belajar Bikin Posting Sendiri, Harap dimaklumi saja gan.
Kurang lebihnya mohon maaf.
wa salam' muala'ikum WR.WB
Salam Dari Saya (Captens22)