CARA MEMBUAT READMORE DI BLOG

berikut ini adalah bagaimana caranya membuat "read more" langsung aja ini dia langkah-langkahnya:


1. Login Ke Blogger.
2. Klik Template, Backup template untuk jaga2 bila diperlukan,
atau langkah berikut bisa di uji coba menggunakan Blog percobaan yang lain.
3. Klik Edit HTML.
4. Klik Kiri 1 x Dimana saja dalam kotak template.
5. Klik Ctrl+F (Supaya mempercepat pencarian kode),
Dan cari kode berikut </head>
Masukan kode tersebut dalam kotak pencarian, kemudian enter untuk mencari.
6. Masukan Kode berikut diatas </head>

<!--Auto Read More Mulai-->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.post-body{text-align:justify;}
.post-body img{max-width:none;width:auto;}
.read-more{float:left; padding-top: 10px;}
.read-more a{ color: #fff!important;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:#0457A9;  text-decoration:none;font:bold 13px Arial;padding:5px;}
.read-more a:hover{text-decoration:none;background:#666;}
.pic{border: 10px solid #fff;float:left;height:165px;width:280px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;}
.grow img{height:165px;width:280px;transition: all 2s ease;}
.grow img:hover{width:400px;height:250px;}
</style>
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes -dengan gambar, no -tanpa gambar
summary_noimg = 300; //banyaknya huruf jika tidak ada gambar
summary_img = 250; //banyaknya huruf jika ada gambar
img_thumb_height = 165;
img_thumb_width = 280;
</script>
<script type='text/javascript'>//<![CDATA[
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s = strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx =  s.join("");}chop = (chop < strx.length-1) ? chop : strx.length-2;while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;strx = strx.substring(0,chop-1);return strx+'...';}function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary_noimg;if(thumbnail_mode == "yes"){if(img.length>=1){imgtag = '<div class="grow pic"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';summ = summary_img;}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}
//]]></script>
</b:if>
</b:if>

<!--Auto Read More Akhir-->


Warna Biru untuk mengatur banyaknya kutipan dari artikel.
Warna Hijau adalah Pengaturan Lebar dan tinggi gambar

7. Kemudian Cari Kode <data:post.body/>
Kode tersebut diatas jumlahnya biasanya ada 2, Cari yang versi web,
biasanya yang kedua (ke-2) dengan enter 2x pada kotak pencarian.

8. Hapus Kode <data:post.body/> yang ke-2 dan Ganti dengan kode dibawah ini.


<!-- Auto read more Mulai -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
      <div class='read-more'>
      <a expr:href='data:post.url'>Baca Selengkapnya &#187;</a>
      </div>
</b:if>
</b:if>
<!-- Auto read more Akhir -->


"Baca Selengkapnya" juga bisa diganti bebas.jika sudah selesai di preview dahulu baru di simpan.sekian dari saya dan jangan lupa add G+ nya ya makasih salam blogger.

Baca Selengkapnya »

KUMPULAN EFEK-EFEK PADA BLOG

sobat blogger kali ini saya akan bagikan efek-efek animasi pada blog langsung aja ya simak baik-baik
efek ini saya bagi 2 type yang pertama :



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 :

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


B. Efek Menengah - Berat

Efek ini saya ambil dari http://www.netdisaster.com.

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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.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://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>



Cara pemasangan :

    Klik tata letak --> Tambah gadget --> HTML/Javascript
    Masukkan script efek di dalam kotak yang di sediakan
    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 ente.sekian dari saya jangan lupa add G+ nya ya makasih salam bogger.

Baca Selengkapnya »

KUMPULAN WIDGET UNTUK BLOG

ini dia kumpulan beberapa widget yahuddd untuk blog ente langsung aja copy paste kode html nya taruh di 'tambahkan gadget' di blog ente

1.Helikopter

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src=" http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Helikopter" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>


2 Kuda Lari

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT1ojatyiAEFsyCrP7zFDTHvrzh86wEFNjw7Blk7qVoKUjoOy9EDUG14sQeadqctpK9DDYD7u0VcTFiVpqHr1A4da-Ao0XYOReTy9tkSRUVXQ_eA8piwbEmufnrKZLGpLVfQrxeSrBCTnd/s1600/b.gif " title="kuda lari" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

3. Manusia Purba


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWgTtWgpFDumYmZh715aue4d3j05ub9u5-XD1DZXwhxO19VZebei5hw2KJ8NAUBMRMByJoQ96rViChgtllz3XROq5msjX0kJmWDDzVrtMUHQz1Op_9WXddpaaHWAKx8cz5OV4d_wQ2zWsY/s1600/e.gif " title="Manusia Batu" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

4. Ayam Bertelur

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw0xeVjX2IDcsyoWnRLa7Qk9eHTwmD3RJhkSIvWEbbsNPApZdhklMofsaz2M6-RA8D_E01iAbV63scvWFoUO4r6sLd_VJDZQG7ZdhVZqawsbAMuhw6vFDzAeZe4lIhS5kzW7_qa6wUBP17/s1600/gift+18.gif" title="ayam bertelur" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

5. Bajak Laut

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://i1242.photobucket.com/albums/gg532/faizkr8/Fire-1.gif" title="Bajak laut" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>



6. Zombie

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="Zombie" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

7. Dancer

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://i1242.photobucket.com/albums/gg532/faizkr8/Dance.gif" title="dancer" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

8. Petir

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://i1242.photobucket.com/albums/gg532/faizkr8/Cloudelec.gif" title="petir" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

9.  Panda

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="panda" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>


10. Bayi Ketawa

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" title="bayi ketawa" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

11. Gajah Loncat

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Gajah Loncat" /></a></div>

12. Star

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="star" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>



13. spongebobs lari

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://i1242.photobucket.com/albums/gg532/faizkr8/boblari.gif" title="SponGebobs" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>



14. Monyet

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="Monyet" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>


15. Keep Smile

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="Animasi" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>


16. Thanks

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/154/th/15482.gif" title="Animasi" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

16.Hello

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/920/th/92063.gif" title="Animasi" /></a><small><center><a href="http://trielber.blogspot.com/l" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

17. Ciluk Ba

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/198/th/19809.gif" title="Animasi" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>


18. Dancer 2

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/1/th/199.gif" title="Animasi" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>


19. expresi wajah

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/597/th/59730.gif" title="Animasi" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>


20. Tengkorax

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://trielber.blogspot.com/" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/477/th/47720.gif" title="Animasi" /></a><small><center><a href="http://trielber.blogspot.com/" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

Catatan! : kalian bisa merubah posisi widget dengan

top : atas

bottom : bawah

left : kiri

right : kanan

pada

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">

selamat mencoba ya jangan lupa add G+ nya ya makasih salam blogger.

Baca Selengkapnya »

KUMPULAN KODE-KODE WARNA HTML

langsung aja ini dia daftar kode warna :


Gold #ffd700
Yellow #ffff00
Lightyellow #ffffe0
Yellowgreen #9acd32
Palegoldenrod #eee8aa
Goldenrod #daa520
Lime #00ff00
Green #008000
Seagreen #f4a460
Palegreen #98f698
Lightseagreen #20b2aa
Forestgreen #228622
Lightgreen #90ee90
Olive #808000
Tan #d2b48c
Teal #008080
Olivedrab #6b8e23
Greenyellow #adff2f
Darkslategray #2f4f45
Darkolivegreen #55662f
Mediumspringgreen #00fa9a
Darkgoldenrod #688606
Darkkhaki #606766
Orchid #da70d6
Fuchsia #ff00ff
Darkmagenta #860086
Darkviolet #940003
Mediumpurple #9370db
Violet #ee82ee
Purple #800080
Plum #dda0dd
Gray #808080
Dimgray #696969
Gainsboro #dcdcdc
Lightslategray #778899
Lightgray #d3d3d3
Slategray #708090
Darkgray #a9a9a9
Silver #c0c0c0
Springgreen #00ff7f
Lightpink #ffb6c1
Navojowhite #ffdead
Darksalmon
Khaki #f0e68c
Aquamarine
Chocolate #d2691e
 Cyan #00ffff
Blue #0000ff
Skyblue #abcdef
Darkcyan #008686
Cadetblue #5f9ea0
Midnightblue #191970
Mediumslateblue #7b68ee
Cornflowerblue #6495ed
Lightsteelblue #b0c4de
Lightskyblue #87cefa
Powderblue #bde0e6
Aquamarine #7fffda
Dodgerblue #1e90ff
Royalblue #4169e1
Blueviolet #8a2be2
Indigo #460082
Lavender #e6e6fa
Lightblue #add8e6
Deepskyblue #00bfff
Darkslateblue #483080
Mediumvioletred #071585
Mediumturquoise #4801cc
Mediumorchid #ba55d3
Darkturquoise #00ccd1
Paleturquoise #afeeee
Darkorchid #9932cc
Slateblue #6454cd
Aqua #00ffff
Red #ff0000
Darkred #860000
Indianred #cd5c5c
Firebrick #622222
Lightsalmon #ffa07a
Lightcoral #f08080
Maroon #800000
Crimson #dc143c
Tomato #ff6347
Salmon #fa8072
Coral #ff7f50
Pink #ffc0cb
Hotpink #ff69ba
Deeppink #ff1493
Lightpink #ffb6c1
Mistyrose #ffe4e1
Moccasin #ffe4b5
Peachpuff #ffdab9
Mintcream #f5fffa
Floralwhite #fffaf0
Oldlace #fdf5e6
Thistle #d8bfd8
White #ffffff
Linen #faf0e6
Navy #000080
Snow #fffafa
Orange #ffd000
Orangered #ff4500
Burlywood #deb887
Darkorange #ff8c00
Palevioletred #db7093
Sandybrown #f4a460
Rosybrown #bc8f8e
Brown #a52a2a
Peru #cd853f

Baca Selengkapnya »

KUMPULAN WIDGET BLOG

ini dia kumpulan widget untuk blog kamu :

1.Google gadgets --> Banyak pilihan yang bisa agan dapatkan hanya tinggal mengetikkan widget yang agan kehendaki di kotak pencarian.

2.Yahoo ! widgets --> Ini sama seperti diatas namun brda penampilan.

3.Widgetbox --> Layanan free widget for blogger

4.Alexa --> Sebuah layanan yang sudah tidak asing lagi untuk kaum blogger, angkanya yang makin lama semakin kecil jadi tolak ukur dari traffic rank.

5.Mypagerank --> Sebuah widget yang berguna untuk mengetahui secara langsung page rank sebuah blog.

6.Rankwidget --> Widget untuk melihat trafic rank dari google page rank, alexa traffic rank, technorati blog rank serta yahoo ! search inlinks. tinggal di tentukan anda akan tahu yang mana ! mudah layaknya biasa ambillah kode htmlnya lantas tempatkan di situs (blog) agan.

7.Softcircuits --> Widget gratis google page rank.

8.Clocklink --> Pilihan widget untuk menampilkan jam di blog agan.

9.Localtimes --> Sama seperti diatas merupakan widget jam.

10.Clockwidgets --> Yang ini lebih lagi, merupakan widget jam

11.Histats --> Widget untuk mengetahui jumlah pengunjung blog, data bisa di akses dengan mudah dan kita bisa mengetahui jumlah pengunjung per hari, minggu, bulan, bahkan hingga mencapai per tahun.

12.Feedjit --> Kita bisa mengetahui negara mana saja yang pernah mengunjungi blog kita.

13.Whos.amung. us --> Widget untuk mengetahui pengunjung yang sedang online di blog kita.

14.Flagcounter --> Widget untuk mengetahui kedatangan pengunjung yang di tandai oleh bendera negara.

15.Shoutbox part 1 & Shoutbox part 2 --> Widget untuk menampilkan kotak pesan pada halaman blog sebagai fasilitas blog walking perpesanan layaknya sms.

16.Widget animasi --> Berbasis flash swf dapat diambil kode embed-nya setelah menentukan pilihan widget yang sesuai selera agan.

17.Widget costum twitter generator --> Widget twitter costum dengan menetukan tampilan widget yang sesuai dengan keinginan agan.

18.Widget zooshia --> Widget sosial media twitter, facebook serta youtube.

Itulah beberapa daftar widget untuk blogger yang bisa agan gunakan untuk mempercantik blog kamu tetapi harus di ingat jangan memasang widget terlalu banyak karna akan memberatkan loading blog kamu,sekian artikel dari saya jangan lupa add G+ nya ya makasih salam blogger.

Baca Selengkapnya »