Cara Memasang Animasi Naruto Keren Di Blog

Sabtu, 31 Agustus 2013
Posted by Unknown
Sekedar Sharing - Kali ini saya akan menshare tutorial Cara Memasang Animasi Naruto Keren Di Blog. bagi para sobat yang tertarik silahkan ikuti tutorialnya.
  1.     Login ke dasbor blog anda
  2.     Pilih rancangan
  3.     Pilih Tambah Gadget
  4.     Pilih Html/Java Script
  5.     Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa  memilih   sesuai keinginan anda. 
  6.     Pastekan kode tadi di Html/java script tadi.
  7.     Simpan, dan selesai


1.Jiraiya

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/JiraiyaSummoned.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>


2.Daidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html"><img border="0" src="http://i1107.photobucket.com/albums/h385/bogel4/DeidaraBird.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

3.kisame

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/KisameWater.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

4.Kiba


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/KibaAkamaru.gif " title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

5.Akatsuki

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://th244.photobucket.com/albums/gg10/spider-man155/th_Akatsuki.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang naruto bergerak gif" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

6.Sakura

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Sakura2.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

7.Anggota akatsuki

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343009.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

8.Tobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21581772/355351427.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

9.Hinata

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/HinatavsNaruto.gif" title="
Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

10.Temari

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Temari.gif " title="Click to get more." /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

11.Kankuro

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kankuro.gif " title="Kumpulan animasi Naruto dan gara bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

12.Sasuke

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://th217.photobucket.com/albums/cc54/ivandra79/Naruto/th_SASUKE_GIF.gif" title="Kumpulan animasi sasuke bergerak gif"
 alt="cara pasang animasi naruto dan sasukebergerak gif di blog"  /></a><small>
<center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

13.Itachi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343243.jpg " title="Kumpulan animasi Naruto hitachi bergerak gif" alt="cara pasang animasi naruto dan hitachi bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

14.Pain

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343104.jpg" title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

15.Kakuzu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/Kakuzu.gif" title="lihat lebih banyak animasi naruto bergerak" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>


16.Gaara vs daidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraDeidara.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

17.Gaara


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraSkill.gif" title="Kumpulan animasi gara bergerak gif" alt="cara pasang animasi gara bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

18.Neji

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/NejiStrikes.gif " title="kumpulan animasi bergerak" alt="animasi beregerak naruto" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

 19.Rock lee

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Leecombo.gif " title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

20.Zetsu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343266.jpg " title="lihat lebih banyak animasi naruto bergerak."alt="animasi beregerak naruto" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

21.Sasori

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343137.jpg" title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

22.Kakashi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kakashi.gif " title="kumpulan cartoon bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

23.Sarutobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/3rdHokage.gif " title="klik kumpulan Widget Animasi naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

24.Kisame

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343066.jpg" title="lihat kumpulan Widget Animasi Naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna merah pada script tersebut.
bottom (bawah), top (atas), left ( kiri), right (kanan),
Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right.Selamat mencoba

Sekedar Sharing - Cara Membuat Blog Dengan Mudah di Blogger. Sebagaimana yang telah kita ketahui bersama bahwa banyak cara atau layanan untuk membuat blog gratis diantaranya adalah blogger/blogspot, wordpress, joomla, blog detik dan lain-lain. Namun pada kesempatan ini, saya akan membahas bagaimana cara membuat blog khususnya blog yang berplatform blogger. Sebelum membahas lebih jauh tentang cara membuat blog, ada baiknya saya juga menjelaskan sedikit pengertian blog. Blog pada dasarnya disebut sebagai "Web Blog" yang merupakan salah satu aplikasi web yang mana postingan atau artikel yang diposting didalam blog sering sekali berurutan, yaitu dari tulisan terbaru hingga tulisan yang paling lama.

Cara Membuat Blog di Blogger

Syarat utama sebelum Anda membuat blog di blogger adalah memiliki alamat email yang masih aktif, jika Anda belum membuat email. Sekarang saya asumsikan bahwa Anda sudah memiliki alamat emai di gmail, untuk itu kita langsung saja untuk membuat blog.

1. Silahkan Anda kunjungi http://blogger.com/

2. Kemudian lihat di kanan bawah, rubah bahasa menjadi bahasa indonesia agar lebih mudah




3. Masuk/login menggunakan username/nama pengguna serta password gmail anda ( akun email anda bisa juga untuk login ke blogger).




4. Isilah formulir data Anda yang terlampir seperti:
•    Nama tampilan : isi dengan nama yang akan ditampilkan pada profile blog anda.
•    Jenis Kelamin : pilih jenis kelamin Anda, misalnya: Pria.
•    Penerimaan Persyaratan : Ceklis sebagai tanda anda setuju dengan peraturan yang telah di tetapkan oleh pihak blogger. Sebaiknya baca terlebihdahulu persyaratan dan ketentuan yang diberikan pihak blogger agar Anda mengerti.

5. Klik tanda panah bertuliskan “Lanjutkan”. Kemudian klik "Blog Baru"





6. Selanjutnya isi formulir data blog Anda pada form yang disediakan seperti:
•    Judul : Isi dengan judul blog yang Anda inginkan, misal : Panduan dan Tutorial Blogger
•    Alamat : isi dengan alamat blog yang di inginkan.
•    Template : pilih template (tampilan blog) yang Anda disukai


7. Lanjutkan dengan klik tombol “Buat blog!”.


8. Sampai tahap ini blog Anda sudah selesai dibuat, namun untuk menghindari anggapan spam oleh google sebaiknya anda mulai membuat artikel, minimal 1 postingan. Untuk membuat postingan/artikel ikuti tutorial blog berikut ini.

9. Klik tulisan "Mulai memposkan

10. Isi judul dan artikel yang ingin Anda postkan di blog


11. Setelah tulisan Anda selesai lalu klik "pratinjau" untuk melihat hasil sementara, jika sudah sesuai maka klik "publikasikan"

12. Selesai dan saya ucapkan "Selamat" publikasikan juga bog baru Anda pada sahabat atau orang terdekat Anda bahwa sekarang anda sudah memiliki blog.

Semoga Bermanfaat !
Sekedar Sharing - Salah satu cara untuk membuat halaman blog menjadi cantik adalah dengan memberikan efek lipatan kertas yang biasanya berada di pojok halaman. Efek lipatan kertas seperti ini dikenal juga dengan nama Page Peel atau Page Flip. Membuat efek Page Peel pada blogspot sangat mudah. Berikut ini cara membuat efek tersebut sebagaimana dijelaskan oleh drraman:

1. Login ke blogspot
2. Masuk ke dashboard > Design > Edit HTML.
3. Letakkan kode di bawah ini sebelum kode </head>

<style type="text/css">
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDRM0ewBynmuaDqAZGQdy2mg5a60bgufp4JBMrfXi60dIeMbl1YnbWf_bKmR80OycO54R-XaydVW7Ouity0yZYdSC2YzWfGXlGtpxXZUKi4Itt7bNKSy0TvOgfvZ1pCaGZMWmnj3f5w4en/s1600/page+peel.JPG) no-repeat right top;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;307px&#39;,
height: &#39;319px&#39;
}, 500);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 220);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 200);
});
});
</script>


 Perhatian !!!
 * Ganti tulisan warna biru dengan link gambar anda

4. Letakkan kode di bawah ini setelah kode <body>

<div id='pageflip'>
<a href='http://sekedarsharing2.blogspot.com/'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOhjZUuxn6AHjwWiqel37VPNRpAecyI93KiZ0OG7CLDu4fq3miZSfDo2IR_IVRauw-qyw48JpQVE5ia8AV2-h1PUtQS2650lPvC51fhqbclyDMdjIMKg2QaE9hne7D1lDfyG44sRzhOPxd/s1600/page_flip.png'/></a>
<div class='msg_block'></div>
</div>

5. Save template dan lihat hasilnya.

Selamat mencoba!

Sekedar Sharing - Cara Membuat Link Bergoyang Ketika Disentuk kursor. kali ini saya akan menshare tutorial membuat link bergoyang ketika disentuh kursor, sangat menarik sob. Penasaran dengan tutorial ini? silahkan ikuti langkah-langkah berikut :


  1. Login dulu ke blog sobat
  2. Dasbor
  3.  Rancangan
  4. Tambah Element Html/Javascript
  5. Lalu Copas script di bawah ini :



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> $(document).ready(function()  { $('a').hover(function() { $(this).animate({ marginLeft:  '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script>


6. Simpan dan lihat hasilnya.

Semoga Bermanfaat!

Sekedar Sharing - Untuk para sobat pecinta blogger, sebelum menambahkan efek-efek pada blogger harap dilihat dan di pertimbangkan efek yang akan di pasang pada blog karena akan mempengaruhi loading pada blog. dan disini saya akan menshare kumpulan efek-efek untuk blog. ada efek yang ringan dan ada juga efek yang lumayan berat. penasaran pengen mencoba?

silahkan bisa ikuti tutorialnya berikut ini :


A. Efek Ringan

Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan

<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>


2. Efek hati bertaburan

<script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script>


3. Efek bintang bertaburan
<script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script>


4. Efek kembang api
<script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script>


5. Efek Gelembung
<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>


5. Efek Kupu - Kupu Terbang
<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>


Cara pemasangan :

  1.     Klik rancangan --> Edit html
  2.     Letakkan script efek di atas kode </body>
  3.     Klik Save


B. Efek Menengah - Berat


1.Meteor Jatuh
<script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>


 2. Banjir
<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>


 3. Bunga Mekar
<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>

4.  Bom Atom
<script language="javascript">
nd_mode="bomb";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>


5. Ufo
<script language="javascript">
nd_mode="ufo";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>


6. Graffity
<script language="javascript">
nd_mode="graff";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>

7. Shaver
<script language="javascript">
nd_mode="shaver";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>

8. Gun
<script language="javascript">
nd_mode="gun";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>
9.Bloody gun
<script language="javascript">
nd_mode="blood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>
10. Paint ball
<script language="javascript">
nd_mode="paint";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>

11. Chainsaw
<script language="javascript">
nd_mode="chainsaw";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>

12. Dinosaur
<script language="javascript">
nd_mode="dino";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>
13. Lebah
<script language="javascript">
nd_mode="wasp";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>

14. Lalat
<script language="javascript">
nd_mode="fly";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>

15. Semut
<script language="javascript">
nd_mode="ants";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>
16. Siput
<script language="javascript">
nd_mode="snail";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>

17. Cacing
<script language="javascript">
nd_mode="worms";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>

18. Mold
<script language="javascript">
nd_mode="mold";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>

19. Bayi merangkak
<script language="javascript">
nd_mode="baby";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>
20. Telur mata sapi
<script language="javascript">
nd_mode="eggs";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>

21. Kopi tumpah
<script language="javascript">
nd_mode="coffee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>

22. Terbakar
<script language="javascript">
nd_mode="burn";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>

23. Tomat
<script language="javascript">
nd_mode="tomato";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>
24. Creampie
<script language="javascript">
nd_mode="creampie";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>

25. Murka
<script language="javascript">
nd_mode="god";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>
26. Sapi Jorok
<script language="javascript">
nd_mode="cow";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>

27. Anjing Jorok
<script language="javascript">
nd_mode="dog";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>
28. Kencing Sembarangan
<script language="javascript">
nd_mode="pee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.html" target="_blank">Efek Blog</a></center></small></div>

Cara pemasangan :

  1.     Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
  2.     Masukkan script efek di dalam kotak yang di sediakan
  3.     Klik save dan lihat hasilnya.

Tambahan :
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ).  so, pilih mana yang terbaik menurut sobat.
Semoga Bermanfaat !
Selamat Datang Di Blog Saya
English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified

Flag Counter

Statistik

Diberdayakan oleh Blogger.

Copyright © 2013 Sekedar Sharing - Edited By |Imam Ainudin Firmansyah | 12.12.6815