tag:blogger.com,1999:blog-23888844050869155132024-03-21T17:04:41.931-07:00Anak Duniadan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.comBlogger95125tag:blogger.com,1999:blog-2388884405086915513.post-84810213365765189542013-07-26T09:21:00.003-07:002013-07-26T09:21:21.339-07:00CARA MENYISIPKAN IMAGE PADA SEBUAH LINK<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title">
<span class="awal"><a href="http://epg-studio.b/;ogspot.com"><span style="font-family: georgia; font-size: 40px; font-style: italic;"><img src="http://img97.imageshack.us/img97/5906/bluea.gif" />EPG STUDIO<img src="http://img97.imageshack.us/img97/5906/bluea.gif" /></span></a></span> Postingan ini merupakan sebuah keinginan dari sahabat yang mengisi buku tamu. Dia bertanya, <span style="font-style: italic;">" Bang bagaimana cara membuat menu yang isinya ada logo seperti punya EPG yang bulat berkedip itu lho"</span></h3>
<div class="post-body">
<div align="justify">
Sebenarnya trik seperti itu telah dibahas pada beberapa Tutorial EPG Studio sebelumnya.<br />Tapi
tidak ada salahnya kalau dibahas ulang dengan harapan pengunjung dapat
lebih memahami cara mengedit kode-kode HTML pada sebuah blog.<br />Untuk
pemahaman pertama, anda terlebih dulu anda harus memahami tentang sebuah
link, baik pada tab menu, postingan, sidebar maupun pada tempat
lainnya.</div>
<br />sebagai contoh link, anda perhatikan dibawah ini :<br /><br /><span style="font-weight: bold;"><code><a href="http://epg-studio.blogspot.com">EPG STUDIO</a></code></span><br /><br />Link diatas akan terlihat seperti ini :<br /><center>
<a href="http://epg-studio.blogspot.com/">EPG STUDIO</a></center>
<br /><br />Setelah anda memiliki sebuah link, tinggal menambahkan aksesoris berupa warna , ukuran , jenis huruf dan sebagainya.<br />Cara mengedit penampilan huruf tinggal menambahkan kode-kode seperti contoh dibawah ini : (lihat yang berwarna kuning.)<br /><br /><span style="font-weight: bold;"><code><a href="http://epg-studio.blogspot.com"><span style="color: yellow; font-family: georgia;"><span style=";font-family:georgia;font-size:40px;font-style:italic;color:blue;"></span> EPG STUDIO&<span style="color: yellow; font-family: georgia; font-style: italic;"></span></span></a></code></span><br /><br /><span style="font-weight: bold;">Gantilah</span><br /> <br /><ol>
<li>Kata <span style="color: red;">georgia</span> dengan jenis huruf lain, seperti : Arial,Courier,Times,Trebuchet atau Verdana</li>
<li> ukuran <span style="color: yellow;">40px</span> dengan ukuran huruf yang anda inginkan,</li>
<li> <span style="color: red;">Italic</span> dengan gaya yang anda inginkan seperti : bold,dan underline</li>
<li> <span style="color: yellow;">Yellow</span> dengan warna yang anda inginkan.</li>
</ol>
<br />Link tersebut akan terlihat seperti ini :<br /><br /><center>
<a href="http://epg-studio.blogspot.com/"><span style="color: blue; font-family: georgia; font-size: 40px; font-style: italic;"> EPG STUDIO</span></a></center>
<br /><br />Selanjutnya anda dapat menambah variasi lainnya pada link tersebut, misalnya sebuah image.<br />Perhatikan contoh dibawah ini:<br /><br /><span style="font-weight: bold;"><code><a href="http://epg-studio.blogspot.com"<span style="color: red;">><span style=";font-family:georgia;font-size:40px;font-style:italic;color:blue;"></span><span style="color: blue;"><img src="http://img97.imageshack.us/img97/5906/bluea.gif.jpg" /></span> EPG STUDIO</span></a></code></span><br /><br />Tampilannya akan seperti ini :<br /><br /><center>
<a href="http://epg-studio.blogspot.com/"><span style="color: blue; font-family: georgia; font-size: 40px; font-style: italic;"><img src="http://img97.imageshack.us/img97/5906/bluea.gif" /> EPG STUDIO</span></a></center>
<br /><br />Bisa juga anda tambahkan satu image lagi yang diletakkan disebelah kanan link. Perhatikan contonya :<br /><br /><span style="font-weight: bold;"><code><a href="http://epg-studio.blogspot.com"<span style="color: red;">><span style=";font-family:georgia;font-size:40px;font-style:italic;color:yellow;"></span><span style="color: blue;"><img src="http://img97.imageshack.us/img97/5906/bluea.gif" /></span> EPG STUDIO<span style="color: yellow;"><img src="http://img97.imageshack.us/img97/5906/bluea.gif" /></span></span></a></code></span><br /><br />Penampilannya akan seperti ini :<br /><br /><center>
<a href="http://epg-studio.blogspot.com/"><span style="color: blue; font-family: georgia; font-size: 40px; font-style: italic;"><img src="http://img97.imageshack.us/img97/5906/bluea.gif" /> EPG STUDIO<img src="http://img97.imageshack.us/img97/5906/bluea.gif" /></span></a></center>
<br /><br />Jika masih kurang variasi pada sebuah link, anda dapat menambahkan kode:<br /><br /> <span style="font-weight: bold;"><code><span style="color: yellow;"><blink>............</blik></span></code></span> <br /><br />agar link tersebut berkedip.<br /><br />Perhatikan cara meletakan kode tersebut :<br /><br /><span style="font-weight: bold;"><code><a href="http://epg-studio.blogspot.com"><span style="color: brown;"><span style=";font-family:georgia;font-size:40px;font-style:italic;color:yellow;"></span><span style="color: blue;"><img src="http://img97.imageshack.us/img97/5906/bluea.gif" /> </span><span style="color: yellow;"><blink></span>EPG STUDIO<span style="color: yellow;"></blink></span><span style="color: yellow;"><img src="http://img97.imageshack.us/img97/5906/bluea.gif" /></span></span></a></code></span><br /><br />Link akan menjadi seperti ini :<br /><br /><center>
<a href="http://epg-studio.blogspot.com/"><span style="color: blue; font-family: georgia; font-size: 40px; font-style: italic;"><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></center>
<br /><br />Mudah bukan...??<br /><span style="font-weight: bold;">Sekali lagi trik ini dapat anda gunakan pada sebuah link yang anda tempatkan diseluruh bagian blog</span><br />Sekarang, silahkan anda coba terapkan pada blog anda...!!!
</div>
<br />
<div style="background-color: white; border: medium none; overflow: hidden;">
<br />Read more: <a href="http://epg-studio.blogspot.com/2009/12/cara-menyisipkan-image-pada-sebuah-link.html#ixzz2aAYW1Z9p" style="color: #003399;">http://epg-studio.blogspot.com/2009/12/cara-menyisipkan-image-pada-sebuah-link.html#ixzz2aAYW1Z9p</a></div>
</div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-28447414371339837002013-07-26T09:17:00.000-07:002013-07-26T09:17:06.720-07:00JIKA KEBERATAN...AMANKAN ARTIKEL ANDA<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title">
<br /></h3>
<div class="post-header-line-1">
</div>
<div class="post-body">
<div align="justify">
<a href="http://t3.gstatic.com/images?q=tbn:TczPxnstDQb1IM:http://matanews.com/wp-content/uploads/pajak4.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="175" src="http://t3.gstatic.com/images?q=tbn:TczPxnstDQb1IM:http://matanews.com/wp-content/uploads/pajak4.jpg" width="200" /></a><span class="awal"></span>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.<br />Bagaimana anda..?? Apa masih keberatan jika artikel anda di copas oleh peblogger lain..??<br />Jika ya...ikuti langkah untuk memprotek artikel anda dari penjiplakan orang lain dibawah ini :<br />Perhatikan kode untuk mrngamankan artikel anda dibawah ini :<br /><ol>
<li>Kode untuk mematikan fungsi klik kanan pada mouse <code style="color: red;">oncontextmenu='return false'</code></li>
<li>Kode mematikan blok/select secara keseluruhan <code style="color: #3333ff;">oncontextmenu='return false'</code></li>
<li>Kode untuk mematikan blok/select kebawah <code style="color: #cc33cc;">onmousedown='return false'</code></li>
<li>Kode untuk mematikan fungsi keyboard <code style="color: yellow;">onmousedown='return false'</code></li>
</ol>
<br /><br />Kode-kode diatas anda masukkan kedalam template dengan langkah :<br /><br /><span style="color: #3333ff; font-style: italic; font-weight: bold;"><img src="http://img46.imageshack.us/img46/5596/superball.gif" /> CARA PERTAMA</span><br /><ol>
<li>Masuk ke blogger.</li>
<li>Pilih Tata Letak.</li>
<li>Pilih Edit HTML.</li>
<li>Cari kode <code style="color: red;"><body> </code></li>
<li>Seteleh
ketemu sisipkan satu kode diatas (bisa juga semuanya), tergantung
keperluan anda sehingga kodenya menjadi seperti ini :<br /><br /><code><body <span style="color: red;">oncontextmenu='return false'</span> <span style="color: #000066;">onmousedown='return false'</span> <span style="color: #cc33cc;">onselectstart='return false'</span> <span style="color: yellow;">onkeypress='return false'</span>></code></li>
<br />
<li>Simpan Template anda. Coba gunakan mouse dan keyboard untuk melihat keberhasilan usaha anda.</li>
</ol>
<br /><br /><span style="color: #3333ff; font-style: italic; font-weight: bold;"><img src="http://img46.imageshack.us/img46/5596/superball.gif" /> CARA KEDUA</span><br /><br />Seandainya
anda ingin pengunjung tahu bahwa artikel anda terprotek, anda dapat
menggunakan script dibawah ini dengan langkah sebagai berikut :<br /><ol>
<li>Masih pada Edit HTML.</li>
<li>Cari kode <code style="color: red;"><body></code></li>
<li>Copy sript dibawah ini kemudian paste tepat dibawah kode <code style="color: red;"><body></code><br /><code><script language='JavaScript'><br />var message="<span style="color: red; font-style: italic; font-weight: bold;">isi dengan pesan yang ingin disampaikan</span>";<br /><br />function clickIE4(){<br />if (event.button==2){<br />alert(message);<br />return false;<br />}}<br /><br />function clickNS4(e){<br />if (document.layers||document.getElementById&amp;&amp;!document.all){<br />if (e.which==2||e.which==3){<br />alert(message);<br />return false;<br />}}}<br /><br />if (document.layers){<br />document.captureEvents(Event.MOUSEDOWN);<br />document.onmousedown=clickNS4;<br />}<br />else if (document.all&amp;&amp;!document.getElementById){<br />document.onmousedown=clickIE4;<br />}<br /><br />document.oncontextmenu=new Function("alert(message);return false")<br /></script></code></li>
<li>Ganti
isi pesan yang akan muncul (bercetak merah) dengan kalimat yang anda
inginkan yang disesuaikan dengan jenis protek yang digunakan</li>
<li>Simpan tempalte anda...coba hasilnya.</li>
</ol>
<br /><span style="color: #3333ff; font-style: italic; font-weight: bold;"><img src="http://img46.imageshack.us/img46/5596/superball.gif" /> CARA KETIGA</span><br /><br />Selain cara kedua diatas, anda juga dapat mematikan fungsi klik kanan mouse yang diletakan pada elemen halaman .<br />Langkah-langkahnya :<br /><ol>
<li>Dari Dasbor ke Tata Letak pilih Elemen Halaman.</li>
<li>Klik tambah gadget.</li>
<li>Klik tanda + pada HTML/JavaScript.</li>
<li>Copy script dibawah ini kemudian paste pada kolom yang tersedia.<br /><code><script><br />var message="<span style="color: red;">isi pesan yang akan muncul</span>";<br />///////////////////////////////////<br />function clickIE4(){if (event.button==2){alert(message);return false;}}<br />function
clickNS4(e){if
(document.layers||document.getElementById&&!document.all){if
(e.which==2||e.which==3){alert(message);return false;}}}<br />if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}<br />else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}<br />document.oncontextmenu=new Function("alert(message);return false")<br /></script><br /></code></li>
<li>Ganti isi pesan yang akan muncul (bercetak merah) dengan kalimat yang anda inginkan </li>
<li>Klik tombol simpan. Lihat hasilnya...!!!</li>
</ol>
</div>
</div>
<br />
<div style="background-color: white; border: medium none; overflow: hidden;">
<br /></div>
</div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-26412659114285329072013-07-23T17:53:00.002-07:002013-07-23T17:53:29.228-07:00TAKUT MEMASANG SLIDER CAROUSEL DI BLOG ?<div dir="ltr" style="text-align: left;" trbidi="on">
<span class="post-labels"><span></span>
</span>
<div class="post hentry">
<a href="http://www.blogger.com/null" name="8445445428483157043"></a>
<h1 class="post-title entry-title">
</h1>
<div class="post-body entry-content">
<div style="text-align: justify;">
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 <b>100</b> kb artinya hanya <b>99,82</b> kb. Silahkan anda check sendiri lewat fitur <a href="http://duniabloggerku67.blogspot.com/2013/06/mengukur-berat-beban-suatu-blog.html"><span style="color: red;"><b>TEST SPEED</b></span></a> ini. </div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Bagaimana model atau bentuk slider carousel itu sendiri ? Perhatikan gambar di bawah ini :</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYoz1ARjehola73cgM5TBZMk1jv4rEM7JG5JjS6Sp-DZBae7sv31rpAfIYqDuvraOFtS2NWtaOtIdRnLON4Wm-iHxOFnXhl1sAqXKoBt9G3H2-orggE4zJq-QEpDJ96P4xBDsAX_WX4GA/s1600/SLIDERCAROUSEL-2.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Dunia Blog 99" border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYoz1ARjehola73cgM5TBZMk1jv4rEM7JG5JjS6Sp-DZBae7sv31rpAfIYqDuvraOFtS2NWtaOtIdRnLON4Wm-iHxOFnXhl1sAqXKoBt9G3H2-orggE4zJq-QEpDJ96P4xBDsAX_WX4GA/s400/SLIDERCAROUSEL-2.jpg" title="Widget Slider Carousel" width="400" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
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 ........ :</div>
<div style="text-align: justify;">
</div>
<ol>
<li>Pertama Anda mesti login ke <b>blogger</b> dengan akun Anda</li>
<li>Setelah itu pilih blog yang ingin anda tambahkan slider ini.</li>
<li>Masuk ke <b>template</b> >> <b>Edit HTML</b>, kemudian centang <b>expand widget templates</b></li>
<li>Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan nantinya, sebaiknya backup dulu template anda.</li>
<li>Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode <b style="color: #cc0000;">]]></b:skin></b> </li>
</ol>
<br />
<center>
<div style="background: #a9a9a9; border: 1px solid #000000; height: 200px; overflow: auto; padding: 10px; width: 500px;">
<div style="text-align: left;">
#carousel{width:<b style="color: blue;">980</b>px;height:<b style="color: blue;">125</b>px;border-bottom:1px solid #ccc;position:relative;display:block;background:#5599e6;margin-bottom:8px}<br />
#carousel h5{color:#555;margin:2px}<br />
#carousel .container{position:absolute;left:24px;width:960px;height:125px;overflow:hidden}<br />
#carousel .thumb{float:left;margin-right:5px;}<br />
#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;}<br />
#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;}<br />
#carousel #next_button:hover,#carousel .thumb:hover,#carousel #previous_button:hover{filter:alpha(opacity=70);opacity:.7}<br />
#carousel ul{width:100000px;position:relative;margin-top:10px}<br />
#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}<br />
#carousel ul li a.slider_title{color:#222;display:block;margin-top:0;padding-top:0}<br />
#carousel ul li a.slider_title:hover{color:#1b5d97}<br />
#carousel a img{display:block;background:#fff;margin-top:0}</div>
</div>
</center>
<br />
<br />
<div style="text-align: justify;">
Perhatikan kode warna <span style="color: blue;">biru</span> diatas, itu adalah lebar dan tinggi slider pada demo yang saya buat, silahkan Anda sesuaikan dengan ukuran template Anda.</div>
<br />
<div style="text-align: justify;">
6. Langkah selanjutnya masih pada posisi <b>Edit HTML</b>, masukkan kode berikut ini diatas kode <b style="color: blue;"></head></b> :<br />
<br />
<center>
<div style="background: #a9a9a9; border: 1px solid #000000; height: 200px; overflow: auto; padding: 10px; width: 500px;">
<div style="text-align: left;">
<br />
<script src='<b style="color: red;">http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js</b>' type='text/javascript'/><br />
<script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/javascript'/><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
imgr = new Array();<br />
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1omJ0oSMRkixh7ywOGyu47tG7AdOmrzKHtlGWeDO5WL9iZ8Ayx2rZeddMVsH4fc2rkMZgjOAhNqOJw9yOsovRRz2GA0Yb0JFpu0Xoe9_WRkMl6LhFMnE9n1c8gjGr0TnDAg219kr3Yo4/s1600/no+image.jpg";<br />
showRandomImg = true;<br />
<br />
aBold = true;<br />
<br />
summaryPost = 140;<br />
summaryTitle = 25;<br />
numposts1 = <b style="color: blue;">12</b>;<br />
<br />
function removeHtmlTag(strx,chop){<br />
var s = strx.split("<");<br />
for(var i=0;i<s.length;i++){<br />
if(s[i].indexOf(">")!=-1){<br />
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />
}<br />
}<br />
<br />
s = s.join("");<br />
s = s.substring(0,chop-1);<br />
return s;<br />
}<br />
function showrecentposts(json) {<br />
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;<br />
img = new Array();<br />
document.write('<ul>');<br />
for (var i = 0; i < numposts1; i++) {<br />
var entry = json.feed.entry[i];<br />
var posttitle = entry.title.$t;<br />
var pcm;<br />
var posturl;<br />
if (i == json.feed.entry.length) break;<br />
for (var k = 0; k < entry.link.length; k++) {<br />
if (entry.link[k].rel == 'alternate') {<br />
posturl = entry.link[k].href;<br />
break;<br />
}<br />
}<br />
<br />
for (var k = 0; k < entry.link.length; k++) {<br />
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {<br />
pcm = entry.link[k].title.split(" ")[0];<br />
break;<br />
}<br />
}<br />
<br />
if ("content" in entry) {<br />
var postcontent = entry.content.$t;}<br />
else<br />
if ("summary" in entry) {<br />
var postcontent = entry.summary.$t;}<br />
else var postcontent = "";<br />
postdate = entry.published.$t;<br />
if(j>imgr.length-1) j=0;<br />
img[i] = imgr[j];<br />
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);<br />
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;<br />
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';<br />
var month = [1,2,3,4,5,6,7,8,9,10,11,12];<br />
var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];<br />
var day = postdate.split("-")[2].substring(0,2);<br />
var m = postdate.split("-")[1];<br />
var y = postdate.split("-")[0];<br />
for(var u2=0;u2<month.length;u2++){<br />
if(parseInt(m)==month[u2]) {<br />
m = month2[u2] ; break;<br />
}<br />
}<br />
<br />
var daystr = day+ ' ' + m + ' ' + y ;<br />
var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="<b style="color: blue;">100</b>" height="<b style="color: blue;">90</b>"
class="alignnone"
src="'+img[i]+'"/></a></div><h5>'+daystr+'</h5><a
class="slider_title"
href="'+posturl+'">'+posttitle+'</a></li>';<br />
<br />
document.write(trtd);<br />
j++;<br />
}<br />
document.write('</ul>');<br />
}<br />
//]]><br />
</script> <br />
</div>
</div>
</center>
<br />
<b><i>Keterangan :</i></b><br />
<br />
<div style="text-align: justify;">
Perhatikan URL script warna <span style="color: #cc0000;"><b>merah</b></span> diatas, itu adalah kode script <b>jQuery.min.js</b> seri terbaru yang saya (mas-Kolis) gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat j<b>Query.min.js </b>walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu <b>jQuery.min.js</b> yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru. Kode warna <span style="color: blue;">biru</span> : <b><span style="color: blue;">12</span></b> adalah jumlah slider yang ditampilkan. Sedangkan angka <b><span style="color: blue;">100</span></b> dan <span style="color: blue;"><b>90</b></span> adalah panjang dan lebar image yang ada di slider.
</div>
<div style="text-align: justify;">
</div>
<br />
Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode <b><span style="color: #cc0000;"><div id='main-wrapper'></span></b>, kemudian letakkan kode berikut ini diatasnya :<br />
<br />
<center>
<div style="background: #a9a9a9; border: 1px solid #000000; height: 200px; overflow: auto; padding: 10px; width: 500px;">
<br />
<b:if cond='data:blog.pageType != &quot;item&quot;'><br />
<div id='carousel'><br />
<div id='previous_button'/><br />
<div class='container'><br />
<script><br />
<br />
<div style="text-align: left;">
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<b style="color: red;">sport</b>?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);</div>
</script> <br />
<div class='clear'/><br />
</div><br />
<div id='next_button'/><br />
</div><br />
<script type='text/javascript'><br />
(function($) { $(document).ready(function(){<br />
$(&quot;#carousel .container&quot;).jCarouselLite({<br />
auto:4000,<br />
scroll: 1,<br />
speed: 800, <br />
visible: 4,<br />
start: 0,<br />
circular: true,<br />
btnPrev: &quot;#previous_button&quot;,<br />
btnNext: &quot;#next_button&quot;<br />
});<br />
})})(jQuery) <br />
</script><br />
</b:if> <br />
</div>
</center>
</div>
<ol>
<li value="7"><div style="text-align: justify;">
Perhatikan kode warna <span style="color: red;"><b>merah</b></span> diatas, <b style="color: red;">sport</b> adalah label yang ditampilkan pada slider nantinya (<i>Ingat besar kecil huruf harus sama dengan label yang sudah Anda buat</i>). Jika Anda ingin menampilkan postingan atau artikel terbaru pada slider, tinggal hapus kode <span style="color: red;"><b>/-/sport</b></span>. Kode diatas bisa juga anda letakkan dibawah atau diatas navigasi menu Anda atau bisa juga diletakkan diatas footer. </div>
<div style="text-align: justify;">
</div>
</li>
<li style="text-align: justify;">Langkah terakhir, <b>save templates</b> dan lihat hasilnya. Jika Anda ikuti langkah diatas dengan benar, slider Carousel itu akan muncul di blog Anda.</li>
</ol>
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.
<br />
<div style="text-align: justify;">
<br />
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.<br />
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<span style="font-size: xx-small;"><b>Sumber tulisan : http://www.maskolis.com/2012/07/membuat-slider-carousel-otomatis-versi.html</b></span><br />
</div>
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<span class="post-author vcard">
</span>
<span class="post-timestamp">
</span>
<span class="post-icons">
</span>
</div>
</div>
</div>
<br /><br /></div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-37450816968293295382013-07-23T17:50:00.000-07:002013-07-23T17:50:01.770-07:00Edit Artikel/postingan Populer dengan Slider Carousel <div dir="ltr" style="text-align: left;" trbidi="on">
<div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; padding: 0px;">
Script ini sangat mudah untuk menginstal, Anda hanya harus meletakkan script untuk Gadget baru</div>
<ol><a href="http://abu-farhan.com/images/carouselpopular.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://abu-farhan.com/images/carouselpopular.jpg" style="cursor: move;" /></a>
<li style="margin: 0px; padding: 0px;">Login ke Dashboard Blogger dan arahkan ke </li>
<strong style="font-weight: 700;">Desain - Elemen Halaman</strong>
<li style="margin: 0px; padding: 0px;">Klik "Tambah Gadget" dan Pilih "Popular Posts" ( <strong style="font-weight: 700;">Jika Anda sudah memiliki gadget ini melewatkan langkah ini</strong> )</li>
<li style="margin: 0px; padding: 0px;">Setelah Anda memiliki gadget Popular Post "Tambah Gadget" lagi dan pilih "HTML / Javascript"</li>
<li style="margin: 0px; padding: 0px;">Masukkan semua di bawah script untuk "Konten" HTML / Javascript Gadget</li>
<li style="margin: 0px; padding: 0px;">Jika Anda telah jQuery di Template Anda <strong style="font-weight: 700;">hapus dari naskah saya</strong></li>
<li style="margin: 0px; padding: 0px;">Selesai-posting Anda populer sekarang dengan animasi<br /><img src="http://www.abu-farhan.com/wp-content/uploads/2011/09/petunjuk1.jpg" /><br /><br /><pre style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); clear: both; color: #222222; font-family: Consolas, Monaco, 'Courier New', Courier, monospace; font-size: 14px; line-height: 22px; overflow-x: auto; padding: 10px; white-space: pre-wrap; word-wrap: break-word;"><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></pre>
</li>
</ol>
</div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-49735398310940395002013-07-23T17:47:00.003-07:002013-07-23T17:47:36.584-07:00Cara Memasang Kode Robot.txt yang Baik<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title">
</h1>
<div class="post-header">
</div>
<div dir="ltr" style="text-align: left;">
<div style="text-align: justify;">
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwe3asOGj6adAnjOS0ZjxeYPebV_e8sIAqkB1wMPBDykW8P0Ab_WA7h45ZUWHlNcc0wf_r2_jGHhmureHsvhVjRXpymCeN5qhVg1CECDVRSLNgrIQyjctZ6cQ4X_gXTVZYBdUUkR6nYBQZ/s1600/Robot+txt-cbd.web.id.png" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwe3asOGj6adAnjOS0ZjxeYPebV_e8sIAqkB1wMPBDykW8P0Ab_WA7h45ZUWHlNcc0wf_r2_jGHhmureHsvhVjRXpymCeN5qhVg1CECDVRSLNgrIQyjctZ6cQ4X_gXTVZYBdUUkR6nYBQZ/s1600/Robot+txt-cbd.web.id.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><i>source image: sem and seo news</i></td></tr>
</tbody></table>
<b>Cara Memasang Kode Robot.txt yang Baik</b> - Sahabat blogger, pada postingan yang lalu bang dadan telah membahas artikel tentang <a href="http://www.cbd.web.id/2013/01/definisi-dan-manfaat-robot-txt-untuk.html">Definisi dan Manfaat <b><span style="color: #073763;">Robot.txt</span></b> untuk Blog</a>, bagi sobat yang belum mengetahui informasi seputar robot.txt bisa sobat lihat <a href="http://www.cbd.web.id/2013/01/definisi-dan-manfaat-robot-txt-untuk.html">disini</a>. Nah menyambung artikel terdahulu kali ini bang dadan akan coba membahas <a href="http://www.cbd.web.id/2013/02/cara-memasang-kode-robottxt-yang-baik.html">Cara Memasang Kode Robot.txt yang Baik</a>,
pemasangan Robot.txt mungkin setiap blogger berbeda - beda tergantung
kepercayaan nya masing-masing, namun dalam artikel ini bang dadan akan
berikan kode <b><span style="color: #073763;">Robot.txt</span></b> yang selama ini bang dadan gunakan di <a href="http://www.cbd.web.id/">blog ini</a>.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Baiklah kawan tidak usah panjang lebar lagi kita langsung pada tahap pemasangan <b><span style="color: #073763;">kode Robot.txt</span></b> di blog:</div>
<div>
</div>
<div>
<b><span style="color: #0b5394; font-size: medium;">KODE ROBOT.TXT</span></b><br />
<hr />
<blockquote class="tr_bq">
User-agent: *<br />
Disallow:<br />
User-agent: Mediapartners-Google<br />
Disallow:<br />
<br />
User-agent: *<br />
Disallow: /search<br />
Allow:<br />
Sitemap: <span style="color: #cc0000;">http://www.cbd.web.id</span>/feeds/posts/default?orderby=updated</blockquote>
<i>Keterangan: </i>"<span style="color: #0b5394;">Ganti URL yang berwarna </span><span style="color: #cc0000;">merah</span><span style="color: #0b5394;"> itu dengan URL blog anda</span>".<br />
<br />
<span style="color: #0b5394; font-size: medium;"><b>CARA PEMASANGAN PADA BLOGSPOT</b></span><br />
<hr />
<br />
1. Silahkan login ke blog</div>
<div>
2. Masuk ke rancangan/dasbor</div>
<div>
3. Pilih menu <span style="color: #073763;">Setelan</span></div>
<div>
4. Klik submenu <span style="color: #073763;">Preferensi Penelusuran</span></div>
<div>
maka sobat akan menemui gambar seperti dibawah ini:</div>
<div>
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNXQdhyphenhyphenFPNIwR-gleL70SkDZFl4Xnu80C8dIbQ1z1nr9vktmE6vcl2fh94EKbFKN8FT8dJZj6LgjPM6k95xHMPMqjuQdnoIGaBUyWXD0l-QwQry-k6HxUUbj3Vvk5bUFQxc4RCLsS-rAGc/s1600/perayap+dan+pengindeksan+cbd.web.id.gif" style="margin-left: auto; margin-right: auto;"><img alt="Robot.txt" border="0" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNXQdhyphenhyphenFPNIwR-gleL70SkDZFl4Xnu80C8dIbQ1z1nr9vktmE6vcl2fh94EKbFKN8FT8dJZj6LgjPM6k95xHMPMqjuQdnoIGaBUyWXD0l-QwQry-k6HxUUbj3Vvk5bUFQxc4RCLsS-rAGc/s400/perayap+dan+pengindeksan+cbd.web.id.gif" title="Robot.txt" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><i>Sumber gambar: blogger.com</i><br />
klik gambar untuk memperbesar</td></tr>
</tbody></table>
<div>
</div>
<div>
5. Lihat gambar yang dilingkari<span style="color: #cc0000;"> merah</span>, dan silahkan sobat klik <span style="color: #073763;">Edit</span></div>
<div>
6. Masukan Kode Robot.txt yang di atas kesana</div>
<div>
7. Selanjutnya klik simpan</div>
<div>
8. Selesai<br />
<br />
<b><i>Tambahan:</i></b><br />
Agar Robot.txt dapat merayapi blog anda dengan baik selaras, serasi dan seimbang dengan <a href="http://www.cbd.web.id/2013/01/definisi-dan-manfaat-webmastertools.html">Webmaster Tools</a>, silahkan tambahkan kode dibawah ini, dan tempatkan di bawah tag <span style="color: #0b5394;"><head></span> pada tempalte edit html.</div>
<blockquote class="tr_bq">
<meta content='INDEX, FOLLOW' name='GOOGLEBOT'/><br />
<meta content='index, follow, all' name='robots'/><br />
<meta content='all' name='googlebot'/><br />
<meta content='all' name='msnbot'/><br />
<meta content='all' name='Googlebot-Image'/></blockquote>
<div>
<br />
<div>
Sekian dulu pembahasan kita kali ini tentang <a href="http://www.cbd.web.id/2013/02/cara-memasang-kode-robottxt-yang-baik.html">Cara Memasang Kode Robot.txt yang Baik</a>, semoga artikel ini dapat bermanfaat buat para blogger semua. terimakasih dan tetap semangat..!!</div>
</div>
</div>
</div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-83129604011404141662013-07-20T22:45:00.001-07:002013-07-20T22:45:18.839-07:00 Cara Membuat lipatan Kertas Di blog<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title">
<span style="font-size: x-small;">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:</span></h3>
<div class="post-body entry-content" id="post-body-5558811162435553258">
<br />
1. Login ke blogspot<br />
2. Masuk ke dashboard > Design > Edit HTML.<br />
3. Letakkan kode di bawah ini sebelum kode </head><br />
<br />
<i><span style="color: red;"><style type="text/css"></span></i><br />
<i><span style="color: red;">img { behavior: url(iepngfix.htc) }</span></i><br />
<i><span style="color: red;">#pageflip {</span></i><br />
<i><span style="color: red;">position: relative;</span></i><br />
<i><span style="color: red;">right: 0; top: 0;</span></i><br />
<i><span style="color: red;">float: right;</span></i><br />
<i><span style="color: red;">}</span></i><br />
<i><span style="color: red;">#pageflip img {</span></i><br />
<i><span style="color: red;">width: 50px; height: 52px;</span></i><br />
<i><span style="color: red;">z-index: 99;</span></i><br />
<i><span style="color: red;">position: absolute;</span></i><br />
<i><span style="color: red;">right: 0; top: 0;</span></i><br />
<i><span style="color: red;">-ms-interpolation-mode: bicubic;</span></i><br />
<i><span style="color: red;">}</span></i><br />
<i><span style="color: red;">#pageflip .msg_block {</span></i><br />
<i><span style="color: red;">width: 50px; height: 50px;</span></i><br />
<i><span style="color: red;">overflow: hidden;</span></i><br />
<i><span style="color: red;">position: absolute;</span></i><br />
<i><span style="color: red;">right: 0; top: 0;</span></i><br />
<i><span style="color: red;">background:
url(<span style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCFpcCbyLngPn2gv6X8hiw0JFfheWFFUaxiU-q-XlmK_nlfjVKS31_zp2eh8eFdY7UbYIyjYXbYfY2OfqEC1J3Y6Md_0DbNsMMWs_Hf679bstVpawxsSnG_sPiQp1uUxdUpM64FeK2KKAi/s1600/page+peel.JPG</span>)
no-repeat right top;</span></i><br />
<i><span style="color: red;">}</span></i><br />
<i><span style="color: red;"></style></span></i><br />
<i><span style="color: red;"><script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"/></span></i><br />
<i><span style="color: red;"><script type='text/javascript'></span></i><br />
<i><span style="color: red;">$(document).ready(function(){</span></i><br />
<i><span style="color: red;">//Page Flip on hover</span></i><br />
<i><span style="color: red;">$(&quot;#pageflip&quot;).hover(function() {</span></i><br />
<i><span style="color: red;">$(&quot;#pageflip img , .msg_block&quot;).stop()</span></i><br />
<i><span style="color: red;">.animate({</span></i><br />
<i><span style="color: red;">width: &#39;307px&#39;,</span></i><br />
<i><span style="color: red;">height: &#39;319px&#39;</span></i><br />
<i><span style="color: red;">}, 500);</span></i><br />
<i><span style="color: red;">} , function() {</span></i><br />
<i><span style="color: red;">$(&quot;#pageflip img&quot;).stop()</span></i><br />
<i><span style="color: red;">.animate({</span></i><br />
<i><span style="color: red;">width: &#39;50px&#39;,</span></i><br />
<i><span style="color: red;">height: &#39;52px&#39;</span></i><br />
<i><span style="color: red;">}, 220);</span></i><br />
<i><span style="color: red;">$(&quot;.msg_block&quot;).stop()</span></i><br />
<i><span style="color: red;">.animate({</span></i><br />
<i><span style="color: red;">width: &#39;50px&#39;,</span></i><br />
<i><span style="color: red;">height: &#39;50px&#39;</span></i><br />
<i><span style="color: red;">}, 200);</span></i><br />
<i><span style="color: red;">});</span></i><br />
<i><span style="color: red;">});</span></i><br />
<i><span style="color: red;"></script></span></i><br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFTOwhs66jHJ_wgrhVPGfm1Ruc2jdD0P_nyXgC9SvUs3J1I2s-yp61aTJYFRbySZnju79moc_NaxYIkz7kGZpkUOOS-2Z8ou4Jhinia-ozSy07fbX-TGvDRUvonrhKRz0behpN4Dt2_xk/s1600/Untitled-4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<br /><br />
Perhatian !!!<br />
* Ganti tulisan warna <span style="color: blue;">biru</span> dengan link gambar anda <br />
<br />
4. Letakkan kode di bawah ini setelah kode <body><br />
<br />
<i><span style="color: red;"><div id='pageflip'></span></i><br />
<i><span style="color: red;"><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></span></i><br />
<i><span style="color: red;"><div class='msg_block'></div></span></i><br />
<i><span style="color: red;"></div></span></i><br />
<br />
5. Save template dan lihat hasilnya.<br />
<br />
Selamat mencoba!</div>
</div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-24470343550011681542013-07-20T22:21:00.001-07:002013-07-20T22:21:16.651-07:00<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal" style="color: white;">
<u><b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; line-height: 18px;">Cara Memasang Widget Animasi Bergerak Naruto</span></b></u></div>
<div class="MsoNormal" style="color: white;">
<u><b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; line-height: 18px;"><br /></span></b></u></div>
<ul style="color: white;">
<li><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Login ke dasbor blog anda</span></li>
<li><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Pilih rancangan</span></li>
<li><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Pilih Tambah Gadget</span></li>
<li><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Pilih Html/Java Script</span></li>
<li><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.</span></li>
<li><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Pastekan kode tadi di Html/java script tadi.</span></li>
<li><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Simpan, dan selesai</span></li>
</ul>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><b>Catatan !!</b> ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna <span style="color: red;">merah </span>pada script tersebut.</span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">bottom (bawah), top (atas), left ( kiri), right (kanan),</span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..</span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">1.Jiraiya</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeB5BHHR6zvaXRny2KPmAMWfNNtbv1RqlYNzYlFSyvAt1oFrG84_NXIu0aQju8KGLHewSx71eGwDXB0ZWOUUaloTdcPzZJcrBMvXK4qiG5TLmyDjzXT4Uc3L47MZBqRQz6i9k-fhkpBce0/s1600/n4.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeB5BHHR6zvaXRny2KPmAMWfNNtbv1RqlYNzYlFSyvAt1oFrG84_NXIu0aQju8KGLHewSx71eGwDXB0ZWOUUaloTdcPzZJcrBMvXK4qiG5TLmyDjzXT4Uc3L47MZBqRQz6i9k-fhkpBce0/s1600/n4.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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="</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">lihat lebih banyak animasi naruto bergerak"<span class="apple-style-span">. alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html</span><span class="apple-style-span">" target="_blank" title="Cara Memasang Widget Animasi Naruto">A</span>nimasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">2.Daidara</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0MPZWLKlmfdrnpDAv8VPoChVeZyFJn9T5jnbIyQiFFWm1nHw-Nq62MgoHlKZoQnmX4d3lptR_wJ72cBuDUJb9azCo56li-eNGBLXD2sYVzkMbVN4w4zk2UwnjSS-_HMhuHXu7FdHq5Q9m/s1600/n3.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0MPZWLKlmfdrnpDAv8VPoChVeZyFJn9T5jnbIyQiFFWm1nHw-Nq62MgoHlKZoQnmX4d3lptR_wJ72cBuDUJb9azCo56li-eNGBLXD2sYVzkMbVN4w4zk2UwnjSS-_HMhuHXu7FdHq5Q9m/s1600/n3.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px;<span style="color: red;"> left</span>: 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="</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">3.kisame</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdoxu-00ykeWZWcZSOkfLTQc09_4tRaNS6aDFL6DCv8kQW7DDzWSy9DGPnpzLxAWfs__i8LCcYFz2YpJP9izHYUksHFSRq03GUA3bmN0BEYryj30j4hbRKt0XiYhH2ZPKYERkhyHGRq8jJ/s1600/n2.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdoxu-00ykeWZWcZSOkfLTQc09_4tRaNS6aDFL6DCv8kQW7DDzWSy9DGPnpzLxAWfs__i8LCcYFz2YpJP9izHYUksHFSRq03GUA3bmN0BEYryj30j4hbRKt0XiYhH2ZPKYERkhyHGRq8jJ/s1600/n2.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px;<span style="color: red;"> left</span>: 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="</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">lihat lebih banyak animasi naruto bergerak<span class="apple-style-span">." /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html</span><span class="apple-style-span">" target="_blank" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><span class="apple-style-span">>A</span>nimasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">4.Kiba</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJNzTylvixoZM0XgxZB51273rmb78QgJGLXG5xIniMI1t4In-7dwFVgUV8Ob0m72I5JrT0Y4uyE3AiRggPZtypT_ajAcpDJpixEZWk3Sh10D-HBZIcBWK2Dlp9-M01lkiw0n90howDyd9s/s1600/n1.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJNzTylvixoZM0XgxZB51273rmb78QgJGLXG5xIniMI1t4In-7dwFVgUV8Ob0m72I5JrT0Y4uyE3AiRggPZtypT_ajAcpDJpixEZWk3Sh10D-HBZIcBWK2Dlp9-M01lkiw0n90howDyd9s/s1600/n1.gif" />b</a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px;<span style="color: red;"> left</span>: 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="</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">lihat lebih banyak animasi naruto bergerak"<span class="apple-style-span">. alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html</span><span class="apple-style-span">" target="_blank" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><span class="apple-style-span">>A</span>nimasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">5.Akatsuki</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgszzYukmB8VpbhJKcnBBq0ylWgMX-ynY2MSaRyr5DfEcZ26kVgltKz_N_ztTY6X8DiQg-XCSmzaYC8_Ye78tqkiIWN21I5UeyyDMd5QhYVxpocjJ_dGPZXQnaJnk25YfbkZ8GTqiqdBaOj/s1600/n5.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgszzYukmB8VpbhJKcnBBq0ylWgMX-ynY2MSaRyr5DfEcZ26kVgltKz_N_ztTY6X8DiQg-XCSmzaYC8_Ye78tqkiIWN21I5UeyyDMd5QhYVxpocjJ_dGPZXQnaJnk25YfbkZ8GTqiqdBaOj/s1600/n5.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed;<span style="color: red;"> bottom</span>: 0px;<span style="color: red;"> left</span>: 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" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">6.Sakura</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaqKiewqbihcUO7VQx7xfGQe23JFRPDgDjfNITg9UedV7XipJ0W00uFIIy2eFg29eYgt7xHR3kpuUOegJuJ0THU_7m2awhhNPo4B_BC_sRwdj28ySgRodDhKod55DFEALVJNS3T4ZLFa3f/s1600/n6.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaqKiewqbihcUO7VQx7xfGQe23JFRPDgDjfNITg9UedV7XipJ0W00uFIIy2eFg29eYgt7xHR3kpuUOegJuJ0THU_7m2awhhNPo4B_BC_sRwdj28ySgRodDhKod55DFEALVJNS3T4ZLFa3f/s1600/n6.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">7.Anggota akatsuki</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLnx8zCzUS66igleMQ3BReQuFognaKo4Ohf1P4QC2YP8wA6gms2O3XMxyhtmck0eNXLqgYq9AvYWnwFpBhMcDi9_Dc3cBQ4orZPalhafZzdrX9DyFF_jOuP2T1ATClAvoavzJq9jnEbB6l/s1600/n7.jpg" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLnx8zCzUS66igleMQ3BReQuFognaKo4Ohf1P4QC2YP8wA6gms2O3XMxyhtmck0eNXLqgYq9AvYWnwFpBhMcDi9_Dc3cBQ4orZPalhafZzdrX9DyFF_jOuP2T1ATClAvoavzJq9jnEbB6l/s1600/n7.jpg" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">8.Tobi</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWLMfBHC6buSH7F-062u9L54amKpUwjLA_yp3E2HmgpsmYFwJB98FaHs1UplUHAInIDztqspitd1HuSJAc3ZThsUPAWXRZOM1_9Zhd-TnkraoOQqRGtwGKvwJg9T_YgbFFyhdx3_JAhArA/s1600/n8.jpg" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWLMfBHC6buSH7F-062u9L54amKpUwjLA_yp3E2HmgpsmYFwJB98FaHs1UplUHAInIDztqspitd1HuSJAc3ZThsUPAWXRZOM1_9Zhd-TnkraoOQqRGtwGKvwJg9T_YgbFFyhdx3_JAhArA/s1600/n8.jpg" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><span class="apple-style-span">" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21581772/355351427.jpg " title="Kumpulan animasi Naruto bergerak gif" </span>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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">9.Hinata</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4M68Eq2wiD72cD8_oH8H5l5ArIqxp3uqfl8wPqMU6MNPtLVypSd0Op3j0PvwW_T6uRkAIaUDz7N9yo8ifjlwHDr6l2-MqgATUy7WnrkSBd07q7xtYOPPjYl-cTmPVXht8aSc7MxuJR4tC/s1600/n9.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4M68Eq2wiD72cD8_oH8H5l5ArIqxp3uqfl8wPqMU6MNPtLVypSd0Op3j0PvwW_T6uRkAIaUDz7N9yo8ifjlwHDr6l2-MqgATUy7WnrkSBd07q7xtYOPPjYl-cTmPVXht8aSc7MxuJR4tC/s1600/n9.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed;<span style="color: red;"> bottom</span>: 0px; <span style="color: red;">left</span>: 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="</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><br /><span class="apple-style-span">Kumpulan animasi Naruto bergerak gif" </span>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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">10.Temari</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZL-ygzHmmG6brQ7aNDmT0Q6rIiqJ0udEE2xtGE3z-YdxDJo1KCfAXNAtHI4dyDVVRX3MR6P1uudM4ocQuy5LzXt2VqfkyM_aenT4Cmxw9e_s-gI6n2Jj24IgFvlym-uTd36ecDL4LnaVL/s1600/n10.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZL-ygzHmmG6brQ7aNDmT0Q6rIiqJ0udEE2xtGE3z-YdxDJo1KCfAXNAtHI4dyDVVRX3MR6P1uudM4ocQuy5LzXt2VqfkyM_aenT4Cmxw9e_s-gI6n2Jj24IgFvlym-uTd36ecDL4LnaVL/s1600/n10.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0cm;">
<span style="background-color: #bf9000;"><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">11.Kankuro</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE4EoxondWGv93MHlhKySUK46HnoPHG6RiIDee0xr_aNyX5y773o7PpWcczR3qwO2SnetHwekLMWUgMviEMQQnEaPe3-zeJdmGOvtLQZUJKhhvlMSlvbzvWOicilZSiK4jiAohSCX5I3Pc/s1600/n11.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE4EoxondWGv93MHlhKySUK46HnoPHG6RiIDee0xr_aNyX5y773o7PpWcczR3qwO2SnetHwekLMWUgMviEMQQnEaPe3-zeJdmGOvtLQZUJKhhvlMSlvbzvWOicilZSiK4jiAohSCX5I3Pc/s1600/n11.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">12.Sasuke</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHGjJgzbPBhu7RC_-MY8MIPLgqIsizyBbn69304qCS8xfpx_-GLhd1i6z8UZtx4Nj8n_TonrWeJY7P53enVnINp8JthrNo7hJZy2JWJ0_Fr4H6H4lPlejslbd63j0aYx7XIKTlRWL5ULBM/s1600/n12.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHGjJgzbPBhu7RC_-MY8MIPLgqIsizyBbn69304qCS8xfpx_-GLhd1i6z8UZtx4Nj8n_TonrWeJY7P53enVnINp8JthrNo7hJZy2JWJ0_Fr4H6H4lPlejslbd63j0aYx7XIKTlRWL5ULBM/s1600/n12.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><br /><span class="apple-style-span"> </span>alt="cara pasang animasi naruto dan sasukebergerak gif di blog" /></a><small><br /><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">13.Itachi</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir38oIt0GZlebfvbsKP83B6SKbdovbDBtH33G6Ty771wuMd8LRupIm0s094ORLNSEYqD-HFTH-UsgeYKHi1_hSyOkrRwntWHFITt_o56pmnJHMJXgu8tD6PSieDKiTr6Diq1ujEE_Kae4P/s1600/n13.jpg" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir38oIt0GZlebfvbsKP83B6SKbdovbDBtH33G6Ty771wuMd8LRupIm0s094ORLNSEYqD-HFTH-UsgeYKHi1_hSyOkrRwntWHFITt_o56pmnJHMJXgu8tD6PSieDKiTr6Diq1ujEE_Kae4P/s1600/n13.jpg" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">14.Pain</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_yw_sVVZhrWIIh-50kDPJpQjl1UaHhZW4103Sl1oNt9X-XHCYhVLcrQTThVXmeRyj06V4QcfMoW5ddIgiClNZhfWXCUtYZn8Xzs5YJV6n4V8TRbgWCX9fYA6i9EI5rLD0j0kRGvCDJO-C/s1600/n14.jpg" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_yw_sVVZhrWIIh-50kDPJpQjl1UaHhZW4103Sl1oNt9X-XHCYhVLcrQTThVXmeRyj06V4QcfMoW5ddIgiClNZhfWXCUtYZn8Xzs5YJV6n4V8TRbgWCX9fYA6i9EI5rLD0j0kRGvCDJO-C/s1600/n14.jpg" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">15.Kakuzu</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxkmFV4pDRNvoXIX4sxdz9azgcz5YweHfK5Xes6Vhxw2S-STV-BqWQzGBmy5D-0takz3h8NzYI8nmldA1kf5eDxA_Q8ib7iz8GXfNo-shQGmZvOsCcrcqlAMf9CXLq66R8icKp35Fa-Z7M/s1600/n15.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxkmFV4pDRNvoXIX4sxdz9azgcz5YweHfK5Xes6Vhxw2S-STV-BqWQzGBmy5D-0takz3h8NzYI8nmldA1kf5eDxA_Q8ib7iz8GXfNo-shQGmZvOsCcrcqlAMf9CXLq66R8icKp35Fa-Z7M/s1600/n15.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0cm;">
<span style="background-color: #bf9000;"><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">16.Gaara vs daidara</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ5U_dywrykRPZJzBGEdz8GVmoW-m1sYpkjPAFfX91U9WUXdFPHPdHXMMLhE6KfnSHh61YsOwnL1gVDv7X1_ca2w69hMTvtJqF_jZCq8tcTCGBzYWGC2GBw9nC4YSihgSUHuLrhaTQ94mU/s1600/n16.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ5U_dywrykRPZJzBGEdz8GVmoW-m1sYpkjPAFfX91U9WUXdFPHPdHXMMLhE6KfnSHh61YsOwnL1gVDv7X1_ca2w69hMTvtJqF_jZCq8tcTCGBzYWGC2GBw9nC4YSihgSUHuLrhaTQ94mU/s1600/n16.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0cm;">
<span style="background-color: #bf9000;"><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">17.Gaara</span></b></div>
<div style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOuZviXgaI-6owBWvkjZ_a9D1ndfEYjbG4hB6NyuQUFTwPCFcE6R01ehvNvbaIfexf75o9qdZADNdHSvkqy_-CL5ZN9gr5l6p7G1Xn3NoBfGS1DwuElYSL5ppcvO_6HGEbBDZczPyCZB36/s1600/n17.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOuZviXgaI-6owBWvkjZ_a9D1ndfEYjbG4hB6NyuQUFTwPCFcE6R01ehvNvbaIfexf75o9qdZADNdHSvkqy_-CL5ZN9gr5l6p7G1Xn3NoBfGS1DwuElYSL5ppcvO_6HGEbBDZczPyCZB36/s1600/n17.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">18.Neji</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0HOf_q7UlXpF8keIucD38FSOoGi2C89uYAjUnvCxcRCpHTSaMuSee9HWe3nR6DVxqBNc8M_5KgirxBww6zjBQy7YyD6vjHY5FbiGCV1fNyAkDxA6oWcBbpJOOVS1TPJC9b1b88qRuPWva/s1600/n18.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0HOf_q7UlXpF8keIucD38FSOoGi2C89uYAjUnvCxcRCpHTSaMuSee9HWe3nR6DVxqBNc8M_5KgirxBww6zjBQy7YyD6vjHY5FbiGCV1fNyAkDxA6oWcBbpJOOVS1TPJC9b1b88qRuPWva/s1600/n18.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0cm;">
<span style="background-color: #bf9000;"><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"> 19.Rock lee</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRnuAqN0vO_oy4gIjtGoLOKsZjd-iNfHXCwEnahm88UJEkKJ_evC6Fdl2GS4XAJyjO1-uk_r2xfZSNLAUzU9RONyQtNVNtxtm0Ke24vAY6jtEEKeThuWhq0gDMMrhz7GCDdPNHufRimRp-/s1600/n19.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRnuAqN0vO_oy4gIjtGoLOKsZjd-iNfHXCwEnahm88UJEkKJ_evC6Fdl2GS4XAJyjO1-uk_r2xfZSNLAUzU9RONyQtNVNtxtm0Ke24vAY6jtEEKeThuWhq0gDMMrhz7GCDdPNHufRimRp-/s1600/n19.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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="</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">lihat lebih banyak animasi naruto bergerak." <span class="apple-style-span">alt="animasi beregerak naruto"</span>/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">20.Zetsu</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFlDZutfYQl703ikQ6ygJi6lxCuy4bRsIqhT5peE42GcdcUnRobDdXnH2pcwsmP7O78mnV_ZnFYoI9ZFezdmZi-Bx0CAGj1WReWyMLOLS-wsFCDSyfs32pkDYqLJVlyx0VjoXLaxPXARWZ/s1600/n20.jpg" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFlDZutfYQl703ikQ6ygJi6lxCuy4bRsIqhT5peE42GcdcUnRobDdXnH2pcwsmP7O78mnV_ZnFYoI9ZFezdmZi-Bx0CAGj1WReWyMLOLS-wsFCDSyfs32pkDYqLJVlyx0VjoXLaxPXARWZ/s1600/n20.jpg" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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="</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">lihat lebih banyak animasi naruto bergerak."<span class="apple-style-span">alt="animasi beregerak naruto"</span> /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">21.Sasori</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlX1m6oTnGBf03qRzKJFNJ62hH5YRIhGXv2rmtQ_GwRDqdPJigrj2-7UnT9nBoY_B_f6l6E4QvZ6MN6WZGuwqaBCcvAXs6UBkur_COqO9DNuwFPbc1Qdi3G0UPtIggjxRGERu-Y2lziajO/s1600/n21.jpg" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlX1m6oTnGBf03qRzKJFNJ62hH5YRIhGXv2rmtQ_GwRDqdPJigrj2-7UnT9nBoY_B_f6l6E4QvZ6MN6WZGuwqaBCcvAXs6UBkur_COqO9DNuwFPbc1Qdi3G0UPtIggjxRGERu-Y2lziajO/s1600/n21.jpg" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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="</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">lihat lebih banyak animasi naruto bergerak." <span class="apple-style-span">alt="animasi beregerak naruto"</span>/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">22.Kakashi</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn84Si1Mr542n4pt_xbkLBBhi03gB2dimxtkrDc-1RngP9RIkuABRCgGKwO7Gio0O2d67TzKXuDPLR0333gwQSxOCAPtQvO0Z6IET1AhBKolArBTAX3MoBTXULldgZN_rIPd8JFKznmfjn/s1600/n22.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn84Si1Mr542n4pt_xbkLBBhi03gB2dimxtkrDc-1RngP9RIkuABRCgGKwO7Gio0O2d67TzKXuDPLR0333gwQSxOCAPtQvO0Z6IET1AhBKolArBTAX3MoBTXULldgZN_rIPd8JFKznmfjn/s1600/n22.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0cm;">
<span style="background-color: #bf9000;"><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">23.Sarutobi</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1uStWoPt956xWQK41gfxKlkbrQqHunMNxATqXIRy_Xxfk2amGVdsIC84RgiIdbI3VoLQjXITu79E1hq1VLiYHE9BGUD6cDwzMConrR1GR3I54WE_O6HS85XzNnMn2BShoKbpuSqd2t_Xi/s1600/n23.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1uStWoPt956xWQK41gfxKlkbrQqHunMNxATqXIRy_Xxfk2amGVdsIC84RgiIdbI3VoLQjXITu79E1hq1VLiYHE9BGUD6cDwzMConrR1GR3I54WE_O6HS85XzNnMn2BShoKbpuSqd2t_Xi/s1600/n23.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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 </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Widget Animasi naruto " <span class="apple-style-span">alt="animasi beregerak naruto"</span>/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">24.Kisame</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi69HkVyckRDMiwwSFyf0PagqXr11LD0KfdZw9sC1fEgnq18kLut0I-D3yHLUGodOlxK5bs3aelfq4LhHrMcLj-iRt0jSS55HUSWHcIlnsvWY8xzPZ_33IqKKXNnKq09XvtrQpeosTdjeW3/s1600/n24.jpg" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi69HkVyckRDMiwwSFyf0PagqXr11LD0KfdZw9sC1fEgnq18kLut0I-D3yHLUGodOlxK5bs3aelfq4LhHrMcLj-iRt0jSS55HUSWHcIlnsvWY8xzPZ_33IqKKXNnKq09XvtrQpeosTdjeW3/s1600/n24.jpg" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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 </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Widget Animasi Naruto " <span class="apple-style-span">alt="animasi beregerak naruto"</span>/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"> Jangan Lupa Tinggalkan Komentar Di Bawah Ini ...</span><strong style="color: #eceaea; font-family: Arial; font-size: 12px;">Share this</strong></div>
</div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-85013610219055411512013-07-20T22:19:00.001-07:002013-07-20T22:19:45.472-07:00<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal" style="color: white;">
<u><b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; line-height: 18px;">Cara Memasang Widget Animasi Bergerak Naruto</span></b></u></div>
<div class="MsoNormal" style="color: white;">
<u><b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; line-height: 18px;"><br /></span></b></u></div>
<ul style="color: white;">
<li><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Login ke dasbor blog anda</span></li>
<li><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Pilih rancangan</span></li>
<li><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Pilih Tambah Gadget</span></li>
<li><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Pilih Html/Java Script</span></li>
<li><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.</span></li>
<li><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Pastekan kode tadi di Html/java script tadi.</span></li>
<li><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Simpan, dan selesai</span></li>
</ul>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><b>Catatan !!</b> ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna <span style="color: red;">merah </span>pada script tersebut.</span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">bottom (bawah), top (atas), left ( kiri), right (kanan),</span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..</span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">1.Jiraiya</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeB5BHHR6zvaXRny2KPmAMWfNNtbv1RqlYNzYlFSyvAt1oFrG84_NXIu0aQju8KGLHewSx71eGwDXB0ZWOUUaloTdcPzZJcrBMvXK4qiG5TLmyDjzXT4Uc3L47MZBqRQz6i9k-fhkpBce0/s1600/n4.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeB5BHHR6zvaXRny2KPmAMWfNNtbv1RqlYNzYlFSyvAt1oFrG84_NXIu0aQju8KGLHewSx71eGwDXB0ZWOUUaloTdcPzZJcrBMvXK4qiG5TLmyDjzXT4Uc3L47MZBqRQz6i9k-fhkpBce0/s1600/n4.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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="</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">lihat lebih banyak animasi naruto bergerak"<span class="apple-style-span">. alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html</span><span class="apple-style-span">" target="_blank" title="Cara Memasang Widget Animasi Naruto">A</span>nimasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">2.Daidara</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0MPZWLKlmfdrnpDAv8VPoChVeZyFJn9T5jnbIyQiFFWm1nHw-Nq62MgoHlKZoQnmX4d3lptR_wJ72cBuDUJb9azCo56li-eNGBLXD2sYVzkMbVN4w4zk2UwnjSS-_HMhuHXu7FdHq5Q9m/s1600/n3.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0MPZWLKlmfdrnpDAv8VPoChVeZyFJn9T5jnbIyQiFFWm1nHw-Nq62MgoHlKZoQnmX4d3lptR_wJ72cBuDUJb9azCo56li-eNGBLXD2sYVzkMbVN4w4zk2UwnjSS-_HMhuHXu7FdHq5Q9m/s1600/n3.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px;<span style="color: red;"> left</span>: 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="</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">3.kisame</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdoxu-00ykeWZWcZSOkfLTQc09_4tRaNS6aDFL6DCv8kQW7DDzWSy9DGPnpzLxAWfs__i8LCcYFz2YpJP9izHYUksHFSRq03GUA3bmN0BEYryj30j4hbRKt0XiYhH2ZPKYERkhyHGRq8jJ/s1600/n2.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdoxu-00ykeWZWcZSOkfLTQc09_4tRaNS6aDFL6DCv8kQW7DDzWSy9DGPnpzLxAWfs__i8LCcYFz2YpJP9izHYUksHFSRq03GUA3bmN0BEYryj30j4hbRKt0XiYhH2ZPKYERkhyHGRq8jJ/s1600/n2.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px;<span style="color: red;"> left</span>: 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="</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">lihat lebih banyak animasi naruto bergerak<span class="apple-style-span">." /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html</span><span class="apple-style-span">" target="_blank" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><span class="apple-style-span">>A</span>nimasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">4.Kiba</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJNzTylvixoZM0XgxZB51273rmb78QgJGLXG5xIniMI1t4In-7dwFVgUV8Ob0m72I5JrT0Y4uyE3AiRggPZtypT_ajAcpDJpixEZWk3Sh10D-HBZIcBWK2Dlp9-M01lkiw0n90howDyd9s/s1600/n1.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJNzTylvixoZM0XgxZB51273rmb78QgJGLXG5xIniMI1t4In-7dwFVgUV8Ob0m72I5JrT0Y4uyE3AiRggPZtypT_ajAcpDJpixEZWk3Sh10D-HBZIcBWK2Dlp9-M01lkiw0n90howDyd9s/s1600/n1.gif" />b</a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px;<span style="color: red;"> left</span>: 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="</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">lihat lebih banyak animasi naruto bergerak"<span class="apple-style-span">. alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html</span><span class="apple-style-span">" target="_blank" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><span class="apple-style-span">>A</span>nimasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">5.Akatsuki</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgszzYukmB8VpbhJKcnBBq0ylWgMX-ynY2MSaRyr5DfEcZ26kVgltKz_N_ztTY6X8DiQg-XCSmzaYC8_Ye78tqkiIWN21I5UeyyDMd5QhYVxpocjJ_dGPZXQnaJnk25YfbkZ8GTqiqdBaOj/s1600/n5.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgszzYukmB8VpbhJKcnBBq0ylWgMX-ynY2MSaRyr5DfEcZ26kVgltKz_N_ztTY6X8DiQg-XCSmzaYC8_Ye78tqkiIWN21I5UeyyDMd5QhYVxpocjJ_dGPZXQnaJnk25YfbkZ8GTqiqdBaOj/s1600/n5.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed;<span style="color: red;"> bottom</span>: 0px;<span style="color: red;"> left</span>: 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" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">6.Sakura</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaqKiewqbihcUO7VQx7xfGQe23JFRPDgDjfNITg9UedV7XipJ0W00uFIIy2eFg29eYgt7xHR3kpuUOegJuJ0THU_7m2awhhNPo4B_BC_sRwdj28ySgRodDhKod55DFEALVJNS3T4ZLFa3f/s1600/n6.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaqKiewqbihcUO7VQx7xfGQe23JFRPDgDjfNITg9UedV7XipJ0W00uFIIy2eFg29eYgt7xHR3kpuUOegJuJ0THU_7m2awhhNPo4B_BC_sRwdj28ySgRodDhKod55DFEALVJNS3T4ZLFa3f/s1600/n6.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">7.Anggota akatsuki</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLnx8zCzUS66igleMQ3BReQuFognaKo4Ohf1P4QC2YP8wA6gms2O3XMxyhtmck0eNXLqgYq9AvYWnwFpBhMcDi9_Dc3cBQ4orZPalhafZzdrX9DyFF_jOuP2T1ATClAvoavzJq9jnEbB6l/s1600/n7.jpg" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLnx8zCzUS66igleMQ3BReQuFognaKo4Ohf1P4QC2YP8wA6gms2O3XMxyhtmck0eNXLqgYq9AvYWnwFpBhMcDi9_Dc3cBQ4orZPalhafZzdrX9DyFF_jOuP2T1ATClAvoavzJq9jnEbB6l/s1600/n7.jpg" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">8.Tobi</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWLMfBHC6buSH7F-062u9L54amKpUwjLA_yp3E2HmgpsmYFwJB98FaHs1UplUHAInIDztqspitd1HuSJAc3ZThsUPAWXRZOM1_9Zhd-TnkraoOQqRGtwGKvwJg9T_YgbFFyhdx3_JAhArA/s1600/n8.jpg" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWLMfBHC6buSH7F-062u9L54amKpUwjLA_yp3E2HmgpsmYFwJB98FaHs1UplUHAInIDztqspitd1HuSJAc3ZThsUPAWXRZOM1_9Zhd-TnkraoOQqRGtwGKvwJg9T_YgbFFyhdx3_JAhArA/s1600/n8.jpg" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><span class="apple-style-span">" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21581772/355351427.jpg " title="Kumpulan animasi Naruto bergerak gif" </span>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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">9.Hinata</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4M68Eq2wiD72cD8_oH8H5l5ArIqxp3uqfl8wPqMU6MNPtLVypSd0Op3j0PvwW_T6uRkAIaUDz7N9yo8ifjlwHDr6l2-MqgATUy7WnrkSBd07q7xtYOPPjYl-cTmPVXht8aSc7MxuJR4tC/s1600/n9.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4M68Eq2wiD72cD8_oH8H5l5ArIqxp3uqfl8wPqMU6MNPtLVypSd0Op3j0PvwW_T6uRkAIaUDz7N9yo8ifjlwHDr6l2-MqgATUy7WnrkSBd07q7xtYOPPjYl-cTmPVXht8aSc7MxuJR4tC/s1600/n9.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed;<span style="color: red;"> bottom</span>: 0px; <span style="color: red;">left</span>: 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="</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><br /><span class="apple-style-span">Kumpulan animasi Naruto bergerak gif" </span>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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">10.Temari</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZL-ygzHmmG6brQ7aNDmT0Q6rIiqJ0udEE2xtGE3z-YdxDJo1KCfAXNAtHI4dyDVVRX3MR6P1uudM4ocQuy5LzXt2VqfkyM_aenT4Cmxw9e_s-gI6n2Jj24IgFvlym-uTd36ecDL4LnaVL/s1600/n10.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZL-ygzHmmG6brQ7aNDmT0Q6rIiqJ0udEE2xtGE3z-YdxDJo1KCfAXNAtHI4dyDVVRX3MR6P1uudM4ocQuy5LzXt2VqfkyM_aenT4Cmxw9e_s-gI6n2Jj24IgFvlym-uTd36ecDL4LnaVL/s1600/n10.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0cm;">
<span style="background-color: #bf9000;"><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">11.Kankuro</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE4EoxondWGv93MHlhKySUK46HnoPHG6RiIDee0xr_aNyX5y773o7PpWcczR3qwO2SnetHwekLMWUgMviEMQQnEaPe3-zeJdmGOvtLQZUJKhhvlMSlvbzvWOicilZSiK4jiAohSCX5I3Pc/s1600/n11.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE4EoxondWGv93MHlhKySUK46HnoPHG6RiIDee0xr_aNyX5y773o7PpWcczR3qwO2SnetHwekLMWUgMviEMQQnEaPe3-zeJdmGOvtLQZUJKhhvlMSlvbzvWOicilZSiK4jiAohSCX5I3Pc/s1600/n11.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">12.Sasuke</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHGjJgzbPBhu7RC_-MY8MIPLgqIsizyBbn69304qCS8xfpx_-GLhd1i6z8UZtx4Nj8n_TonrWeJY7P53enVnINp8JthrNo7hJZy2JWJ0_Fr4H6H4lPlejslbd63j0aYx7XIKTlRWL5ULBM/s1600/n12.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHGjJgzbPBhu7RC_-MY8MIPLgqIsizyBbn69304qCS8xfpx_-GLhd1i6z8UZtx4Nj8n_TonrWeJY7P53enVnINp8JthrNo7hJZy2JWJ0_Fr4H6H4lPlejslbd63j0aYx7XIKTlRWL5ULBM/s1600/n12.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><br /><span class="apple-style-span"> </span>alt="cara pasang animasi naruto dan sasukebergerak gif di blog" /></a><small><br /><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">13.Itachi</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir38oIt0GZlebfvbsKP83B6SKbdovbDBtH33G6Ty771wuMd8LRupIm0s094ORLNSEYqD-HFTH-UsgeYKHi1_hSyOkrRwntWHFITt_o56pmnJHMJXgu8tD6PSieDKiTr6Diq1ujEE_Kae4P/s1600/n13.jpg" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir38oIt0GZlebfvbsKP83B6SKbdovbDBtH33G6Ty771wuMd8LRupIm0s094ORLNSEYqD-HFTH-UsgeYKHi1_hSyOkrRwntWHFITt_o56pmnJHMJXgu8tD6PSieDKiTr6Diq1ujEE_Kae4P/s1600/n13.jpg" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">14.Pain</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_yw_sVVZhrWIIh-50kDPJpQjl1UaHhZW4103Sl1oNt9X-XHCYhVLcrQTThVXmeRyj06V4QcfMoW5ddIgiClNZhfWXCUtYZn8Xzs5YJV6n4V8TRbgWCX9fYA6i9EI5rLD0j0kRGvCDJO-C/s1600/n14.jpg" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_yw_sVVZhrWIIh-50kDPJpQjl1UaHhZW4103Sl1oNt9X-XHCYhVLcrQTThVXmeRyj06V4QcfMoW5ddIgiClNZhfWXCUtYZn8Xzs5YJV6n4V8TRbgWCX9fYA6i9EI5rLD0j0kRGvCDJO-C/s1600/n14.jpg" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">15.Kakuzu</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxkmFV4pDRNvoXIX4sxdz9azgcz5YweHfK5Xes6Vhxw2S-STV-BqWQzGBmy5D-0takz3h8NzYI8nmldA1kf5eDxA_Q8ib7iz8GXfNo-shQGmZvOsCcrcqlAMf9CXLq66R8icKp35Fa-Z7M/s1600/n15.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxkmFV4pDRNvoXIX4sxdz9azgcz5YweHfK5Xes6Vhxw2S-STV-BqWQzGBmy5D-0takz3h8NzYI8nmldA1kf5eDxA_Q8ib7iz8GXfNo-shQGmZvOsCcrcqlAMf9CXLq66R8icKp35Fa-Z7M/s1600/n15.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0cm;">
<span style="background-color: #bf9000;"><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">16.Gaara vs daidara</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ5U_dywrykRPZJzBGEdz8GVmoW-m1sYpkjPAFfX91U9WUXdFPHPdHXMMLhE6KfnSHh61YsOwnL1gVDv7X1_ca2w69hMTvtJqF_jZCq8tcTCGBzYWGC2GBw9nC4YSihgSUHuLrhaTQ94mU/s1600/n16.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ5U_dywrykRPZJzBGEdz8GVmoW-m1sYpkjPAFfX91U9WUXdFPHPdHXMMLhE6KfnSHh61YsOwnL1gVDv7X1_ca2w69hMTvtJqF_jZCq8tcTCGBzYWGC2GBw9nC4YSihgSUHuLrhaTQ94mU/s1600/n16.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0cm;">
<span style="background-color: #bf9000;"><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">17.Gaara</span></b></div>
<div style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOuZviXgaI-6owBWvkjZ_a9D1ndfEYjbG4hB6NyuQUFTwPCFcE6R01ehvNvbaIfexf75o9qdZADNdHSvkqy_-CL5ZN9gr5l6p7G1Xn3NoBfGS1DwuElYSL5ppcvO_6HGEbBDZczPyCZB36/s1600/n17.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOuZviXgaI-6owBWvkjZ_a9D1ndfEYjbG4hB6NyuQUFTwPCFcE6R01ehvNvbaIfexf75o9qdZADNdHSvkqy_-CL5ZN9gr5l6p7G1Xn3NoBfGS1DwuElYSL5ppcvO_6HGEbBDZczPyCZB36/s1600/n17.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">18.Neji</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0HOf_q7UlXpF8keIucD38FSOoGi2C89uYAjUnvCxcRCpHTSaMuSee9HWe3nR6DVxqBNc8M_5KgirxBww6zjBQy7YyD6vjHY5FbiGCV1fNyAkDxA6oWcBbpJOOVS1TPJC9b1b88qRuPWva/s1600/n18.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0HOf_q7UlXpF8keIucD38FSOoGi2C89uYAjUnvCxcRCpHTSaMuSee9HWe3nR6DVxqBNc8M_5KgirxBww6zjBQy7YyD6vjHY5FbiGCV1fNyAkDxA6oWcBbpJOOVS1TPJC9b1b88qRuPWva/s1600/n18.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0cm;">
<span style="background-color: #bf9000;"><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"> 19.Rock lee</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRnuAqN0vO_oy4gIjtGoLOKsZjd-iNfHXCwEnahm88UJEkKJ_evC6Fdl2GS4XAJyjO1-uk_r2xfZSNLAUzU9RONyQtNVNtxtm0Ke24vAY6jtEEKeThuWhq0gDMMrhz7GCDdPNHufRimRp-/s1600/n19.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRnuAqN0vO_oy4gIjtGoLOKsZjd-iNfHXCwEnahm88UJEkKJ_evC6Fdl2GS4XAJyjO1-uk_r2xfZSNLAUzU9RONyQtNVNtxtm0Ke24vAY6jtEEKeThuWhq0gDMMrhz7GCDdPNHufRimRp-/s1600/n19.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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="</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">lihat lebih banyak animasi naruto bergerak." <span class="apple-style-span">alt="animasi beregerak naruto"</span>/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">20.Zetsu</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFlDZutfYQl703ikQ6ygJi6lxCuy4bRsIqhT5peE42GcdcUnRobDdXnH2pcwsmP7O78mnV_ZnFYoI9ZFezdmZi-Bx0CAGj1WReWyMLOLS-wsFCDSyfs32pkDYqLJVlyx0VjoXLaxPXARWZ/s1600/n20.jpg" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFlDZutfYQl703ikQ6ygJi6lxCuy4bRsIqhT5peE42GcdcUnRobDdXnH2pcwsmP7O78mnV_ZnFYoI9ZFezdmZi-Bx0CAGj1WReWyMLOLS-wsFCDSyfs32pkDYqLJVlyx0VjoXLaxPXARWZ/s1600/n20.jpg" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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="</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">lihat lebih banyak animasi naruto bergerak."<span class="apple-style-span">alt="animasi beregerak naruto"</span> /></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">21.Sasori</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlX1m6oTnGBf03qRzKJFNJ62hH5YRIhGXv2rmtQ_GwRDqdPJigrj2-7UnT9nBoY_B_f6l6E4QvZ6MN6WZGuwqaBCcvAXs6UBkur_COqO9DNuwFPbc1Qdi3G0UPtIggjxRGERu-Y2lziajO/s1600/n21.jpg" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlX1m6oTnGBf03qRzKJFNJ62hH5YRIhGXv2rmtQ_GwRDqdPJigrj2-7UnT9nBoY_B_f6l6E4QvZ6MN6WZGuwqaBCcvAXs6UBkur_COqO9DNuwFPbc1Qdi3G0UPtIggjxRGERu-Y2lziajO/s1600/n21.jpg" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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="</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">lihat lebih banyak animasi naruto bergerak." <span class="apple-style-span">alt="animasi beregerak naruto"</span>/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">22.Kakashi</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn84Si1Mr542n4pt_xbkLBBhi03gB2dimxtkrDc-1RngP9RIkuABRCgGKwO7Gio0O2d67TzKXuDPLR0333gwQSxOCAPtQvO0Z6IET1AhBKolArBTAX3MoBTXULldgZN_rIPd8JFKznmfjn/s1600/n22.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn84Si1Mr542n4pt_xbkLBBhi03gB2dimxtkrDc-1RngP9RIkuABRCgGKwO7Gio0O2d67TzKXuDPLR0333gwQSxOCAPtQvO0Z6IET1AhBKolArBTAX3MoBTXULldgZN_rIPd8JFKznmfjn/s1600/n22.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0cm;">
<span style="background-color: #bf9000;"><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">23.Sarutobi</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1uStWoPt956xWQK41gfxKlkbrQqHunMNxATqXIRy_Xxfk2amGVdsIC84RgiIdbI3VoLQjXITu79E1hq1VLiYHE9BGUD6cDwzMConrR1GR3I54WE_O6HS85XzNnMn2BShoKbpuSqd2t_Xi/s1600/n23.gif" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1uStWoPt956xWQK41gfxKlkbrQqHunMNxATqXIRy_Xxfk2amGVdsIC84RgiIdbI3VoLQjXITu79E1hq1VLiYHE9BGUD6cDwzMConrR1GR3I54WE_O6HS85XzNnMn2BShoKbpuSqd2t_Xi/s1600/n23.gif" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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 </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Widget Animasi naruto " <span class="apple-style-span">alt="animasi beregerak naruto"</span>/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<b><span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">24.Kisame</span></b></div>
<div class="separator" style="clear: both; color: white; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi69HkVyckRDMiwwSFyf0PagqXr11LD0KfdZw9sC1fEgnq18kLut0I-D3yHLUGodOlxK5bs3aelfq4LhHrMcLj-iRt0jSS55HUSWHcIlnsvWY8xzPZ_33IqKKXNnKq09XvtrQpeosTdjeW3/s1600/n24.jpg" style="background-color: #bf9000; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi69HkVyckRDMiwwSFyf0PagqXr11LD0KfdZw9sC1fEgnq18kLut0I-D3yHLUGodOlxK5bs3aelfq4LhHrMcLj-iRt0jSS55HUSWHcIlnsvWY8xzPZ_33IqKKXNnKq09XvtrQpeosTdjeW3/s1600/n24.jpg" /></a></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"><div style="position: fixed; <span style="color: red;">bottom</span>: 0px; <span style="color: red;">left</span>: 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 </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">Widget Animasi Naruto " <span class="apple-style-span">alt="animasi beregerak naruto"</span>/></a><small><center><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank" </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">title="Cara Memasang Widget Animasi Naruto"</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;">>Animasi Naruto</a></center></small></div></span></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000;"><br /></span></div>
<div class="MsoNormal" style="color: white;">
<span style="background-color: #bf9000; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"> Jangan Lupa Tinggalkan Komentar Di Bawah Ini ...</span><strong style="color: #eceaea; font-family: Arial; font-size: 12px;">Share this</strong></div>
</div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-11783545434006359452013-07-20T22:13:00.002-07:002013-07-20T22:13:45.585-07:00Cara Membuat Loading Blog Keren<div dir="ltr" style="text-align: left;" trbidi="on">
Sekedar Sharing - Cara Membuat Loading Blog Keren. Kali Ini Sobat
Sekedar Sharing akan Men Share Tutorial Membuat Loading Keren dan
menarik di Blog. Loading ini sangat bagus bagi para Blogger yang suka
Hal-hal yang menarik untuk mempercantik Blogger. ada 2 warna yaitu Merah
sama Biru, Tapi Terserah Sobat Pilih Sesuai Selera.<br />
udahl jangan kebanyakan cing-cong hheee, kita langsung aja ke Langkah-Langkahnya :<br />
<br />
<span style="background-color: yellow;">Untuk Menjaga Keamanan, Sebaiknya sebelum Melakukan Perubahan di harap Sobat Membackup Template Sobat.</span><br />
<br />
<span style="font-family: Times, Times New Roman, serif; font-size: medium;"><b>Untuk Loading Yang Berwarna <span style="color: red;">Merah</span></b></span><br />
<br />
- Langkah Pertama Login Dulu Ke akun sobat.<br />
- Klik Template >> Edit HTML<br />
- Masukan Kode CSS berikut ini di atas <span style="color: red;">]]></b:skin></span><br />
<br />
<br />
<div style="border: 1px solid #999999; height: 200px; overflow: auto; padding: 10px; width: 100%px;">
<span style="color: red;">#loadhalaman
{position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;}</span><br />
<span style="color: red;">.loadball {background-color:
transparent;border:5px solid rgb(240 ,0 , 0);border-right:5px solid
transparent;border-left:5px solid
transparent;border-radius:50px;box-shadow: 0 0 35px rgb(255 ,0 ,
0);width:50px;height:50px;margin:0 auto;-moz-animation:spinPulse 1s
infinite ease-in-out;-webkit-animation:spinPulse 1s infinite linear;}</span><br />
<span style="color: red;">.loadball-2 {background-color:
transparent;border:5px solid rgb(240 ,0 , 0);border-left:5px solid
transparent;border-right:5px solid
transparent;border-radius:50px;box-shadow: 0 0 15px rgb(255 ,0 ,
0);width:30px;height:30px;margin:0
auto;position:relative;top:-50px;-moz-animation:spinoffPulse 1s infinite
linear;-webkit-animation:spinoffPulse 1s infinite linear;}</span><br />
<span style="color: red;">@-moz-keyframes spinPulse {0% {
-moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0,
0)}50% { -moz-transform:rotate(145deg); opacity:1; }100% {
-moz-transform:rotate(-320deg); opacity:0; }}</span><br />
<span style="color: red;">@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); }}</span><br />
<span style="color: red;">@-webkit-keyframes spinPulse {0% {
-webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255,
0, 0)} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% {
-webkit-transform:rotate(-320deg); opacity:0; }}</span><br />
<span style="color: red;">@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}</span><br />
</div>
- Kemudian tambahkan kode Jquery ini diatas kode </head, jika dalam
template sudah terpasang Jquery maka tidak perlu lagi tambahan Jquery
tersebut, agar proses efek loading lancar.<br />
<br />
<span style="color: red;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/></span><br />
<span style="color: red;"><br /></span>- dan langkah yang terakhir, pasang kode berikut diatas tag<span style="color: red;"> </body></span><br />
<br />
<div style="border: 1px solid #999999; height: 200px; overflow: auto; padding: 10px; width: 100%px;">
<span style="color: red;"><br /></span><span style="color: red;"><div id='loadhalaman'></span><br />
<span style="color: red;"><div class='loadball'/></span><br />
<span style="color: red;"><div class='loadball-2'/></span><br />
<span style="color: red;"></div></span><br />
<span style="color: red;"><script type='text/javascript'></span><br />
<span style="color: red;">$(function() {</span><br />
<span style="color: red;">var siteURL = &quot;http://&quot; + top.location.host.toString();</span><br />
<span style="color: red;">var $internalLinks =
$(&quot;a[href^=&#39;&quot;+siteURL+&quot;&#39;],
a[href^=&#39;/&#39;], a[href^=&#39;./&#39;],
a[href^=&#39;../&#39;]&quot;);</span><br />
<span style="color: red;">$internalLinks.click(function() {</span><br />
<span style="color: red;">$(&#39;#loadhalaman&#39;).fadeIn(1500).delay(6000).fadeOut(1000);</span><br />
<span style="color: red;">});</span><br />
<span style="color: red;"><br /></span><span style="color: red;">//
Hilangkan overlay saat diklik untuk mengatasi gangguan, terutama jika
link internal diset dengan target=&#39;_blank&#39;</span><br />
<span style="color: red;">$(&#39;#loadhalaman&#39;).click(function() {</span><br />
<span style="color: red;">$(this).hide();</span><br />
<span style="color: red;">});</span><br />
<span style="color: red;">});</span><br />
<span style="color: red;"></span><br />
<span style="color: red;"></script></span><br />
<span style="color: red;"><br /></span></div>
<br />
<br />
- Jangan Lupa Simpan Template<br />
<span style="color: red;"><br /></span><b><span style="font-family: Times, Times New Roman, serif;"><span style="font-size: medium;">Untuk Loading Yang Berwarna </span><span style="color: blue;"><span style="font-size: medium;">Biru</span> </span></span></b><br />
<span style="color: blue;"><br /></span>untuk caranya sama seperti merah<br />
<span style="color: blue;"><br /></span>Kode HTML<br />
<br />
<span style="color: blue;"><div class="ball"></div></span><br />
<span style="color: blue;"><div class="ball1"></div></span><br />
<span style="color: blue;"><br /></span>Kode CSS<br />
<br />
<br />
<div style="border: 1px solid #999999; height: 200px; overflow: auto; padding: 10px; width: 100%px;">
<span style="color: blue;"> .ball {</span><br />
<span style="color: blue;">background-color: rgba(0,0,0,0);</span><br />
<span style="color: blue;">border:5px solid rgba(0,183,229,0.9);</span><br />
<span style="color: blue;">opacity:.9;</span><br />
<span style="color: blue;">border-top:5px solid rgba(0,0,0,0);</span><br />
<span style="color: blue;">border-left:5px solid rgba(0,0,0,0);</span><br />
<span style="color: blue;">border-radius:50px;</span><br />
<span style="color: blue;">box-shadow: 0 0 35px #2187e7;</span><br />
<span style="color: blue;">width:50px;</span><br />
<span style="color: blue;">height:50px;</span><br />
<span style="color: blue;">margin:0 auto;</span><br />
<span style="color: blue;">-moz-animation:spin .5s infinite linear;</span><br />
<span style="color: blue;">-webkit-animation:spin .5s infinite linear;</span><br />
<span style="color: blue;">}</span><br />
<span style="color: blue;">.ball1 {</span><br />
<span style="color: blue;">background-color: rgba(0,0,0,0);</span><br />
<span style="color: blue;">border:5px solid rgba(0,183,229,0.9);</span><br />
<span style="color: blue;">opacity:.9;</span><br />
<span style="color: blue;">border-top:5px solid rgba(0,0,0,0);</span><br />
<span style="color: blue;">border-left:5px solid rgba(0,0,0,0);</span><br />
<span style="color: blue;">border-radius:50px;</span><br />
<span style="color: blue;">box-shadow: 0 0 15px #2187e7;</span><br />
<span style="color: blue;">width:30px;</span><br />
<span style="color: blue;">height:30px;</span><br />
<span style="color: blue;">margin:0 auto;</span><br />
<span style="color: blue;">position:relative;</span><br />
<span style="color: blue;">top:-50px;</span><br />
<span style="color: blue;">-moz-animation:spinoff .5s infinite linear;</span><br />
<span style="color: blue;">-webkit-animation:spinoff .5s infinite linear;</span><br />
<span style="color: blue;">}</span><br />
<span style="color: blue;">@-moz-keyframes spin {</span><br />
<span style="color: blue;">0% { -moz-transform:rotate(0deg); }</span><br />
<span style="color: blue;">100% { -moz-transform:rotate(360deg); }</span><br />
<span style="color: blue;">}</span><br />
<span style="color: blue;">@-moz-keyframes spinoff {</span><br />
<span style="color: blue;">0% { -moz-transform:rotate(0deg); }</span><br />
<span style="color: blue;">100% { -moz-transform:rotate(-360deg); }</span><br />
<span style="color: blue;">}</span><br />
<span style="color: blue;">@-webkit-keyframes spin {</span><br />
<span style="color: blue;">0% { -webkit-transform:rotate(0deg); }</span><br />
<span style="color: blue;">100% { -webkit-transform:rotate(360deg); }</span><br />
<span style="color: blue;">}</span><br />
<span style="color: blue;">@-webkit-keyframes spinoff {</span><br />
<span style="color: blue;">0% { -webkit-transform:rotate(0deg); }</span><br />
<span style="color: blue;">100% { -webkit-transform:rotate(-360deg); }</span><br />
<span style="color: blue;">}</span><br />
<div>
</div>
</div>
<br />
<br />
Semoga Bermanfaat !!<br />
<br />
<br />
<span style="font-size: xx-small;">Sumber : Om Google</span></div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-18069712607978700652013-07-20T22:02:00.005-07:002013-07-20T22:02:29.666-07:00Membuat Widget Label Tertentu dengan Satu Thumbnail<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title">
<span style="background-color: white; color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">ah judulnya kurang pas kayaknya ya...? Bodo amat, yang penting isinya. Kali ini saya akan memberikan satu lagi tutorial blogger tentang membuat widget per label dengan hanya satu thumbnail pada bagian paling atas dan di bawahnya menampilkan judul saja, untuk lebih jelasnya silahkan lihat screenshot gambar dibawah. Biasanya widget ini banyak digunakan oleh blog konten berita, salah satu fungsi widget ini untuk memudahkan para pembaca untuk mengeksplorasi tiap kategori yang ada dan bisa juga untuk meringkas ruang pada sebuah template. Sebenarnya tutorial ini sudah lama tapi karena banyak yang tanya di kotak komentar maupun di email, tidak ada salahnya jika saya perjelas lagi di artikel ini. Cara membuat widget per label yang saya gunakan disini sebenarnya mudah dan hanya menggabungkan antara tutorial membuat label atau kategori dengan thumbnail dan membuat widget label yang hanya menampilkan judul saja. </span></h1>
<h1 class="post-title entry-title">
<div style="font-size: medium; font-weight: normal;">
<span class="Apple-style-span" style="background-color: white; color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;"><br /></span></div>
<div class="separator" style="clear: both; font-size: medium; font-weight: normal; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-size: medium; font-weight: normal; text-align: center;">
</div>
<div class="separator" style="clear: both; font-size: medium; font-weight: normal; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-size: medium; font-weight: normal; text-align: center;">
</div>
<div style="color: #222222; font-family: Arial, Verdana; font-size: 12px; font-weight: normal; line-height: 18px; text-align: justify;">
Jika Anda lihat pada template Mas Paper atau Johny Portal 2, di bagian tertentu pada template itu terdapat widget yang menampilkan label dengan susunan satu judul dengan thumbnail dan summary, dan dibawahnya list dari label yang sama tetapi hanya menampilkan judulnya saja. Cara membuatnya adalah sebagai berikut :</div>
<ol style="font-size: medium; font-weight: normal;">
<li style="color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px; text-align: left;">Pertama yang mesti Anda lakukan adalah login ke <b>blogger</b> dengan akun Anda</li>
<li style="color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px; text-align: left;">Setelah itu pilih blog yang ingin anda tambahkan widget ini.</li>
<li style="color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px; text-align: left;">Masuk ke <b>template</b> >> <b>Edit HTML</b>, kemudian centang <b>expand widget templates</b></li>
<li style="color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px; text-align: left;">Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.</li>
<li style="text-align: left;"><span class="Apple-style-span" style="color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode <span class="Apple-style-span" style="background-color: white;"><b style="color: #cc0000;">]]></b:skin></b> </span> : </span><span class="Apple-style-span" style="color: blue;"><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:<span class="Apple-style-span" style="background-color: lime;">60px</span>;width:<span class="Apple-style-span" style="background-color: lime;">60px</span>;padding:2px} </span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">img.label_thumb:hover{background:#f7f6f6} </span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0} </span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0}</span></span></li>
</ol>
<div style="font-size: medium; font-weight: normal;">
<br /><div style="color: #222222; font-size: 12px; line-height: 18px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;">Perhatikan tulisan warna Hijau diatas, itu adalah lebar dan tinggi thumbnail image.</span></div>
<div style="color: #222222; font-size: 12px; line-height: 18px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;">Selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </span><span class="Apple-style-span" style="background-color: white; font-family: Arial, Verdana;"><b style="color: blue;"></head></b></span><span class="Apple-style-span" style="font-family: Arial, Verdana;"> :</span></div>
<div style="color: #222222; font-size: 12px; line-height: 18px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br /></span></div>
<div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">&lt;script type=&#039;text/javascript&#039;&gt;</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">//&lt;![CDATA[</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">function labelthumbs(json){document.write(&#039;&lt;ul class=&quot;label_with_thumbs&quot;&gt;&#039;);for(var i=0;i&lt;numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel==&#039;replies&#039;&amp;&amp;entry.link[k].type==&#039;text/html&#039;){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">if(entry.link[k].rel==&#039;alternate&#039;){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">{s=entry.content.$t;a=s.indexOf(&quot;&lt;img&quot;);b=s.indexOf(&quot;src=&quot;&quot;,a);c=s.indexOf(&quot;&quot;&quot;,b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=&quot;&quot;)){thumburl=d;}else thumburl=&#039;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl06fBO8pvLgriOaPZ4PBFtG8k0cTRni5jta8ZuXAvgwzOvr-1it5ADFRfmuiRNBJkZUDHWA18AfxuP3Z5XyjYhF3uMbxfd-2aPUzd7qOmPIJlZwFeoWSGgnXigsXlR6pLal892IQncTgP/&#039;;}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]=&quot;Jan&quot;;monthnames[2]=&quot;Feb&quot;;monthnames[3]=&quot;Mar&quot;;monthnames[4]=&quot;Apr&quot;;monthnames[5]=&quot;May&quot;;monthnames[6]=&quot;Jun&quot;;monthnames[7]=&quot;Jul&quot;;monthnames[8]=&quot;Aug&quot;;monthnames[9]=&quot;Sep&quot;;monthnames[10]=&quot;Oct&quot;;monthnames[11]=&quot;Nov&quot;;monthnames[12]=&quot;Dec&quot;;document.write(&#039;&lt;li class=&quot;clearfix&quot;&gt;&#039;);if(showpostthumbnails==true)</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">document.write(&#039;&lt;a href=&quot;&#039;+posturl+&#039;&quot; target =&quot;_top&quot;&gt;&lt;img class=&quot;label_thumb&quot; src=&quot;&#039;+thumburl+&#039;&quot;/&gt;&lt;/a&gt;&#039;);document.write(&#039;&lt;strong&gt;&lt;a href=&quot;&#039;+posturl+&#039;&quot; target =&quot;_top&quot;&gt;&#039;+posttitle+&#039;&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;&#039;);if(&quot;content&quot;in entry){var postcontent=entry.content.$t;}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">else</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">if(&quot;summary&quot;in entry){var postcontent=entry.summary.$t;}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">else var postcontent=&quot;&quot;;var re=/&lt;S[^&gt;]*&gt;/g;postcontent=postcontent.replace(re,&quot;&quot;);if(showpostsummary==true){if(postcontent.length&lt;numchars){document.write(&#039;&#039;);document.write(postcontent);document.write(&#039;&#039;);}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">else{document.write(&#039;&#039;);postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(&quot; &quot;);postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+&#039;...&#039;);document.write(&#039;&#039;);}}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">var towrite=&#039;&#039;;var flag=0;document.write(&#039;&lt;br&gt;&#039;);if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+&#039;-&#039;+cdday+&#039; - &#039;+cdyear;flag=1;}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">if(showcommentnum==true)</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">{if(flag==1){towrite=towrite+&#039; | &#039;;}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">if(commenttext==&#039;1 Comments&#039;)commenttext=&#039;1 Comment&#039;;if(commenttext==&#039;0 Comments&#039;)commenttext=&#039;No Comments&#039;;commenttext=&#039;&lt;a href=&quot;&#039;+commenturl+&#039;&quot; target =&quot;_top&quot;&gt;&#039;+commenttext+&#039;&lt;/a&gt;&#039;;towrite=towrite+commenttext;flag=1;;}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">if(displaymore==true)</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">{if(flag==1)towrite=towrite+&#039; | &#039;;towrite=towrite+&#039;&lt;a href=&quot;&#039;+posturl+&#039;&quot; class=&quot;url&quot; target =&quot;_top&quot;&gt;More &raquo;&lt;/a&gt;&#039;;flag=1;;}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">document.write(towrite);document.write(&#039;&lt;/li&gt;&#039;);if(displayseparator==true)</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">if(i!=(numposts-1))</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">document.write(&#039;&#039;);}document.write(&#039;&lt;/ul&gt;&#039;);}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">//]]&gt;</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">&lt;/script&gt;</span></span></span></div>
</div>
</div>
<div style="font-size: medium; font-weight: normal;">
<br /></div>
<div class="separator" style="clear: both; font-size: medium; font-weight: normal; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-size: medium; font-weight: normal;">
<span class="Apple-style-span" style="background-color: white; color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">Jika kode script diatas terlalu panjang, Anda bisa simpan di tempat penyimpanan <a href="http://code.google.com/" style="color: #0956a8; text-decoration: none;" target="_blank">Google Code</a>Anda sendiri atau gunakan kode script di bawah ini yang sudah saya ringkas di <b>Google Code</b>.</span></div>
<div class="separator" style="clear: both; font-size: medium; font-weight: normal;">
<span class="Apple-style-span" style="background-color: white; color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;"><br /></span></div>
<div class="separator" style="clear: both; font-size: medium; font-weight: normal;">
<span class="Apple-style-span" style="background-color: #424242; color: #cccccc; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 16px;"><script src='http://penyimpanan-maskolis.googlecode.com/files/labels.js' type='text/javascript'/></span></div>
<div style="font-size: medium; font-weight: normal;">
<span class="Apple-style-span" style="background-color: white; color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;"><br /></span><br /><span class="Apple-style-span" style="background-color: white; color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">7. </span><span class="Apple-style-span" style="background-color: white; color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">Setelah itu <b>save templates</b>, kemudian menuju ke <b>layout</b> pilih kotak yang akan ditambahkan widget ini. Klik <b>add gadget</b> >> <b>HTML/Javascript</b> masukkan kode berikut ini kedalamnya :</span><br /><span class="Apple-style-span" style="background-color: white; color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;"><br /></span><br /><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">&lt;script type=&#039;text/javascript&#039;&gt;var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;&lt;/script&gt;</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"><br /></span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">&lt;script type=&quot;text/javascript&quot; src=&quot;/feeds/posts/default/-/</span><span class="Apple-style-span" style="color: red; font-family: Arial, Verdana;">news</span><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs&quot;&gt;&lt;/script&gt;</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"><br /></span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">&lt;script type=&quot;text/javascript&quot;&gt;</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">function recentpostslist(json) {</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> document.write(&#039;&lt;ul&gt;&#039;);</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> for (var i = 1; i &lt; json.feed.entry.length; i++)</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> {</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> for (var j = 1; j &lt; json.feed.entry[i].link.length; j++) {</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> if (json.feed.entry[i].link[j].rel == &#039;alternate&#039;) {</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> break;</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> }</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> }</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">var entryUrl = &quot;&#039;&quot; + json.feed.entry[i].link[j].href + &quot;&#039;&quot;;//bs</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">var entryTitle = json.feed.entry[i].title.$t;</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">var item = &quot;&lt;li&gt;&quot; + &quot;&lt;a href=&quot;+ entryUrl + &#039;&quot; target=&quot;_blank&quot;&gt;&#039; + entryTitle + &quot;&lt;/a&gt; &lt;/li&gt;&quot;;</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> document.write(item);</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> }</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> document.write(&#039;&lt;/ul&gt;&#039;);</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> }</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">&lt;/script&gt;</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">&lt;script src=&quot;</span><span class="Apple-style-span" style="color: orange; font-family: Arial, Verdana;">http://penulis-bulukumba.blogspot.com/</span><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">feeds/posts/summary/-/</span><span class="Apple-style-span" style="color: red; font-family: Arial, Verdana;">news</span><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">?max-results=6&amp;alt=json-in-script&amp;callback=recentpostslist&quot;&gt;&lt;/script&gt;</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">&lt;a href=&quot;</span><span class="Apple-style-span" style="color: orange; font-family: Arial, Verdana;">http://penulis-bulukumba.blogspot.com/</span><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">search/label</span><span class="Apple-style-span" style="color: red; font-family: Arial, Verdana;">/news</span><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">&quot; style=&quot;float:right;font:normal 11px Arial;padding:5px 0;&quot;&gt;More on this category &amp;#187;&lt;/a&gt;</span><br /><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"><br /></span><br /></div>
<ol style="font-size: medium; font-weight: normal;">
<li><span class="Apple-style-span" style="background-color: white; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;"><b style="color: #222222;"><i>Keterangan :</i></b><br /><span class="Apple-style-span" style="color: #222222;">Warna </span><span class="Apple-style-span" style="color: red;">Merah</span><span class="Apple-style-span" style="color: #222222;"> : adalah label atau kategori yang ditampikan, Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.</span><br /><span class="Apple-style-span" style="color: #222222;">Warna </span><span class="Apple-style-span" style="color: orange;">Orange</span><span class="Apple-style-span" style="color: #222222;"> : Ganti URL dengan URL blog anda.</span><br /><br /><span class="Apple-style-span" style="color: #222222;">Selanjutnya </span><b style="color: #222222;"><i>save</i></b><span class="Apple-style-span" style="color: #222222;"> dan lihat hasilnya.</span></span></li>
</ol>
<div style="color: #222222; font-size: medium; font-weight: normal; text-align: justify;">
<span class="Apple-style-span" style="background-color: white; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">Tampilan dari widget ini mengikuti kode CSS sidebar (jika Anda meletakkan di sidebar) pada template yang Anda pakai. Kode CSS yang digunakan pada pembuatan widget ini hanya digunakan untuk mengatur tampilan thumbnail.</span></div>
<div style="font-size: medium; font-weight: normal;">
<span class="Apple-style-span" style="background-color: white; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;"><br /></span></div>
<div style="color: #222222; font-size: medium; font-weight: normal; text-align: justify;">
<span class="Apple-style-span" style="background-color: white; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">Demikian tadi tutorial jadul mengenai membuat widget per label kali ini, jika masih ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar, selamat mencoba dan semoga bermanfaat.</span></div>
</h1>
</div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-54688232002804711792013-07-20T22:00:00.001-07:002013-07-20T22:00:53.981-07:00Membuat Widget Label Tertentu dengan Satu Thumbnail<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title">
<span style="background-color: white; color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">ah
judulnya kurang pas kayaknya ya...? Bodo amat, yang penting isinya.
Kali ini saya akan memberikan satu lagi tutorial blogger tentang membuat
widget per label dengan hanya satu thumbnail pada bagian paling atas
dan di bawahnya menampilkan judul saja, untuk lebih jelasnya silahkan
lihat screenshot gambar dibawah. Biasanya widget ini banyak digunakan
oleh blog konten berita, salah satu fungsi widget ini untuk memudahkan
para pembaca untuk mengeksplorasi tiap kategori yang ada dan bisa juga
untuk meringkas ruang pada sebuah template. Sebenarnya tutorial ini
sudah lama tapi karena banyak yang tanya di kotak komentar maupun di
email, tidak ada salahnya jika saya perjelas lagi di artikel ini. Cara
membuat widget per label yang saya gunakan disini sebenarnya mudah dan
hanya menggabungkan antara tutorial membuat label atau kategori dengan
thumbnail dan membuat widget label yang hanya menampilkan judul saja. </span></h1>
<span class="Apple-style-span" style="background-color: white; color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;"><br />
</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiic95t73pFV86MBzArpTMnWRwQz5i08tcAzeU2bIeoNgsk8qQvoXC5XlCwfB5Wo2nEljHGNH7j5ZssMfT4Q76L6xc4vZZA_ho5P4q9rw0DP2zsQNLuPOpd8GxZbZ7EdDGOKcGgroV_pZE/s1600/widget+per+label.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiic95t73pFV86MBzArpTMnWRwQz5i08tcAzeU2bIeoNgsk8qQvoXC5XlCwfB5Wo2nEljHGNH7j5ZssMfT4Q76L6xc4vZZA_ho5P4q9rw0DP2zsQNLuPOpd8GxZbZ7EdDGOKcGgroV_pZE/s1600/widget+per+label.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px; text-align: justify;">
Jika
Anda lihat pada template Mas Paper atau Johny Portal 2, di bagian
tertentu pada template itu terdapat widget yang menampilkan label dengan
susunan satu judul dengan thumbnail dan summary, dan dibawahnya list
dari label yang sama tetapi hanya menampilkan judulnya saja. Cara
membuatnya adalah sebagai berikut :</div>
<ol>
<li style="color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px; text-align: left;">Pertama yang mesti Anda lakukan adalah login ke <b>blogger</b> dengan akun Anda</li>
<li style="color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px; text-align: left;">Setelah itu pilih blog yang ingin anda tambahkan widget ini.</li>
<li style="color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px; text-align: left;">Masuk ke <b>template</b> >> <b>Edit HTML</b>, kemudian centang <b>expand widget templates</b></li>
<li style="color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px; text-align: left;">Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.</li>
<li style="text-align: left;"><span class="Apple-style-span" style="color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode <span class="Apple-style-span" style="background-color: white;"><b style="color: #cc0000;">]]></b:skin></b> </span> : </span><span class="Apple-style-span" style="color: blue;"><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:<span class="Apple-style-span" style="background-color: lime;">60px</span>;width:<span class="Apple-style-span" style="background-color: lime;">60px</span>;padding:2px} </span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">img.label_thumb:hover{background:#f7f6f6} </span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0} </span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0}</span></span></li>
</ol>
<div>
<br />
<div style="color: #222222; font-size: 12px; line-height: 18px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;">Perhatikan tulisan warna Hijau diatas, itu adalah lebar dan tinggi thumbnail image.</span></div>
<div style="color: #222222; font-size: 12px; line-height: 18px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;">Selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </span><span class="Apple-style-span" style="background-color: white; font-family: Arial, Verdana;"><b style="color: blue;"></head></b></span><span class="Apple-style-span" style="font-family: Arial, Verdana;"> :</span></div>
<div style="color: #222222; font-size: 12px; line-height: 18px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">&lt;script type=&#039;text/javascript&#039;&gt;</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">//&lt;![CDATA[</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">function
labelthumbs(json){document.write(&#039;&lt;ul
class=&quot;label_with_thumbs&quot;&gt;&#039;);for(var
i=0;i&lt;numposts;i++){var entry=json.feed.entry[i];var
posttitle=entry.title.$t;var
posturl;if(i==json.feed.entry.length)break;for(var
k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel==&#039;replies&#039;&amp;&amp;entry.link[k].type==&#039;text/html&#039;){var
commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">if(entry.link[k].rel==&#039;alternate&#039;){posturl=entry.link[k].href;break;}}var
thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">{s=entry.content.$t;a=s.indexOf(&quot;&lt;img&quot;);b=s.indexOf(&quot;src=&quot;&quot;,a);c=s.indexOf(&quot;&quot;&quot;,b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=&quot;&quot;)){thumburl=d;}else
thumburl=&#039;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl06fBO8pvLgriOaPZ4PBFtG8k0cTRni5jta8ZuXAvgwzOvr-1it5ADFRfmuiRNBJkZUDHWA18AfxuP3Z5XyjYhF3uMbxfd-2aPUzd7qOmPIJlZwFeoWSGgnXigsXlR6pLal892IQncTgP/&#039;;}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">var
postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var
cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var
monthnames=new
Array();monthnames[1]=&quot;Jan&quot;;monthnames[2]=&quot;Feb&quot;;monthnames[3]=&quot;Mar&quot;;monthnames[4]=&quot;Apr&quot;;monthnames[5]=&quot;May&quot;;monthnames[6]=&quot;Jun&quot;;monthnames[7]=&quot;Jul&quot;;monthnames[8]=&quot;Aug&quot;;monthnames[9]=&quot;Sep&quot;;monthnames[10]=&quot;Oct&quot;;monthnames[11]=&quot;Nov&quot;;monthnames[12]=&quot;Dec&quot;;document.write(&#039;&lt;li
class=&quot;clearfix&quot;&gt;&#039;);if(showpostthumbnails==true)</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">document.write(&#039;&lt;a
href=&quot;&#039;+posturl+&#039;&quot; target
=&quot;_top&quot;&gt;&lt;img
class=&quot;label_thumb&quot;
src=&quot;&#039;+thumburl+&#039;&quot;/&gt;&lt;/a&gt;&#039;);document.write(&#039;&lt;strong&gt;&lt;a
href=&quot;&#039;+posturl+&#039;&quot; target
=&quot;_top&quot;&gt;&#039;+posttitle+&#039;&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;&#039;);if(&quot;content&quot;in
entry){var postcontent=entry.content.$t;}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">else</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">if(&quot;summary&quot;in entry){var postcontent=entry.summary.$t;}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">else
var postcontent=&quot;&quot;;var
re=/&lt;S[^&gt;]*&gt;/g;postcontent=postcontent.replace(re,&quot;&quot;);if(showpostsummary==true){if(postcontent.length&lt;numchars){document.write(&#039;&#039;);document.write(postcontent);document.write(&#039;&#039;);}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">else{document.write(&#039;&#039;);postcontent=postcontent.substring(0,numchars);var
quoteEnd=postcontent.lastIndexOf(&quot;
&quot;);postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+&#039;...&#039;);document.write(&#039;&#039;);}}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">var
towrite=&#039;&#039;;var
flag=0;document.write(&#039;&lt;br&gt;&#039;);if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+&#039;-&#039;+cdday+&#039;
- &#039;+cdyear;flag=1;}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">if(showcommentnum==true)</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">{if(flag==1){towrite=towrite+&#039; | &#039;;}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">if(commenttext==&#039;1
Comments&#039;)commenttext=&#039;1
Comment&#039;;if(commenttext==&#039;0
Comments&#039;)commenttext=&#039;No
Comments&#039;;commenttext=&#039;&lt;a
href=&quot;&#039;+commenturl+&#039;&quot; target
=&quot;_top&quot;&gt;&#039;+commenttext+&#039;&lt;/a&gt;&#039;;towrite=towrite+commenttext;flag=1;;}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">if(displaymore==true)</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">{if(flag==1)towrite=towrite+&#039;
| &#039;;towrite=towrite+&#039;&lt;a
href=&quot;&#039;+posturl+&#039;&quot;
class=&quot;url&quot; target
=&quot;_top&quot;&gt;More
&raquo;&lt;/a&gt;&#039;;flag=1;;}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">document.write(towrite);document.write(&#039;&lt;/li&gt;&#039;);if(displayseparator==true)</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">if(i!=(numposts-1))</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">document.write(&#039;&#039;);}document.write(&#039;&lt;/ul&gt;&#039;);}</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">//]]&gt;</span></span></span></div>
<div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"><span class="Apple-style-span" style="color: blue;">&lt;/script&gt;</span></span></span></div>
</div>
</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br />
</div>
<div class="separator" style="clear: both;">
<span class="Apple-style-span" style="background-color: white; color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">Jika kode script diatas terlalu panjang, Anda bisa simpan di tempat penyimpanan <a href="http://code.google.com/" style="color: #0956a8; text-decoration: none;" target="_blank">Google Code</a>Anda sendiri atau gunakan kode script di bawah ini yang sudah saya ringkas di <b>Google Code</b>.</span></div>
<div class="separator" style="clear: both;">
<span class="Apple-style-span" style="background-color: white; color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;"><br />
</span></div>
<div class="separator" style="clear: both;">
<span class="Apple-style-span" style="background-color: #424242; color: #cccccc; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 16px;"><script src='http://penyimpanan-maskolis.googlecode.com/files/labels.js' type='text/javascript'/></span></div>
<span class="Apple-style-span" style="background-color: white; color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;"><br />
</span><br />
<span class="Apple-style-span" style="background-color: white; color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">7. </span><span class="Apple-style-span" style="background-color: white; color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">Setelah itu <b>save templates</b>, kemudian menuju ke <b>layout</b> pilih kotak yang akan ditambahkan widget ini. Klik <b>add gadget</b> >> <b>HTML/Javascript</b> masukkan kode berikut ini kedalamnya :</span><br />
<span class="Apple-style-span" style="background-color: white; color: #222222; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;"><br />
</span><br />
<span class="Apple-style-span" style="background-color: white; font-size: 12px; line-height: 18px;"></span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">&lt;script
type=&#039;text/javascript&#039;&gt;var numposts = 1;var
showpostthumbnails = true;var displaymore = false;var displayseparator =
false;var showcommentnum = false;var showpostdate = false;var
showpostsummary = true;var numchars = 60;&lt;/script&gt;</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"><br />
</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">&lt;script type=&quot;text/javascript&quot; src=&quot;/feeds/posts/default/-/</span><span class="Apple-style-span" style="color: red; font-family: Arial, Verdana;">news</span><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs&quot;&gt;&lt;/script&gt;</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"><br />
</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">&lt;script type=&quot;text/javascript&quot;&gt;</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">function recentpostslist(json) {</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> document.write(&#039;&lt;ul&gt;&#039;);</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> for (var i = 1; i &lt; json.feed.entry.length; i++)</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> {</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> for (var j = 1; j &lt; json.feed.entry[i].link.length; j++) {</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> if (json.feed.entry[i].link[j].rel == &#039;alternate&#039;) {</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> break;</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> }</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> }</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">var entryUrl = &quot;&#039;&quot; + json.feed.entry[i].link[j].href + &quot;&#039;&quot;;//bs</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">var entryTitle = json.feed.entry[i].title.$t;</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">var
item = &quot;&lt;li&gt;&quot; + &quot;&lt;a
href=&quot;+ entryUrl + &#039;&quot;
target=&quot;_blank&quot;&gt;&#039; + entryTitle +
&quot;&lt;/a&gt; &lt;/li&gt;&quot;;</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> document.write(item);</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> }</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> document.write(&#039;&lt;/ul&gt;&#039;);</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"> }</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">&lt;/script&gt;</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">&lt;script src=&quot;</span><span class="Apple-style-span" style="color: orange; font-family: Arial, Verdana;">http://penulis-bulukumba.blogspot.com/</span><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">feeds/posts/summary/-/</span><span class="Apple-style-span" style="color: red; font-family: Arial, Verdana;">news</span><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">?max-results=6&amp;alt=json-in-script&amp;callback=recentpostslist&quot;&gt;&lt;/script&gt;</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">&lt;a href=&quot;</span><span class="Apple-style-span" style="color: orange; font-family: Arial, Verdana;">http://penulis-bulukumba.blogspot.com/</span><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">search/label</span><span class="Apple-style-span" style="color: red; font-family: Arial, Verdana;">/news</span><span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;">&quot;
style=&quot;float:right;font:normal 11px Arial;padding:5px
0;&quot;&gt;More on this category
&amp;#187;&lt;/a&gt;</span><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Verdana;"><br />
</span><br />
<br />
<br />
<ol>
<li><span class="Apple-style-span" style="background-color: white; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;"><b style="color: #222222;"><i>Keterangan :</i></b><br />
<span class="Apple-style-span" style="color: #222222;">Warna </span><span class="Apple-style-span" style="color: red;">Merah</span><span class="Apple-style-span" style="color: #222222;"> : adalah label atau kategori yang ditampikan, Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.</span><br />
<span class="Apple-style-span" style="color: #222222;">Warna </span><span class="Apple-style-span" style="color: orange;">Orange</span><span class="Apple-style-span" style="color: #222222;"> : Ganti URL dengan URL blog anda.</span><br />
<br />
<span class="Apple-style-span" style="color: #222222;">Selanjutnya </span><b style="color: #222222;"><i>save</i></b><span class="Apple-style-span" style="color: #222222;"> dan lihat hasilnya.</span></span></li>
<span class="Apple-style-span" style="background-color: white; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;"> </span></ol>
<div style="color: #222222; text-align: justify;">
<span class="Apple-style-span" style="background-color: white; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">Tampilan
dari widget ini mengikuti kode CSS sidebar (jika Anda meletakkan di
sidebar) pada template yang Anda pakai. Kode CSS yang digunakan pada
pembuatan widget ini hanya digunakan untuk mengatur tampilan thumbnail.</span></div>
<span class="Apple-style-span" style="background-color: white; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;"><br />
</span><br />
<br />
<div style="color: #222222; text-align: justify;">
<span class="Apple-style-span" style="background-color: white; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;">Demikian
tadi tutorial jadul mengenai membuat widget per label kali ini, jika
masih ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar,
selamat mencoba dan semoga bermanfaat.</span></div>
</div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com1tag:blogger.com,1999:blog-2388884405086915513.post-45734918791731590002013-07-20T21:48:00.000-07:002013-07-20T21:48:03.616-07:00Energy saving mode Teks<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center;">
</div>
<div style="text-align: left;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">Cara
Membuat Screensaver Di Blog or Membuat (Energy Saving Mode)Pada Blogspot Bagi
pengguna blog WordPress, cara memasang aplikasi ini sangat mudah, cukup
download Plugin Screensaver (Energy Saving Mode) saja dan Pada Tutorial Blog
kali ini artikel tentang Bagaimana Cara Membuat Screen Saver Dengan Css. Cara Membuat
Screen Saver (Energy Saving Mode) Blog Jika Sobat Menginginkan Screen Saver
Seperti Blog Posting Teja HTC Itu Silakan Sobat Ikuti Langkah-Langkah Berikut
Ini :</span></div>
<div style="text-align: left;">
<span style="font-family: 'Times New Roman', serif;"><br /></span></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="text-align: left;">
<span style="font-size: 12pt;"> ini dia Tutorial Cara Membuat Screensaver atau Cara Membuat
(Energy Saving Mode)</span></div>
</span>
<div style="text-align: left;">
<br /></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="text-align: left;">
<span style="font-size: 12pt;"> * Login Ke Akun Blog Sobat</span></div>
</span>
<div style="text-align: left;">
<br /></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="text-align: left;">
<span style="font-size: 12pt;"> * Pada Dasbor Klik Rancangan-->
Kemudian TAMBAH GADGET Dan Pilih HTML Java/Script</span></div>
</span>
<div style="text-align: left;">
<br /></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="text-align: left;">
<span style="font-size: 12pt;"> * Pastekan Kode ini Tepat Didalamnya
Jangan Ragu Codenya 100% bisa</span></div>
<o:p></o:p></span><br />
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center;">
</div>
<div style="text-align: left;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"> <style
type="text/css">body .saving{position: fixed;width: 100%;top:
0;left:0;height: 100%;opacity: 0.98;filter:
alpha(opacity=98);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";background:
#000;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s
ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all
3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter:
alpha(opacity=0);-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background:
#0a7f01;border-bottom: 5px solid #333;-o-transition: opacity 2s ease-in-out
2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition:
opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in
1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear
0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width:
92%;background: transparent;font-size: 100px;font-family: "Serif",
Times New Roman;color: #FF0000;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px
-6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;position:
relative;margin-top: 200px;line-height: 20px;font-weight: bold;text-align:
center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius:
20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s,
background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out
8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s
ease-out 8s, background 4s ease-out 12s;}body:hover .saving p.esm1{font-size:
10px;color: red;width: 25%;margin: 340px 0 0 300px;padding: 25px;background:
#aaa;border: 20px solid #888;border-radius: 170px;-moz-border-radius:
170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px)
rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg)
scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg)
scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s
1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top
1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width
1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background
0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s
ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s
1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s,
margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s
ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display:
block;text-align: center;width: 300px;margin: -10px auto; font-weight:
normal;padding: 2px 8px;background: #000;border: 1px solid #333;border-radius:
0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow:
none;font-family: Arial, Helvetica, sans-serif;-o-transition: 1s
ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s
ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding:
0;}.saving p span.esm3{color: #ccc;font-family: "Tahoma", Arial,
Helvetica;display: block;margin:10px auto;background: url
http://i964.photobucket.com/albums/ae124...) left center repeat-x;background:
-moz-linear-gradient(top,#666,#111);background: -webkit-gradient(linear,0%
top,0% bottom,from(#111),to(#666));opacity: 0.6;filter:
alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width:
250px;text-shadow: 1px 1px 1px #000;border: 1px solid #333;border-radius: 4px;padding:2px
10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size:
12px;font-weight: normal;line-height: 16px;}.saving .by_Tejahtc {margin-left:
30px;text-align: center;color: #015828;font-size: 12px;font-weight:
normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left:
0;}.saving .by_Tejahtc span.esm4 {color:
#aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost
{width:210px;overflow: hidden;height: 327px;float: right;margin-top:
10px;padding: 4px 2px;background: transparent;border: 1px solid
transparent;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius:
10px;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s
ease-out;-webkit-transition: all 1.5s ease-out;}</style></span></div>
<div style="text-align: left;">
<span style="font-family: 'Times New Roman', serif;"><br /></span></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="text-align: left;">
<span style="font-size: 12pt;"> <div class="saving"></span></div>
</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="text-align: left;">
<span style="font-size: 12pt;"> <p class="esm1">Fanzomestic™</span></div>
</span>
<div style="text-align: left;">
<br /></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="text-align: left;">
<span style="font-size: 12pt;"> <div class="by_Tejahtc">Original design by: <span
class=>Fanzomestic.com</span> - April 2012</div></span></div>
</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="text-align: left;">
<span style="font-size: 12pt;"> </p></div></span></div>
<o:p></o:p></span><br />
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center;">
</div>
<div style="text-align: left;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">* Ubah
Kata Nama FANZOMESTIC™ Dengan Nama Sobat.</span></div>
<div style="text-align: left;">
<span style="font-family: 'Times New Roman', serif;"><br /></span></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="text-align: left;">
<span style="font-size: 12pt;"> * Dan Yg Terkahir Simpan</span></div>
<o:p></o:p></span></div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-21501128307814804952013-07-20T18:43:00.002-07:002013-07-20T18:43:55.334-07:00Cara Membuat Anti Klik Kanan Dengan Gambar Di Blog<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-body entry-content" id="post-body-4570354368044169093">
<div itemprop="articleBody">
<div class="drop-shadow">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-li-Lp6ZEcUQ/UXU_-zOg65I/AAAAAAAABc0/cig2JOzNp3A/s1600/2013-04-22_204601.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /><img border="0" height="115" src="http://4.bp.blogspot.com/-li-Lp6ZEcUQ/UXU_-zOg65I/AAAAAAAABc0/cig2JOzNp3A/s400/2013-04-22_204601.png" width="400" /></a></div>
<br />
Hai Sobat Blogger.... Kali ini Dicky's akan menshare <b>Tips Blog </b>yang berjudul <b>Cara Membuat Anti Klik Kanan Dengan Gambar Di Blog | </b>Sebenarnya Dicky's sudah pernah menshare <span style="font-size: x-small;"><b>Cara Agar Postingan Tidak Bisa di Copy Paste </b>dan
cara itu hanya muncul pesan munculan. Tapi kali ini saya menshare yang
bergambar dan Dicky's sendiri sudah memasangnya. Oke, caranya cukup
simple kok, ikuti ya....</span><br />
<span style="font-size: x-small;"><br /></span>
<span style="font-size: x-small;"><b>Berikut </b></span><b>Cara Membuat Anti Klik Kanan Dengan Gambar Di Blog :</b><br />
<br />
<ul>
<li>Login ke Blogger, atau klik <b><a href="http://www.blogger.com/" target="_blank">disini</a></b></li>
<li>Tata Letak --> Tambahkan Gadget --> HTML/JavaScript</li>
<li>Copy kode dengan menggunakan CTRL+C dibawah ini dan letakkan ke kolom HTML/JavaScript</li>
</ul>
<div>
<div>
<span style="background-color: #cccccc;"><script type='text/javascript'></span></div>
<div>
<span style="background-color: #cccccc;">var DADrightclicktheme = '<b><span style="color: red;">Light</span></b>';</span></div>
<div>
<span style="background-color: #cccccc;">var DADrightclickimage = '<span style="color: blue;"><b>URL Gambar Sobat</b></span>';</span></div>
<div>
<span style="background-color: #cccccc;"></script></span></div>
<div>
<span style="background-color: #cccccc;"><script type='text/javascript' src="https://dickyz.googlecode.com/files/DickyzAntiKlikKanan.js"> </script></span></div>
</div>
<div>
</div>
<div>
</div>
<div>
<b>Keterangan :</b></div>
<div>
- Kode yang berwarna <b style="color: blue;">Biru </b>Ganti dengan URL Gambar Anti Klik Kanan punya sobat.</div>
<div>
- Kode yang berwarna <span style="color: red; font-weight: bold;">Merah</span> bisa sobat ganti "<b>Dark</b>"<b> </b>(jika Blog sobat padam) dan "<b>Light</b>" (jika Blog sobat cerah).<br />
<br />
<ul>
<li>Simpan.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-53478823112358716712013-07-20T18:14:00.003-07:002013-07-20T18:14:45.755-07:00Cara Membuat Disable Right-Click dengan Gambar<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-body entry-content">
<div dir="ltr" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://i1307.photobucket.com/albums/s599/Ndazrsullivan/disable_right_click_zps2c36bf0f.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<br />
Postingan kali ini yaitu Cara Membuat Disable Right-Click di Blog atau
anti klik kanan yang dilengkapi dengan gambar. Gimana? mau mencobanya.
Berikut tutorialnya.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
1. <a href="http://www.blogger.com/" target="_blank">Login</a> dulu ke Blog anda</div>
<div>
2. Masuk ke T<span style="font-family: inherit;">emplate<span style="line-height: 17px;"> </span><span style="line-height: 115%;">→ Edit HTML</span></span></div>
<div>
<span style="font-family: inherit;"><span style="line-height: 115%;">3. Copy kode dibawah ini lalu pastekan tepat <b>di atas</b> <b><span style="color: red;"></body></span></b></span></span></div>
<div>
<span style="font-family: inherit;"><span style="line-height: 115%;"><b><span style="color: red;"><br /></span></b></span></span></div>
<div>
<blockquote class="tr_bq">
<span style="font-family: inherit;"><b><script
type='text/javascript'></b></span><span style="font-family: inherit;"><b>var
DADrightclicktheme = '<span style="color: blue;"><span style="box-sizing: border-box;">Dark</span></span>';</b></span><span style="font-family: inherit;"><b>var
DADrightclickimage = '<span style="line-height: 115%;"><span style="box-sizing: border-box;"><span style="color: red;">http://i1307.photobucket.com/albums/s599/Ndazrsullivan/disable_right_click_zps2c36bf0f.jpg</span></span></span>';</b></span><span style="font-family: inherit;"><b></script></b></span><span style="line-height: 115%;"><span style="font-family: inherit;"><b><script
type='text/javascript'
src="http://yondarkness.googlecode.com/files/AntiCopas.js">
</script></b></span></span></blockquote>
<br />
<br />
<ul>
<li style="text-align: justify;"><b><span style="color: blue;">Dark <span style="color: black; font-weight: normal;">: bisa kamu ubah</span> </span></b>dengan warna background gambar kamu, bisa disesuaikan dengan tema blog kamu.</li>
<li style="text-align: justify;"><b style="text-align: left;"><span style="line-height: 18px;"><span style="box-sizing: border-box;"><span style="color: red;">http://i1307.photobucket.com/albums/s599/Ndazrsullivan/disable_right_click_zps2c36bf0f.jpg </span></span></span></b><b><span style="color: blue;"><span style="color: black; font-weight: normal;">: adalah gambar anti klik kanan kamu, bisa dirubah dengan gambar kamu sendiri.</span></span></b></li>
</ul>
<br />
<div style="text-align: justify;">
Demikian Cara Membuat Disable Right-Click di Blog, semoga bermanfaat. Happy blogging :D</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<h3>
<b><span style="color: blue;">TAG :</span><span style="color: red;"> Cara membuat disable right click, cara membuat anti klik kanan, cara disable klik kanan.</span></b></h3>
</div>
</div>
</div>
</div>
</div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-53004372163741179142013-07-20T17:51:00.001-07:002013-07-20T18:19:34.381-07:00Cara Membuat Anti Klik Kanan Pada Blog<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Cara Membuat Anti Klik Kanan Pada Blog</b>
- Sekarang saya akan share Cara Membuat Anti Klik Kanan Pada Blog.
Pasti kalau artikel anda di copy paste (copas) oleh orang lain anda akan
merasa kesal, betul kan? saya juga merasa begitu.. kita sudah capek -
capek nulis, ehh mereka malah sembarangan copas aja, yaahhh mau di apain
lagi.. biarkan saja lah. Nah, maka dari itu sekarang saya akan berbagi
ke teman - teman Cara Membuat Anti Klik Kanan Pada Blog. </span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;"></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: Arial,Helvetica,sans-serif;">Berikut <b>Cara Membuat Anti Klik Kanan Pada Blog</b> :</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;">1. Login ke Akun <b>Blogger</b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">2. Pilih <b>Layout</b> => <b>Add a Gadget</b> => <b>HTML/JavaScript</b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">3. Copy kode dibawah ini tepat didalamnya.</span><br />
<br />
<blockquote>
<span style="font-family: Arial,Helvetica,sans-serif;"><script></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;">var message="<span style="color: red;">Hayooo!! mau ngapain?? mau COPAS ya??? eitth.. ora isoooo!!!</span>";</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">///////////////////////////////////</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">function clickIE4(){if (event.button==2){alert(message);return false;}}</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">function
clickNS4(e){if
(document.layers||document.getElementById&&!document.all){if
(e.which==2||e.which==3){alert(message);return false;}}}</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">document.oncontextmenu=new Function("alert(message);return false")</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"> </script></span></blockquote>
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;">4. <b>Save</b>.</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;">Selesai!!</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-86015314114769389092013-07-20T16:35:00.001-07:002013-07-20T16:35:54.454-07:00Energy saving mode II<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center;">
</div>
<div style="text-align: left;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"> Login Ke Akun Blog Sobat</span></div>
<div style="text-align: left;">
<br /></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"></span><br />
<div style="text-align: left;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><span style="font-size: 12pt;"> Pada Dasbor Klik Rancangan-->
Kemudian TAMBAH GADGET Dan Pilih HTML Java/Script</span></span></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">
</span>
<br />
<div style="text-align: left;">
<br /></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"></span><br />
<div style="text-align: left;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><span style="font-size: 12pt;"> Pastekan Kode ini Tepat Didalamnya
Jangan Ragu Codenya 100% bisa</span></span></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">
<o:p></o:p></span><br />
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center;">
</div>
<div style="text-align: left;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"> <style
type="text/css">body .saving{position: fixed;width: 100%;top:
0;left:0;height: 100%;opacity: 0.98;filter:
alpha(opacity=98);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";background:
#000;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s
ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all
3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter:
alpha(opacity=0);-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background:
#0a7f01;border-bottom: 5px solid #333;-o-transition: opacity 2s ease-in-out
2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition:
opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in
1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear
0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width:
92%;background: transparent;font-size: 100px;font-family: "Serif",
Times New Roman;color: #FF0000;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px
-6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;position:
relative;margin-top: 200px;line-height: 20px;font-weight: bold;text-align:
center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius:
20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s,
background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out
8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s
ease-out 8s, background 4s ease-out 12s;}body:hover .saving p.esm1{font-size:
10px;color: red;width: 25%;margin: 340px 0 0 300px;padding: 25px;background:
#aaa;border: 20px solid #888;border-radius: 170px;-moz-border-radius:
170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px)
rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg)
scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg)
scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s
1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top
1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width
1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background
0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s
ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s
1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s,
margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s
ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display:
block;text-align: center;width: 300px;margin: -10px auto; font-weight:
normal;padding: 2px 8px;background: #000;border: 1px solid #333;border-radius:
0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow:
none;font-family: Arial, Helvetica, sans-serif;-o-transition: 1s
ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s
ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding:
0;}.saving p span.esm3{color: #ccc;font-family: "Tahoma", Arial,
Helvetica;display: block;margin:10px auto;background: url
http://i964.photobucket.com/albums/ae124...) left center repeat-x;background:
-moz-linear-gradient(top,#666,#111);background: -webkit-gradient(linear,0%
top,0% bottom,from(#111),to(#666));opacity: 0.6;filter:
alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width:
250px;text-shadow: 1px 1px 1px #000;border: 1px solid #333;border-radius: 4px;padding:2px
10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size:
12px;font-weight: normal;line-height: 16px;}.saving .by_Tejahtc {margin-left:
30px;text-align: center;color: #015828;font-size: 12px;font-weight:
normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left:
0;}.saving .by_Tejahtc span.esm4 {color:
#aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost
{width:210px;overflow: hidden;height: 327px;float: right;margin-top:
10px;padding: 4px 2px;background: transparent;border: 1px solid
transparent;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius:
10px;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s
ease-out;-webkit-transition: all 1.5s ease-out;}</style></span></div>
<div style="text-align: left;">
<span style="font-family: 'Times New Roman', serif;"><br /></span></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"></span><br />
<div style="text-align: left;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><span style="font-size: 12pt;"> <div class="saving"></span></span></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">
</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="text-align: left;">
<span style="font-size: 12pt;"> <p class="esm1">Fanzomestic™</span></div>
</span>
<br />
<div style="text-align: left;">
<br /></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"></span><br />
<div style="text-align: left;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><span style="font-size: 12pt;"> <div class="by_Tejahtc">Original design by: <span
class=>Fanzomestic.com</span> - April 2012</div></span></span></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">
</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><div style="text-align: left;">
<span style="font-size: 12pt;"> </p></div></span></div>
<o:p></o:p></span><br />
<br />
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center;">
</div>
<div style="text-align: left;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">* Ubah
Kata Nama FANZOMESTIC™ Dengan Nama Sobat.</span></div>
<div style="text-align: left;">
<span style="font-family: 'Times New Roman', serif;"><br /></span></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"></span><br />
<div style="text-align: left;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><span style="font-size: 12pt;"> * Dan Yg Terkahir Simpan</span></span></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">
<o:p></o:p></span><br />
<div id="stcpDiv" style="left: -1988px; position: absolute; top: -1999px;">
<div style="text-align: center;">
<div style="text-align: left;">
Cara Membuat Screensaver Di Blog or Membuat (Energy Saving Mode)Pada
Blogspot Bagi pengguna blog WordPress, cara memasang aplikasi ini sangat
mudah, cukup download Plugin Screensaver (Energy Saving Mode) saja dan
Pada Tutorial Blog kali ini artikel tentang Bagaimana Cara Membuat
Screen Saver Dengan Css. Cara Membuat Screen Saver (Energy Saving Mode)
Blog Jika Sobat Menginginkan Screen Saver Seperti Blog Posting Teja HTC
Itu Silakan Sobat Ikuti Langkah-Langkah Berikut Ini :</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
ini dia Tutorial Cara Membuat Screensaver atau Cara Membuat (Energy Saving Mode)</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
* Login Ke Akun Blog Sobat</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
* Pada Dasbor Klik Rancangan--> Kemudian TAMBAH GADGET Dan Pilih HTML Java/Script</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
* Pastekan Kode ini Tepat Didalamnya Jangan Ragu Codenya 100% bisa</div>
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<div style="text-align: left;">
<style
type="text/css">body .saving{position: fixed;width: 100%;top:
0;left:0;height: 100%;opacity: 0.98;filter:
alpha(opacity=98);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";background:
#000;border-bottom: 3px solid transparent;z-index:
999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s
ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover
.saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background:
#0a7f01;border-bottom: 5px solid #333;-o-transition: opacity 2s
ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in
1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear
0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out
2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving
p.esm1{margin: 0;padding: 0;width: 92%;background:
transparent;font-size: 100px;font-family: "Serif", Times New
Roman;color: #FF0000;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px
-6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;position:
relative;margin-top: 200px;line-height: 20px;font-weight:
bold;text-align: center;border: 30px solid transparent;border-radius:
20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition:
-o-transform 5s ease-out 8s, background-color 4s ease-out
12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s
ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s,
background 4s ease-out 12s;}body:hover .saving p.esm1{font-size:
10px;color: red;width: 25%;margin: 340px 0 0 300px;padding:
25px;background: #aaa;border: 20px solid #888;border-radius:
170px;-moz-border-radius: 170px;-webkit-border-radius:
170px;-o-transform:translate(600px,-500px) rotate(360deg)
scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg)
scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg)
scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left
0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in
0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition:
font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform
1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in
0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s
0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s,
background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s
ease-in, -webkit-border-radius 3s ease-in;}.saving p
span.esm2{font-size: 18px;opacity: 0.5;filter:
alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display:
block;text-align: center;width: 300px;margin: -10px auto; font-weight:
normal;padding: 2px 8px;background: #000;border: 1px solid
#333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius:
0;color: #0000FF;text-shadow: none;font-family: Arial, Helvetica,
sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s
ease-out;-webkit-transition: 1s ease-out;}.saving:hover p
span.esm2{font-size: 10px;width: 200px;padding: 0;}.saving p
span.esm3{color: #ccc;font-family: "Tahoma", Arial, Helvetica;display:
block;margin:10px auto;background: url
http://i964.photobucket.com/albums/ae124...) left center
repeat-x;background: -moz-linear-gradient(top,#666,#111);background:
-webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));opacity:
0.6;filter:
alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width:
250px;text-shadow: 1px 1px 1px #000;border: 1px solid
#333;border-radius: 4px;padding:2px 10px;-moz-border-radius:
4px;-webkit-border-radius: 4px;font-size: 12px;font-weight:
normal;line-height: 16px;}.saving .by_Tejahtc {margin-left:
30px;text-align: center;color: #015828;font-size: 12px;font-weight:
normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left:
0;}.saving .by_Tejahtc span.esm4 {color:
#aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost
{width:210px;overflow: hidden;height: 327px;float: right;margin-top:
10px;padding: 4px 2px;background: transparent;border: 1px solid
transparent;border-radius: 10px;-moz-border-radius:
10px;-webkit-border-radius: 10px;-o-transition: all 1.5s
ease-out;-moz-transition: all 1.5s ease-out;-webkit-transition: all 1.5s
ease-out;}</style></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<div class="saving"></div>
<div style="text-align: left;">
<p class="esm1">Fanzomestic™</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<div class="by_Tejahtc">Original design by: <span class=>Fanzomestic.com</span> - April 2012</div></div>
<div style="text-align: left;">
</p></div></div>
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<div style="text-align: left;">
* Ubah Kata Nama FANZOMESTIC™ Dengan Nama Sobat.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
* Dan Yg Terkahir Simpan</div>
</div>
- See more at: http://fanzomestic.blogspot.com/2012/04/membuat-screen-saver-energy-saving-mode.html#sthash.mFZTr5JH.dpuf</div>
<div id="stcpDiv" style="left: -1988px; position: absolute; top: -1999px;">
<div style="text-align: center;">
<div style="text-align: left;">
Cara Membuat Screensaver Di Blog or Membuat (Energy Saving Mode)Pada
Blogspot Bagi pengguna blog WordPress, cara memasang aplikasi ini sangat
mudah, cukup download Plugin Screensaver (Energy Saving Mode) saja dan
Pada Tutorial Blog kali ini artikel tentang Bagaimana Cara Membuat
Screen Saver Dengan Css. Cara Membuat Screen Saver (Energy Saving Mode)
Blog Jika Sobat Menginginkan Screen Saver Seperti Blog Posting Teja HTC
Itu Silakan Sobat Ikuti Langkah-Langkah Berikut Ini :</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
ini dia Tutorial Cara Membuat Screensaver atau Cara Membuat (Energy Saving Mode)</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
* Login Ke Akun Blog Sobat</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
* Pada Dasbor Klik Rancangan--> Kemudian TAMBAH GADGET Dan Pilih HTML Java/Script</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
* Pastekan Kode ini Tepat Didalamnya Jangan Ragu Codenya 100% bisa</div>
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<div style="text-align: left;">
<style
type="text/css">body .saving{position: fixed;width: 100%;top:
0;left:0;height: 100%;opacity: 0.98;filter:
alpha(opacity=98);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";background:
#000;border-bottom: 3px solid transparent;z-index:
999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s
ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover
.saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background:
#0a7f01;border-bottom: 5px solid #333;-o-transition: opacity 2s
ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in
1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear
0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out
2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving
p.esm1{margin: 0;padding: 0;width: 92%;background:
transparent;font-size: 100px;font-family: "Serif", Times New
Roman;color: #FF0000;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px
-6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;position:
relative;margin-top: 200px;line-height: 20px;font-weight:
bold;text-align: center;border: 30px solid transparent;border-radius:
20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition:
-o-transform 5s ease-out 8s, background-color 4s ease-out
12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s
ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s,
background 4s ease-out 12s;}body:hover .saving p.esm1{font-size:
10px;color: red;width: 25%;margin: 340px 0 0 300px;padding:
25px;background: #aaa;border: 20px solid #888;border-radius:
170px;-moz-border-radius: 170px;-webkit-border-radius:
170px;-o-transform:translate(600px,-500px) rotate(360deg)
scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg)
scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg)
scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left
0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in
0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition:
font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform
1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in
0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s
0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s,
background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s
ease-in, -webkit-border-radius 3s ease-in;}.saving p
span.esm2{font-size: 18px;opacity: 0.5;filter:
alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display:
block;text-align: center;width: 300px;margin: -10px auto; font-weight:
normal;padding: 2px 8px;background: #000;border: 1px solid
#333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius:
0;color: #0000FF;text-shadow: none;font-family: Arial, Helvetica,
sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s
ease-out;-webkit-transition: 1s ease-out;}.saving:hover p
span.esm2{font-size: 10px;width: 200px;padding: 0;}.saving p
span.esm3{color: #ccc;font-family: "Tahoma", Arial, Helvetica;display:
block;margin:10px auto;background: url
http://i964.photobucket.com/albums/ae124...) left center
repeat-x;background: -moz-linear-gradient(top,#666,#111);background:
-webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));opacity:
0.6;filter:
alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width:
250px;text-shadow: 1px 1px 1px #000;border: 1px solid
#333;border-radius: 4px;padding:2px 10px;-moz-border-radius:
4px;-webkit-border-radius: 4px;font-size: 12px;font-weight:
normal;line-height: 16px;}.saving .by_Tejahtc {margin-left:
30px;text-align: center;color: #015828;font-size: 12px;font-weight:
normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left:
0;}.saving .by_Tejahtc span.esm4 {color:
#aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost
{width:210px;overflow: hidden;height: 327px;float: right;margin-top:
10px;padding: 4px 2px;background: transparent;border: 1px solid
transparent;border-radius: 10px;-moz-border-radius:
10px;-webkit-border-radius: 10px;-o-transition: all 1.5s
ease-out;-moz-transition: all 1.5s ease-out;-webkit-transition: all 1.5s
ease-out;}</style></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<div class="saving"></div>
<div style="text-align: left;">
<p class="esm1">Fanzomestic™</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<div class="by_Tejahtc">Original design by: <span class=>Fanzomestic.com</span> - April 2012</div></div>
<div style="text-align: left;">
</p></div></div>
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<div style="text-align: left;">
* Ubah Kata Nama FANZOMESTIC™ Dengan Nama Sobat.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
* Dan Yg Terkahir Simpan</div>
</div>
- See more at: http://fanzomestic.blogspot.com/2012/04/membuat-screen-saver-energy-saving-mode.html#sthash.mFZTr5JH.dpuf</div>
</div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-21402209626929489452013-07-20T16:31:00.002-07:002013-07-20T16:31:31.586-07:00Energy saving mode<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title">
<a href="http://zi-share.blogspot.com/2012/04/cara-pasang-energy-saving-mode-screen.html">cara pasang energy saving mode ( screen saver ) pada blog</a>
</h1>
<div class="postmeta">
Energy saving mode atau yang biasa disebut dengan screen saver ini
berfungsi untuk menghentikan proses-proses yang berjalan di blog untuk
sementara waktu,</div>
<div class="post-body entry-content" id="post-body-1155555429927041609">
itu terjadi di karenakan blog kita tidak sedang ada kegiatan.<br />
Blog kita akan berjalan seperti sedia kala setelah pengunjung menggeserkan mouse ke arah Screen saver tersebut.<br />
<br />
jika kamu mau mengetahuinya secara langsung kamu bisa diam sejenak dalam <b><span id="goog_918433735"></span>Blogriefs<span id="goog_918433736"></span> </b>dan jangan melakukan kegiatan apapun, maka akan muncul screen saver seperti pada gambar di bawah ini ..<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTMAnyfKe4CS5jzIUBwfQdSsKr9g52YEdYoCNGXVwtOVSKHoiirTZuMBMEVVA5Ukla_0spqPp_WyVIOHy8UK-L1qxVN0-mFW0Ix9yHxkNd6r6i-UNbzE8-gtx_ChBsihJkVOI-HvqD0kI/s1600/screen+saver.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTMAnyfKe4CS5jzIUBwfQdSsKr9g52YEdYoCNGXVwtOVSKHoiirTZuMBMEVVA5Ukla_0spqPp_WyVIOHy8UK-L1qxVN0-mFW0Ix9yHxkNd6r6i-UNbzE8-gtx_ChBsihJkVOI-HvqD0kI/s320/screen+saver.PNG" width="320" /></a></div>
<br />
gmana....??<br />
jika kamu mau memiliki Energy saving mode atau screen saver ini kamu bisa ikutin langkah - langkah seperti yang berikut ini..!!<br />
<br />
<div style="text-align: center;">
<span style="color: orange;"><b>Langkah - langkah membuat </b><span style="text-align: left;"><b>Energy saving mode ( screen saver )</b></span></span></div>
<div style="text-align: center;">
</div>
<ul>
<li style="text-align: left;">Pertama masuk Blogger klik disini</li>
<li style="text-align: left;">Masuk Tata layout</li>
<li style="text-align: left;">Tambah gatget</li>
<li style="text-align: left;">Pilih HTML/Java script</li>
<li style="text-align: left;">dan masukkan code di bawah ini ke kotak konten pada HTML/Java script</li>
</ul>
<blockquote class="tr_bq">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="color: orange;"><script type="text/javascript" src="http://blogriefs.googlecode.com/files/blogriefs.js"></script></span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="color: orange;"><style type='text/css'></span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="color: orange;">div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(</span><b><span style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwL_7ye2eOTv_CmJsTdIrCI0Kqi_KONxg5BVxWgB1bFJ1-e0xpnuqJ5dk9pZF9kxUlpXOmnz2zzwNLKDcveF3xs_J8ThcgTKahbtzpGcMD6CYgrjCtVxadmOj82C4e1JTs0iNi5rw6wPc/s1600/screen+saver.png</span></b><span style="color: orange;">) no-repeat center center fixed black; }</span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="color: orange;">div#energysaving p span {display:none;visibility:hidden;}</span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="color: orange;"></style></span></div>
</blockquote>
<br />
<blockquote class="tr_bq">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
Note : untuk kode yang berwarna biru silahkan sobat ganti dengan kode URL foto screen saver sobat sendiri</div>
</blockquote>
<br />
<ul>
<li>jika semua hal sudah dilaksanakan kilik simpan</li>
<li>lihat hasilnya. </li>
</ul>
</div>
</div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-20289945613450993472013-07-17T08:07:00.000-07:002013-07-17T08:08:42.771-07:00Share Icon Media LOVE<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://helplogger.googlecode.com/svn/trunk/html/Open%20Heart%20Bookmarking%20Gadget.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtsEkOdeXb1Q-9mvMQ2WoDVwz_uUeJJMLG_YYlzMIJVBuqkNDAjNySP2hJ-iUyBTzH-fryHFslZf60iOwgb0EM-cVpJZW2LnxmBPCyaC9LTEifOnWy75jCgKpu1O45A5vwUlmF_TdFRpg5/s200/blogger-share-slide-out-heart-bookmarking-gadget-blogger-widgets.png" width="200" /></a></div>
<b><span style="font-size: medium;"><br /></span></b>
<b><span style="font-size: medium;"><br /></span></b>
<b><span style="font-size: medium;">Add<span style="font-size: medium;">ing </span>The Open Heart Bookmarking Gadge<span style="font-size: medium;">t<span style="font-size: medium;"> to Blogger</span></span></span></b><br />
<br />
<b>Step 1. </b>Go to your <b>Blogger Dashboard</b>, select <b>Template </b>and click the<b> Edit Html</b> button:<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcDhyphenhyphenXMYc7vq1JZRNn0vkBaIr20hyphenhyphen8dw0ngNfx3WVy6dK_jaqTz3eKKRhpxk6lPS1f0L_pBKz2tAvV0dSoaxD5kTq0x5whZ-JZhkxdA1UESdxWhZ8n0L2Bxfez5B-nR_taXtynxgOinDNS/s1600/remove-blogger-labels.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcDhyphenhyphenXMYc7vq1JZRNn0vkBaIr20hyphenhyphen8dw0ngNfx3WVy6dK_jaqTz3eKKRhpxk6lPS1f0L_pBKz2tAvV0dSoaxD5kTq0x5whZ-JZhkxdA1UESdxWhZ8n0L2Bxfez5B-nR_taXtynxgOinDNS/s1600/remove-blogger-labels.png" width="320" /></a></div>
<br />
....select the "Expand Widget Templates" box (it is recommended to make a backup first)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYE5PqCtOV3WYT2Ao_v3UuEm6_vvQKrl1X-djuXGlHkt0r-NsNYLV-cyCknZWwXEAs4qUaiiXqgKLdXeFG-bgf_X11nBlPR5IOHsVGE-WuKCev102PUaxCVL-UbajiahRGoIJ4ZXZmnl4T/s1600/blogger-expand-widget-templates.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYE5PqCtOV3WYT2Ao_v3UuEm6_vvQKrl1X-djuXGlHkt0r-NsNYLV-cyCknZWwXEAs4qUaiiXqgKLdXeFG-bgf_X11nBlPR5IOHsVGE-WuKCev102PUaxCVL-UbajiahRGoIJ4ZXZmnl4T/s1600/blogger-expand-widget-templates.png" width="320" /></a></div>
<br />
<b>Step 2.</b> Find the following tag (Ctrl + F):<br />
<br />
<blockquote class="tr_bq">
</head></blockquote>
<div>
<b><br />
</b><br />
<b>Step 3.</b> Paste above/before the <b></head></b> tag, the following code:</div>
<div>
<div>
<blockquote class="tr_bq">
<!-- Start Open Heart Bookmarking Gadget From http://www.helplogger.blogspot.com/ --><br />
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><br />
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><br />
<script type='text/javascript'>stLight.options({publisher:
&quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;,
onhover:false}); </script><br />
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><br />
<!-- End Open Heart Bookmarking Gadget From http://www.helplogger.blogspot.com/ --></blockquote>
</div>
</div>
<br />
<div>
<b>Step 4: </b>Now find (CTRL + F) this tag:<br />
<br /></div>
<blockquote class="tr_bq">
</body></blockquote>
<div>
<br />
<b>Step 5:</b> Paste above/before <b></body></b> tag... the following code:<br />
<br /></div>
<div>
<blockquote class="tr_bq">
<!-- Start Open Heart Bookmarking Gadget From http://www.helplogger.blogspot.com/ --><br />
<div style='position: fixed; <span style="color: #cc0000;">bottom: 2%; left: 2%;</span>'><br />
<div class='shareEgg' id='shareThisShareHeart'/><br />
</div><br />
<script
type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;,
[&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;],
{title:&#39;
<data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a
href="http://www.helplogger.blogspot.com/">Blogger Gadgets</a><br />
<!-- End Open Heart Bookmarking Gadget From http://www.helplogger.blogspot.com/ --></blockquote>
</div>
<br /></div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-73395372944482963022013-07-16T09:29:00.000-07:002013-07-16T09:51:33.475-07:00PCara Memasang Widget Kamera CCTV <div dir="ltr" style="text-align: left;" trbidi="on">
<script language="JavaScript"
src="http://js4you.googlecode.com/files/cctv.js"
type="text/javascript"> </script> <script
language="JavaScript" type="text/javascript">
cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuepITVc1ptyia7e9CVtBsUSkkF3ymHk3Tm-D0rizhF7R_ysSBLH-2TqsMInIZOCVKS1GFbjJP16xxNcptGNA6ZxwCtBdjWKe2OuLbMcNw-GjfqPd8RcexK7s70gtwhU2K-e1bHzV_FlI/s1600/cctv.gif")</script></div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-9975105621374197472013-07-16T09:24:00.001-07:002013-07-16T09:24:47.758-07:00Recent Posts with Thumbnails Widget for Blogger <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="code">
<div id="24work"><br />
<br />
<a href='http://bit.ly/work24'><img alt='blogger widgets'
src='https://sites.google.com/site/bdlab12/24work/blogspot%2btutorial.png'/></a><script
language="JavaScript"> <br />
<br />
imgr = new Array();<br />
<br />
<br />
<br />
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGbULLdHdAPOx6NNuhyphenhyphenZhfRiCsEgu_dYC0zuD_DGyPGAYsMdKA3K7vqFSzCA_IBM9Yn2fTYnbfSR_ngO3NRgIPj-Lk9Q7cx7qOr5rQ9e44cQkORQrNRzYidmzwveG7gBZ-6RdyHg5yfQg/s400/noimage.png";<br />
<br />
<br />
<br />
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGbULLdHdAPOx6NNuhyphenhyphenZhfRiCsEgu_dYC0zuD_DGyPGAYsMdKA3K7vqFSzCA_IBM9Yn2fTYnbfSR_ngO3NRgIPj-Lk9Q7cx7qOr5rQ9e44cQkORQrNRzYidmzwveG7gBZ-6RdyHg5yfQg/s400/noimage.png";<br />
<br />
<br />
<br />
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGbULLdHdAPOx6NNuhyphenhyphenZhfRiCsEgu_dYC0zuD_DGyPGAYsMdKA3K7vqFSzCA_IBM9Yn2fTYnbfSR_ngO3NRgIPj-Lk9Q7cx7qOr5rQ9e44cQkORQrNRzYidmzwveG7gBZ-6RdyHg5yfQg/s400/noimage.png";<br />
<br />
<br />
<br />
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGbULLdHdAPOx6NNuhyphenhyphenZhfRiCsEgu_dYC0zuD_DGyPGAYsMdKA3K7vqFSzCA_IBM9Yn2fTYnbfSR_ngO3NRgIPj-Lk9Q7cx7qOr5rQ9e44cQkORQrNRzYidmzwveG7gBZ-6RdyHg5yfQg/s400/noimage.png";<br />
<br />
<br />
<br />
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGbULLdHdAPOx6NNuhyphenhyphenZhfRiCsEgu_dYC0zuD_DGyPGAYsMdKA3K7vqFSzCA_IBM9Yn2fTYnbfSR_ngO3NRgIPj-Lk9Q7cx7qOr5rQ9e44cQkORQrNRzYidmzwveG7gBZ-6RdyHg5yfQg/s400/noimage.png";<br />
<br />
<br />
<br />
<br />
<br />
showRandomImg = true;<br />
<br />
<br />
<br />
<div style="color: red;">
tablewidth <span style="color: black;">= 298; </span></div>
<span style="color: blue;">cellspacing</span> = 8; <br />
<br />
<span style="color: lime;">borderColor</span> = "#ffffff"; <br />
<br />
bgTD = "#ffffff";<br />
<br />
<br />
<br />
<span style="color: orange;">imgwidth</span> = 80; <br />
<br />
<span style="color: orange;">imgheight</span> = 80;<br />
<br />
<br />
<br />
<span style="color: magenta;">fntsize</span> = 12; <br />
<br />
<span style="color: cyan;">acolor</span> = "#666"; <br />
<br />
aBold = true; <br />
<br />
icon = " ";<br />
<br />
<br />
<br />
text = "no";<br />
<br />
<br />
<br />
showPostDate = false;<br />
<br />
<br />
<br />
summaryPost = 50; <br />
<br />
summaryFontsize = 11; <br />
<br />
summaryColor = "#666"; <br />
<br />
icon2 = " ";<br />
<br />
<br />
<br />
numposts = 5;<br />
<br />
<br />
<br />
home_page = "<b><span style="color: red;">http://anakdandunia.blogspot.com/</span></b>";<br />
<br />
<br />
<br />
</script> <br />
<br />
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/rec-thumbnail/recentposts_thumbnail-1.js"></script><br />
<br />
<span style="font-size:5px;position:absolute;"><a
title='blogger widget' href="http://24work.blogspot.com"
target='_blank'>Blogspot Tutorial</a></span></div></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><br />
</span></div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-55798034879789204072013-07-16T08:29:00.000-07:002013-07-16T08:29:17.707-07:00 Cara Membuat Widget Tab View 3 Kolom<div dir="ltr" style="text-align: left;" trbidi="on">
1. Masuk ke Blogger <b>→ </b>Dashboard Blogger <b>→ </b> Tata Letak <b>→ </b> Tambah Widget <b>→ </b> HTML/Javascript.<br />
<br />
2. Pastekan kode dibawah ini :<br />
<br />
<style type="text/css"><br />
div.TabView div.Tabs a<br />
{<br />
float: left;<br />
display: block;<br />
width: 90px; /* Lebar Kotak Tab */<br />
height: 22px; /* Tinggi Menu Utama Atas */<br />
text-align: center; /* Posisi Teks Menu Tab */<br />
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */<br />
background-color: #000; /* Warna background Kotak Tab */<br />
padding-top: 2px; /* Spasi Atas */<br />
border: 1px solid #ffffff; /* Warna border kotak Tab */<br />
border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */<br />
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */<br />
font-weight: 900; /* Ketebalan Teks kotak tab */<br />
}<br />
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active<br />
{<br />
background-color: #736F6E; /* Warna background utama kotak tab */ }<br />
div.TabView div.Pages<br />
{<br />
clear: both;<br />
border: 1px solid #cccccc; /* Warna border Kotak Konten */<br />
overflow: hidden;<br />
background-color: #ffffff; /* Warna background Kotak konten */<br />
}<br />
div.TabView div.Pages div.Page<br />
{<br />
height: 100%;<br />
padding: 5px; /* Jarak teks dalam kotak content */<br />
overflow: hidden;<br />
}<br />
div.TabView div.Pages div.Page div.Pad<br />
{<br />
padding: 3px 5px;<br />
}<br />
</style><br />
<br />
<form action="tabview.html" method="get"><br />
<div id="TabView" class="TabView"><br />
<div style="width: 300px;" class="Tabs"><br />
<a><span style="color: #fff"><span style="color: blue;">Menu 1</span></span></a><br />
<a><span style="color: #fff"><span style="color: blue;">Menu 2</span></span></a><br />
<a><span style="color: #fff"><span style="color: blue;">Menu 3</span></span></a><br />
</div><br />
<div style="width: 310px; height: 400px;" class="Pages"><br />
<br />
<div class="Page"><br />
<div class="Pad"><br />
<span style="color: #3d85c6;"><span style="color: red;">Konten dari Menu 1</span></span><br />
</div></div><br />
<br />
<div class="Page"><br />
<div class="Pad"><br />
<span style="color: #3d85c6;"><span style="color: red;">Konten dari Menu 2</span></span><br />
</div></div><br />
<br />
<div class="Page"><br />
<div class="Pad"><br />
<span style="color: #3d85c6;"><span style="color: red;">Konten dari Menu 3</span></span><br />
</div></div><br />
<br />
</div><br />
</div><br />
<br />
</form><br />
<br />
<script src="http://airalokadotcom.googlecode.com/files/tab%20view.js"><br />
</script><br />
<script type="text/javascript"><br />
tabview_initialize('TabView');<br />
</script><br />
<div style="text-align:right;margin-right:7px;"><a
title="Widget Tab View 3 Kolom" style="font:bold 8px
Arial,Sans-Serif;color:#666 !important;text-shadow:0px 1px 0px
rgba(255,255,255,0.1);opacity:1 !important;visibility:visible
!important;display:block !important;"
href="http://darkzone-dz.blogspot.com/2013/07/cara-membuat-widget-tab-view-3-kolom.html"
target="_blank">&#9658;Get this widget</a></div>
<br />
<br />
Keterangan :<br />
- Ganti teks yang berwarna <span style="color: blue;">biru</span> dengan judul dari widget yang ada pada Menu tersebut.<br />
- Ganti teks yang berwarna <span style="color: red;">merah </span>dengan teks atau script yang akan anda tambahkan.<br />
<br />
3. Jika Sudah seLese, Langsung Save (✖╭╮✖)<br />
<br />
Dah dLu yahh, dah ngatuk, karna ku buat post ini jam 00.25 mLem (( _ _ ))..zzzZZ<br />
Trimakasih, Monggo Dicoba</div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-65409580682788491842013-07-16T06:57:00.001-07:002013-07-16T06:57:07.082-07:00Widget Whos Amung Us<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">1. Login ke <u>Blogger.com</u></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">2. Klik <b>Tata Letak</b> terus klik
<b>Tambah Gadget</b> kemudian pilih <b>HTML/Javascript</b>. Masukan kode di
bawah ini:</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<i><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><script
id="_wau691">var _wau = _wau || [];</span></i><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<i><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">_wau.push(["tab",
"e3ku0gzti42i", "691", "left-middle"]);</span></i><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<i><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">(function() {var s=document.createElement("script");
s.async=true;</span></i><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<i><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">s.src="http://widgets.amung.us/tab.js";</span></i><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<i><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">document.getElementsByTagName("head")[0].appendChild(s);</span></i><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<i><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">})();</script></span></i><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">3. Simpan Template</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Selamat Mencoba dan Semoga
Bermanfaat </span></div>
<br /></div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-2195870556756717042013-07-16T06:54:00.000-07:002013-07-16T06:54:13.225-07:00Flag counter<div dir="ltr" style="text-align: left;" trbidi="on">
Flag counter merupakan layanan untuk menghitung traffik web/blog yang
free alias gratis. tampilanya yang sederhana dan datanya yang akurat
menjadi dayatariknya. terkadang kita iri dengan blog yang mempunyai
koleksi flag / bendera asal yang sangat banyak sedangkan blog kita hanya
mempunyai sedikit pengunjung itupun kita sendiri :-(.<br />
<div>
Hanya sekedar iseng - iseng saya akan memberikan <i>cara memanipulasi <a href="http://flagcounter.com/" target="_blank">flag counter</a></i> :</div>
<div>
<br />
<a href="http://www.blogger.com/blogger.g?blogID=909467659565416169" name="more"></a></div>
<div>
1.Siapkan alamat url atau link flag counter blog lain dengan cara mengklik widget/gadget flag counternya.<br />
<a href="http://www.blogger.com/null" name="more"></a></div>
<div>
2.Edit kode berikut</div>
<blockquote class="tr_bq">
<a<span style="color: red;"> href="http://s10.flagcounter.com/more/Hvi</span>"><img src="<span style="color: red;">http://s10.flagcounter.com/count/Hvi</span><span style="color: lime;">/bg_</span><span style="color: black;">FFFFFF</span><span style="color: lime;">/txt_</span><span style="color: black;">000000</span><span style="color: lime;">/</span><span style="color: black;">border</span><span style="color: lime;">_</span><span style="color: black;">CCCCCC</span><span style="color: lime;">/columns_</span><span style="color: black;">2</span><span style="color: lime;">/maxflags_</span><span style="color: black;">12</span><span style="color: lime;">/viewers_</span><span style="color: black;">0</span><span style="color: lime;">/labels_</span><span style="background-color: white; color: black;">1</span><span style="color: lime;">/pageviews_</span><span style="color: black;">1</span><span style="color: lime;">/flags_</span><span style="color: black;">1</span><span style="color: lime;">/" alt="free counters" border="</span><span style="color: black;">0</span><span style="color: lime;">"></a></span></blockquote>
kode warna <span style="color: red;">merah</span> ganti dengan link flag counter blog lain.<br />
<br />
<br />
Cara Mengetahuinya Adalah Klik Kanan Pada Mouse + Open Liknk New Tab<br />
<br />
Pada Alamt web Di Copy Dan DI Paste Pada Tulisan Merah<br />
<br />
3.Setelah anda edit lalu masuk ke <a href="http://www.blogger.com/" target="_blank">Blogger</a>.<br />
4.Masuk ke Tata Letak<br />
5.Tambah gadget / widget .<br />
6.Simpan
</div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-73152898677918872992013-07-16T06:07:00.001-07:002013-07-16T06:07:00.264-07:00Cara Membuat Widget Kaleng Tersembunyi Di Atas Blog ( Header )<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-meta">
<span class="meta_date"><br /></span><span class="meta_comments"></span>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh46txbYdJGzg-wnRR6jh9CJU6iT-VltD8u0mKPcDEFySApDW4v2oWYf95CfHirTe-tFS2MIt7sXdqo8ylDuNJG1nfRG6j5mjM2qUfcmXpf_6cfMTY33LCQ0flYR0Cz-ytsvgV2Wax-v9Z2/s1600/Widget.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="68" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh46txbYdJGzg-wnRR6jh9CJU6iT-VltD8u0mKPcDEFySApDW4v2oWYf95CfHirTe-tFS2MIt7sXdqo8ylDuNJG1nfRG6j5mjM2qUfcmXpf_6cfMTY33LCQ0flYR0Cz-ytsvgV2Wax-v9Z2/s400/Widget.JPG" width="400" /></a></div>
<span style="font-size: xx-small;"><span style="font-family: Arial,Helvetica,sans-serif;">Kali ini saya akan membuat artikel mengenai</span> </span><span style="font-size: xx-small;"><i style="font-family: Georgia,"Times New Roman",serif;"><b>" Cara Membuat Widget Kaleng Tersembunyi Di Atas Blog ( Header ) "</b></i></span><br />
<div style="font-family: Georgia,"Times New Roman",serif;">
<div style="font-family: Georgia,"Times New Roman",serif;">
<br /><br />
<div style="text-align: center;">
<div style="font-family: Arial,Helvetica,sans-serif;">
<div style="text-align: center;">
<div style="text-align: justify;">
<div class="MsoNoSpacing">
<div style="font-family: Arial,Helvetica,sans-serif;">
<br />
<span style="font-size: xx-small;">Karena permintaan salah salah satu
sahabat wizyuloverz yang bertanya cara membuat widget kaleng tersembunyi
di atas blog, maka dari itu saya akan membuatkan tutorial bagaimana
cara membuat widget tersebut, sebagai contoh sahabat bisa melihatnya di
blog saya, letaknya diatas bagian heade, Berikut cara pembuatannya.</span><br />
<span style="font-size: xx-small;"> </span><br />
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: xx-small;">Silahkan Ikuti Langkah-langkah berikut :</span></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: xx-small;">1. Silahkan login akun Blog Anda</span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: xx-small;">2. Pilih menu <i style="font-family: Georgia,"Times New Roman",serif;"><b>Rancangan</b></i> dan Pilih <i style="font-family: Georgia,"Times New Roman",serif;"><b>Elemen Laman</b></i></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: xx-small;">3. Setelah itu pilih<span style="font-family: Georgia,"Times New Roman",serif;"> </span><i style="font-family: Georgia,"Times New Roman",serif;"><b>Tambah Gadget </b></i></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: xx-small;">4. Kemudian Tambahkan </span><span style="font-family: Georgia,"Times New Roman",serif; font-size: xx-small;"><i><b>HTML/JavaScript</b></i></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: xx-small;">5. Dan Copy dan kode di bawah ini :</span><br />
<br />
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
<!-- Widget - http://wizyuloverz.blogspot.com - Start --></div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
<style></div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
ul#navigation {</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
position: fixed;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
margin: 0px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
padding: 0px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
top: 0px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
right: 0px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
list-style: none;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
z-index:999999;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
width: <span style="background-color: magenta;">993</span>px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
}</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
ul#navigation li {</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
width: 103px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
display:inline;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
float:left;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
border:0;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
}</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
ul#navigation li a {</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
display: block;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
float:left;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
margin-top: -2px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
width: 100px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
height: 25px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
background-color:#000000;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
background-repeat:no-repeat;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
background-position:50% 10px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
border:1px solid #BDDCEF;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
-moz-border-radius:0px 0px 10px 10px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
-webkit-border-bottom-right-radius: 10px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
-webkit-border-bottom-left-radius: 10px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
-khtml-border-bottom-right-radius: 10px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
-khtml-border-bottom-left-radius: 10px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
text-decoration:none;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
text-align:center;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
padding-top:80px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
opacity: 0.96;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
}</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
ul#navigation li a:hover{</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
background-color:#BDBDBD;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
}</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
ul#navigation li a span{</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
letter-spacing:2px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
font-size:11px;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
color:#FFFFFF;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
font-family:trebuchet-ms, arial, tahoma, Sans-Serif;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
font-weight:bold;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
text-shadow: 0 -1px 1px #fff;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
}</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
ul#navigation .rss a{</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/RSS.png);</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
}</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
ul#navigation .facebook a {</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/Facebook.png);</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
}</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
ul#navigation .twitter a {</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/Twitter.png);</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
}</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
ul#navigation .g-mail a{</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/Google.png);</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
}</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
ul#navigation .y-mail a{</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/Yahoo.png);</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
}</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
ul#navigation .youtube a{</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/YouTube.png);</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
}</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
</style></div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript"></div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
</script></div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
<script type="text/javascript"></div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
$(function() {</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
var d=300;</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
$('#navigation a').each(function(){</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
$(this).stop().animate({</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
'marginTop':'-80px'</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
},d+=150);</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
});</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
$('#navigation > li').hover(</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
function () {</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
$('a',$(this)).stop().animate({</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
'marginTop':'-2px'</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
},200);</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
},</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
function () {</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
$('a',$(this)).stop().animate({</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
'marginTop':'-80px'</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
},200);</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
}</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
);</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
});</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
</script></div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
</div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
<ul id="navigation"></div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
<li class="rss"><a target="_blank" href="<span style="background-color: yellow;">http://ngeblogbarengbareng.blogspot.com</span>/atom.xml" rel="http://wizyuloverz.blogspot.com">RSS Feed</a></li></div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
<li class="facebook"><a target="_blank"href="http://www.facebook.com/<span style="background-color: orange;">belajarnge-blog</span>">Facebook</a></li></div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
<li class="twitter"><a target="_blank"href="https://twitter.com/<span style="background-color: lime;">belajarnge-blog</span>">Twitter</a></li></div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
<li class="g-mail a"><a target="_blank"href="https://www.google.com/bookmarks/">Google</a></div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
<li class="y-mail a"><a target="_blank"href="https://www.Yahoo.com/bookmarks/">Yahoo</a></div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
<li class="youtube a"><a target="_blank" href="https://www.Youtube.com/">YouTube</a></li></div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
</li></div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
</li></ul></div>
<div class="MsoNoSpacing" style="font-family: "Courier New",Courier,monospace; text-align: left;">
<!-- Widget - http://wizyuloverz.blogspot.com - End--></div>
<div class="MsoNoSpacing">
</div>
</div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif; font-size: xx-small;">6. Setelah di Copy silahkan sahabat bisa mengganti Angka berwarna <span style="background-color: magenta;">Pink</span> diatas untuk mengatur posisi widget pada blog sahabat.</span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: xx-small;">7. Ganti URL/Alamat Blog di atas yang berwarna <span style="background-color: yellow;">Kuning</span> dengan URL/Alamat Blog sahabat</span><br />
8. Ganti Tulisan berwarna <span style="background-color: orange;">Orange</span> diatas dengan ID Facebook sahabat.<br />
9. Ganti Tulisan berwarna <span style="background-color: orange;"></span><span style="background-color: lime;">Hijau</span> diatas dengan ID Twitter sahabat.<br />
10. Setelah Selesai Silahkan Simpan/SAVE widget, kemudian lihat hasilnya.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
</div>
<div class="post-share-buttons">
<a class="goog-inline-block share-button sb-email" href="http://ngeblogbarengbareng.blogspot.com/2012/08/&target=email" target="_blank" title="Kirimkan Ini lewat Email"><span class="share-button-link-text"><br /></span></a><a class="goog-inline-block share-button sb-facebook" href="http://ngeblogbarengbareng.blogspot.com/2012/08/&target=facebook" target="_blank" title="Berbagi ke Facebook"><span class="share-button-link-text"></span></a>
</div>
</div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0tag:blogger.com,1999:blog-2388884405086915513.post-42955042964071228702013-07-16T06:05:00.000-07:002013-07-16T06:05:18.757-07:00Cara Memngganti Tulisan Home, Postingan Lebih Baru, dan Postingan Lama Dengan Gambar Pada Blog<div dir="ltr" style="text-align: left;" trbidi="on">
Sebelumnya
Saya minta maaf apabila judul Postingan kali ini sangat panjang, karena
Saya bingung mau kasih judul apa, jadi biar gak ribet Saya kasik aja
judul bergitu, hehehe. OK, masalah judul tidak perlu di permasalahkan,
kita masuk ke langkah-langkahnya. Berikut langkah-langkahnya.
<br />
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b>[1].</b> Pertama Login dulu ke Blog Kalian.</div>
<div style="text-align: justify;">
<b>[2].</b> Dari Dasbor, cari Rancangan --> Edit HTML.</div>
<div style="text-align: justify;">
<b>[3].</b> Centang kotak <input id="expand-widget" kind="click" type="checkbox" /> Expand Template Widget, dan cari Code2 di bawah.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b>A.</b> Untuk Home, cari Code <b><span style="color: red;"><data:homeMsg/></span></b>, nanti jika ada 2 atau 3 Code seperti itu, ganti saja semuanya, dan ganti Code tersebut dengan Code berikut :</div>
<div style="text-align: left;">
<blockquote class="tr_bq" style="color: lime;">
<div>
<b><img src="<span style="color: blue;">http://roele112.googlepages.com/home.png</span>"/></b></div>
</blockquote>
</div>
<div style="text-align: justify;">
<b>B.</b> Untuk Postingan Lama, cari Code <b><span style="color: red;"><data:olderPageTitle/></span></b>, dan ganti dengan Code berikut :</div>
<div style="text-align: left;">
<blockquote class="tr_bq">
<div style="color: lime;">
<b><img src="<span style="color: blue;">http://roele112.googlepages.com/older.png</span>"/></b></div>
</blockquote>
</div>
<div style="text-align: justify;">
<b>C.</b> Untuk Postingan Baru, cari Code <b><span style="color: red;"><data:newerPageTitle/></span></b>, dan ganti dengan Code berikut :</div>
<div style="text-align: left;">
<blockquote class="tr_bq">
<div style="color: lime;">
<b><img src="<span style="color: blue;">http://roele112.googlepages.com/newer.png</span>"/></b></div>
</blockquote>
</div>
<div style="text-align: justify;">
<b>NB : </b></div>
<div style="text-align: justify;">
- Tulisan yang berwarna <b><span style="color: blue;">Biru</span>,</b> Kalian bisa ganti dengan URL gambar Kalian.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b>[4].</b> Simpan dan lihat hasilnya.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Selamat Mencoba dan Semoga Berhasil...!!! Ohh Ya Jangan Lupa Tinggalkan Komentarnya Ya...!!!</div>
</div>
dan ipul climberhttp://www.blogger.com/profile/12553261588603594043noreply@blogger.com0