Cara Membuat Widget Animasi Bergerak Naruto Vs Sasuke

Panduan Blogger kali ini Saya akan membahas tentang cara memasang widget animasi naruto vs sasuke Kali ini kita membahas tentang widget animasi naruto ini karena saya adalah salah satu penggemar berat dari serial manga dan anime naruto. Mungkin diantara sobat sekalian juga ada penggemar manga dan anime naruto,Jadi widget ini sangat cocok untuk kita para penggemar naruto.Cara memasang widget ini tidaklah terlalu sulit, sobat hanya membutuhkan beberapa menit saja untuk memasangnya pada blogger sobat.

Langsung saja kita mulai.Ikuti Beberapa langkah berikut :

1.Login ke akun blogger sobat
2.Klik menu Tata Letak
3.Klik Tambah Gadget
4.Klik HTML/Javascript
5.Masukan kode berikut

Demo Klik Disini

<div style="position: fixed; bottom: 0px; left: 20px;width:110px;height:80px;"><a href="http://clyfirst.blogspot.com"target="_blank"><img src="http://i1210.photobucket.com/albums/cc417/kusanagiblog/NarutoVSSasuke.gif"alt="gambar"title="Panduan Blogspot"/></a></div>

6.Klik SIMPAN
7.Selesai

Akhirnya widget animasi naruto telah terpasang pada blogger sobat.Semoga postingan saya tentang Cara memasang widget animasi naruto Pada blogger dapat bermanfaat.Sampai jumpa semua di Panduan Blogger berikutnya.

Read More ->>

Cara Memasang Widget Revolver Maps pada Blogger

Belakangan ini ketika saya sedang berkunjung ke beberapa blogger, saya menemukan sesuatu yang unik. Saya melihat ada sebuah widget yang sangat menarik, namanya Revolver Maps. Widget yang menampilkan visitor blogger dengan efek 3D dengan tampilan globe yang berputar sepertihalnya bumi. Dan saya pun tertarik untuk memasangnya. Karena efek 3D nya tersebut bisa membuat blogger terlihat lebih hidup. Dan akhirnya timbul keinginan saya untuk berbagi info ini, tentang bagaimana cara memasang widget revolver maps kepada para blogger sekalian.

Langkah Pertama

1. Masuklah ke situsnya Revolver Maps, klik saja disini Revolver Maps
2. Kemudian Klik Get Standard Version
3. Atur Widgetnya sesuai keinginan anda.
4. Copy kodenya

 Atau bagi Sobat yang tidak mau repot, bisa copy kode di bawah ini :

<script type="text/javascript" src="http://ji.revolvermaps.com/r.js"></script><script type="text/javascript">rm_f1st('0','280','true','false','000000','8z2akiyoa8x','true','ff0000');</script><noscript><applet codebase="http://ri.revolvermaps.com/j" code="core.RE" width="280" height="280" archive="g.jar"><param name="cabbase" value="g.cab" /><param name="r" value="true" /><param name="n" value="false" /><param name="i" value="8z2akiyoa8x" /><param name="m" value="0" /><param name="s" value="280" /><param name="c" value="ff0000" /><param name="v" value="true" /><param name="b" value="000000" /><param name="rfc" value="true" /></applet></noscript><small><a href="http://febridriver.blogspot.com/2012/07/cara-memasang-widget-revolver-maps.html" target="_blank"> Widget</a></small>

Langkah ke-2

1. Login ke dasbor blog anda
2. Pilih Rancangan
3. Pilih elemen laman
4. Pilih tambah gadget
5. Pilih edit Html / java script
6. Kemudin Paste kan kode tadi
7. Atur di mana anda mau meletakannya
8. Simpan
9. Dan...., Selesai...

Mudah bukan ? Selamat mencoba. Dan buatlah blogger anda menjadi lebih hidup dan menarik....

Semoga bermanfaat. 

Copaser adalah Perbuatan Pengecut..! clyfirst.blogspot.com

Read More ->>

Cara memasukan animasi Pada Blogger Part 2

Ternyata banyak sekali blogger–blogger yang sangat menyukai animasi bergerak pada bloggernya.Bisa terlihat ketika saya berkunjung ke beberapa blogger teman saya. Dari animasi yang simple dengan ukuran mini sampai yang ribet dengan ukuran jumbo banyak terpasang pada blogger mereka. Ya itu juga karena selera masing2 orang berbeda. Memang animasi pada blog sangat membantu blog agar terlihat menarik. Jadi blog akan terlihat hidup dan tidak membosankan. Sebelumnya saya pernah juga memposting tentang animasi bergerak, tapi saya rasa pada postingan sebelumnya pilihan animasi terlalu sedikit. Sehingga saya memposting kembali mengenai animasi bergerak lagi, namun dengan pilihan yang beragam dan banyak tipe agar bagi anda yang ingin memasang animasi jadi lebih banyak referensi dan pilihan.  Berikut daftar dan cara memasangnya

Cara Memasang Widget Animasi Bergerak Di Blog

• Login ke dasbor blogger sobat
• Pilih Tata letak
• Pilih Tambah Gadget
• Pilih Html/Java Script
• Lalu copy kode Html animasi yang anda ingin pasangi blogger sobat. Kodenya ada di bawah, sobat bisa memilih sesuai keinginan sobat.
• Pastekan kode tadi di Html/java script tadi.
• Simpan, dan selesai

Daftar Kode Html Animasi Bergerak

1.Spongebob

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.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://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

2.Naruto

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

3.Gaara

x

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53973.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

4.Labu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

5.Tengkorak

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

6.Ekspresi Muka

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

7. Animasi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://i.mnpls.com/715/71510.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

8. Main Taplak

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

9. Pasangan

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/229/th/22949.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

10.Zoombie

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

11.Pigglet

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/438/th/43833.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

12.MiniMouse

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

13. Hallo

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

14.Hai Friend

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/243/th/24365.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

15.Star

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

16.Gajah Loncat

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

17.Booring

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

18.Bayi ketawa

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

19. Dance

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

20.Main Bola

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>

21.Bayi Tertawa

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

22.Panda Biru

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Free-Widget-Animasi</a></center></small></div>

23. Panah

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

23. Bunga

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

24. Anjing Laut

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

25. Lumba-lumba

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

26. Kucing Tidur

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

27. Kelinci

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

28. Dragon

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

29. Ikan

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

30. Pinguin

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan 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. Mudah bukan ? selamat mencoba.........-__-

Read More ->>

Cara membuat Widget Slideshow Post Popular Pada Blogger

Belakangan ini banyak teman-teman saya yang menanyakan kepada saya ... “gimana sih cara memasang slideshow post popular Pada blogger” Susah gak .....? terus saya jawab gak susah kok, tinggal copy scriptnya , edit sedikit habis itu save. Jadi deh.....,  Namun satu udah bisa, beberapa hari kemudian ada yang nanya lagi dan begitu terus hingga beberapa orang. Sehingga munculah sebuah ide untuk memposting cara membuat slideshow postingan pada blogger. Banyak yang berminat memasang widget ini setelah melihat blogger saya. Karena slideshow tersebut memudahkan para pengunjung untuk membaca postingan apa yang menarik pada blogger kita. Karena di slideshow tersebut bisa menampilkan gambar dari tiap postingan kita. Disertai judul dan Coment yang ada di postingan tersebut. Apakah anda berminat juga untuk memasang widget ini ....? caranya mudah kok..., Tidak perlu memakan waktu lama.....-_-, dari pada membuang–buang waktu mari kita langsung. membuatnya..:

Langkah-Langkahnya :

• Login pada dashboard blogger sobat
• Klik Tata Letak
• Klik Tambah Gadget
• Pilih tambah Html/JavaScript
• Kemudian Copy kode Html Dibawah ini

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
    <script language='JavaScript'>

imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = " http://BlogSobat.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
    <script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div> <small><a href="http://http://clyfirst.blogspot.com/2012/07/cara-membuat-widget-slideshow-post.html " target="_blank" title="Cara Memasang Slideshow Postingan Di Blog"> <center>[Get Slideshow]</center></a></small> 

Ingat !!! jangan lupa ubah tulisan warna merah menjadi alamat url Blog sobat. Dan Editlah Width ( lebar) dan Height (tinggi) sesuai dengan yang anda inginkan. Namun jika anda tidak ingin repot2 mengubah ukuran, tinggal Copas aja. Tapi jangan lupa ya tulisan warna merahnya di ganti.

• Pastekan script di atas kedalam Html/java script tadi
• Simpan
• Lalu atur dimana anda akan meletakan slideshow tersebut
• Lalu simpan kembali.
• Selesai

Mudah bukan ....? jangan lupa sering - sering berkunjung -__-.

Semoga bermanfaat. 

Copaser adalah Perbuatan Pengecut..! clyfirst.blogspot.com

Read More ->>

Cara memasang Widget Share Button Pada Blogger

Belakangan ini saya berkunjung  ke sebuah blogger, dan saya menemukan sesuatu yang unik di blogger sahabat saya tersebut. Saya menemukan widget share botton. Kemudian saya mencoba memasangnya, karena widget ini akan memudahkan pengunjung blog sobat untuk mengshare apa yang ada pada blogger sobat. Dan hal ini juga akan berdampak positif Pada blogger sobat. karena ini bisa menjadi media marketing gratis buat para blogger, untuk itu saya akan membagaikan kepada para sobat blogger tentang cara membuat share botton. Berikut langkah- langkahnya :

1. Login ke dasbor blog anda
2. Klik Tata Letak
3. Klik Tambah Gadget
4. kemudian klik Html/Javascript
5. Copy kode Html di bawah ini
6. Pastekan di Html/JavaScript tadi
7. Simpan
8. Dan Selesai.......

Kode Share button

<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="bagikan ke teman anda">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>

<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>

<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>

<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://clyfirst.blogspot.com/2012/07/cara-memasang-widget-share-button-di.html" target="blank" title="Cara Memasang Widget Share Button"><font color="blue"><center>[Get Widget]</center><font></font></font></a></div></div>

<!--Widget Share Button Melayang End-->

Catatan : untuk tulisan warna Biru anda dapat mengeditnya sesuai keinginan anda. Dan tulisan warna Merah bisa anda hapus jika anda ingin tampilan yang simple.

contoh hasilnya :

                                                                             

Semoga bermanfaat.........       Jangan Lupa Like Ya.......

Read More ->>