Cara Membuat Efek Bintang Pada Kursor Blogger

Waahh .. lama juga nie si admin nggak pernah posting tentang tips n trick blogger, tak perlu khawatir sob untuk kali ini saya akan share tips n trick blogger yang bisa membuat blog anda kebih menarik yakni memeberi efek bintang pada kursor di blog anda. Disini saya akan menunjukkan cara untuk memasang di blog anda.

Efek bintang ini tidak terlalu berat jika dijalankan di blog anda, jadi anda tidak perlu kuatir untuk menjalankan di blog anda karena setalah saya uji coba efek bintang ini tidak terlalu berat untuk dijalankan.  Dengan adanya efek ini menjadikan blog anda terlihat semakin cantik dan meriah. Silahkan langsung saja dicoba.

1. Seperi biasa Login ke blog anda

2. Masuk ke Tata Letak => Tambahkan Gadget => pilih HTML/JavaScript

3. Pastekan Script yang ada dibawah ini

<script type='text/javascript'> // <![CDATA[ var colour="red"; var sparkles=100; var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="3px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="3px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]> </script>

Read More

Cara Membuat Tukar Link Pada Blogger

Tukar link yang biasa disebut dengan link exchange merupakan tulisan yang dibuat untuk menghubungkan ke website lain maupun webiste kita. Link exchange bermanfaat bagi kita untuk memasang link blog kita ke website orang lain agar blog kita mendapat banyak kunjungan lebih singkatnya promosi ke blog lain.

Tukar link dapat berupa tulisan biasa maupun gambar yang kemudian diberi link alamat kita untuk menuju blig kita. Saya akan menunjukkan keduanya dengan tulisan maupun gambar, caranya mudah koq langsung saja:

Membuat Tukar Link dengan tulisan

Mustofa's Blog <a href="http://top1-artikel.blogspot.com/">Mustofa's Blog</a> Keterangan :  http://top1-artikel.blogspot.com/ : ganti alamatnya dengan alamat blog anda Fungsinya jika di klik akan menuju alamat yang sudah kita atur. Mustofa's Blog : ganti dengan nama blog anda
Fungsinya untuk menampilkan nama yang digunakan tukar link. Membuat Tukar Link dengan Gambar
<center> <a href="http://top1-artikel.blogspot.com/"> <img src="http://i1350.photobucket.com/albums/p776/topsblenk/linkexchange_zpsf26cbdbd.jpg" /> </a></center> Keterangan: <center> : Fungsiny untuk menaruh gambarnya pada tengah, kalian bisa mengganti jika tidak ingin ditaruh ganti dengan nama Justify, contoh <justifiy>. Beri tulisannya pada awalannya saja sebelum anda copas linknya. http://top1-artikel.blogspot.com/ : ganti alamatnya dengan alamat blog anda Fungsinya jika di klik akan menuju alamat yang sudah kita atur. http://i1350.photobucket.com/albums/p776/topsblenk/linkexchange_zpsf26cbdbd.jpg : Letakkan link yang sudah anda upload bisa di photobucket, flicker, dll. Yang terakhir untuk memasukkan ke blogger anda harus login ke blog anda > masuk ke tata letak > tambahkan gadget > pilih html/script > copas linknya

Read More

Cara Cepat Memasukkan File PowerPoint dalam Blog/Website

File PowerPoint masuk dalam blog/website/wordpress, emang bisa??... setelah saya searching-searching di mbah google akhirnya saya menemukan situs yang bertujuan untuk meng-upload file PowerPoint kemudian di masukkan ke website.

Kadang bagi pemula masih bingung bagaimana caranya memasukkan file PP ke dalam blog/web, yaaa...contonhnta seperti saya ini yang awalnya menganggap sulit. Namun akhirnya lewat buka situs-situs belajar blog saya bisa menemukan cara yang termudah, caranya :

1. Buka http://www.slideshare.net/upload
2. Bila belum mempunyai account, lakukan pendaftaran dengan klik sign up
3. Isi data- data yang harus diisi dikolom pendaftaran
4. Setelah mendaftar, lakukan login dengan username dan password yang sudah kita isi di form pendaftaran
5. Klik Upload
6. Klik Browse, dan cari file yang akan kita upload, klik open
7. File akan diloading untuk upload
8. Setelah terupload di slide share, akan muncul kode HTML file PP kita biasanya dibagian kanan atas
9. Copi kode HTML tst ke blog kita dengan sebelumnya masuk ke 'Entri baru' dan pilih jenis penulisan HTML, jika menggunakan Wordprees caranya juga sama
10. Publish
11. Jadiii deehh....Selamat mencoba yaaa...Good Luck..!!!!

Read More