MyBloglog : Memasang Top Links Code di Blogspot (Most OutgoingLink)

Category : Labels: , , , ,



Dengan MyBloglog anda bisa melihat (men-tracking) seberapa populer link - link keluar dari blog anda. Sehingga ini bisa berguna bagi blog anda yang terdapat iklan link atau iklan banner karena dapat menambah rasa percaya dan penasaran kepada pengunjung blog, kenapa banner atau teks link itu diklik begitu banyak (nb. kalau kebetulan mendapat klik banyak lowh yach). Layanan ini disediakan oleh MyBloglog dari Yahoo dengan cuma - cuma atau gratis. Angka/ informasi penunjuk hasil tracking link akan keluar bila terjadi mouseover pada iklan atau link anda. Gambar dibawah inilah contohnya. 


Tooltip akan muncul bila terjadi mouseover pada link atau kursor mouse menunjuk dan terletak pada link.

Cara settingnya, anda hanya perlu untuk mengcopy javascript yang telah disediakan oleh MyBloglog.

1. Masuk akun MyBloglog anda.
2. Klik link Widget pada Profil halaman blog anda. Seperti gambar dibawah ini.


3. Scroll kebawah dan tuju pada bagian konfigurasi widget berjudul








Top Links Code (tracking script is included)

4. Setting warna tooltip sesuai dengan keinginan anda.
5. Copy kode javascript didalam kotak  dibawah color palette, dan Paste diatas kode </body>  .
6. Save Template anda. 

Bagi yang belum bergabung, silahkan bergabung dengan mengklik link DAFTAR MYBLOGLOG ini atau gambar dibawah ini. Bila anda membenci link referral, tenang ini bukan link referral kok.. ehehe. 



Join My Community at MyBloglog!
Read More

Drop Cap : Membuat Drop Cap di Blogspot

Category : Labels: ,


Cross Browser Drop Cap ( Extra Markup )

Kita harus menambahkan kode CSS drop cap kepada huruf awal yang kita tentukan. Cara ini cukup ribet karena kodenya cukup banyak bagi orang yang tidak terlalu tahu mengenai pengkodean. Kelebihannya efek dari kode ini bisa tampil di banyak browser seperti halnya IE. Kenapa cukup ribet ? ya coba anda lihat contoh dibawah ini.

Konfigurasi CSS Drop Cap kode

.firstcharacter { float: left; color: #903; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; }

Setelah itu kita harus menyisipkan kode pemanggil fungsi drop cap di atas pada setiap kata yang kita tentukan, seperti ini misalnya,


L orem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tristique lobortis orci ac lacinia. Fusce eu purus eget diam vehicula auctor nec eu elit. Morbi consequat facilisis orci vel malesuada. Donec ultrices molestie sollicitudin. Aliquam pharetra libero enim. Donec et suscipit massa. Donec dui odio, dignissim non sodales et, tincidunt a sapien. Phasellus elit nibh, adipiscing sed blandit vel, interdum et arcu.


Huruf "L" diatas yang diapit kode merupakan kata yang kita tentukan yang akan berperan sebagai huruf besar pada setiap paragrap alias Drop Cap.

CSS3 No Cross Browser

Nah, untuk yang kedua cara ini cukup mudah, karena kita tidak perlu menambahkan kode yang membingungkan pada setiap paragrap yang kita inginkan agar nantinya menjadi paragrap yang mempunyai style Drop Cap.

Kode CSS nya,

p:first-child:first-letter { float: left; color: #903; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; }

Contoh penulisannya.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tristique lobortis orci ac lacinia. Fusce eu purus eget diam vehicula auctor nec eu elit. Morbi consequat facilisis orci vel malesuada. Donec ultrices molestie sollicitudin. Aliquam pharetra libero enim. Donec et suscipit massa. Donec dui odio, dignissim non sodales et, tincidunt a sapien. Phasellus elit nibh, adipiscing sed blandit vel, interdum et arcu.


Kelemahannya, hasilnya tidak akan bisa terlihat pada semua browser yang belum support CSS 3.
Read More

Free SMS Software Download ( SMS Gratis Sepuasnya )

Category : Labels: , ,


Anda suka sekali ber SMS an ria setiap hari, apakah ini membuat kantong anda bolong ??. ehehe kalau ingin ber SMS ria dan gak bikin pegel jempol, dan tentunya kantong, penulis mendapatkan info yang cukup bermanfaat bagi anda sekalian. FREE SMS SOFTWARE for Windows tentunya.
Free SMS

Dengan software ini, anda dijamin bisa SMS sepuasnyaa ! . Hanya saja syarat mutlaknya, anda harus memiliki PC ( Personal Computer ) yang terhubung dengan Internet.

Oke, langsung saja download softwarenya dari sini.



Cara Mengunakannya. !

1. Pilih Negara Nomor Tujuan pada bagian kolom "Regional Code
2. Pada kolom "Phone Number" nomor paling depan akan berganti secara otomatis bila kita mengganti dan memilih negara tujuan orang yang akan kita SMS. Itu merupakan kode negara. Jadi bila kita memilih nomor tujuan negara Indonesia maka pada kolom Phone Number akan berubah otomatis menjadi 62. Ini adalah nomor pengganti 0. Begitu juga bila kita memilih negara lain, misalnya negara Malaysia maka akan berubah menjadi 60. Nah, dibelakang nomor inilah isi nomor yang anda tuju berikutnya. 

Contoh :
Nomor Awal/ Asli  : 085737777777
Menjadi                 : 6285737777777

3. Masukkan/ tulis pesan anda dalam kolom "Message".
4. Tulis identitas anda di kolom "Signature" agar nomor penerima dapat mengetahui bahwa itu pesan SMS dari anda. 
5. Masukkan kode gambar (CAPTCHA) dalam kolom "Verify Code". 
6. Setelah itu klik SEND
7. Pesan anda biasanya akan sampai pada hitungan detik. Ini sudah penulis buktikan sendiri. Namun, bila belum sampai, tunggulah beberapa detik lagi. 

Selamat ber SMS Ria dengan barang Gratisan . ehehe

Sekedar Info. Berbijaksanalah dalam menggunakannya.

Silahkan diberi komentar  !
Read More

Setting blog anda "Blog ini Sedang dalam tahap Maintenance (Under Construction) !"

Category : Labels: , , , ,



Suatu saat anda mungkin akan menemui kebosanan akan template, widget, ataupun yang lainnya yang ada dalam blog anda. Nah, bila hal ini terjadi pada anda, mungkin anda akan langsung saja mengganti template (misalnya) dan menggantinya dengan yang baru. Ini tentu akan menjadikan blog anda menjadi terlihat amburadul dan pembaca akan merasa risih tentunya karena blog anda sedang dalam keadaan kacau. Jadi sekalian saja dibuat mati suri, daripada malah membuat tidak nyaman pembaca.

Nah, untuk itu daripada blog anda menjadi kacau pada saat maintenance, selayaknya anda membuat anda berpenampilan "Under Construction Page" pada saat anda melakukan maintenance.

Dengan trick ini, anda memang akan menutup website anda untuk sementara. Dan yang akan dimunculkan nantinya hanyalah peringatan bahwa blog anda sedang dalam maintenance.

Langsung saja ke tricknya.

1. Pertama, tentu anda harus masuk kedalam akun blogger anda ► Pilih Layout ► Edit HTML
2.Cari kode dibawah ini. Untuk mempermudah, anda dapat menggunakan tombol (ctrl + F)

</head>
3. Setelah ketemu, Copy-paste kode dibawah ini di atas kode tersebut diatas.

<!--Welcome-UnderConstuction-Page-Starts-->
<link rel="stylesheet" type="text/css" href="http://oemar.googlecode.com/files/leightbox.css"/>
<script type="text/javascript" src="http://oemar.googlecode.com/files/prototype.js"></script>
<script type="text/javascript" src="http://oemar.googlecode.com/files/leightbox.js"></script>
<!--Welcome-UnderConstuction-Page-Stops-->
4. Simpan template anda dulu.

5. Setelah itu tuju Page Element dan klik add gadget HTML/Javascript.
6. Copy-paste kode dibawah ini widget HTML/Javascript.


<!----------// POPUP (AUTOLOAD) //---------->
<div id="pop01" class="leightbox">
<div class="scrollbox">
<center><h1>Welcome To My Blog</h1>
<p>A blog by <a href="http://lembar-coretan.blogspot.com">Lembar Coretan</a></p>
<p>This Page Is Under Construction</p>
<p>Sorry For The Inconvenience</p>
<p>Come Back Within An Hour :)</p></center>

<--- Di sini bisa ditambahkan juga script/kode/tulisan/kode gambar yang ingin anda masukkan dalam ucapan Under Construction anda. --->

</div>

<!----------// POPUP (AUTOLOAD script: add AFTER the autoload popup div) //---------->
<script type="text/javascript">
lb = new lightbox();
lb.initCallable('pop01');
lb.activate();
</script>
7. Setelah itu SAVE template anda.

Dan anda siap untuk maintenance blog anda dengan tenang.

Untuk kustomisasi style lebih lanjut, sebaiknya anda edit kode css berikut ini dan upload ke server hosting anda sendiri.

http://oemar.googlecode.com/files/leightbox.css

Demo Page Special thanks to BloggerStop

NOTE : 
Tentu saja pada saat maintenance, jangan sampai menghapus widget yang diterangkan diatas. Agar efek tidak hilang.
Read More

Fakta dan Ada Apakah dibelakang Opera Mini

Category : Labels: , , ,

Opera Mini


Opera Mini, ya.. anda sebagai seorang blogger yang sudah bisa dibilang maniak internet tentu saja sudah mengetahui tentang browser yang digunakan untuk platform handphone ini. Opera Mini merupakan browser kedua yang penting bagi saya setelah Mozilla Firefox versi desktop. Sekian lama menggunakannya, apakah anda sudah mengetahui beberapa fakta dan apakah yang ada dibalik kemegahan dan keistimewaan browser mini yang satu ini. Dalam bahasan ini penulis akan lebih cenderung kepada Opera Mini versi 4. Karena penulis lihat, browser mini versi ini masih banyak dipakai oleh banyak kalangan daripada versi terbaru 5 beta nya. Nah, berikut beberapa fakta mengenai opera mini.

Menggunakan Server Transcoder

Proses. hasil data atau gambar yang kita peroleh bahkan password dan username yang muncul di jendela handphone kita itu bukan merupakan hasil langsung si Opera Mini menuju dan memproses data ke dan dari server tujuan. Melainkan menggunakan server Transcoder Opera Mini dulu untuk mengolah data, sekaligus mengcompressnya dari server yang kita tuju, lalu server transcoder baru mengirimkan hasilnya ke handhpone kita. Jadi server transcoder dalam hal ini berperan sebagai perantara bagi kita dan web yang kita tuju. Di server transcoder, data halaman web diolah dan diformat sedemikian rupa sehingga pas/tepat untuk HP kita. Maka jadilah format OBML. Maka dari itu, kita tidak akan bisa membuka halaman hasil dari penyimpanan Opera Mini ini di browser pada umumnya, dan begitu juga sebaliknya. Opera Mini menggunakan server proxy yang terletak di Finlandia (atau Denmark) sana. Jadi wajar saja bila IP kita dikenali sebagai IP (Internet Protocol) luar negeri sana. Dan wajar juga bila kecepatan akses kita untuk situs lokal yang menggunakan server lokal lebih lambat daripada situs luar.

Begini kira - kira gambar diagram dari prosesnya.
Bagan Proses ( Kerja ) Opera Mini

Dukungan Javascript Terbatas

Opera Mini sebenarnya tidak mendukung Javascript. Javascript dan script dinamis lainnya diproses di server transcoder. Jadi Opera mini hanya menampilkan hasil eksekusi atau proses yang didapat dari server transcoder.

Format File bukan HTML

Format yang didukung oleh Opera Mini hanyalah OBML ( Opera Binary Markup Language ) dan bukan HTML ( Hypertext Markup Language ). OBML adalah halaman web yang sudah diformat oleh server transcoder agar hanya bisa dibaca oleh Opera Mini. Maka, kita tidak akan bisa menampilkan file dengan format OBML, di browser desktop PC kita.

Alamat IP khas

Karena menggunakan server transcoder, maka alamat IP yang digunakan tentunya IP ( Internet Protocol ) dari server transcoder, bukan dari IP kita ( kalau dilihat dari web/blog yang mempunyai pencatat IP ).

Menggunakan Mesin Layout yang sama dengan Opera desktop

Opera mini tentunya masih satu keluarga dengan Opera desktop, jadi tentunya browser mini ini juga menggunakan mesin layout yang sama dengan Opera desktop, yaitu Presto. Tapi lain halnya dengan Opera desktop ataupun Opera Mobile ( bukan Opera mini lowh yach ), Mesin layout ini terletak pada server (transcoder) bukan pada HP kita tersebut.

Tingkat Kompressi Halaman Web Opera Mini yang Tinggi

Tingkat kompresi dalam web di Opera Mini sangat tinggi. Tingkat kompresi bisa sampai sekitar 90 persen dari total besar (berat) halaman web. Sehingga bisa menghemat biaya (pulsa). Bahkan kita bisa mensetting sendiri untuk tampilan resolusi dari gambar yang akan ditampilkan, tentunya dengan bantuan server transcoder.

Opera Mini Gratissss !!

Tentunya, server transcoder juga membutuhkan biaya untuk bisa selalu beroperasi. Tapi, asyiknya Opera Mini masih menggratiskan layanan ini.

Via : Abrari - Fakta Tentang Opera Mini
Read More

Unblock Blocked Facebook with UnblockBook.org

Category : Labels: , ,

best proxy

In some companies, offices, or other government agencies such as schools of education institutions, access to Facebook on the block, aka closed. Closing access to Facebook was intended (among others are) so as not to interfere with the performance of employees at work in companies or in the office and does not interfere with teaching and learning processes in schools or educational institutions. But there is also the office of "opening" of this access, for the benefit of the company. Facebook used as a means of selling, promotional and one way to interact between the company and its customers (customer).

Does your school office or access to Facebook is also on the block?? How to access Facebook on the network in blocks (unblocked Facebook)?. Other words, how to Unblock Facebook? If that's your problem, you still can open your favorite web with a proxy. Proxy is an intermediary or messenger between the IP one to the other IP. Understanding is easy IP (Internet Protocol) is a code or an address, we are able to proxy URLs Pak Post or courier.

Many proxy sites you can use. One way is to use the services of http://Unblockz.com proxies. By using this proxy service, you will be able to open a web site that you like that has diblock. This is a service that simply makes good its users. Here, you can set the process in accordance with the taste. Like the display and not display images, allow and disallow cookies, disable Javascript, removed from the URL that will form will usually interfere with the appearance of the website you want. These proxy sites using base64 encoder. To be sure, with this latest proxy sites, you will be able to easily and comfortably in bypass firewall has memblock your favorite sites like facebook. With these proxy sites you are ready to Unblock Facebook


Blog Advertising
Read More

Cara Membuat Word Counter (Penghitung Jumlah Kata)

Category : Labels: , ,

Word Count Picture

Seperti dijelaskan pada posting sebelumnya yang termasuk dalam sebuah free online tool. Word Count adalah sebuah tool/widget yang digunakan untuk menghitung berapa banyak jumlah kata yang diinginkan. Sebelumnya anda mungkin sudah mencoba untuk menggunakannya. Nah, untuk sekarang adalah saatnya membahas bagaimana cara membuat tool yang sangat berguna bagi anda yang kini sedang giat bermain (monetize) dengan program paid review.

  • Masuk/ Sign In ke akun blogger anda.
  • Buat satu post baru, atau bisa juga di buat di elemen halaman dengan widget HTML/Javascript.
  • Copy dan paste kode di bawah ini ke Edit HTML mode kalau anda ingin membuat tool penghitung ini di bagian posting.

<form method="POST" name="wordcount">
  <script language="JavaScript">

function countit(){

/*Word count script
By JavaScript Kit (http://javascriptkit.com)
Over 400+ free scripts here!
*/

var formcontent=document.wordcount.wordcount2.value
formcontent=formcontent.split(" ")
document.wordcount.wordcount3.value=formcontent.length
}
</script>
<table border="0" cellspacing="0" cellpadding="5">
    <tr>
      <td width="100%"><textarea rows="12" name="wordcount2" cols="55" wrap="virtual"></textarea></td>
    </tr>
    <tr>
      <td width="100%"><div align="right"><p><input type="button" value="Calculate Words"
      onClick="countit()"> <input type="text" name="wordcount3" size="20"></p>
      <div align="center"><center><p><font face="arial" size="-2">This free script provided by</font>
      <font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
      Kit</a></font></p>
      </center></div></div></td>
    </tr>
  </table>
</form>

  • Dan terakhir Publish Post ( kalau anda membuatnya di bagian posting ). Kalau anda membuatnya di Widget HTML/Javascript langsung saja SAVE.

    Read More

    Word Counter (Penghitung Kata) Untuk bermain Paid Review

    Category : Labels: ,

    Bagi anda - anda yang saat ini sedang gemar bermain paid review, mungkin tool ini akan berguna buat anda. Tool ini tentu saja seperti terbaca di judulnya adalah tool untuk menghitung banyaknya (jumlah) kata dalam suatu artikel. Jangan sampai artikel yang telah anda buat dengan susah payah, direject oleh advertiser hanya gara - gara hal sepele, yaitu tidak memperhatikan (lebih tepatnya tidak mengetahui) jumlah minimum, kata - kata yang diminta oleh advertiser. Semoga Berguna !


    Read More

    Layout Engine Browser

    Category : Labels: , ,



    Anda pasti tahu apa itu browser, browser yang membantu menjelajahi dunia yang penuh keajaiban dan ilmu juga tentunya (ehehe ). Anda yang cukup berpengalaman dan telah cukup sering berselancar di dunia maya, kurang lebih pasti mengetahui perbedaan tampilan suatu website atau blog di masing - masing browser yang berbeda. Biasanya yang cukup kelihatan perbedaan tampilan/style /template adalah website yang menggunakan mesin generator web Blogger.Com. Nah, perbedaan ini dikarenakan oleh mesin layout masing - masing browser.

    Setiap web browser mempunyai mesin layout (layout engines) yang berbeda. Tugas dari mesin layout ini adalah untuk memproses dan menerjemahkan, merender tampilan suatu web dari kode - kode CSS, HTML dan menjalankan script client-side seperti halnya Javascript. Mesin layout inilah yang menyulitkan dan menjadi suatu tantangan tersendiri bagi para web developer. Mesin - mesin inilah yang harus dikalahkan oleh para web developer.

    Setiap browser memiliki mesin ini, walaupun tidak semuanya sama. Tapi banyak juga yang menggunakan satu jenis mesin layout, sehingga mereka mempunyai tampilan yang sama.

    Berikut beberapa mesin layout yang digunakan oleh browser populer :

    Gecko 
    Adalah suatu mesin layout ( layout engine ) yang dikembangkan oleh Mozilla Corporation yang kini digunakan oleh beberapa browser yang tentunya tak salah lagi Mozilla Firefox. Selain itu ada browser lain juga yang menggunakan mesin layout ini yaitu Flock, suatu browser social networking. Dan masih banyak lagi lainnya. 
    mozilla firefoxflock


    Webkit
    Aslinya mesin ini dari KHTML ( Konqueror browser Linux ). Beberapa browser yang menggunakannya adalah Google Chrome, Safari milik Machintos, Arora, Maxthon, Epiphany, dan beberapa lagi lainnya.
    safariGoogle Chrome


    Presto 
    Mesin Layout yang satu ini dikembangkan oleh Opera dan digunakan di Opera 7 dan sesudahnya. Hanya browser Opera lah yang menggunakan mesin ini.
    Opera Browser


    Trident
    Mesin ini dipakai oleh Internet Explorer dari Windows (Microsoft) sejak versi 4.0. Selain Internet Explorer, browser yang menggunakan mesin ini adalah Maxthon.
    Internet Explorer Browser

    Dan banyak lagi lainnya. Untuk list yang lebih lengkap silahkan ke List of Layout (Wikipedia)
    Read More

    Membuat Efek Kursor Bertabur Kerlap - Kerlip Bintang Jatuh

    Category : Labels: , , ,

    Kerlap-kerlip Bintang

    Trik ini digunakan untuk memperindah tampilan gerak dari mouse di blog anda. Setiap mouse bergerak, akan muncul butiran - butiran (kerlap - kerlip bintang) yang tentunya akan membuat blog anda terlihat fantastis. Oke langsung saja ke cara membuatnya.
    Masuk ke Mode Edit HTML dari

    1. Sign ke akun Blogger anda.
    2. Pilih Layout /Tata Letak
    3. Pilih Edit HTML
    4. Cari kode </head> dan Copy -Paste kode javascript dibawah ini di atas kode tersebut. 

    <script type='text/javascript'>
    // <![CDATA[
    var colour="green";
    var sparkles=65;

    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="2px";
    rlef.style.left="0px";
    rdow.style.top="0px";
    rdow.style.left="2px";
    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>

    Atau bila tidak ingin kesulitan dan takut membuat template anda menjadi berantakan setelah menambahkan kode javascript di atas, silahkan copy-paste code di bawah ini di dalam Elemen widget HTML/Javscript.

    // JavaScript Document<script type='text/javascript'>
    // <![CDATA[
    var colour="green";
    var sparkles=65;

    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="2px";
    rlef.style.left="0px";
    rdow.style.top="0px";
    rdow.style.left="2px";
    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);
    }
    // ]]>

    • Setelah Itu simpan hasil edit Template Anda.

    Note :
    var colour="green"; : ganti kode warna dengan kode dari warna yang anda inginkan untuk warna kerlap-kerlip bintang.
    Read More