Warung Bebas
Showing posts with label Semua Tentang Blog. Show all posts
Showing posts with label Semua Tentang Blog. Show all posts

Wednesday, December 19, 2012

Cara Membuat Slideshow Postingan di Blog


Cara Memasang Slideshows Postingan di Blog  -
Sebenarnya saya sebelumnya sudah memposting mengenai cara memasang slideshow ini di permathic blog. namun belakangan script slideshownya tidak berfungsi lagi yang mungkin dikarenakan url pada google code ada yang tidak bisa di akses lagi. hal ini membuat saya tertantang untuk mencoba memperbaikinya. saya utak  atik sampai cenat cenut scriptnya, akhirnya saya mendapat script kode slideshow yang lebih simple. dengan tampilan yang tidak jauh berbeda dengan sebelumnya. Nah,, biar ada tidak penasaran , berikut langkah2nya.



1. Login Ke Blog Anda
2. Pilih Rancangan (untuk tampilan blogger klasik) atau Pilih Tata Letak (untuk tampilan blogger terbaru)




3. Kemudian  Klik Tambah Gadget
4. Pilih HTML/javascript
5. Kemudian Copy Kode di bawah ini, kemudian pastekan di HTML/javascript tadi. kemudian simpan/save.

<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;border:0;padding:6px 10px 14px 5px;background: transparant;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #585858; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:85px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:65px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://permathicblog.googlecode.com/files/Slideshow%20Postingan.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 5;
var numchars = 20;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

Bagi anda yang ingin melihat contoh slideshownya, bisa anda lihat di sidebar sebelah kiri Permathic Blog. Semoga bisa sukses slidenya dengan script yang baru ini. terimakasih.



Saturday, June 9, 2012

Cara Memasang Meta Tag SEO Friendly di Blog

Cara Pasang Meta Tag SEO Friendly di Blog - 
Salah satu yang dapat menyebabkan keberhasilan seorang blogger ialah jika seoarang blogger tersebut tidak hanya sekedar ngeblog / mosting- mosting saja, akan tetapi seorang blogger yang berhasil ialah blogger yang mau mempelajari/memperhatikan trik2 SEO dan mencoba mempraktekannya di blog mereka, sebab SEO sangat berpengaruh besar terhadap maju atau tidaknya blog mereka. SEO (Search Engine Optimization) itu sendiri merupakan serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kulitas trafik dari mesin pencari menuju alamat situs web tertentu, dengan memanfaatkan mekanisme kerja alami algoritma dari mesin pencari tersebut (Wikipedia). Atau dapat disimpulkan, seo merupakan sebuah metode agar postingan yang kita posting bisa terindex dan bisa nangkring di halaman pertama google, sehingga berpeluang besar untuk menarik pengunjung ke blog kita.

Sebenarnya ada banyak metode yang bisa dilakukan agar blog kita menjadi seo friendly, salah satunya dengan memasang meta tag yang seo friendly di blog. Dan metode ini hampir dilakukan oleh semua blogger. Dan hasilnya memang cukup efektif untuk menjadikan blog menjadi seo friendly. Ok. Dari pada saya berpanjang lebar, langsung saja menuju ke TKP.

Cara Memasang Meta Tag SEO Friendly di Blog

1. Login ke dasboard blog dan masuk ke Template.
2. Kemudian pilih edit HTML.
3. Centang Expand Widget Template.
4. Lalu cari kode berikut ini 

<b:include data='blog' name='all-head-content'/>   atau   <title><data:blog.pagetitle/></title>   atau   <title><data:blog.pageName/> - <data:blog.title/></title>  atau  <title><data:blog.title/></title>
 
5. Jika sobat telah menemukan salah satu dari kode di atas, silahkan untuk meletakkan kode meta tag berikut di bawahnya


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content=' I
SI DENGAN DESKRIPSI BLOG SOBAT ' name='DESCRIPTION'/>
<meta content='
ISI DENGAN KEYWORD BLOG SOBAT ' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content='
NAMA PENGGUNA BLOG ' name='author'/>
<meta content='2012,
ISI DENGAN JUDUL BLOG ' name='copyright'/>
<meta content='1 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='all-language' http-equiv='Content-Language'/>
<meta content='global' name='Distribution'/>
<meta content='global' name='target'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Googlebot-Image'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='all' name='Scooter'/>
<meta content='ALL' name='spiders'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='never' name='Expires'/>



6. Klik Simpan dan tunggu hasilnya sampai google bot meng crawler blog sobat.

Catatan !!
Ganti kode kalimat berwarna biru sesuai dengan yang sobat inginkan, seperti untuk deskripsi silakan sobat isi dengan deskripsi blog sobat masing-masing. 

Atau Jika sobat menginginkan kode yang lebih sederhana bisa mengcopy kode di bawah ini dan paste kan di tempat yang sama. Tapi ingat !! gunakan salah satunya saja, jangan gunakan keduanya..


<b:if cond='data:blog.url == &quot;Isi dengan Url blog sobat&quot;'>
<title><data:blog.pageTitle/></title>
<meta content='Isi dengan deskripsi blog sobat' name='description'/>
<meta content='Isi dengan keyword blog sobat' name='keywords'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>

Semoga bermanfaat dan semoga berhasil..


Tuesday, June 5, 2012

Cara Mengatasi Google Pinguin Dan Google Panda

Cara Mengatasi Google Pinguin Dan Google Panda - Belakangan ini di dalam dunia perbloggingan terjadi banyak perubahan dan guncangan semenjak munculnya google pinguin dan google panda. Ada yang merasa dirugikan , namun ada juga yang justru merasa diuntungkan, itu bergantung kepada masing masing blogger dalam menyikapi google pinguin dan google panda. Dan untuk saya pribadi sih ga terlalu mempermasalahkan google pinguin dan google panda, yang terpenting buat saya yaitu tetap memposting konten2 yang original dan menarik tentunya. 

Namun sebenarnya tahukan anda apa itu google pinguin dan google panda ?
Google Penguin adalah sebuah algoritma yang dirancang untuk memberikan hukuman kepada situs / blog spam, sedangkan Google Panda  berfokus pada konten Blog. Keduanya bekerjasama untuk lebih memperbaiki hasil pencarian Google. Dengan adanya algoritma ini hasil pencarian pada search engine google akan semakin berkualitas dengan tidak menampilkan situs–situs manipulatif dalam mencapai posisi terbaik di halaman pertama google. Dimana Google Pinguin itu sendiri telah di luncurkan pada tanggal 24 April 2012. Dan semenjak di luncurkan tersebut , google pinguin telah banyak memberikan dampak, baik menguntungkan maupun merugikan di dunia perbloggingan. Namun jangan khawatir, bagi anda para blogger yang tidak menginginkan blog anda terkena google pinguin atau google panda, berikut saya berikan trik untuk menghindari google pinguin dan google panda. 

Cara Mengatasi Google Pinguin 

  1. Hindari teks tersembunyi atau link tersembunyi.
  2. Jangan gunakan cloaking atau sneaky redirects.
  3. Jangan mengirimkan query otomatis ke Google.
  4. Jangan memuat halaman dengan kata kunci yang tidak relevan.
  5. Jangan membuat halaman, subdomain, atau domain dengan duplikat konten substansial.
  6. Jangan membuat halaman dengan perilaku jahat, seperti phishing atau menginstall virus, trojan, atau malware lain.
  7. Hindari halaman “doorway” yang dibuat hanya untuk mesin pencari, atau “cookie cutter” pendekatan seperti program afiliasi dengan konten asli sedikit atau tidak ada.
  8. Jika situs Anda berpartisipasi dalam program afiliasi, pastikan bahwa situs Anda menambahkan nilai. Menyediakan konten unik dan relevan yang memberikan alasan bagi pengguna untuk mengunjungi situs Anda terlebih dahulu.

Semoga informasi di atas bisa bermanfaat bagi para blogger skalian. Tapi yang terpenting tetaplah suguhkan informasi2 yang bermanfaat kepada para pembaca dan jangan terlalu berorientasi kepada keuntungan pribadi semata. Caranya dengan memposting informasi2 yang benar dan bermanfaat


Sumber Referensi : Blog ahlul, Mahir Blogging , dan Dodol Blog


Tuesday, May 22, 2012

Kumpulan Animasi Bergerak Yang Lucu dan Keren Untuk Blog ( Lengkap )

Cara Memasang Animasi Bergerak  Yang Lucu dan Keren Untuk Blog -
Ternyata banyak sekali blogger – blogger yang sangat menyukai animasi bergerak pada blognya.  Bisa terlihat ketika saya berkunjung ke beberapa blog teman. Dari animasi yang simple dengan ukuran mini sampai yang ribet dengan ukuran jumbo banyak terpasang di blog 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 blog anda
  • Pilih rancangan
  • Pilih Tambah Gadget
  • Pilih Html/Java Script
  • Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.
  • 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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

3.Gaara


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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://ohjollity.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..

Jangan lupa tinggalkan komentar

.