RSS feed | Twitter Follow | Facebook

Jumat, 26 Juli 2013

CARA MENYISIPKAN IMAGE PADA SEBUAH LINK

EPG STUDIO Postingan ini merupakan sebuah keinginan dari sahabat yang mengisi buku tamu. Dia bertanya, " Bang bagaimana cara membuat menu yang isinya ada logo seperti punya EPG yang bulat berkedip itu lho"

Sebenarnya trik seperti itu telah dibahas pada beberapa Tutorial EPG Studio sebelumnya.
Tapi tidak ada salahnya kalau dibahas ulang dengan harapan pengunjung dapat lebih memahami cara mengedit kode-kode HTML pada sebuah blog.
Untuk pemahaman pertama, anda terlebih dulu anda harus memahami tentang sebuah link, baik pada tab menu, postingan, sidebar maupun pada tempat lainnya.

sebagai contoh link, anda perhatikan dibawah ini :

<a href="http://epg-studio.blogspot.com">EPG STUDIO</a>

Link diatas akan terlihat seperti ini :
EPG STUDIO


Setelah anda memiliki sebuah link, tinggal menambahkan aksesoris berupa warna , ukuran , jenis huruf dan sebagainya.
Cara mengedit penampilan huruf tinggal menambahkan kode-kode seperti contoh dibawah ini : (lihat yang berwarna kuning.)

<a href="http://epg-studio.blogspot.com"><span style=";font-family:georgia;font-size:40px;font-style:italic;color:blue;"> EPG STUDIO&</span></a>

Gantilah

  1. Kata georgia dengan jenis huruf lain, seperti : Arial,Courier,Times,Trebuchet atau Verdana
  2. ukuran 40px dengan ukuran huruf yang anda inginkan,
  3. Italic dengan gaya yang anda inginkan seperti : bold,dan underline
  4. Yellow dengan warna yang anda inginkan.

Link tersebut akan terlihat seperti ini :

EPG STUDIO


Selanjutnya anda dapat menambah variasi lainnya pada link tersebut, misalnya sebuah image.
Perhatikan contoh dibawah ini:

<a href="http://epg-studio.blogspot.com"><span style=";font-family:georgia;font-size:40px;font-style:italic;color:blue;"><img src="http://img97.imageshack.us/img97/5906/bluea.gif.jpg" /> EPG STUDIO</span></a>

Tampilannya akan seperti ini :

EPG STUDIO


Bisa juga anda tambahkan satu image lagi yang diletakkan disebelah kanan link. Perhatikan contonya :

<a href="http://epg-studio.blogspot.com"><span style=";font-family:georgia;font-size:40px;font-style:italic;color:yellow;"><img src="http://img97.imageshack.us/img97/5906/bluea.gif" /> EPG STUDIO<img src="http://img97.imageshack.us/img97/5906/bluea.gif" /></span></a>

Penampilannya akan seperti ini :

EPG STUDIO


Jika masih kurang variasi pada sebuah link, anda dapat menambahkan kode:

<blink>............</blik>

agar link tersebut berkedip.

Perhatikan cara meletakan kode tersebut :

<a href="http://epg-studio.blogspot.com"><span style=";font-family:georgia;font-size:40px;font-style:italic;color:yellow;"><img src="http://img97.imageshack.us/img97/5906/bluea.gif" /> <blink>EPG STUDIO</blink><img src="http://img97.imageshack.us/img97/5906/bluea.gif" /></span></a>

Link akan menjadi seperti ini :

EPG STUDIO


Mudah bukan...??
Sekali lagi trik ini dapat anda gunakan pada sebuah link yang anda tempatkan diseluruh bagian blog
Sekarang, silahkan anda coba terapkan pada blog anda...!!!

Posted by dan ipul climber On 09.21 No comments READ FULL POST

JIKA KEBERATAN...AMANKAN ARTIKEL ANDA


Plagiat dalam dunia Blogger sudah menjadi hal yang biasa bagi sebagian peblogger dalam membuat suatu post tanpa harus lelah berfikir. Bagi admin EPG Studio, hal itu bukan suatu yang terlalu dipermasalahkan sesuai dengan motto " Berbagi Ilmu dan Pengalaman " . Silahkan anda copy paste artikel EPG Studio dengan syarat untuk berbagi dengan orang lain.
Bagaimana anda..?? Apa masih keberatan jika artikel anda di copas oleh peblogger lain..??
Jika ya...ikuti langkah untuk memprotek artikel anda dari penjiplakan orang lain dibawah ini :
Perhatikan kode untuk mrngamankan artikel anda dibawah ini :
  1. Kode untuk mematikan fungsi klik kanan pada mouse oncontextmenu='return false'
  2. Kode mematikan blok/select secara keseluruhan oncontextmenu='return false'
  3. Kode untuk mematikan blok/select kebawah onmousedown='return false'
  4. Kode untuk mematikan fungsi keyboard onmousedown='return false'


Kode-kode diatas anda masukkan kedalam template dengan langkah :

CARA PERTAMA
  1. Masuk ke blogger.
  2. Pilih Tata Letak.
  3. Pilih Edit HTML.
  4. Cari kode <body>
  5. Seteleh ketemu sisipkan satu kode diatas (bisa juga semuanya), tergantung keperluan anda sehingga kodenya menjadi seperti ini :

    <body oncontextmenu='return false' onmousedown='return false' onselectstart='return false' onkeypress='return false'>

  6. Simpan Template anda. Coba gunakan mouse dan keyboard untuk melihat keberhasilan usaha anda.


CARA KEDUA

Seandainya anda ingin pengunjung tahu bahwa artikel anda terprotek, anda dapat menggunakan script dibawah ini dengan langkah sebagai berikut :
  1. Masih pada Edit HTML.
  2. Cari kode <body>
  3. Copy sript dibawah ini kemudian paste tepat dibawah kode <body>
    <script language='JavaScript'>
    var message="isi dengan pesan yang ingin disampaikan";

    function clickIE4(){
    if (event.button==2){
    alert(message);
    return false;
    }}

    function clickNS4(e){
    if (document.layers||document.getElementById&amp;&amp;!document.all){
    if (e.which==2||e.which==3){
    alert(message);
    return false;
    }}}

    if (document.layers){
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown=clickNS4;
    }
    else if (document.all&amp;&amp;!document.getElementById){
    document.onmousedown=clickIE4;
    }

    document.oncontextmenu=new Function("alert(message);return false")
    </script>
  4. Ganti isi pesan yang akan muncul (bercetak merah) dengan kalimat yang anda inginkan yang disesuaikan dengan jenis protek yang digunakan
  5. Simpan tempalte anda...coba hasilnya.

CARA KETIGA

Selain cara kedua diatas, anda juga dapat mematikan fungsi klik kanan mouse yang diletakan pada elemen halaman .
Langkah-langkahnya :
  1. Dari Dasbor ke Tata Letak pilih Elemen Halaman.
  2. Klik tambah gadget.
  3. Klik tanda + pada HTML/JavaScript.
  4. Copy script dibawah ini kemudian paste pada kolom yang tersedia.
    <script>
    var message="isi pesan yang akan muncul";
    ///////////////////////////////////
    function clickIE4(){if (event.button==2){alert(message);return false;}}
    function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
    if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
    else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
    document.oncontextmenu=new Function("alert(message);return false")
    </script>
  5. Ganti isi pesan yang akan muncul (bercetak merah) dengan kalimat yang anda inginkan
  6. Klik tombol simpan. Lihat hasilnya...!!!


Posted by dan ipul climber On 09.17 No comments READ FULL POST

Selasa, 23 Juli 2013

TAKUT MEMASANG SLIDER CAROUSEL DI BLOG ?

Ada sebagian blogger yang takut memasang widget slider carousel di blog mereka. Apa alasannya ? Jawabannya adalah takut beban blog semakin berat, sehingga semakin tidak seo dan membutuhkan waktu loading yang lebih lama. Apa benar demikian ? Aku justru merasakan hal yang sebaliknya, memasang slider carousel memberikan beberapa dampak positif, yaitu semakin menambah cantik (baca : profesional) serta semakin memudahkan para visitor untuk mengakses artikel-artikel terbaru yang ada di dalam blog kita. Lho .... semakin positif khan ? Buktinya dalam blog aku ini telah terpasang slider carousel tersebut dengan manisnya. Bagaimana dengan beban berat blog nya ? Nggak terlalu berat tuh, dalam artian beban keseluruhan blog tidak melebihi 100 kb artinya hanya 99,82 kb. Silahkan anda check sendiri lewat fitur TEST SPEED ini.
Bagaimana model atau bentuk slider carousel itu sendiri ? Perhatikan gambar di bawah ini  :
Dunia Blog 99
Nah ............... cantik bukan ? Artikel-artikel terbaru blog kita ditampilkan dalam bentuk slide yang berjalan ke arah kiri dengan latar belakang warna biru langit. Bagaimana cara membuatnya ? Sabar mas bray ....., begini nih caranya ........   :
  1. Pertama Anda mesti login ke blogger dengan akun Anda
  2. Setelah itu pilih blog yang ingin anda tambahkan slider ini.
  3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
  4. Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan nantinya, sebaiknya backup dulu template anda.
  5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> 

#carousel{width:980px;height:125px;border-bottom:1px solid #ccc;position:relative;display:block;background:#5599e6;margin-bottom:8px}
#carousel h5{color:#555;margin:2px}
#carousel .container{position:absolute;left:24px;width:960px;height:125px;overflow:hidden}
#carousel .thumb{float:left;margin-right:5px;}
#carousel #previous_button{position:absolute;width:24px;height:125px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpE_14ziPU7KfsZ825nrInW8jTyOgIuTO4lntI1HfDRmCxu2AkZDbI-Mp6_noAUeM98kfcbzbIhTe7B0BRlRewwDsuTqrfqD4tZ_s5bGrjr0bY-n8WM46wmYTnD7IPqEXOaIC9_ls4HQMm/s1600/previous.png) center;z-index:100;cursor:pointer;}
#carousel #next_button{position:absolute;right:0;width:24px;height:125px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR6lm_keRNGYYRnBT5cHbzdGggRitWv061Ai9ecdGpZ0V3lbfK-PAFTbY7hE8LeQ_GE0uhMDOinzPjufkHz-Jb9ZPn5T6IAFqZrqDW0XGS_XMeLJC7mEZBqjhBzaGAxuNlc5Ppl_toKJJR/s1600/next.png) center;z-index:100;cursor:pointer;}
#carousel #next_button:hover,#carousel .thumb:hover,#carousel #previous_button:hover{filter:alpha(opacity=70);opacity:.7}
#carousel ul{width:100000px;position:relative;margin-top:10px}
#carousel ul li{background:#ebebeb;display:inline;float:left;text-align:left;font:bold 11px Arial;border:0px solid #ccc;width:212px;height:90px;margin:0 2px 20px 6px;padding:6px}
#carousel ul li a.slider_title{color:#222;display:block;margin-top:0;padding-top:0}
#carousel ul li a.slider_title:hover{color:#1b5d97}
#carousel a img{display:block;background:#fff;margin-top:0}


Perhatikan kode warna biru diatas, itu adalah lebar dan tinggi slider pada demo yang saya buat, silahkan Anda sesuaikan dengan ukuran template Anda.

6. Langkah selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1omJ0oSMRkixh7ywOGyu47tG7AdOmrzKHtlGWeDO5WL9iZ8Ayx2rZeddMVsH4fc2rkMZgjOAhNqOJw9yOsovRRz2GA0Yb0JFpu0Xoe9_WRkMl6LhFMnE9n1c8gjGr0TnDAg219kr3Yo4/s1600/no+image.jpg";
showRandomImg = true;

aBold = true;

summaryPost = 140;
summaryTitle = 25;
numposts1 = 12;

function removeHtmlTag(strx,chop){
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);
}
}

s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul>');
for (var i = 0; i < numposts1; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}

if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="100" height="90" class="alignnone" src="'+img[i]+'"/></a></div><h5>'+daystr+'</h5><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></li>';

document.write(trtd);
j++;
}
document.write('</ul>');
}
//]]>
</script>

Keterangan :

Perhatikan URL script warna merah diatas, itu adalah kode script jQuery.min.js seri terbaru yang saya (mas-Kolis) gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru. Kode warna biru : 12 adalah jumlah slider yang ditampilkan. Sedangkan angka 100 dan 90 adalah panjang dan lebar image yang ada di slider.

Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode <div id='main-wrapper'>, kemudian letakkan kode berikut ini diatasnya :


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<script>

document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/sport?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>   
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
<script type='text/javascript'>
(function($) {     $(document).ready(function(){
$(&quot;#carousel .container&quot;).jCarouselLite({
    auto:4000,
    scroll: 1,
    speed: 800,   
    visible: 4,
    start: 0,
    circular: true,
    btnPrev: &quot;#previous_button&quot;,
    btnNext: &quot;#next_button&quot;
    });
    })})(jQuery)   
</script>
</b:if>
  1. Perhatikan kode warna merah diatas, sport adalah label yang ditampilkan pada slider nantinya (Ingat besar kecil huruf harus sama dengan label yang sudah Anda buat). Jika Anda ingin menampilkan postingan atau artikel terbaru pada slider, tinggal hapus kode /-/sport. Kode diatas bisa juga anda letakkan dibawah atau diatas navigasi menu Anda atau bisa juga diletakkan diatas footer. 
  2. Langkah terakhir, save templates dan lihat hasilnya. Jika Anda ikuti langkah diatas dengan benar, slider Carousel itu akan muncul di blog Anda.
Demikian tadi tutorial membuat slider Carousel otomatis ini, dan seperti biasa jika ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar. Selamat mencoba dan semoga berhasil.

Untuk memperingan kerja slider carousel ini, anda dapat meng-kompress text-javascript dan menyimpannya di hosting pihak ketiga. Inilah rahasia supaya loading blog tidak terlalu berat manakala mempergunakan widget slider carousel ini.
Sumber tulisan : http://www.maskolis.com/2012/07/membuat-slider-carousel-otomatis-versi.html


Posted by dan ipul climber On 17.53 No comments READ FULL POST

Edit Artikel/postingan Populer dengan Slider Carousel

Script ini sangat mudah untuk menginstal, Anda hanya harus meletakkan script untuk Gadget baru
  1. Login ke Dashboard Blogger dan arahkan ke 
    2. Desain - Elemen Halaman
  2. Klik "Tambah Gadget" dan Pilih "Popular Posts" ( Jika Anda sudah memiliki gadget ini melewatkan langkah ini )
  3. Setelah Anda memiliki gadget Popular Post "Tambah Gadget" lagi dan pilih "HTML / Javascript"
  4. Masukkan semua di bawah script untuk "Konten" HTML / Javascript Gadget
  5. Jika Anda telah jQuery di Template Anda hapus dari naskah saya
  6. Selesai-posting Anda populer sekarang dengan animasi


    <style>

#slider ol,#slider ul,#slider li
 {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
}

.popular-posts  img {
  margin: 0  !important;
  padding:0  !important;
  width:150px;
  height:120px;
}

ol, ul {
 list-style: none;
 }

.wrapper {
 width: 720px;
 margin: 0 auto;
 position:relative;
}

.clear {
 clear: both;
 }

.display-none {
 display:none;
 }

#slider {
 position: relative;
 top: -2px;
 z-index: 1;
 }

#slider .prev {
 position: absolute;
 width: 21px;
 height: 21px;
 display: block;
 background: url(http://i575.photobucket.com/albums/ss197/akhmadaminullah/arleft.png) no-repeat center center;
 top: 150px;
 left: -51px;
 }

#slider .next {
 position: absolute;
 width: 21px;
 height: 21px;
 display: block;
 background: url(http://i575.photobucket.com/albums/ss197/akhmadaminullah/arright.png) no-repeat center center;
 top: 150px;
 right: -51px;
 }

#slider #slider-wrapper {
 width: 720px;
 height: 300px;
 padding-top: 40px;
 overflow: hidden;
 z-index: 999;
 position: relative;
 }

#slider #slider-inner {
 width:9780px;
 height:300px;
 position:absolute;
 }

#slider .article {
 width: 150px;
 height: 300px;
 float: left;
 margin-right: 30px;
 }

#slider .article img {
 margin-bottom: 25px;
 box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
 }

#slider .article h2 {
 margin-bottom: 15px;
 line-height: 18px;
 }

#slider .article h2 a {
 font-size: 18px;
 color: #404040;
 font-weight: bold;
 text-shadow: 0 1px 0 #fff;
 line-height: 23px;
 }

#slider .article .meta-comments a {
 font-size: 10px;
 font-weight: bold;
 text-transform: uppercase;
 text-shadow: 0 1px 0 #fff;
 }

#slider .article .item-snippet {
 margin-left: 15px;
 }

#slider .widget-item-control { display: none}

</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/gridslidepopularpost.js"></script>
Posted by dan ipul climber On 17.50 No comments READ FULL POST

Cara Memasang Kode Robot.txt yang Baik

source image: sem and seo news
Cara Memasang Kode Robot.txt yang Baik - Sahabat blogger, pada postingan yang lalu bang dadan telah membahas artikel tentang Definisi dan Manfaat Robot.txt untuk Blog, bagi sobat yang belum mengetahui informasi seputar robot.txt bisa sobat lihat disini. Nah menyambung artikel terdahulu kali ini bang dadan akan coba membahas Cara Memasang Kode Robot.txt yang Baik, pemasangan Robot.txt mungkin setiap blogger berbeda - beda tergantung kepercayaan nya masing-masing, namun dalam artikel ini bang dadan akan berikan kode Robot.txt yang selama ini bang dadan gunakan di blog ini.
Baiklah kawan tidak usah panjang lebar lagi kita langsung pada tahap pemasangan kode Robot.txt di blog:
KODE ROBOT.TXT
User-agent: *
Disallow:
User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search
Allow:
Sitemap: http://www.cbd.web.id/feeds/posts/default?orderby=updated
Keterangan: "Ganti URL yang berwarna merah itu dengan URL blog anda".

CARA PEMASANGAN PADA BLOGSPOT

1. Silahkan login ke blog
2. Masuk ke rancangan/dasbor
3. Pilih menu Setelan
4. Klik submenu Preferensi Penelusuran
maka sobat akan menemui gambar seperti dibawah ini:
Robot.txt
Sumber gambar: blogger.com
klik gambar untuk memperbesar
5. Lihat gambar yang dilingkari merah, dan silahkan sobat klik Edit
6. Masukan Kode Robot.txt yang di atas kesana
7. Selanjutnya klik simpan
8. Selesai

Tambahan:
Agar Robot.txt dapat merayapi blog anda dengan baik selaras, serasi dan seimbang dengan Webmaster Tools, silahkan tambahkan kode dibawah ini, dan tempatkan di bawah tag <head> pada tempalte edit html.
<meta content='INDEX, FOLLOW' name='GOOGLEBOT'/>
<meta content='index, follow, all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Googlebot-Image'/>

Sekian dulu pembahasan kita kali ini tentang Cara Memasang Kode Robot.txt yang Baik, semoga artikel ini dapat bermanfaat buat para blogger semua. terimakasih dan tetap semangat..!!
Posted by dan ipul climber On 17.47 No comments READ FULL POST

Sabtu, 20 Juli 2013

Cara Membuat lipatan Kertas Di blog

Salah satu cara untuk membuat halaman blog menjadi cantik adalah dengan memberikan efek lipatan kertas yang biasanya berada di pojok halaman. Efek lipatan kertas seperti ini dikenal juga dengan nama Page Peel atau Page Flip. Membuat efek Page Peel pada blogspot sangat mudah. Berikut ini cara membuat efek tersebut sebagaimana dijelaskan oleh drraman:


1. Login ke blogspot
2. Masuk ke dashboard > Design > Edit HTML.
3. Letakkan kode di bawah ini sebelum kode </head>

<style type="text/css">
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCFpcCbyLngPn2gv6X8hiw0JFfheWFFUaxiU-q-XlmK_nlfjVKS31_zp2eh8eFdY7UbYIyjYXbYfY2OfqEC1J3Y6Md_0DbNsMMWs_Hf679bstVpawxsSnG_sPiQp1uUxdUpM64FeK2KKAi/s1600/page+peel.JPG) no-repeat right top;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;307px&#39;,
height: &#39;319px&#39;
}, 500);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 220);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 200);
});
});
</script>








 Perhatian !!!
 * Ganti tulisan warna biru dengan link gambar anda

4. Letakkan kode di bawah ini setelah kode <body>

<div id='pageflip'>
<a href='sekedarsharin9.blogspot.com'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMuGSQqE4OLK-nj04-3nORcn_4fDpgkDg2r7tkqDotLb3lOvxUq4bwpMcWODNdPo5hAAmj4BQMOB1S3ojZcF8PPMCO1-KYYVkWKzzQmAnaSMMeaz108UE9-aYuGj2jpHOjiNSOVSwWCSKY/s1600/page_flip.png'/></a>
<div class='msg_block'></div>
</div>

5. Save template dan lihat hasilnya.

Selamat mencoba!
Posted by dan ipul climber On 22.45 No comments READ FULL POST

Cara Memasang Widget Animasi Bergerak Naruto

  • 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

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna merah pada script tersebut.
bottom (bawah), top (atas), left ( kiri), right (kanan),
Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..

1.Jiraiya

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/JiraiyaSummoned.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>


2.Daidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html"><img border="0" src="http://i1107.photobucket.com/albums/h385/bogel4/DeidaraBird.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

3.kisame

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/KisameWater.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

4.Kiba
b

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/KibaAkamaru.gif " title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

5.Akatsuki

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://th244.photobucket.com/albums/gg10/spider-man155/th_Akatsuki.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang naruto bergerak gif" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

6.Sakura

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Sakura2.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

7.Anggota akatsuki

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343009.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

8.Tobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21581772/355351427.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

9.Hinata

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/HinatavsNaruto.gif" title="
Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

10.Temari

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Temari.gif " title="Click to get more." /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

11.Kankuro

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kankuro.gif " title="Kumpulan animasi Naruto dan gara bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

12.Sasuke

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://th217.photobucket.com/albums/cc54/ivandra79/Naruto/th_SASUKE_GIF.gif" title="Kumpulan animasi sasuke bergerak gif" 
 alt="cara pasang animasi naruto dan sasukebergerak gif di blog"  /></a><small>
<center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

13.Itachi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343243.jpg " title="Kumpulan animasi Naruto hitachi bergerak gif" alt="cara pasang animasi naruto dan hitachi bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

14.Pain

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343104.jpg" title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

15.Kakuzu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/Kakuzu.gif" title="lihat lebih banyak animasi naruto bergerak" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>


16.Gaara vs daidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraDeidara.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

17.Gaara


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraSkill.gif" title="Kumpulan animasi gara bergerak gif" alt="cara pasang animasi gara bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

18.Neji

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/NejiStrikes.gif " title="kumpulan animasi bergerak" alt="animasi beregerak naruto" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

 19.Rock lee

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Leecombo.gif " title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

20.Zetsu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343266.jpg " title="lihat lebih banyak animasi naruto bergerak."alt="animasi beregerak naruto" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

21.Sasori

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343137.jpg" title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

22.Kakashi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kakashi.gif " title="kumpulan cartoon bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

23.Sarutobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/3rdHokage.gif " title="klik kumpulan Widget Animasi naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

24.Kisame

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343066.jpg" title="lihat kumpulan Widget Animasi Naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

 Jangan Lupa Tinggalkan Komentar Di Bawah Ini ...Share this
Posted by dan ipul climber On 22.21 No comments READ FULL POST

Cara Memasang Widget Animasi Bergerak Naruto

  • 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

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna merah pada script tersebut.
bottom (bawah), top (atas), left ( kiri), right (kanan),
Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..

1.Jiraiya

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/JiraiyaSummoned.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>


2.Daidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html"><img border="0" src="http://i1107.photobucket.com/albums/h385/bogel4/DeidaraBird.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

3.kisame

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/KisameWater.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

4.Kiba
b

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/KibaAkamaru.gif " title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

5.Akatsuki

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://th244.photobucket.com/albums/gg10/spider-man155/th_Akatsuki.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang naruto bergerak gif" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

6.Sakura

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Sakura2.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

7.Anggota akatsuki

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343009.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

8.Tobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21581772/355351427.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

9.Hinata

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/HinatavsNaruto.gif" title="
Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

10.Temari

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Temari.gif " title="Click to get more." /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

11.Kankuro

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kankuro.gif " title="Kumpulan animasi Naruto dan gara bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

12.Sasuke

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://th217.photobucket.com/albums/cc54/ivandra79/Naruto/th_SASUKE_GIF.gif" title="Kumpulan animasi sasuke bergerak gif" 
 alt="cara pasang animasi naruto dan sasukebergerak gif di blog"  /></a><small>
<center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

13.Itachi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343243.jpg " title="Kumpulan animasi Naruto hitachi bergerak gif" alt="cara pasang animasi naruto dan hitachi bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

14.Pain

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343104.jpg" title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

15.Kakuzu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/Kakuzu.gif" title="lihat lebih banyak animasi naruto bergerak" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>


16.Gaara vs daidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraDeidara.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

17.Gaara


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraSkill.gif" title="Kumpulan animasi gara bergerak gif" alt="cara pasang animasi gara bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

18.Neji

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/NejiStrikes.gif " title="kumpulan animasi bergerak" alt="animasi beregerak naruto" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

 19.Rock lee

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Leecombo.gif " title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

20.Zetsu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343266.jpg " title="lihat lebih banyak animasi naruto bergerak."alt="animasi beregerak naruto" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

21.Sasori

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343137.jpg" title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

22.Kakashi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kakashi.gif " title="kumpulan cartoon bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

23.Sarutobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/3rdHokage.gif " title="klik kumpulan Widget Animasi naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

24.Kisame

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343066.jpg" title="lihat kumpulan Widget Animasi Naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

 Jangan Lupa Tinggalkan Komentar Di Bawah Ini ...Share this
Posted by dan ipul climber On 22.19 No comments READ FULL POST
Langganan: Postingan (Atom)

Daftar Isi Per-Label

Free Music Online
Free Music Online

free music at divine-music.info
  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Youtube

Blog Archive

Free INDONESIA Cursors at www.totallyfreecursors.com

    Blogger news

    ANAK DUNIA

    Blogger templates

    Blogroll

    Flag Counter