Membuat Widget Artikel Terpopuler ( Top Post )

op Post atau Artikel Terpopuler ini adalah seberapa populerkah artikel yang pernah kita tulis dan ditampilkan di blog kita. Banyak parameter yang digunakan untuk menyusun artikel terpopuler ini, mulai dari jumlah berapa kali artikel tersebut dibaca atau berapa jumlah komentar pada artikel tersebut. Jika di blog berbasis WordPress sudah tersedia widget Tulisan Teratas, maka di blogspot anda sudah bisa menampilkan widget sejenis. Widget ini disusun berdasarkan lalu-lintas komentar terakhir yang masuk di blog anda sehingga bisa disimpulkan artikel manakah yang paling mendapat tanggapan dari pembaca blog anda.

Untuk membuatnya di perlukan langkah-langkah :

1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script Berikut:

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ff855e4f4d4a10fde1c2eb32074f99cd&url=http%3A%2F%2FYOURBLOGNAME.blogspot.com&num=10" type="text/javascript"></script>
<span style="font-size: 80%">Widget edited by <a href="http://www.seby-antoe.com/2009/07/membuat-widget-artikel-terpopuler-top.html" target="_blank">Seby-Antoe.com</a></span>

4. Ganti YOURBLOGNAME dengan nama blog kamu.
5. Angka "10" menunjukkan jumlah "Top Post" yang ditampilkan, kamu bisa menggantinya
6. Terus Simpan.

Selamat mencoba...!

Membuat Widget Pop Up Windows di Blog

Widget yang tampil seperti mengambang di blog, biasanya sering untuk memasang script iklan PPC. Karena memang widget ini tampilannya paling menonjol yaitu tampil di depan, tengah atau sebelah kiri sesuai keinginan pemasang semua bisa di setting melalui pengaturanya. Keunikan lain script ini adalah jika pengunjung melakukan scroling ke bawah halaman blog anda tetapi widget ini akan selalu berada di bagian bawah blog anda atau sesuai dengan pengaturan sehingga pengunjung dapat melihat dengan jelas apa saja yang kita pasang dalam widget ini, contoh iklan PPC.

Langsung aja cara buatnya :

1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script Berikut :

<style type="text/css">
#gb{
position:fixed;
top:325px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:30px;
width:960px;
float:center;
cursor:pointer;
background:url('') no-repeat;
}
.gbcontent{
float:center;
border:1px solid #A5BD51;
background:#000000;
padding:1px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 125-w) : moveGB(125-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

SCRIPT IKLAN PPC ANDA DISINI / APA SAJA YANG INGIN DITAMPILKAN!

<div style="text-align:right">
<a href="javascript:showHideGB()">
[Close]
<a href="http://www.seby-antoe.com/2009/09/membuat-widget-pop-up-windows-di-blog.html" target="_blank">
[Widget By Seby-Antoe]
</a>
</a></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.down = (125-gb.offsetWidth).toString() + "px";
</script></div>

Keterangan :
1. Angka 30 adalah tinggi kota widget, ganti dengan ukuran yg anda inginkan.
2. Angka 960 adalah ukuran lebar kotak wodget, bisa anda edit dengan ukuran yg anda inginkan.
3. Angka 325 adalah ukuran letak widget ini di halaman blog anda artinya semakin besar angkanya anda edit maka widget ini akan semakin kebawah, begitu juga sebaliknya.
4. Angka #000000 adalah kode warna background widget ini. Silahkan anda edit dengan warna yg sesuai dengan background blog anda.
5. Ganti Tulisan SCRIPT IKLAN PPC ANDA DISINI / APA SAJA YANG INGIN DITAMPILKAN! Dengan script keinginan anda.

4. Simpan dan lihat hasilnya. 
Mohon anda tidak menghapus link redirect ke artikel widget ini. Terimah kasih atas penghargaan anda tidak mengganti link redirect ke artikel ini.

Membuat widget Tampak Menghilang dan Muncul Kembali

Bingung pasti maksudnya ap? Aku sendiri aja bingung mo ngasih judul apa He3 ... Memang aneh seeh, tapi widget ini sangat menarik untuk di coba, dijamin g bakal nyesel. Aku dapat ini dari teman yang blognya sangat menarik. Sedikit penjelasan ringkas aja, nanti setelah Anda memasang widget ini, coba Anda klik gambar image yang terpasang di pojok kanan atas dan secara tiba2 tampilan widget tersebut akan muncul tersamar, untuk menutupnya tinggal klose aja dan tiba2 menghilang ... Unik memang.

Langsung cara buatnya :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script yang ada di bawah ini :

<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #191919;
background:#000000;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()">[Close]</a></div>

Script widget Anda Letakkan disini, misal : Shoutmix, Banner atau Apa aja terserah Anda

<div style="text-align:right; font-size:10px">
Dapatkan Buku Tamu Seperti Ini di
</div>
<div style="text-align:right; font-size:10px">
<a href="http://www.seby-antoe.com/2009/09/membuat-widget-tampak-menghilang-dan.html" target="_blank">www.seby-antoe.com</a>
</div>
</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="http://Alamat URL Image / Gambar Anda"/>
</a>
</div>

Keterangan :
+ Pada tulisan yang berwarna merah adalah tempat untuk meletakkan widget Anda, saran saya y shoutmix atau apa aja sob.
+ Yang berwarna hijau ganti dengan alamat URL gambar / Image Anda sendiri dari hosting Image Anda. ( contoh image buku tamu : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYnh-ia-ARvcRtZLtsu6gqVbPFT2NowRcC6rF0GCYbJvVsbePjOUQjBeypDcWYlR6vDLRWeN5Rf_9OPC5Nkbulx7KYLTmSpOBk7O98ipLsacFaom3McvPNbuxAzF5SYAvrRtfsjkZ4t1IU/ ).

4. Klik Simpan dan selesai.

Jika Anda ingin menampilkan suatu alamat web dan bukan berupa script, Anda bisa mengganti tulisan kode script yang berwarna merah diatas dengan kode script di bawah ini :

<object border="1" data="http://URL yang akan ditampilkan&quot; width="1300" height="1100" type="text/x-scriptlet">
</object>

<object border="1" data="http://URL yang akan ditampilkan" width="1300" height="1100" type="text/x-scriptlet">
</object>

Cara Mengatasi eror html/javascript

Sejak blogger mengintegrasikan blogger in draft (blogger template designer) ke blogger standard, ada beberapa perubahan dalam script template, dan dari pengamatan jika menggunakan template standar blogspot maupun template bawaan blogger designer, maka terkadang muncul pesan kesalahan "Bidang yang dipersyaratkan tidak boleh kosong" , saat membuat , menyimpan sebuah gadget html/javascript yang judulnya dikosongkan.

Untuk menghapus atau menghilangkan judul gadget html/javascript agar judul-nya kosong, maka perlu dilakukan pengubahan script pada template. Gadget html/javascript tanpa judul biasanya diperlukan saat membuat menu navigasi atau gadget lainnya yang sengaja disembunyikan /tidak ditampilkan judulnya.

A. Cara Menghapus judul gadget html/javascript

versi 1

1. Login ke blogger
2. Pilih Rancangan - Tata letak -Edit halaman
Tambah sebuah gadget html/javascript,(dalam contoh ini kita akan membuat script menu navigasi)
3. Simpan gadget html/javascript  tersebut dengan judul Menuku , (judulnya terserah anda karena nantinya akan dihapus juga)
4. Pilih Edit HTML
Cari kata Menuku
Perhatikan script yang Bawah, bentuknya mirip seperti di bawah ini

<b:widget id='HTML2' locked='false' title='Menuku' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot; &quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

Ubah script di atas menjadi seperti di bawah ini

<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:title != &quot; &quot;'>
<data:content/>
</b:if>
</div>
Simpan template.

Perhatikan gadget html/javascript dengan judul Menuku yang telah anda tambahkan di elemen halaman pada langkah 3 di atas. jika sukses maka judulnya akan terhapus.

B. Cara menghilangkan judul gadget html/javascript

versi 2

Cara ini lebih sederhana karena tidak memerlukan pengubahan script template.
Di judul /title gadget html masukkan kode

<h2></h2>

Selain kode di atas anda juga bisa menggunakan kode di bawah ini
<h></h> (biasa digunakan untuk judul blog)
<h1></h1> (biasa digunakan untuk deskripsi blog)
<div></div> (biasa digunakan untuk object seperti efek teks, gambar,dan file lainnya yang di masukkan ke dalam badan postingan /widget)
<p></p> (biasa digunakan untuk spasi)
dll .

Semua kode di atas bisa dijadikan alternatif, namun saya sarankan gunakan h2 , karena blogspot biasa menggunakan h2 dan h3 dalam script templatenya untuk judul postingan dan judul widget.

Menampilkan Top Post Atau Artikel Terpopuler

Dari pada pusing, lebih baik kita langsung mengikuti langkah-langkah untuk menampilkan top post seperti berikut ini.

1. Login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> Tambah Gadget >> Tambahkan HTML/Javascript >>

2. Kemudian copy kode berikut ini.

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ff855e4f4d4a10fde1c2eb32074f99cd&url=http%3A%2F%2Fnamablog.blogspot.com&num=10" type="text/javascript">
</script>

Keterangan

Ubah nama_blog dengan nama blog Anda tanpa “http”

Angka 10 menunjukkan jumlah post dengan peringkat teratas yang dapat Anda ganti sesuai keinginan.

3. Kemudian Simpan Perubahan

4. Selesai

Kumpulan Logo Blog DoFollow

Postingan berikut ini akan menampilkan sejumlah Logo Do Follow Blog beserta kode HTML-nya , yang bisa sobat pasang di blog sobat masing-masing.
Nah..kalau Blog sobat sudah di buat menjadi Do Follow Blog, silahkan cek gambar logo-logo yang sobat suka. 
Tapi sebelumnya saya akan terangkan sedikit mengenai apa itu Do Follow Blog.
Do Follow blog adalah blog yang apabila kita menuliskan komentar di blog itu,
maka secara otomatis kita akan mendapatkan backlink. Blog dofollow memberikan keuntungan bagi pengunjung dan pemilik blog. Pengunjung blog akan mendapatkan backlink. Sedangkan pemilik blog akan mendapatkan komentar dari pengunjung dan traffic pengunjung akan naik. 

Selain itu Blog dofollow juga memiliki keuntungan dan kerugian. Keuntungan blog dofollow adalah alexa rank akan semakin bagus dan blog kita akan ramai pengunjung. Kerugian blog dofollow adalah pagerank kita akan turun, karena google membenci blog dofollow (link farm).

Apabila blog sobat sudah berstatus do follow, sebaiknya sobat memasang Logo Blog DoFollow agar para pengunjung rajin berkomentar di blog sobat. Disini akan saya berikan beberapa Logo Blog Dofollow beserta Kode HTML nya :

Kode HTML-nya :

<a href="http://laila-wati.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://dantaliawidhian.googlepages.com/dofollowlogo.jpg" alt="u comment i follow"/></a>

Kode HTML-nya :

<a href="http://laila-wati.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_a3mE_Bc7rkc/ShUgm2-NcpI/AAAAAAAALF0/fwa1jq5bcIQ/S254/u-comment-i-follow.gif" alt="u comment i follow"/></a>

Kode HTML-nya :

<a href="http://laila-wati.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="http://bizzlemarketing.com/wp-content/uploads/2009/06/u-comment-i-follow.png" width="150" alt="u comment i follow"/></a>

Kode HTML-nya:

<a href="http://laila-wati.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="http://www.extremejohn.com/images/dofollow250B.jpg" width="150" alt="u comment i follow"/></a>

Kode HTML-nya:

<a href="http://laila-wati.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://mohitaneja.com/wp-content/themes/mohit_new/images/ucic.gif" alt="u comment i follow"/></a>

Kode HTML-nya:

<a href="http://laila-wati.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6UJIzPqjh5w-KaxfbXHlqreKcqTArQHMy7PUGwD99ZFHOeuFPSIh-eyPWhOEjENfQ1VDJs4Dbd7OvzVhwQk6e8axJAm4xai4IbwYkfc7EVvs1zitfjIu5RWbHR8z2kRR-VojRuSjLdDBr/s200/RGB+Color.png" width="150" alt="u comment i follow"/></a>

Kode HTML-nya:

<a href="http://laila-wati.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://muliardybanun-online.com/wp-content/uploads/2009/07/U-Comment-I-Follow-160x120.jpg" alt="u comment i follow"/></a>

Kode HTML-nya:

<a href="http://laila-wati.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCdRJVrWuIJlCdKzT3Rhxs2aUUYn1N8sqM6-bkpcBoDmOznAc26KmyM2KoFGBANzRI_ysmxJSgvhiJaco54Leb6fUp9_Uti6sd5CeUxmdbYFdgsQyZHUc-VLewfXgAmo2w0CCVfgqibkE6/s190/u+comment+i+follow.jpg" alt="u comment i follow"/></a>

Kode HTML-nya:

<a href="http://laila-wati.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="105" src="http://www.shoutpedia.com/wp-content/uploads/2009/09/do-follow.gif" width="200" alt="u comment i follow"/></a>

Kode HTML-nya:

<a href="http://laila-wati.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i434.photobucket.com/albums/qq70/zujoe/bloggingPortal_DoFollow2.png" alt="u comment i follow"/></a>

Kode HTML-nya:

<a href="http://laila-wati.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i237.photobucket.com/albums/ff103/utchanovsky/DoFollow.jpg" alt="u comment i follow"/></a>

Kode HTML-nya:

<a href="http://laila-wati.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.therss.net/wp-content/uploads/2009/07/u-comment-i-follow.gif" alt="u comment i follow"/></a>

Cara memasang logo do follow diatas adalah:

1. Login ke blogger

2. Klik Tata Letak atau Layout

3. Pilih Elemen Halaman

4. Klik tambah gadget

5. Pilih atau klik gadget HTML/Java Script

6. Masukkan salah satu kode HTML logo Dofollow, yang ada pada artikel kumpulan logo dofollow diatas.

7. Klik Save.

Nah...sekarang tinggal pilih Logo DoFollow yang kalian suka.

Sudah dulu ya...nanti kalau ada lagi InsyaAllah akan saya tambah. kalo mau pasang logo di atas, comment di kotak komentar di bawah ini dulu ya... ^_^

Cara Membuat Efek Marquee

Efek marquee yang ketika mouse berada pada area teks, maka teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" align="center" width="50%" height="100">
Menuju Blog
</marquee>

Menuju Blog



Marquee berjalan Kanan ke kiri Menuju Blog



Marquee berjalan Kanan ke kiri Menuju Blog

<marquee align="center" direction="left" scrollamount="3" behavior="alternate" width="50%" height="200">
Bergerak ke kiri dan ke kanan Menuju Blog
</marquee>


Bergerak ke kiri dan ke kanan Menuju Blog

RED" width="50%">
Marquee dengan efek warna

RED" width="50%">
Marquee dengan efek warna

Cara Membuat Chatting Di Blog (Chatroll)

Mau pasang fasilitas chatting diblogmu ??? Gampang kok dan sangat mudah. Fasilitas chatting ini agar kamu bisa berinteraksi lebih dinamis dengan para pengunjung blogmu. Jika ada pengunjung blogmu untuk memasuki chat diblogmu tidak perlu untuk Sign Up, hanya memasukkan nama yang diinginkan dan bisa memulai chatting. Chat yang kita akan pasang dari Chatroll, chat ini sangatlah ringan. Kamu bisa memasang chat ini sebagai widget.

Berikut langkah-langkahnya:

1. Buka www.chatroll.com
2. Klik Sign Up
3. Isi data-data yang diperlukan: Username, Password, Email dan Verification Code
4. Nah, sekarang kamu sudah buat ID. Untuk membuat chatnya, klik create a chatrol
5. Isi kolom Name untuk memberikan nama chatmu.
6. Lalu klik Blogger
7. Nah, kamu pilih satu satu script yang diberikan. Add Chatroll to your Blogger Sidebar untuk dipasang diwidget disamping dan Add Chatroll to a Blogger Post untuk dipasang di postinganmu maupun di laman.
8. Untuk mengganti ukuran, angka width (lebar) dan height (tinggi) dapat dirubah sesuai ukuran untuk blogmu.
9. Siap untuk dicopy-paste
Saatnya Memasang Di Sidebar:

1. Login ke www.blogger.com
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Pilih HTML/JavaScript
5. Lalu pastekan kode script yang diberikan tadi
6. Jika sudah disesuaikan ukurannya, klik Simpan

Saatnya memasang di Postingan:

1. Login ke www.blogger.com
2. Klik Entri Baru
3. Lalu pastekan kode script yang diberikan tadi.
4. Jika sudah disesuaikan ukurannya, klik Terbitkan Entri

Membuat Kursor di Ikuti Teks

Judulnya kok aneh...??! Sengaja dibuat seperti itu agar timbul rasa penasaran dari pengunjung, mungkin termasuk anda.
Maksud dari judul postingan ini adalah : Kemanapun kursor anda gerakan, selalu ada teks yang dengan setia mengikutinya.
Anda ingin menampilkan pada blog kesayangan anda...??Ikuti langkah-langkahnya :

• Sign ke Blogger.
• Pilih Tata Letak, Edit HTML, HTML/JavaScript.
• Copy seluruh kode dibawah ini dan paste pada kolom yang tersedia.
• Klik Tombol Simpan.
• Selesai.

 <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='EPG STUDIO BERBAGI ILMU DAN PENGALAMAN'.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>

Cara Pasang Flash di Blog

Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :

1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :

<embed src="http://blogoholic.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>

* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100 dengan ukuran dari file flashmu.