Showing posts with label Blogspot. Show all posts
Showing posts with label Blogspot. Show all posts

0 Cara Memasang Game SWF di Blog

Sunday, October 19, 2014











Game atau permainan visual adalah teka-teki yang dipergunakan untuk menghibur orang. memasang seru ya bila di blog kita ada game, yap tentu saja. sekarang saya mau nge-share nih tentang bagaimana cara memasang game pada blog kita, tentunya dengan ada game yang simple tapi menarik membuat pengunjung blog kita menjadi tidak bosan saat berkunjung ke blog kita, jadi merekan ada kegiatan "sampingan" selain membaca artikel-artikel di blog kita.

Langsung aja deh ini dia cara-caranya :

1. Login ke Blogger

2. Klik Tata letak

3. Tambah gadget.

4. Pilih HTML/JavaScript

5. Anda tinggal memilih salah satu game di bawah ini lalu copy scriptnya, dan paste-kan ke box yang bertuliskan "Konten".
  • Chess
<object width='430' height='300'><param name='movie' value='http://www.proprofs.com/games/swf/logic-games/chess.swf' /><param name='FlashVars' value='id=90' /><param name='allowScriptAccess' value='always' /><param name='quality' value='high' /><embed name='proprofs_flashGame' src='http://www.proprofs.com/games/swf/logic-games/chess.swf' FlashVars='id=90' width='430' height='300' allowScriptAccess='always' quality='high' type='application/x-shockwave-flash'></embed></object><div style='font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000;'><a href='http://www.proprofs.com/games/chess/' target='_blank' title='Chess'>Chess</a> » <a href='http://www.proprofs.com/games/' title='Brain Games' target='_blank'>Brain Games</a></div>

Previewnya :


  • Sudoku

<object width='430' height='300'><param name='movie' value='http://www.proprofs.com/games/swf/sudoku/sudoku.swf' /><param name='FlashVars' value='id=26' /><param name='allowScriptAccess' value='always' /><param name='quality' value='high' /><embed name='proprofs_flashGame' src='http://www.proprofs.com/games/swf/sudoku/sudoku.swf' FlashVars='id=26' width='430' height='300' allowScriptAccess='always' quality='high' type='application/x-shockwave-flash'></embed></object><div style='font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000;'><a href='http://www.proprofs.com/games/sudoku/' target='_blank' title='Sudoku'>Sudoku</a> » <a href='http://www.proprofs.com/games/' title='Puzzle games' target='_blank'>Puzzle games</a></div>

Previewnya:


  • Word Search

<object width='430' height='300'><param name='movie' value='http://www.proprofs.com/games/word-search/swf/wse_w.swf' /><param name='FlashVars' value='id=259&wordscount=6&gametime=3600' /><param name='allowScriptAccess' value='always' /><param name='quality' value='high' /><embed name='proprofs_flashGame' src='http://www.proprofs.com/games/word-search/swf/wse_w.swf' FlashVars='id=259&wordscount=6&gametime=3600' width='430' height='300' allowScriptAccess='always' quality='high' type='application/x-shockwave-flash'></embed></object><div style='font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000;'><a href='http://www.proprofs.com/games/word-search/color-word-search/' target='_blank' title='Color Word Search game'>Color Word Search game</a> » <a href='http://www.proprofs.com/games/word-search/' title='play word search' target='_blank'>play word search</a></div>

Previewnya :


  • Super Hangman

<object width='430' height='300'><param name='movie' value='http://www.proprofs.com/games/swf/word-games/supreme-hangman.swf' /><param name='FlashVars' value='id=86' /><param name='allowScriptAccess' value='always' /><param name='quality' value='high' /><embed name='proprofs_flashGame' src='http://www.proprofs.com/games/swf/word-games/supreme-hangman.swf' FlashVars='id=86' width='430' height='300' allowScriptAccess='always' quality='high' type='application/x-shockwave-flash'></embed></object><div style='font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000;'><a href='http://www.proprofs.com/games/supreme-hangman/' target='_blank' title='Supreme Hangman'>Supreme Hangman</a> » <a href='http://www.proprofs.com/games/' title='Brain Games' target='_blank'>Brain Games</a></div>

Previewnya :



  • World Scramble

<object width='430' height='300'><param name='movie' value='http://www.proprofs.com/games/swf/word-games/word-scramble.swf' /><param name='FlashVars' value='id=62' /><param name='allowScriptAccess' value='always' /><param name='quality' value='high' /><embed name='proprofs_flashGame' src='http://www.proprofs.com/games/swf/word-games/word-scramble.swf' FlashVars='id=62' width='430' height='300' allowScriptAccess='always' quality='high' type='application/x-shockwave-flash'></embed></object><div style='font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000;'><a href='http://www.proprofs.com/games/word-scramble/' target='_blank' title='Word Scramble'>Word Scramble</a> » <a href='http://www.tuliskan.com/2012/04/cara-memasang-game-di-blog-terbaru.html' title='Cara Memasang Game/Permainan Di Blog ' target='_blank'>Cara Memasang Game/Permainan Di Blog </a></div>
Previewnya :




6. Beri judul "Games" atau "Permainan".

7. Klik "Save" dan selesai.

Demikian informasi terbaru seputar tips trik dan tutorial blog tentang Cara Memasang Game/Permainan Di Blog, semoga bermanfaat, dan selamat mencoba.
Read more

0 Cara Membuat Label Cloud Keren di Blog

Saturday, September 6, 2014

Cara Membuat Label Cloud Keren di Blog




Sekedar Sharing - Cara Membuat Label Cloud Keren di Blog. Salam blogging sobat-sobat ku semua, kali ini saya sedikit share tentang cara membuat label berputar-putar di blog, cara ini sudah banyak di bahas oleh master-master blog terdahulu.

Disini saya hanya mengulas ulang, siapa tahu ada sobat blogger yang belum mengerti, ataupun sudah pernah melihat dan ingin mempraktikkan di blog sobat. Dengan menggunakan cara ini tampilan widget label akan lebih ringkas, dan tidak terlihat terlalu panjang ataupun terlalu lebar, karena lebar dan panjangnya bisa sobat sesuaikan sendiri.
Saya kira cukup sekian saja penjelasan saya, mari kita menuju ke pokok pembahasan yaitu cara membuat label berputar-putar di blog.

Berikut ini langkah-langkah cara membuat label berputar-putar di blog:

1. Seperti biasa sobat harus login dulu di akun blog sobat

2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan

3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan

4. Sobat cari kode berikut:

    Untuk template lama cari kode ini: <b:section class='sidebar' id='sidebar' preferred='yes'>

    Untuk template baru cari kode ini: <b:section-contents id='sidebar-right-1'>

5. Setelah ketemu sobat copy paste code berikut ini tepat di bawah kode yang sobat cari tadi


<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "300", "200", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Keterangan:

    Kode berwarna kuning adalah lebar widget, bisa sobat sesuaikan sediri.
    Kode berwarna hijau adalah tinggi widget, bisa sobat sesuaikan sendiri.


6. Klik save / simpan template

Catatan:

Apabila label belum muncul sobat setting secara manual dahulu seperti gambar di bawah ini.
Semoga Bermanfaat !
Read more

0 Cara Membuat Icon Tombol Kembali Ke Atas Di Blog

Cara Membuat Icon Tombol Kembali Ke Atas Di Blog






Cara Membuat Icon Tombol Kembali Ke Atas Di Blog. Tombol ini berfungsi agar memudahkan pengunjung untuk kembali ke atas halaman pada blog kita. ada baiknya kita membuat tombol otomatis . untuk membuatnya ikuti langkah berikut ini :

- Pertama Login dulu ke akun blog sobat
- Kemudian masuk ke bagian Tata Letak
- Lalu tambahkan Gadget HTML/Javascript
- Dan Masukan kode berikut :


<!-- Sekedarsharing2.blogspot.com -- >
<span style=" red=""><div style="display:scroll; position:fixed; bottom:50px; right:-6px;"> <a href='#' title='Ke Atas halaman'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHU-Lcf0t5hTbzCJLrYVYYVUv8gPSlPVww84QGEaiKgdE6EcOUpzT518aBTn6OCpnKyRpHUCGpuosRDFLRrj7VXr33sfUvAwNj0xYgNaCIikzPf1S908J69ULKTc_vd4WbebhnPx4DZFGf/s1600/Back_to_top.png" /></a><br /> </div>
<!-- Sekedarsharing2.blogspot.com -- >


- Setelah itu jangan lupa di Simpan dan lihat hasilnya

Semoga Bermanfaat !
Read more

0 Cara Membuat Tombol Kembali Ke Bawah Di Blog


Cara Membuat  Tombol Kembali Ke Bawah Di Blog





Sebelumnya Saya telah posting tutorial  Cara Membuat  Tombol Kembali Ke Atas Di Blog. Dan sekarang saya akan posting Cara Membuat Icon Tombol  Kembali Ke Bawah . untuk membuatnya ikuti langkah berikut ini :

- Pertama Login dulu ke akun blog sobat
- Kemudian masuk ke bagian Tata Letak
- Lalu tambahkan Gadget HTML/Javascript
- Dan Masukan kode berikut :


<!-- Sekedarsharing2.blogspot.com -- >
<div style="display:scroll; position:fixed; top:50px; right:-6px;"> <a href='#footer' title='Ke bawah halaman'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyPjZsGxWccYtnokkZ-cYWUf7II0HA-zPlFkJv6Ljzk0xqGDkeYnpGcTqwaGDU5udAa5pia_f64H520zq9wTEOOM75N2KOs2-Hu8AECkowPIAND7BXhsjlY9bCX6B-mBe4VTwT9UonqI6D/s1600/Back_to_bottom.png" /></a><br /> </div> 
<!-- Sekedarsharing2.blogspot.com -- >

- Simpan dan lihat hasilnya

Semoga Bermanfaat !
Read more

0 Cara Membuat Cbox Keren di Blog

Cara Membuat Cbox Keren di Blog


Bagi anda para blogger pastinya menginginkan buku tamu bukan? Apakah anda tertarik dengan buku tamu di blog saya? Jika iya maka saya akan share cara membuat buku tamu keren di blog.




1. silahkan anda daftar dulu di cbox untuk mendapatkan script buku tamu anda di http://www.cbox.ws/getone.php

2. Isi data tersebut dengan benar






3. Setelah kalian isi datanya, jangan lupa centang "i have read and...." lalu klik "create my cbox!"

4. Masuklah ke akun email anda untuk memverifikasi akun cbox anda

5. Klik tautan dari cbox yang ada di kotak masuk yahoo anda

6. Kini akun cbox anda aktif. Sekarang coba kalian cari script cbox anda atau lewat sini

7. Nah copy ke notepad script diantara tulisan

<!-- BEGIN CBOX - www.cbox.ws - v001 --> dan <!-- END CBOX -->


Text "begin.." dan "end.." tidak usah dicopy, cukup copy script yang ada diantara "begin..." dan "end.." saja.

8. Selanjutnya masuk ke blogger anda -> tata letak -> tambah gadget -> html/javascript

9. Masukkan script berikut

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('http://1.bp.blogspot.com/_w-dfDljRV3Q/TRXJ-ExUXII/AAAAAAAAAn8/sl_ZVhQFU9c/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> script cbox kamu <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://sekedarsharin9.blogspot.com/2013/02/cara-membuat-buku-tamu-di-blog.html"target="_blank"> di sini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>
10. Edit text yang berwarna merah dengan script cbox anda yang sebelumnya sudah disimpan notepad

11. Anda juga bisa mengedit text yang berwarna oranye dengan url gambar yang lain

Contoh:





http://i1089.photobucket.com/albums/i353/illankjie/bukutamu3.png





 http://i1089.photobucket.com/albums/i353/illankjie/bukutamu5-2.png






 http://i1089.photobucket.com/albums/i353/illankjie/bukutamu9-2.png





 http://i1089.photobucket.com/albums/i353/illankjie/BukuTamu8-1.png



http://i1089.photobucket.com/albums/i353/illankjie/gustbook02-1.png






2. Klik "simpan"

Semoga Bermanfaat !
Read more

0 Cara Membuat Link Amikom Berjalan Di Blog


Cara Membuat Link Amikom Berjalan Di Blog



Untuk temen - temen blogger Amikom yang pengen menambah gadget link amikom berjalan di blog dan bisa langsung terhubung ke web amikom, kali ini saya akan menshare tutorialnya dan ikuti saja langkah - langkah berikut :


1. Login dulu ke blogger sobat masing-masing.
2. Lalu klik Tata Letak >> Tambah Gadget >> pilih HTML/java script.
3. Kemudian Copy code di bawah ini dan pastekan pada kotak HTML.



 <!-- Sekedarsharing2.blogspot.com -->

<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=628040382689717035&amp;widgetType=HTML&amp;widgetId=HTML6&amp;action=editWidget&amp;sectionId=main" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML6&quot;));" target="configHTML6" title="Edit">
<img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="18" width="18" />
</a>
</span>
</span>
<div class="clear"></div>
<div class="widget HTML" id="HTML12">
<div class="widget-content">
<div class="widget-content">
<center>
<marquee scrollamount="5" direction="left">
<a title="STMIK Amikom Yogyakarta" href="http://www.amikom.ac.id/" target="blank"><img src="http://i1252.photobucket.com/albums/hh566/amrileader/amikom.jpg" border="0" height="75" width="150" /></a>

<a title="Repository Amikom" href="http://repository.amikom.ac.id/" target="blank"><img src="http://i1130.photobucket.com/albums/m532/mahmudi45/repositroy.png" border="0" height="75" width="150" /></a>

<a title="E-learning Amikom" href="http://elearning.amikom.ac.id/" target="blank"><img src="http://i1130.photobucket.com/albums/m532/mahmudi45/e-learning.png" alt="E-learning Amikom" height="75" width="150" /></a>

<a title="Research Amikom" href="http://research.amikom.ac.id/" target="blank"><img src="http://i1130.photobucket.com/albums/m532/mahmudi45/research.png" alt="Research Amikom" height="75" width="150" /></a>

<a title="Wisuda Amikom" href="http://wisuda.amikom.ac.id/"><img src="http://i1130.photobucket.com/albums/m532/mahmudi45/WEB-BANNER_VERSI_11jpg.jpg" alt="Wisuda Amikom" height="75" width="150" /></a>

<a title="PMB Amikom" href="http://pmb.amikom.ac.id/" target="blank"><img src="http://i1130.photobucket.com/albums/m532/mahmudi45/images.jpg" alt="PMB Amikom" height="75" width="150" /></a>

<a title="Kabar IT" href="http://kabarit.com/" target="blank"><img src="http://i1130.photobucket.com/albums/m532/mahmudi45/images4.jpg" alt="Kabar IT" height="75" width="150" /></a></marquee></center></div>
</div>
<div class="clear"></div>

<div class="clear"></div>
</div>


<!-- Sekedarsharing2.blogspot.com -->

4. Simpan.


Semoga Bermanfaat !
Read more

0 Cara Membuat Efek Lipatan Kertas Di Blog

 Cara Membuat Efek Lipatan Kertas Di Blog

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/AVvXsEgxlrhqZPTkDdX7RuOndm_9dUhweiITJ1f3T0xAnpKDpbymtInvKdkpcratlhAfkhdAmOMyoZ1LvUNu6MMTT5vYPJ_gl51nstdLAgY9OZ0FhK25QhJUPpX0dLYuL94UauG4U4CCGDTLXkIj/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/AVvXsEh6z-Hc1QPwtHDF9cRUPqKp3TrIhTXAIONBupT2jejeQqGrnI7Ahh78rbvcXcmX2TVWNfpU-X2zmvSLt2E6NbLwXSo6rjqM7y_ytOgiOe1NZN0bDDnokP2oz1rwioZyWXCmg14RGP_ZPNyd/s1600/page_flip.png'/></a>
<div class='msg_block'></div>
</div>

5. Save template dan lihat hasilnya.

Selamat mencoba!
Read more

0 Cara Membuat Blog Dengan Mudah

 Cara Membuat Blog Dengan Mudah

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 !
Read more

0 Kumpulan Efek Keren Blog

 KUMPULAN EFEK KEREN BLOG

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 !
Read more

0 Cara Membuat Link Bergoyang Ketika Disentuh

 Cara Membuat Link Bergoyang Ketika Disentuh

Cara Membuat Link Bergoyang Ketika Disentuh 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!
Read more

0 Kumpulan Animasi Keren Naruto

KUMPULAN ANIMASI KEREN NARUTO

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
Read more