Cara Buat Bintang Jatuh dari Kursor

Cara membuat efek bintang jatuh dari cursor di blog, animasi bintang jatuh adalah sebuah animasi kursor yang berupa bintang bertaburagn yan jatuh dari cursor atau mouse ketika digerakkan, hal ini sangat menarik untuk dipasang di sebuah blog atau website karena animasi nya yang indah dan unik sehingga akan menarik visitor blog untuk betah tinggal lama-lama untuk membaca blog sobat

Buat sobat yang senang me-modifikasi blog nya dengan sesuatu yang beda dan unik mungkin perlu mencoba animasi bintang jatuh yang satu ini. Cara membuat bintang jatuh ini juga tidak susah-susah amat dan sobat tidak perlu meng-edit kode yang ada di template, cukup hanya copy paste kode-kode yang akan saya berikan dibawah nanti ke edit html pada bagian add gadget.

Pemasangan Efek Bintang Jatuh Pada Cursor di Blogger

• Login di Blogger
• Pilih Design > Add gadget > HTML/Javascript
• Masukkan kode dibawah ini ke kolom HTML/Javascript

• <script type='text/javascript'> 

  // <![CDATA[ 

  var colour="#52D8ED"; 

  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>

  Cari kode yang berwarna merah diatas dan gantilah sesuai dengan kode warna keinginan sobat
  Terakhir simpan dan efek bintang jatuh dari cursor sudah dapat sobat lihat

Read More

Cara Memasang Flag Counter di Blog Blogspot

Berapa jumlah pengunjung blog sobat?? Bagi sobat blogger yang belum tahu saya sarankan untuk memasang widget ini. Namanya Flag Counter. Flag counter adalah visitor count yang menampilkan jumlah pengunjung blog dengan ciri khas menampilkan bendera negara setiap pengunjung. Contoh bisa sobat lihat di sidebar blog ini.
Setelah sebelumnya posting cara membuat banner untuk link exchange kali ini saya akan sharecara memasang widget flag counter di blog sobat. Sobat yang penasaran dan tertarik silahkan ikuti tutorial berikut.

1. Sobat kunjungi situs http://flagcounter.com 
Sobat akan melihat tampilan seperti berikut.

2. Seperti pada gambar, di situ sobat bisa mengatur tampilan dari flag counter tersebut sesuka hati.
Berikut beberapa menu editnya..

• Top Countries : menampilkan jumlah pengunjung tiap negara dengan bendera negara asal pengunjung
• Flag Map : menamplkan pengunjung dalam bentuk map aatau peta dunia seperti gambar berikut.

• Mini Counter : menampilan counter dalam bentuk mini berupa pagaview blog.
• Maximum Flag to Show : Jumlah bendera yang akan di tampilkan
• Column of Flags : Jumlah kolom untuk counter
• Label on Top of Counter : Nam dari counternya. bisa di ganti sesuai keinginan.
• Background Color : Warna latar belakang
• Text Color : warna teks
• Border color : Warna garis tepi
• Show Country Codes : Menampilkan kode setiap negara, misalnya amerika dengan kode US.
• Show Pageview Count : Menampilkan jumlah pageview atau jumlah penelusuran halaman di satu blog
• Show Number of Flags : Menampilkan seluruh jumlah bendera asal pengunjung

3. Setelah selesai ngeditnya, klik tulisan GET YOUR FLAG COUNTER. Kemudian sobat akan melihat tampilan seperti berikut.

4. Klik Skip, ambil kodenya, kemudian pasang ke HTML/Javascript blog sobat.

Cara Pemasangan :
Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan kode kedalam kotak yang di sediakan kemudian klik save.

Read More

Cara mudah untuk membuat semua bagian link pada blog menjadi adf.ly

Oke selamat datang para penggemarr,. kali ini adalah lanjutan postingan saya yang sebelumnya untuk mendapatkan uang dari adf.ly. Teman saya bertanya bagaimanakah membuat semua link di blog kita secara otomatis menjadi adf.ly?

Memang lah ini pertnyaan yang umum diajukan. kenapa? karena pada umumnya para blogger menggunakan adf.ly setelah banyak postingan sudah di ketik,. masa harus Shrink link satu'' kan repot.. gini cara musdah nya biar semua link di blog kita jadi adf.ly secara otomatis..

yang belum gabung di adf.ly klik disini caranya.

pertama kalian login dulu ke adf.ly dan blogger nya,. baru kalian bisa beraksi !!

setelah kalian masuk ke edf.ly dan berhasil login kalian langsung masuk klik menu pada bagian atas halaman akun kalian yang ada gambar kunci sama obeng, kalian lihat pada gambar berikt:

pilih Full Page Script. dan copy semua teks html yang ada pada kolom yang seperti di gambarkan diatas.. laluy kalian langung masuk ke blogger dan pergi ke menu layout pada blog kalian. pilih add gadget dan pilih HTML. lihat beberapa gambaran berikut:

 

setelah itu pastekan isi teks HTML yang kalian copy dari adfl.y tadi,. klik save !!

dan selamat kalian seudah selesai. 

nah mudah sekali bukan? banyak cara untuk mendapatkan uang di internet,. makanya jangan bosan'' buat ngunjungin blog ini,. karena masih banyak lagi info yang menarik tentunya,. saya tinggal dulu karena kasikan ngetik jadi lupa kebelet,. daa.. sampai jumpa.

Read More

Cara Backup Data Blog

Cara Backup Data Blog

Back up data blog bertujuan untuk menyimpan data yang ada pada blog sehingga jika sewaktu - waktu da permasalahan kita bisa merestore data kita sehingga kita tidak kehilangan data kita. Data hasil backup bisa kita simpan pada komputer pribadi kita atau pada media penyimpanan online.
Pada kesempatan kali ini saya akan berbagi langkah - langkah untuk membackup data blog.
1. Masuk ke akun blogger anda
2. Pilih menu setting pada blog, kemudian pilih menu other pada bagian paling bawah menu setting - Lainnya .
3. Selanjutnya klik export blog untuk mebackup data blog anda.

4. Selanjutnya download hasil backup anda.

Semoga artikel ini bisa membantu ....

Read More

Cara Menampilkan Recent Post (Postingan Terbaru)

Kamu pingin nampilin postingan terbaru (Recent Post) kamu di side bar?
Kalo pingin, beginilah caranya :

1. Login to Blogger kemuduan pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy kode berikut ini dan taruh dalam kotak "content".

<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://YOURBLOGNAME.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

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

Nha coba lihat blog kamu, udah nongol kan "Recent Post" kamu...
Good..good..good

Read More

Cara Membackup Blogger

Setelah mengalami kejadian hilangya blog yang kemarin itu, ternyata baru tahu betapa pentingnya untuk membackup blog kita. Setelah mutar-mutar akhirnya nemu juga layanan untuk membackup blog kita, yaitu di blogbackuponline. Dengan layanan ini kita bisa dengan mudah membackup blog kita disana secara gratis. Tapi layanan ini hanya memberikan space sebesar 5 MB (kok sedikit ya).Tapi jangan khawatir walopun cuma 5 MB tapi aku rasa cukup untuk membackup data-data blog kita. Jika kita memposting rata-rata perpostingan itu 1000 karakter, maka itu cukup untuk membackup sampai 5000 postingan, lumayan kan. Tapi untuk yang versi FREE alias gratis kita tidak bisa membackup data berupa gambar dan video. Kita hanya bisa membackup artikel-artikel postingan kita saja.

Gimana? tertarik untuk membackup datamu? Caranya cukup mudah, yaitu:
1. Buka website https://www.blogbackuponline.com dan daftarkan diri kamu disana. Setelah mendaftar kamu akan mendapatkan kiriman email untuk mengaktifkan account km.
2. Kalo sudah aktif login ke website tersebut. Setelah login maka segera registrasikan alamat blogmu yaitu dengan cara mengklik tombol "Start Registering Your Blog".
3. Masukkan alamat blog km dalam kotak yang disediakan, kemudian klik tombol "Register Blog"
4. Setelah itu maka tunggulah proses backupnya. setelah itu pilih tombol "Start Full Backup", Selesai deh.

Trus caranya mengembalikan data kita gimana?
Untuk yang versi bayar, sangat mudah dan bisa dilakukan secara otomatis dengan memencet menu restore. Tapi untuk yang versi GRATIS, kita hanya bisa mendapatkan data-data postingan kita. Caranya masuk ke "Dashboard" trus klik tombol "Manage" setelah itu pilih menu "Content". Nha disitulah semua data-data postinganmu berada. Giamna lumayan kan, daripada harus mengetik ulang ampe membuat tangan gempor mending tinggal copy paste aja. Lagian apa kita ingat semua isi postingan kita? ya to?

OK Selamat Mencoba..........

Read More

Mengganti "Older Posts" Dengan Angka Blogger

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini

1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML" 
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'> 
var pageCount=5; 
var displayPageNum=5; 
var upPageWord =&#39;Previous&#39;; 
var downPageWord =&#39;Next&#39;; 
</script> 
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> 
</b:if> </b:if> 
<!--Page Navigation Ends -->

Kalau sudah silahkan dilihat hasilnya.

Read More