RSS
Post Icon

Cara Pasang Game

Cara Pasang Gamenya Silakan ikuti langkah-langkah berikut :

1.Silakan Klik://www.kheme httpr.com

2.Sikan Cari Game Yang anda sukai. dan lihat kebagian samping kanan nanti ada bacaan Emded. Lalu Copy Kode yang ada pada teks area.

3.Lalu Sig in Ke Blogger Dengan akun kamu.

4.Klik Tata Letak.

5.Klik Tab Tambah Gadget.Pada sidebar yang anda ingin pasangiGame

6.Lalu Pilih HTML/JavaScript.

7.Paste Kode HTML Game tersebut ke dalam HTML/JavaScript

8.Klik simpan Dan lihat hasilnya ?

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Post Icon



Download Template Blog Keren dan Ringan


Download Template Blog Keren dan Ringan. Satu lagi template yang akan kami berikan link downloadnya adalah best template 2013. Semoga bari para sahabat blogger yang mencari template keren dan ringan, silahkan mencoba template ini. 



Kami akan memberi info cara pasang template di blog / blogger dengan mudah yang masih belum disertai gambar, berikut ini caranya :
  • Login ke akun blogger kamu
  • Kemudian Pilih Menu Template di menu blog kamu
  • Setelah itu, lihat pada layar sebelah kanan. klik tombol CADANGKAN/PULIHKAN
  • Akan tampil jendela pop up, klik unduh template lengkap untuk mengantisipasi jika terjadi kesalahan dan bisa mengembalikan template seperti semula
  • Setelah itu cari kata UNGGAH TEMPLATE DARI FILE DI HARD DRIVE ANDA.Klik tombol browse dan cari file template anda yang berekstensi .xml.
  • Jika sudah klik UNGGAH
  • Tunggu sampai proses pengungahan selesai
  • Jika lancar tempalte anda akan berubah dengan template yang baru

Kenggulan Template Ini :
  • Super SEO
  • 3 Kolom
  • Otomatis ReadMore
  • Edit Template Mudah

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Post Icon

Mengganti Kursor Blog dan berbagai aneka kursos dengan gambar Animasi Keren.


Mengganti Kursor Blog dan berbagai aneka kursos dengan gambar Animasi Keren.

Cursor 1
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/horse-ani1.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj2BRWUX1ZEMIiglXWgR9FduRX-eQ6PXzTzxj5WHFT2iAqWV1duGcK-z0Efi2h7GcgguZCXmLiZXjSNZRBRDP5K_LvzEI47V_xdoKjEz488x3f0hH1r2wSR2tAUfolXrVXnmVJrX9ReA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 2
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Heart.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj2BRWUX1ZEMIiglXWgR9FduRX-eQ6PXzTzxj5WHFT2iAqWV1duGcK-z0Efi2h7GcgguZCXmLiZXjSNZRBRDP5K_LvzEI47V_xdoKjEz488x3f0hH1r2wSR2tAUfolXrVXnmVJrX9ReA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
 Cursor 3
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Halloween_2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj2BRWUX1ZEMIiglXWgR9FduRX-eQ6PXzTzxj5WHFT2iAqWV1duGcK-z0Efi2h7GcgguZCXmLiZXjSNZRBRDP5K_LvzEI47V_xdoKjEz488x3f0hH1r2wSR2tAUfolXrVXnmVJrX9ReA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 4
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Fly_2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj2BRWUX1ZEMIiglXWgR9FduRX-eQ6PXzTzxj5WHFT2iAqWV1duGcK-z0Efi2h7GcgguZCXmLiZXjSNZRBRDP5K_LvzEI47V_xdoKjEz488x3f0hH1r2wSR2tAUfolXrVXnmVJrX9ReA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 5
 <style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/aliendance.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj2BRWUX1ZEMIiglXWgR9FduRX-eQ6PXzTzxj5WHFT2iAqWV1duGcK-z0Efi2h7GcgguZCXmLiZXjSNZRBRDP5K_LvzEI47V_xdoKjEz488x3f0hH1r2wSR2tAUfolXrVXnmVJrX9ReA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 6
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/apple-tmani.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj2BRWUX1ZEMIiglXWgR9FduRX-eQ6PXzTzxj5WHFT2iAqWV1duGcK-z0Efi2h7GcgguZCXmLiZXjSNZRBRDP5K_LvzEI47V_xdoKjEz488x3f0hH1r2wSR2tAUfolXrVXnmVJrX9ReA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 7
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/bounce.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj2BRWUX1ZEMIiglXWgR9FduRX-eQ6PXzTzxj5WHFT2iAqWV1duGcK-z0Efi2h7GcgguZCXmLiZXjSNZRBRDP5K_LvzEI47V_xdoKjEz488x3f0hH1r2wSR2tAUfolXrVXnmVJrX9ReA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 8
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/tail2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj2BRWUX1ZEMIiglXWgR9FduRX-eQ6PXzTzxj5WHFT2iAqWV1duGcK-z0Efi2h7GcgguZCXmLiZXjSNZRBRDP5K_LvzEI47V_xdoKjEz488x3f0hH1r2wSR2tAUfolXrVXnmVJrX9ReA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 9
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/bluemultiglit.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj2BRWUX1ZEMIiglXWgR9FduRX-eQ6PXzTzxj5WHFT2iAqWV1duGcK-z0Efi2h7GcgguZCXmLiZXjSNZRBRDP5K_LvzEI47V_xdoKjEz488x3f0hH1r2wSR2tAUfolXrVXnmVJrX9ReA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 
Cursor 10

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Arrow_02.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj2BRWUX1ZEMIiglXWgR9FduRX-eQ6PXzTzxj5WHFT2iAqWV1duGcK-z0Efi2h7GcgguZCXmLiZXjSNZRBRDP5K_LvzEI47V_xdoKjEz488x3f0hH1r2wSR2tAUfolXrVXnmVJrX9ReA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 11
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.ani), url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/03/03/blue-fire-pointer.html" target="_blank" title="Blue Fire Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Blue Fire Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 12

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur949.ani), url(http://cur.cursors-4u.net/cursors/cur-10/cur949.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/26/batman-begins-help-select.html" target="_blank" title="Batman Begins - Help Select"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Batman Begins - Help Select" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 13
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur201.ani), url(http://cur.cursors-4u.net/cursors/cur-3/cur201.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/22/shiny-flashy-green-matrix.html" target="_blank" title="Shiny Flashy Green Matrix"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Shiny Flashy Green Matrix" style="position:absolute; top: 0px; right: 0px;" /></a>

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Post Icon

Bagaimana Memasang Widget CCTV Di Blog


Bagaimana Memasang Widget CCTV Di Blog

Sebenarnya cara membuat widget CCTV ini bisa dilakukan dengan 2 cara. Jadi jika anda ingin memasang widget ini silahkan pilih salah satu cara yang menurut anda mudah.
1. Cara Pertama:
  • Login dengan akun blog saudara
  • Masuk ke menu TEMPLATE
  • Klik EDIT HTML
  • Cari kode </head>
  • Arahkan pointer pada kolom edit html, kemudian tekan Ctrl + F untuk mempermudah pencari kode
  • Simpan script di bawah ini tepat di ATAS kode </head>
     <script language="JavaScript" src="http://mufid-cheater.xtgem.com/CCTV.txt" type="text/javascript"> </script> <script language="JavaScript"
    type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf-OIcl2MCKySRB36OOHmJQ3GfZdy54ttEdZXiJ0wB8bzXysfuGeu3nVxEYr6qBakr8GL52y9Pk6BwwNLJKuPxLZ5sDI_kZK7xUEuqiIqUHF1_ZEeI5tnfz0UhInOkBZbT26EwtmlmJHs/s1600/cctv.gif")</script>

  • Klik simpan template untuk melihat hasilnya
 2. Cara Kedua:
  • Masih dalam keadaan login dengan akun blog
  • Masuk ke menu TATA LETAK
  • Klik tambah Gadget -->> pilih Html/Javascript
  • Copy paste salah satu kode di bawah ini pada kolom html/javascript
Widget CCTV di Blog
<script language="JavaScript" 
src="https://sites.google.com/site/rhwblogspotcom/javasript/kamera_pengintai.txt?attredirects=0&d=1"type="text/javascript"></script><script language="JavaScript" 
type="text/javascript">cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtScUWQ_sQqwhagLNAYNboBWp-Lh0qUFnfzH_1-l4WNWMjnkR1JF_2tXWcbsukDc3LQa9OthsACKAB3F0L2E78USgeUOD7_NPAYgaZmRwR9oBkdasCGPDyQ6D4Uyq1ZCOlYOfTVEcEcSI/s1600/kamera-pengintai-cctv-1-boytriks.gif") </script>

Widget CCTV di Blog
<script language="JavaScript" src="https://sites.google.com/site/rhwblogspotcom/javasript/kamera_pengintai.txt?attredirects=0&d=1" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLAqh8o9LYQoDZjhpGrET-oey7wYz7a8k-y7KEEvgXkLXtlh4gIHcUWVgqrWzKhotAMKWOALl4bXlfkXZyI-Vi6kh2FvBOr-aXH5Cc8crk4QQr103lIRckO4SOKK7LNJB8RELzacslrz0/s1600/kamera-pengintai-cctv-2-boytriks.gif") </script>

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Post Icon

Cara Membuat Efek Meteor Jatuh pada Blog



Cara Membuat Efek Meteor Jatuh pada Blog

Efek yang satu ini bisa dikatakan cukup menarik karena disertai dengan suara saat meteor bertabrakan. Efek meteor jatuh merupakan efek yang cukup saya sukai karena berbeda dengan efek-efek lainnya. Efek ini dibuat oleh Stephen Chapman. Jika sobat blogger penasaran berikut langkah - langkahnya:
  • Login ke blogger
  • Masuk ke Rancangan -- Elemen Laman
  • Tambahkan gadget lalu pilih HTML/Javascript
  • Masukkan kode dibawah ini:
<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://blogtrikdantips-blogspot.googlecode.com/files/meteor_jatuh.js">
</script>

  • Simpan gadget lalu lihat hasilnya.Selamat mencoba!

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Post Icon

Cara memasang widget animasi bergerak di Blog




19Cara memasang widget animasi bergerak di Blog

pada artikel ini saya akan membahas tentang Cara memasang widget animasi bergerak di Blog
yaitu memasang widget bergerak/animasi yang keren,unik dan lucu
widget ini untuk menghiasi blog anda langsung saja TUTORIALnya :

1.Login dulu ke blog anda
2.dashboard
3.click gadget
4.lalu pilih add gadget
5.click html/javascript
6.lalu copy code berikut di bawah ini :D



<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://hasbiabhi.blogspot.com/2012/12/cara-memasang-widget-animasi-bergerak.html" target="_blank"><img border="0" src=" http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Cara memasang widget animasi bergerak". alt="Dapatkan widget animasi ini !" /></a><small><center><a href="http://hasbiabhi.blogspot.com/2012/12/cara-memasang-widget-animasi-bergerak.html" target="_blank">Animasi Helikopter</a></center></small></div>



<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://hasbiabhi.blogspot.com/2012/12/cara-memasang-widget-animasi-bergerak.html" target="_blank"><img border="0" src=" http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Cara memasang widget animasi bergerak". alt="Dapatkan widget animasi ini !" /></a><small><center><a href="http://hasbiabhi.blogspot.com/2012/12/cara-memasang-widget-animasi-bergerak.html" target="_blank">Animasi laugh baby</a></center></small></div>


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://hasbiabhi.blogspot.com/2012/12/cara-memasang-widget-animasi-bergerak.html" target="_blank"><img border="0" src=" http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Cara memasang widget animasi bergerak". alt="Dapatkan widget animasi ini !" /></a><small><center><a href="http://hasbiabhi.blogspot.com/2012/12/cara-memasang-widget-animasi-bergerak.html" target="_blank">Animasi Lumba-lumba</a></center></small></div>



<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://hasbiabhi.blogspot.com/2012/12/cara-memasang-widget-animasi-bergerak.html" target="_blank"><img border="0" src=" http://isroi.files.wordpress.com/2010/01/dalmatian-puppy-running.gif?w=468" title="Cara memasang widget animasi bergerak". alt="Dapatkan widget animasi ini !" /></a><small><center><a href="http://hasbiabhi.blogspot.com/2012/12/cara-memasang-widget-animasi-bergerak.html" target="_blank">Animasi running dog</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://hasbiabhi.blogspot.com/2012/12/cara-memasang-widget-animasi-bergerak.html" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21581772/355351427.jpg" title="Cara memasang widget animasi bergerak". alt="Dapatkan widget animasi ini !" /></a><small><center><a href="http://hasbiabhi.blogspot.com/2012/12/cara-memasang-widget-animasi-bergerak.html" target="_blank">Animasi tobi</a></center></small></div>




<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://hasbiabhi.blogspot.com/2012/12/cara-memasang-widget-animasi-bergerak.html" target="_blank"><img border="0" src=" http://i529.photobucket.com/albums/dd336/estelgrace_bucket/sharingan1.gif" title="Cara memasang widget animasi bergerak". alt="Dapatkan widget animasi ini !" /></a><small><center><a href="http://hasbiabhi.blogspot.com/2012/12/cara-memasang-widget-animasi-bergerak.html" target="_blank">Animasi sharingan eye</a></center></small></div>



<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://hasbiabhi.blogspot.com/2012/12/cara-memasang-widget-animasi-bergerak.html" target="_blank"><img border="0" src=" http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Cara memasang widget animasi bergerak". alt="Dapatkan widget animasi ini !" /></a><small><center><a href="http://hasbiabhi.blogspot.com/2012/12/cara-memasang-widget-animasi-bergerak.html" target="_blank">Boneka</a></center></small></div>




<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://hasbiabhi.blogspot.com/2012/12/cara-memasang-widget-animasi-bergerak.html" target="_blank"><img border="0" src=" http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Cara memasang widget animasi bergerak". alt="Dapatkan widget animasi ini !" /></a><small><center><a href="http://hasbiabhi.blogspot.com/2012/12/cara-memasang-widget-animasi-bergerak.html" target="_blank">Kucing zzZ</a></center></small></div>

Read more at http://hasbiabhi.blogspot.com/2012/12/cara-memasang-widget-animasi-bergerak.html#SvMldcRpykXKpK75.99



Jika sobat berminat untuk memasangnya, silahkan ikuti caranya berikut ini :

  1. Login ke Akun Blogger Anda
  2. Buka Tata Letak
  3. Klik "Tambah Gadge=> HTML/Javascript"
  4. Copy dan Pastekan kode masing-masing animasi yang Anda senangi.
  5. Lalu Klik Simpan atau Save




  1. Kembang Api

     

    <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Fire.gif" /></a>

  2. Pelaut
     

    <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/tutuktutuk.gif" /></a>

  3. SpongeBob Ngantuk
     

    <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/bob.gif" /></a>

  4. SpongeBob Lari
     

    <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/boblari.gif" /></a>

  5. Ubur - Ubur
     
    <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/ubur2.gif" /></a>

  6. Seluncur
     

    <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Skate.gif" /></a>

  7. Bajak Laut
     
    <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Fire-1.gif" /></a>

  8. Dancer
     

    <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Dance.gif" /></a>

  9. Petir
     
    <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Cloudelec.gif" /></a>

  10. Murid
     
    <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/jln.gif" /></a>

    11SpongeBob Gembira


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Post Icon

Cara Memasang Efek/Animasi Hujan Salju di Blog


Cara Memasang Efek/Animasi Hujan Salju di Blog – 100% Work!

Cara Memasang / Membuat Efek Hujan Salju di Blog (Gambar tidak terlihat? Klik kanan tulisan ini, lalu pilih 'Reload Image')
Cara Memasang Efek /Animasi Hujan Salju di Blog – 100% Work! - Animasi salju jatuh (hujan salju) ini hampir mirip dengan efek daun jatuh yang penah saya tulis beberapa waktu yang lalu. Blog yang dipasangi efek hujan salju ini akan menampilkan butiran - butiran salju yang jatuh perlahan, dan sangat mirip dengan hujan salju sebenarnya. Setidaknya, animasi ini dapat menghibur pengunjung blog Anda yang berasal dari Indonesia (termasuk Admin Tips SEO +Blog - PC 123), karena mereka tidak pernah merasakan hujan salju, hehehe...

Cara memasang animasi hujan salju ini tidak berbeda dengan cara memasang efek cursor bertabur bintangefek daun berguguran, dan efek gelembung terbang di blog. Berikut ini script animasi salju jatuh di blog:
<script type="text/javascript" src="http://yourjavascript.com/798324123/script-salju.js"></script>
Ikuti langkah - langkah berikut untuk memasang efek salju jatuh ini di blog :
1.      Buka Blogger, lalu masuk ke Tata Letak.
2.      Pilih Tambahkan Gadget -> HTML Javascript.
3.      Pastekan kode/script efek hujan salju diatas, dan jangan lupa untuk mengklikSimpan.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Post Icon

Cara Mengganti Tampilan Scroll Bar jadi Keren di Blog


Cara Mengganti Tampilan Scroll Bar jadi Keren di Blog


Cara Mengganti Tampilan Scroll Bar Blog Menjadi Lebih Keren, mengganti warna atau tampilan scroll bar di blog

Cara Mengganti Tampilan Scroll Bar jadi Keren di Blog – Sobat blogger tentu tahu apa itu scroll bar bukan? Yup, scroll bar arau bar penggulung adalah suatu baris yang berisikan kotak, yang digunakan untuk menggulung layar, baik ke kiri kanan ataupun ke bawah atas. Oh iya. Ngomong – ngomongsoal scrollbar, tentu Anda sudah membaca postingan terdahulu saya bukan, yang membahas cara memasang scroll bar pada kotak komentar? Jika belum, monggo boleh dibaca nanti.  Secara default, scroll bar akan memiliki warna yang berbeda, tergantung sistem operasi dan browser user yang mengakses blog. Contohnya, lihat tampilan blog Tips SEO + Blog – PC 123 yang diakses dengan browser QtWeb berikut ini :

blog, blogger, seo, preview scrollbar standar pada blog yang belum diubah

Nah, dengan sedikit kreatifitas dan kustomisasi CSS blog, kita dapat menganti warna dan tampilan scroll bar dalam blog menjadi lebih menarik dan unik. Contohnya seperti gambar dibawah ini.

blog, seo, blogger, preview scrollbar pada blog yang telah diubah menjadi lebih keren

Tertarik mengganti scroll bar blog Anda menjadi lebih menarik? Silahkan ikuti langkah – langkah dibawah ini :
1.     Buka akun Blogger Anda, lalu masuk ke Template.
2.     Buat sebuah backup dari template blog Anda, lalu klik Edit HTML.
3.     Tekan CTRL+F, lalu cari kode ]]></b:skin>
4.     Pastekan kode berikut diatas kode ]]></b:skin>
::-webkit-scrollbar {height:12px;width: 12px;background: #00CC00;} ::-webkit-scrollbar-thumb {background-color: #FF9900;-moz-border-radius: 10px;border-radius: 10px;}
Catatan : Kode yang berwarna hijau menentukan warna latar (rel) scrollbar, sedangkan kode yang berwarna oranye menentukan warna bar pada scrollbar. Gantilah sesuai dengan keinginan. Jika Anda tak hapal dengan kode HTML warna, klik disini.
5.     Terakhir, klik Simpan.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS