Dhecun Blog: Keren

Showing posts with label Keren. Show all posts

Membuat Widget Artikel Terbaru Keren

Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :

1. Login ke akun Blogger anda
2. Pilih Template
3. Pilih Edit HTML
4. Centang Expand Widget Template
5. Tekan tombol Ctrl+F
6. Cari kode ]]></b:skin>
7. Masukkan script dibawah ini tepat diatas kode ]]></b:skin>

#mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}
#terbaru{margin:0px}
.mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}
.mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px}
.mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111}
.mas-elemen:hover{background-color:#c3c3c3}
.mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}
#mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQKTrmIQ8xvFCV2t6XoJkrqhyphenhyphenB3AvFTuM9cBUtjrBpBdrpT6o5J5NVSZ2UqZnOFoln6s7gjEE5AgwAE1ssp7ic8B2Xblf227by6Ut8HPobpJ0QVC85csKEY3WLx1l7XpVwsybGe0TLZF8/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}
#mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}
#mas-navigasifeed:hover{background-color:#c3c3c3}
#mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#mas-navigasifeed span{padding:5px 10px}
#mas-navigasifeed .next{float:right}
#mas-navigasifeed .previous{float:left}
#mas-navigasifeed .home{text-align:center}
#mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}

Catatan :
Tulisan warna biru adalah lebar dan tinggi thumbnail image.

8. Kemudian cari kode </head>
9. Masukkan script dibawah ini tepat diatas kode </head>

<script type='text/javascript'>
//<![CDATA[
var numfeed = 5;
var startfeed = 0;
var urlblog = "http://dhecun.blogspot.com";
var charac = 100;
var urlprevious, urlnext;function maskolisfeed(johny,banget){
var showfeed = johny.split("<");
for(var i=0;i<showfeed.length;i++){
if(showfeed[i].indexOf(">")!=-1){
showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
}
}
showfeed = showfeed.join("");
showfeed = showfeed.substring(0,banget-1);
return showfeed;
}
function showterbaru(json) {
var entry, posttitle, posturl, postimg, postcontent;
var showblogfeed = "";
urlprevious = "";
urlnext = "";
for (var k = 0; k < json.feed.link.length; k++) {
if (json.feed.link[k].rel == 'previous') {
urlprevious = json.feed.link[k].href;
}
if (json.feed.link[k].rel == 'next') {
urlnext = json.feed.link[k].href;
}
}
for (var i = 0; i < numfeed; i++) {
if (i == json.feed.entry.length) { break; }
entry = json.feed.entry[i];
posttitle = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
postcontent = entry.content.$t;
} else if ("summary" in entry) {
postcontent = entry.summary.$t;
} else {
postcontent = "";
}
if ("media$thumbnail" in entry) {
postimg = entry.media$thumbnail.url;
} else {
postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFHOJZuuOs4gPF4OWYDuKkqFpwsH3stkmeySf0WK543kj8fblgn1f47FdYnIP-jALxOCluQYoINGTE9kEJvqdQVhkoGxVnSxhT-ucP7a8uq0u2jrOFjaLlYfCgr5nXnXzmZ1Q-jOaKjlw/s1600/no+image.jpg";
}
showblogfeed += "<div class='mas-elemen'>";
showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";
showblogfeed += "</div>";
}
document.getElementById("terbaru").innerHTML = showblogfeed;
showblogfeed = "";
if(urlprevious) {
showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>◄ Previous</a>";
} else {
showblogfeed += "<span class='noactived previous'>◄ Previous</span>";
}
if(urlnext) {
showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next ►</a>";
} else {
showblogfeed += "<span class='noactived next'>Next ►</span>";
}
showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>";
document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
}
function navigasifeed(url){
var p, parameter;
if(url==-1) {
p = urlprevious.indexOf("?");
parameter = urlprevious.substring(p);
} else if (url==1) {
p = urlnext.indexOf("?");
parameter = urlnext.substring(p);
} else {
parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
}
parameter += "&callback=showterbaru";
incluirscript(parameter);
}
function incluirscript(parameter) {
if(startfeed==1) {removerscript();}
document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";
document.getElementById("mas-navigasifeed").innerHTML = "";
var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
var terbaru = document.createElement('script');
terbaru.setAttribute('type', 'text/javascript');
terbaru.setAttribute('src', archievefeed);
terbaru.setAttribute('id', 'MASLABEL');
document.getElementsByTagName('head')[0].appendChild(terbaru);
startfeed = 1;
}
function removerscript() {
var elemen = document.getElementById("MASLABEL");
var parent = elemen.parentNode;
parent.removeChild(elemen);
}
onload=function() { navigasifeed(0); }
//]]>
</script>

Keterangan :
var numfeed = 5; adalah jumlah Artikel terbaru yang ditampilkan pada widget.
var urlblog = http://dhecun.blogspot.com : ganti dengan URL blog anda.
var charac = 100; adalah jumlah karakter atau huruf pada setiap post.

10. Setelah itu klik simpan template
11. Kemudian pilih Tata Letak >> Tambah Gadget >> HTML/Javascript
12. Masukkan script dibawah ini

<div id="terbaru"></div>
<div id="mas-navigasifeed"></div>
<div style="text-align: center;">
<a href="http://dhecun.blogspot.com/2012/12/membuat-widget-artikel-terbaru-keren.html" target="_blank" title="Membuat Widget Artikel Terbaru Keren"><span style="font-size:xx-small;"><span style="text-shadow:1px 1px 1px #333;"><input class="button" name="go" value="Widget by Dhecun Blog" type="submit" /></span></span></a></div>

13. Klik simpan dan lihat hasil pekerjaan anda.

Semoga bermanfaat...!!!

Komentari artikel ini...!!!

Script Tooltip Keren Otomatis Semua Title

Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :

1. Login ke akun Blogger anda
2. Pilih Template
3. Pilih Edit HTML
4. Centang Expand Template Widget
5. Tekan tombol Ctrl+F
6. Cari kode <body>
7. Masukkan script dibawah ini tepat dibawah kode <body>

<script src='http://javascript-share.googlecode.com/files/wb.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Princexells Seyka (Princelling Saki)</a>
<script type='text/javascript'>//<![CDATA[
wb.tooltip_setting =
{
func : "Tooltip",
top : 5,
left : 5,
maxw : 300,
speed : 20,
timer : 40,
endalpha : 95,
alpha : 0,
style_plus : "#tt{border:3px solid #778899;background:#dcdcdc}#ttcont{background:#000000;color:#00ff00}"
};
//]]></script>
<script src='http://javascript-share.googlecode.com/files/wb_tooltips.js'/>
<script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'/><div id='warungbebasautotooltip'>

8. Kemudian cari kode </body>
9. Masukkan script dibawah ini tepat diatas kode </body>

</div><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>

10. Klik simpan template

Catatan :
Anda bisa mengganti tulisan warna merah sesuai keinginan anda.

Semoga bermanfaat...!!!

Komentari artikel ini...!!!

Mengganti Tampilan Scroll Bar Keren di Blog

Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :

1. Login ke akun Blogger anda

2. Pilih Template

3. Pilih Edit HTML

4. Tekan tombol Ctrl+F

5. Cari kode ]]></b:skin>

6. Masukkan script dibawah ini tepat diatas kode ]]></b:skin>

::-webkit-scrollbar {height:18px;width: 18px;background: #3b5998;}
::-webkit-scrollbar-thumb {background-color: #e0e0e0;-moz-border-radius: 10px;border-radius: 10px;}

Keterangan :
Kode warna merah bisa anda ganti sesuai dengan keinginan anda.

Beberapa Browser mungkin tidak support dengan kode ini tapi saya memakai Google Chrome dan kode ini berfungsi.

Semoga bermanfaat...!!!

Komentari artikel ini...!!!

Membuat Accordion Menu dengan Efek Transisi Keren

Kali ini Dhecun Blog kembali ingin berbagi salah satu trik yaitu membuat Menu Accordion Dengan Efek Transisi Keren seperti pada gambar diatas.

Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :

1. Login ke akun Blogger anda

2. Pilih Template

3. Pilih Edit HTML

4. Tekan tombol Ctrl+F

5. Cari kode ]]></b:skin>

6. Masukkan script dibawah ini tepat diatas kode ]]></b:skin>

.navbox {position:relative;float:left;}ul.nav {list-style:none;display:block;width:220px;position:relative;padding:0px 0 0px 0;-webkit-background-size: 50% 100%;-moz-background-size: 50% 100%;}li {margin: 10px 0 0 50px;}ul.nav li a { font-family:Arial,Helvetica,Sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;-webkit-transition:all 0.3s ease-out;-moz-transition: all 0.3s ease-out;background:#ffc000 ;color:#1e1e1e;padding:3px 15px 3px 15px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0px;width:150px;display:block;text-decoration:none;-webkit-box-shadow:4px 2px 0px #1e1e1e;-moz-box-shadow:4px 2px 0px #1e1e1e;}ul.nav li a:hover {background:#1e1e1e;color:#fff;padding: 3px 15px 3px 30px;}

7. Klik simpan template
8. Kemudian pilih Tata Letak >> Tambah Gadget >> HTML/JavaScript
9. Masukkan script dibawah ini
10. Klik simpan

<div class="navbox">
<ul class="nav">
<li><a href="http://dhecun.blogspot.com">Dhecun Blog</a></li>
<li><a href="http://infodaridhecun.blogspot.com">Info Dhecun</a></li>
<li><a href="http://www.facebook.com/dhecun.blog">Facebook</a></li>
<li><a href="http://dhecundoank.blogspot.com">Download</a></li>
</ul>
<div style="text-align: right;">
<a href="http://dhecun.blogspot.com/2012/11/membuat-accordion-menu-dengan-efek.html" target="_blank"><span style="font-size: xx-small;">[ Widget by Dhecun Blog ]</span></a></div></div>

Semoga bermanfaat...!!!

Komentari artikel ini...!!!

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

Cara Memasang Widget Animasi Bergerak Di Blog :

1. Login ke akun Bloggr anda
2. Pilih Tata letak >> Tambah Gadget >> HMTL/JavaScript
3. Copy kode animasi yang ingin anda pasang , kodenya ada di bawah .
4. Klik simpan

1. Spongebob

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

2. Naruto

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

3. Gaara

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

4. Labu

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

5. Tengkorak

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

6. Ekspresi Muka

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

7. Animasi

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

8. Main Taplak

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

9. Pasangan

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

10. Zoombie

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

11. Pigglet

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

12. Mini Mouse

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

13. Hallo

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

14. Hai Friend

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

15. Star

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

16. Gajah Loncat

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://dhecun.blogspot.com/2012/11/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://dhecun.blogspot.com/2012/11/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Animasi Keren</a></center></small></div>

17. Booring

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://dhecun.blogspot.com/2012/11/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://dhecun.blogspot.com/2012/11/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Animasi Keren</a></center></small></div>

18. Bayi Ketawa

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://dhecun.blogspot.com/2012/11/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://dhecun.blogspot.com/2012/11/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Animasi Keren</a></center></small></div>

19. Dance

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://dhecun.blogspot.com/2012/11/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://dhecun.blogspot.com/2012/11/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Animasi Keren</a></center></small></div>

20. Main Bola

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://dhecun.blogspot.com/2012/11/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://dhecun.blogspot.com/2012/11/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Animasi Keren</a></center></small></div>

21. Bayi Tertawa

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://dhecun.blogspot.com/2012/11/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://dhecun.blogspot.com/2012/11/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Animasi Keren</a></center></small></div>

22. Panda Biru

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://dhecun.blogspot.com/2012/11/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://dhecun.blogspot.com/2012/11/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Animasi Keren</a></center></small></div>

23. Panah

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://dhecun.blogspot.com/2012/11/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://dhecun.blogspot.com/2012/11/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Animasi Keren</a></center></small></div>

24. Bunga

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

25. Anjing Laut

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

26. Lumba-lumba

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

27. Kucing Tidur

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://dhecun.blogspot.com/2012/11/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://dhecun.blogspot.com/2012/11/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Animasi Keren</a></center></small></div>

28. Kelinci

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

29. Dragon

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

30. Ikan

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

31. Pinguin

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

32. Jiraiya

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

33. Daidara

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

34. Kisame

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

35. Kiba

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

36. Akatsuki

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

37. Sakura

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

38. Anggota Akatsuki

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

39. Tobi

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

40. Hinata

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

41. Temari

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

42. Kankuro

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

43. Sasuke

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

44. Itachi

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

45. Pain

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

46. Kakuzu

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

47. Gaara vs Daidara

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

48. Gaara

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

49. Neji

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

50. Rock Lee

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

51. Zetsu

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

52. Sasori

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

53. Kakashi

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

54. Sarutobi

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

55. Kisame

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

Catatan :
Anda bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan anda.
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.

Semoga bermanfaat...!!!

Komentari artikel ini...!!!

Pasang Widget Otomatis

Submit Web / Blog Ke 20+ Search Engines

Cek Ukuran dan Kecepatan Loading Blog / Web

Update Artikel Dhecun Blog

Berlangganan Artikel Gratis Lewat Email

Berlangganan artikel via email.

Dapatkan update artikel terbaru dari Dhecun Blog

yang akan dikirim ke email anda secara gratis...!

Jangan lupa buka Email anda untuk verifikasi.

RSS feeds

Blogger templates

Pages

Beranda

My Facebook

Kirim SMS Gratis

Download Gratis

Contact us

Dhecun Blog

Membuat Widget Artikel Terbaru Keren

Thursday, December 27, 2012

Script Tooltip Keren Otomatis Semua Title

Thursday, December 20, 2012

Mengganti Tampilan Scroll Bar Keren di Blog

Friday, December 7, 2012

Membuat Accordion Menu dengan Efek Transisi Keren

Tuesday, November 27, 2012

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

Pasang Widget Otomatis

Submit Web / Blog Ke 20+ Search Engines

Cek Ukuran dan Kecepatan Loading Blog / Web

Update Artikel Dhecun Blog

Berlangganan Artikel Gratis Lewat Email

Berlangganan artikel via email.

Space Iklan

Kategori pasang iklan

Iklan Sponsor 1

About Me

Contact

Rekomendasi

Follow

RSS feeds

Widget Populer

Share

Tukar Link

Traffic

Semua Artikel

10 Artikel Terbaru

Followers

Advertiser

Pasang iklan dapat diut