Membuat Like Box Facebook Melayang/Popup dengan Waktu

<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEMyXU-aEXOwWDCtLEfOYoEcNovH6cgKLD_G5dw2i34WTfzvIPoNuPfkJOJLwrKWDrGDbxYCgXsV8Tn846Jmlj2jOB9nmg0sQGHT-tcKEs4FYMm63hC4_CxAsF13IAah2kS77UnKcDKzdc/s1600/SnapCrab_NoName_2014-10-13_20-8-40_No-00_zps44a4c4c9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEMyXU-aEXOwWDCtLEfOYoEcNovH6cgKLD_G5dw2i34WTfzvIPoNuPfkJOJLwrKWDrGDbxYCgXsV8Tn846Jmlj2jOB9nmg0sQGHT-tcKEs4FYMm63hC4_CxAsF13IAah2kS77UnKcDKzdc/s400/SnapCrab_NoName_2014-10-13_20-8-40_No-00_zps44a4c4c9.png" width="400" /></a></div> <br /> <b>Membuat Like Box Facebook Melayang/Popup dengan Timer</b> – Buat anda yang ingin meningkatkan penggemar fan page facebook, salah satu cara adalah dengan memasang widget pada blog/web anda, dengan cara seperti itu anda akan mendapatkan kesempatan bagi para pengunjung untuk mengikuti anda di dalam facebook milik anda. Langsung saja kita mulai :<br /> <br /> Jika anda sudah memiliki halaman/fan page, berikut adalah langkah-langkah-nya:<br /> 1. Pertama ada harus login terlebih dahulu ke akun blogger<br /> 2. Pada dashboard blogger anda pilih <b>Tata Letak/Layout</b><br /> 3. Kemudian pilih <b>Tambah Gadget</b><br /> 4. Pilih <b>HTML/JavaScript</b><br /> 5. Masukan kode dibawah ini<br /> <blockquote class="tr_bq">  <style>#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px; _position: absolute; /* hack for IE 6*/ width: 450px; border: 10px solid #6F6F6F; z-index: 200; -moz-border-radius: 9px; -webkit-border-radius: 9px; margin: 0pt; padding: 0pt; color: #333333; text-align: left; font-family: arial,sans-serif; font-size: 13px;} #fblikepop body { background: #fff none repeat scroll 0%; line-height: 1; margin: 0pt; height: 100%;} .fbflush { cursor: pointer; font-size: 11px !important; color: #FFF !important; text-decoration: none !important; border: 0 !important;} #fblikebg { display: none; position: fixed; _position: absolute; /* hack for IE 6*/ height: 100%; width: 100%; top: 0; left: 0; background: #000000; z-index: 100;} #fblikepop #closeable { float: right; margin: 7px 15px 0 0;} #fblikepop h1 { background: #6D84B4 none repeat scroll 0 0; border-top: 1px solid #3B5998; border-left: 1px solid #3B5998; border-right: 1px solid #3B5998; color: #FFFFFF !important; font-size: 14px !important; font-weight: normal !important; padding: 5px !important; margin: 0 !important; font-family: “Lucida Sans Unicode”, “Lucida Grande”, sans-serif !important;} #fblikepop #actionHolder { height: 30px; overflow: hidden;} #fblikepop #buttonArea { background: #F2F2F2; border-top: 1px solid #CCCCCC; padding: 10px; min-height: 50px;} #fblikepop #buttonArea a { color: #999999 !important; text-decoration: none !important; border: 0 !important; font-size: 10px !important;} #fblikepop #buttonArea a:hover { color: #333 !important; text-decoration: none !important; border: 0 !important;} #fblikepop #popupMessage { font-size: 12px !important; font-weight: normal !important; line-height: 22px; padding: 8px; background: #fff !important;} #fblikepop #counter-display { float: right; font-size: 11px !important; font-weight: normal !important; margin: 5px 0 0 0; text-align: right; line-height: 16px;}</style> <script src=”http://www.google.com/jsapi”></script><script>google.load(“jquery”, “1”);</script> <script type=”text/javascript” src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script> <script type=”text/javascript”> //<![CDATA[<br /> kakinetworkdotcom01username=”<span style="color: red;">rhm-files.tk</span>“,<br /> kakinetworkdotcom01title=”<span style="color: green;">Join us at Facebook!</span>“,<br /> kakinetworkdotcom01skin=”01″,<br /> kakinetworkdotcom01time=”<span style="color: blue;">35</span>“,<br /> kakinetworkdotcom01wait=”0″,<br /> kakinetworkdotcom01lang=”en”<br /> //]]> </script> <script type=”text/javascript” src=”https://85e226a87b2bf350df1d41a315144646fa40bbc6.googledrive.com/host/0BwJi9OR4DEj-TVlQZllRQm9icDQ/sikudil.js”></script><script type=”text/javascript”><br /> //<![CDATA[<br /> $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});<br /> //]]><br /> </script></blockquote> <br /> Keterangan:<br /> <ol> <li>Pada kode yang saya beri tanda <span style="color: red;">Merah</span>: Silahkan ganti sesuai username halaman/fanpage facebook anda</li> <li>Pada kode yang saya beri tanda<span style="color: green;"> hijau</span>: Silahkan sesuai dengan keinginan anda, itu adalah tulisan untuk menyapa pengunjung ketika Popup Like Box anda muncul</li> <li>Pada Tulisan warna <span style="color: blue;">Biru</span>: Silahkan ganti sesuai waktu yang anda inginkan (Lama waktu dihitung dalam hitungan detik, jadi artinya jika anda memilih 35 maka lama watu Popup 35 detik)</li> </ol> <br /> 6. Terakhir silahkan anda simpan<br /> <br /> Nah itu adalah cara <b>Membuat Like Box Facebook Melayang/Popup dengan Timer</b>, dengan menggunakan cara diatas maka anda mempunyai kesempatan untuk mendapatkan penggemar pada halaman/fanpage facebook anda. Tapi perlu anda ingat untuk menentukan waktu, jangan terlalu lama, atur dengan bijak agar pengunjung tidak merasa risih. Karna tidak semua pengunjung menyukai cara ini.

Membuat Widget Social Media Keren Pada Blogger

<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQUkgal5fsQdE38fKzBdfCTka06_gWXOm9d39IbZxcbfFEY9Ql3AfY7jbxmTkiMTeKFGK0F2UmPTWJ4kZujLU4A0qpmVyJQG8zDZyUyeYlV48_hO5GCLCvpF_cNy-c0ZPRM-HkRX8_78nI/s1600/Screenshot_102.png" imageanchor="1"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQUkgal5fsQdE38fKzBdfCTka06_gWXOm9d39IbZxcbfFEY9Ql3AfY7jbxmTkiMTeKFGK0F2UmPTWJ4kZujLU4A0qpmVyJQG8zDZyUyeYlV48_hO5GCLCvpF_cNy-c0ZPRM-HkRX8_78nI/s400/Screenshot_102.png" width="400" /></a></div> <br />  Langsung saja kita mulai cara membuat widget sosial media di blogger , langkah-langkahnya ada di bawah :<br /> <ul> <li>Login ke akun blogger sobat</li> <li>Pada bagian dashboard pilih Layout</li> <li>Pilih Add a Gadget</li> <li>Pilih HTML/JavaScript</li> <li>Masukkan kode dibawah ini</li> </ul> <blockquote class="tr_bq"> <pre class="brush: php; title: ; notranslate" title=""><style type="text/css"> /*start Facebook Icon*/ #SC a.sos1{ opacity:0.7; margin:5px 5px 20px 20px; padding:7px 5px 5px 5px; background:#0282c2; box-shadow:2px 2px 0 #ccc,3px 3px 0 #fff, 4px 5px 0 #ccc,5px 6px 0 #fff, 6px 8px 0 #ccc,7px 9px 0 #fff, 8px 11px 0 #0282c2,13px 11px 10px 1px rgba(0,0,0,0.5); transform:matrix(0.866,0.1,-0.5,0.866,0,0); -ms-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* IE 9 */ -moz-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Firefox */ -webkit-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Safari and Chrome */ -o-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Opera */ text-transform: uppercase; border-radius: 5px; float:left; text-decoration:none; height:20px; color: transparent; font: 12px 'Arial black'; letter-spacing:1px; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ULpRBN-XD4_yE8bG92Oc1GxUg9l-gfm3FNfU_TD63rQ7sC41c0EifVhVww9seun3bOzPjUz1xSD13ux71Rmm7WSYsKexinitupCWoDU3lsX6DxGLM3HsbWKASvReswwSg_5Z7UGeWaQ9/s1600/Web-Facebook+icon.png'); background-repeat:no-repeat; background-position:center; background-size: 100% 100%; } #SC a.sos1:hover{ opacity:1; box-shadow:2px 12px 0 #ccc,3px 13px 0 #fff, 4px 15px 0 #ccc,5px 16px 0 #fff, 6px 18px 0 #ccc,7px 19px 0 #fff, 8px 21px 0 #0282c2,13px 21px 10px 1px rgba(0,0,0,0.5),13px 5px 10px 1px rgba(0,0,0,0.2); } /*End Facebook Icons*/ /*Start Google+ Icons*/ #SC a.sos2{ opacity:0.7; margin:5px; padding:7px 5px 5px 5px; background:#d44137; box-shadow:2px 2px 0 #ccc,3px 3px 0 #fff, 4px 5px 0 #ccc,5px 6px 0 #fff, 6px 8px 0 #ccc,7px 9px 0 #fff, 8px 11px 0 #d44137,13px 11px 10px 1px rgba(0,0,0,0.5); transform:matrix(0.866,0.1,-0.5,0.866,0,0); -ms-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* IE 9 */ -moz-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Firefox */ -webkit-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Safari and Chrome */ -o-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Opera */ text-transform: uppercase; border-radius: 5px; float:left; text-decoration:none; height:20px; color: transparent; font: 12px 'Arial black'; letter-spacing:1px; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdtSRkLZmwlMnxD22NXzIGrwJGzbEN_-SZXkMRweyYwyw0Rwo3TYog-z1zLd8xoz9UW6Q8N5NXO_VNeiJtvORQDLwSO7K0GP9d0et3p2In7NMd0hTeQ4yyH-qJPfv0fySsePA-NJUxj_Va/s1600/Web-Google+icon.png'); background-repeat:no-repeat; background-position:center; background-size: 100% 100%; } #SC a.sos2:hover{ opacity:1; box-shadow:2px 12px 0 #ccc,3px 13px 0 #fff, 4px 15px 0 #ccc,5px 16px 0 #fff, 6px 18px 0 #ccc,7px 19px 0 #fff, 8px 21px 0 #d44137,13px 21px 10px 1px rgba(0,0,0,0.5),13px 5px 10px 1px rgba(0,0,0,0.2); } /*End Google+ Icons*/ /*Start Twitter Icons*/ #SC a.sos3{ opacity:0.7; margin:5px; padding:7px 5px 5px 5px; background:#63c8f7; box-shadow:2px 2px 0 #ccc,3px 3px 0 #fff, 4px 5px 0 #ccc,5px 6px 0 #fff, 6px 8px 0 #ccc,7px 9px 0 #fff, 8px 11px 0 #63c8f7,13px 11px 10px 1px rgba(0,0,0,0.5); transform:matrix(0.866,0.1,-0.5,0.866,0,0); -ms-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* IE 9 */ -moz-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Firefox */ -webkit-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Safari and Chrome */ -o-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Opera */ text-transform: uppercase; border-radius: 5px; float:left; text-decoration:none; height:20px; color: transparent; font: 12px 'Arial black'; letter-spacing:1px; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi72GtbU-_Sr6qOKrChwyruocVvYUqWXOS87ijhaaCivR546elkeTN1_agUHDAzM2Q4ebzGpVQE6mmAKf8GQm5d3fBHH4j79WLe2Jkaav1csVM5WjEfdtT0W0Bi2RXT-s68YLb0jbhO-uEN/s1600/Web-Twitter+icon.png'); background-repeat:no-repeat; background-position:center; background-size: 100% 100%; } #SC a.sos3:hover{ opacity:1; box-shadow:2px 12px 0 #ccc,3px 13px 0 #fff, 4px 15px 0 #ccc,5px 16px 0 #fff, 6px 18px 0 #ccc,7px 19px 0 #fff, 8px 21px 0 #63c8f7,13px 21px 10px 1px rgba(0,0,0,0.5),13px 5px 10px 1px rgba(0,0,0,0.2); } /*End Twitter Icons*/ /*Start RSS Icons*/ #SC a.sos4{ opacity:0.7; margin: 5px; padding:7px 5px 5px 5px; background:#fc9c14; box-shadow:2px 2px 0 #ccc,3px 3px 0 #fff, 4px 5px 0 #ccc,5px 6px 0 #fff, 6px 8px 0 #ccc,7px 9px 0 #fff, 8px 11px 0 #fc9c14,13px 11px 10px 1px rgba(0,0,0,0.5); transform:matrix(0.866,0.1,-0.5,0.866,0,0); -ms-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* IE 9 */ -moz-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Firefox */ -webkit-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Safari and Chrome */ -o-transform:matrix(0.866,0.1,-0.5,0.866,0,0); /* Opera */ text-transform: uppercase; border-radius: 5px; float:left; text-decoration:none; height:20px; color: transparent; font: 12px 'Arial black'; letter-spacing:1px; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQYzyhpdSCEiuEMjpnPaPR2RekxRDkiXCOMQ6O8w-Add4bQbCh60gvdKgsurohrBbb3Td1fDOgmnUqtqw2URq_Bbs6gFN0PDYZTWjrneziHQWJU62Ey38h2B_WprDs1jDh4ZJEylXFsifB/s1600/Web-RSS+icon.png'); background-repeat:no-repeat; background-position:center; background-size: 100% 100%; } #SC a.sos4:hover{ opacity:1; box-shadow:2px 12px 0 #ccc,3px 13px 0 #fff, 4px 15px 0 #ccc,5px 16px 0 #fff, 6px 18px 0 #ccc,7px 19px 0 #fff, 8px 21px 0 #fc9c14,13px 21px 10px 1px rgba(0,0,0,0.5),13px 5px 10px 1px rgba(0,0,0,0.2); } /*End RSS Icons*/ </style> <center><div id="SC"> <a href="<span style="color: #ff0000;">URL-FACEBOOK-PROFILE</span>" class="sos1" rel="nofollow" target="_blank" title="Like us on Facebook">Icon</a> <a href="<span style="color: #ff0000;">URL-GOOGLE PLUS-PROFILE</span>" class="sos2" rel="author" target="_blank" title="Follow us on Google+">Icon</a> <a href="<span style="color: #ff0000;">URL-TWITTER-PROFILE</span>" class="sos3" rel="nofollow" target="_blank" title="Follow us on Twitter">Icon</a> <a href="<span style="color: #ff0000;">URL-RSS-FEED</span>" class="sos4" rel="nofollow" target="_blank" title="Grab Our Rss Feed ">Icon</a> </div></center>[Get This Icon]</small></a></div></pre> </blockquote> <ul> <li> Terakhir Simpan</li> </ul> <br /> <ul> </ul>

2 Cara Membuat Auto Readmore Valid Tanpa Javascript di Blog Anda

2 Cara Gampang Membuat dan Memasang Auto Readmore ( baca Selengkapnya )Otomatis Tanpa Javascript di Blog Anda disertai Thumbnail Yang Ringan Ala Kang Ismet  - Banyak sekali macam - macam Auto Readmore yang dapat kita pasang di blog kita , auto readmore tersebut ada yang menggunakan java script dan ada yang tidak , atau ada yang default dari blogger<br /> <br />    Kali ini saya akan berbagi tentang bagaimana sih , membuat Auto Read More Thumbnail Yang Ringan  Tanpa Disertai Javascript , seperti yang kita tahu bahwa javascript sangat memengaruhi loading blog kita . Auto Readmore ini saya ambil dari rich snipet popular post . sehingga auto readmorenya valid dan fast loading<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqSZ_v7NrLIZgEKBCsPYs6vY1RLxGHJXhfencPE3qLLpYZt4BGONWcd3cYtmL9d8uuuPVqpi5hZUDVsujug99NtHGnXoqFVF9LgUH-nnltYMLLW8naKLGWZx_DD3i681n8RYW5tlfyCto2/s1600/Cara-Membuat-Auto-Readmore-Valid-Tanpa-Javascript-di-Blog-Anda.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqSZ_v7NrLIZgEKBCsPYs6vY1RLxGHJXhfencPE3qLLpYZt4BGONWcd3cYtmL9d8uuuPVqpi5hZUDVsujug99NtHGnXoqFVF9LgUH-nnltYMLLW8naKLGWZx_DD3i681n8RYW5tlfyCto2/s320/Cara-Membuat-Auto-Readmore-Valid-Tanpa-Javascript-di-Blog-Anda.jpg" width="320" /></a></div> <h3> Cara Membuat Auto Readmore yang masih berupa posting biasa tanpa belom ada readmorenya </h3> Jika template blog Anda masih berupa <b>posting biasa tanpa belom ada readmorenya </b>berikut tutorial lengkap membuat Auto Read More Thumbnail Tanpa Javascript , maka caranya yaitu<br /> <ul> <li>Login Ke Blogger</li> <li>Klik Edit Template (Jangan Lupa Back Up dulu)</li> <li>Cari kode <b><span style="color: red;"><code>]]></b:skin></code></span></b></li> <li>Copy Css Berikut di atas kode tersebut..</li> </ul> <blockquote class="tr_bq"> <pre><code class="css"><span class="class">.thumbnail-post</span> <span class="rules">{ <span class="rule"><span class="attribute">width</span>:<span class="value"><span class="number">100</span>px;</span></span> <span class="rule"><span class="attribute">height</span>:<span class="value"><span class="number">100</span>px;</span></span> <span class="rule"><span class="attribute">float</span>:<span class="value">left;</span></span> <span class="rule"><span class="attribute">margin</span>:<span class="value"><span class="number">0</span>px <span class="number">10</span>px <span class="number">0</span>px <span class="number">0</span>px;</span></span> <span class="rule">}</span></span></code></pre> </blockquote> <ul> <li>Setelah itu Cari kode <span style="color: red;"><b><data:post.body/</b>></span> yang ke 2 atau 3 atau ke 4, ganti dengan kode ini</li> </ul> <blockquote class="tr_bq"> <pre><code class="xml"><span class="tag"><<span class="title">b:if</span> <span class="attribute">cond</span>=<span class="value">'data:blog.pageType != &quot;static_page&quot;'</span>></span> <span class="tag"><<span class="title">b:if</span> <span class="attribute">cond</span>=<span class="value">'data:blog.pageType != &quot;item&quot;'</span>></span> <span class="tag"><<span class="title">b:if</span> <span class="attribute">cond</span>=<span class="value">'data:post.firstImageUrl'</span>></span> <span class="tag"><<span class="title">a</span> <span class="attribute">expr:href</span>=<span class="value">'data:post.url'</span>></span><span class="tag"><<span class="title">img</span> <span class="attribute">class</span>=<span class="value">'thumbnail-post'</span> <span class="attribute">expr:title</span>=<span class="value">'data:post.title'</span> <span class="attribute">expr:src</span>=<span class="value">'data:post.firstImageUrl'</span>/></span><span class="tag"></<span class="title">a</span>></span> <span class="tag"><<span class="title">b:else</span>/></span> <span class="tag"><<span class="title">a</span> <span class="attribute">expr:href</span>=<span class="value">'data:post.url'</span>></span><span class="tag"><<span class="title">img</span> <span class="attribute">class</span>=<span class="value">'thumbnail-post'</span> <span class="attribute">expr:title</span>=<span class="value">'data:post.title'</span> <span class="attribute">src</span>=<span class="value">'http://1.bp.blogspot.com/-XeZs003zT-4/UwM1mfc9l3I/AAAAAAAAAlw/TNTcFCMPH4A/s1600/no-image-thumbnail.jpg'</span>/></span><span class="tag"></<span class="title">a</span>></span> <span class="tag"></<span class="title">b:if</span>></span> <span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'post-snippet'</span>></span> <span class="tag"><<span class="title">data:post.snippet</span>/></span> <span class="tag"></<span class="title">div</span>></span> <span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'rm-button-wrap'</span>></span> <span class="tag"><<span class="title">a</span> <span class="attribute">class</span>=<span class="value">'button'</span> <span class="attribute">expr:href</span>=<span class="value">'data:post.url'</span>></span>Baca Selengkapnya<span class="tag"></<span class="title">a</span>></span> <span class="tag"></<span class="title">div</span>></span> <span class="tag"></<span class="title">b:if</span>></span> <span class="tag"></<span class="title">b:if</span>></span> <span class="tag"><<span class="title">b:if</span> <span class="attribute">cond</span>=<span class="value">'data:blog.pageType == &quot;item&quot;'</span>></span> <span class="tag"><<span class="title">data:post.body</span>/></span> <span class="tag"></<span class="title">b:if</span>></span> <span class="tag"><<span class="title">b:if</span> <span class="attribute">cond</span>=<span class="value">'data:blog.pageType == &quot;static_page&quot;'</span>></span> <span class="tag"><<span class="title">data:post.body</span>/></span> <span class="tag"></<span class="title">b:if</span>></span></code></pre> </blockquote> <br /> <div class="announce"> Keterangan: Thumbnail saya menggunakan <span style="color: red;"><code><data:post.firstImageUrl></code></span><br /> Snippet di ambil dari Referensi pada Popular Post <span style="color: red;"><code><data:post.snippet/></code></span></div> <ul> <li>Langkah Terkahir "Save Template"</li> </ul> <h3> Memodifikasi AUto Readmore Yang Sudah Menggunakan Javascript</h3> Cara Yang Kedua Yaitu Apabila Template sobat udah ada auto readmorenya yang menggunakan java script , Anda bisa memodifikasinya pada formulir <b>HTML Temlpate</b>, temukan kode ini: <br /> <blockquote class="tr_bq"> <pre><code class="xml"><span class="tag"><<span class="title">div</span> <span class="attribute">expr:id</span>=<span class="value">'&quot;summary&quot; + data:post.id'</span>></span><span class="tag"><<span class="title">data:post.body</span>/></span><span class="tag"></<span class="title">div</span>></span> <span class="tag"><<span class="title">script</span> <span class="attribute">type</span>=<span class="value">'text/javascript'</span>></span><span class="javascript">createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</span><span class="tag"></<span class="title">script</span>></span></code></pre> </blockquote> <div class="announce"> Keterangan Jangan lupa untuk menghapus script auto read-more link yang biasanya terletak di atas <span style="color: red;"><code></head></code></span></div> <br /> Kalau udah ketemu hapus semua kode tersebut kemudian Anda ganti dengan kode di bawah ini<br /> <blockquote class="tr_bq"> <pre><code class="xml"><span class="tag"><<span class="title">b:if</span> <span class="attribute">cond</span>=<span class="value">"data:post.firstImageUrl"</span>></span> <span class="tag"><<span class="title">a</span> <span class="attribute">expr:href</span>=<span class="value">"data:post.url"</span>></span> <span class="tag"><<span class="title">img</span> <span class="attribute">class</span>=<span class="value">"thumbnail-post"</span> <span class="attribute">expr:src</span>=<span class="value">"data:post.firstImageUrl"</span> <span class="attribute">expr:title</span>=<span class="value">"data:post.title"</span> /></span><span class="tag"></<span class="title">a</span>></span> <span class="tag"><<span class="title">b:else</span>></span> <span class="tag"><<span class="title">a</span> <span class="attribute">expr:href</span>=<span class="value">"data:post.url"</span>></span> <span class="tag"><<span class="title">img</span> <span class="attribute">class</span>=<span class="value">"thumbnail-post"</span> <span class="attribute">src</span>=<span class="value">"http://1.bp.blogspot.com/-XeZs003zT-4/UwM1mfc9l3I/AAAAAAAAAlw/TNTcFCMPH4A/s1600/no-image-thumbnail.jpg"</span> <span class="attribute">expr:title</span>=<span class="value">"data:post.title"</span> /></span><span class="tag"></<span class="title">a</span>></span> <span class="tag"></<span class="title">b:else</span>></span> <span class="tag"></<span class="title">b:if</span>></span> <span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'post-snippet'</span>></span> <span class="tag"><<span class="title">data:post.snippet</span>/></span> <span class="tag"></<span class="title">div</span>></span> </code></pre> </blockquote> <ul> <li>Kemudian Simpan Template dan Lihat Hasilnya</li> </ul> Begitulah 2 Cara Membuat Auto Readmore Valid Tanpa Javascript di Template blog anda , hembs kayaknya rumit ya , hehheheh bila ada kesulitan silahkan komen dibawah brow , siapa tahu saya bisa membantu anda

Cara Membuat Title Otomatis Pada Widget Archive Blog

Inilah Cara Membuat dan Memasang Title Otomatis Pada Widget Archive Blog - Kali ini saya akan optimasi Widget Archive Blogger dengan cara menambahkan title tag secara otomatis , sehingga anda tidak perlu repot-repor meberikan title pada widget archive secara satu persatu<br /> <br />   Dengan diberikanya title link pada widget archive di blog kita , itu dapat meningkatkan kekuatan seo blog kita , seperti halnya para mastah seo , bahwa blog yang kuat seonya itu , dimana blog tersebut banyak title link dan title tag , ok , back to topic , untuk hasil demo seperti apakah widget archive yang kiita beri titlenya ? lihat widget archive saya ( bila masih terpasang ) atau lihat gambar dibawah ini .<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjhPR6J3dY6vY5sy41q-apmmtVukK3nP5U-9tzO54W1VjY2oPFLBm2nHtJEkhNoqyABjlIQyXDkfzr4hSZ07pp6XlgCXml-1DCZH-iyw6CFd7Lcu5_0hKsu4dYhWB9iNVCrPv_SFtm0pk0/s1600/Cara-Membuat-Title-Otomatis-Pada-Widget-Archive-Blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjhPR6J3dY6vY5sy41q-apmmtVukK3nP5U-9tzO54W1VjY2oPFLBm2nHtJEkhNoqyABjlIQyXDkfzr4hSZ07pp6XlgCXml-1DCZH-iyw6CFd7Lcu5_0hKsu4dYhWB9iNVCrPv_SFtm0pk0/s320/Cara-Membuat-Title-Otomatis-Pada-Widget-Archive-Blog.jpg" width="263" /></a></div> <h3> Cara Menambahkan Title Otomatis pada link Archive Blog</h3> <ol> <li>Pertama , Buat dulu widget archive di blog anda </li> <li>Kemudian pergi ke editor template ( edit html )</li> <li>Cari kode<code> BlogArchive</code> pada editor template tadi , kurang lebih nanti kodenya seperti ini<br /><br /><div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy6j_dilsLg7h5lRlg0hmUWEdKYXfTTCBYEDyZeYoV0geRYuoQLwTLMD5i19MMG0zqZCLRU4_y9sj3o9EwTUFeAprO2_Tkk393O483iAdmyy6Jra4Kp_mmIF8gli1LoDdMl1u8hCKlPwaB/s1600/Cara+Memberikan+Title+Otomatis+Pada+Widget+Archive+Blog.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Title Otomatis Pada Widget Archive Blog" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy6j_dilsLg7h5lRlg0hmUWEdKYXfTTCBYEDyZeYoV0geRYuoQLwTLMD5i19MMG0zqZCLRU4_y9sj3o9EwTUFeAprO2_Tkk393O483iAdmyy6Jra4Kp_mmIF8gli1LoDdMl1u8hCKlPwaB/s1600/Cara+Memberikan+Title+Otomatis+Pada+Widget+Archive+Blog.jpg" title="Cara Membuat Title Otomatis Pada Widget Archive Blog" width="400" /></a></div> </li> <li>Jika sudah ketemu , maka ganti kode dibawah ini<blockquote class="tr_bq"> <pre><code class="xml"><span class="tag"><<span class="title">b:widget</span> <span class="attribute">id</span>=<span class="value">'BlogArchive1'</span> <span class="attribute">locked</span>=<span class="value">'false'</span> <span class="attribute">title</span>=<span class="value">'Arsip Blog'</span> <span class="attribute">type</span>=<span class="value">'BlogArchive'</span>></span> ,,,,,,,,,,,,, <span class="tag"></<span class="title">b:widget</span>></span> </code></pre> </blockquote> </li> <li>Ganti ( kode diatas ) dengan kode dibawah ini<blockquote class="tr_bq"> <pre><code class="xml"><span class="tag"><<span class="title">b:widget</span> <span class="attribute">id</span>=<span class="value">'BlogArchive1'</span> <span class="attribute">locked</span>=<span class="value">'false'</span> <span class="attribute">title</span>=<span class="value">'Arsip Blog'</span> <span class="attribute">type</span>=<span class="value">'BlogArchive'</span>></span> <span class="tag"><<span class="title">b:includable</span> <span class="attribute">id</span>=<span class="value">'main'</span>></span> <span class="tag"><<span class="title">b:if</span> <span class="attribute">cond</span>=<span class="value">'data:title'</span>></span> <span class="tag"><<span class="title">h3</span>></span><span class="tag"><<span class="title">data:title</span>/></span><span class="tag"></<span class="title">h3</span>></span> <span class="tag"></<span class="title">b:if</span>></span> <span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'widget-content'</span>></span> <span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">'ArchiveList'</span>></span> <span class="tag"><<span class="title">div</span> <span class="attribute">expr:id</span>=<span class="value">'data:widget.instanceId + &quot;_ArchiveList&quot;'</span>></span> <span class="tag"><<span class="title">b:if</span> <span class="attribute">cond</span>=<span class="value">'data:style == &quot;HIERARCHY&quot;'</span>></span> <span class="tag"><<span class="title">b:include</span> <span class="attribute">data</span>=<span class="value">'data'</span> <span class="attribute">name</span>=<span class="value">'interval'</span>/></span> <span class="tag"></<span class="title">b:if</span>></span> <span class="tag"><<span class="title">b:if</span> <span class="attribute">cond</span>=<span class="value">'data:style == &quot;FLAT&quot;'</span>></span> <span class="tag"><<span class="title">b:include</span> <span class="attribute">data</span>=<span class="value">'data'</span> <span class="attribute">name</span>=<span class="value">'flat'</span>/></span> <span class="tag"></<span class="title">b:if</span>></span> <span class="tag"><<span class="title">b:if</span> <span class="attribute">cond</span>=<span class="value">'data:style == &quot;MENU&quot;'</span>></span> <span class="tag"><<span class="title">b:include</span> <span class="attribute">data</span>=<span class="value">'data'</span> <span class="attribute">name</span>=<span class="value">'menu'</span>/></span> <span class="tag"></<span class="title">b:if</span>></span> <span class="tag"></<span class="title">div</span>></span> <span class="tag"></<span class="title">div</span>></span> <span class="tag"></<span class="title">div</span>></span> <span class="tag"></<span class="title">b:includable</span>></span> <span class="tag"><<span class="title">b:includable</span> <span class="attribute">id</span>=<span class="value">'flat'</span> <span class="attribute">var</span>=<span class="value">'data'</span>></span> <span class="tag"><<span class="title">ul</span> <span class="attribute">class</span>=<span class="value">'flat'</span>></span> <span class="tag"><<span class="title">b:loop</span> <span class="attribute">values</span>=<span class="value">'data:data'</span> <span class="attribute">var</span>=<span class="value">'i'</span>></span> <span class="tag"><<span class="title">li</span> <span class="attribute">class</span>=<span class="value">'archivedate'</span>></span> <span class="tag"><<span class="title">a</span> <span class="attribute">expr:href</span>=<span class="value">'data:i.url'</span> <span class="attribute">expr:title</span>=<span class="value">'data:i.name'</span>></span><span class="tag"><<span class="title">data:i.name</span>/></span><span class="tag"></<span class="title">a</span>></span> (<span class="tag"><<span class="title">data:i.post-count</span>/></span>) <span class="tag"></<span class="title">li</span>></span> <span class="tag"></<span class="title">b:loop</span>></span> <span class="tag"></<span class="title">ul</span>></span> <span class="tag"></<span class="title">b:includable</span>></span> <span class="tag"><<span class="title">b:includable</span> <span class="attribute">id</span>=<span class="value">'interval'</span> <span class="attribute">var</span>=<span class="value">'intervalData'</span>></span> <span class="tag"><<span class="title">b:loop</span> <span class="attribute">values</span>=<span class="value">'data:intervalData'</span> <span class="attribute">var</span>=<span class="value">'i'</span>></span> <span class="tag"><<span class="title">ul</span> <span class="attribute">class</span>=<span class="value">'hierarchy'</span>></span> <span class="tag"><<span class="title">li</span> <span class="attribute">expr:class</span>=<span class="value">'&quot;archivedate &quot; + data:i.expclass'</span>></span> <span class="tag"><<span class="title">b:include</span> <span class="attribute">data</span>=<span class="value">'i'</span> <span class="attribute">name</span>=<span class="value">'toggle'</span>/></span> <span class="tag"><<span class="title">a</span> <span class="attribute">class</span>=<span class="value">'post-count-link'</span> <span class="attribute">expr:href</span>=<span class="value">'data:i.url'</span> <span class="attribute">expr:title</span>=<span class="value">'data:i.name'</span>></span><span class="tag"><<span class="title">data:i.name</span>/></span><span class="tag"></<span class="title">a</span>></span> <span class="tag"><<span class="title">span</span> <span class="attribute">class</span>=<span class="value">'post-count'</span> <span class="attribute">dir</span>=<span class="value">'ltr'</span>></span>(<span class="tag"><<span class="title">data:i.post-count</span>/></span>)<span class="tag"></<span class="title">span</span>></span> <span class="tag"><<span class="title">b:if</span> <span class="attribute">cond</span>=<span class="value">'data:i.data'</span>></span> <span class="tag"><<span class="title">b:include</span> <span class="attribute">data</span>=<span class="value">'i.data'</span> <span class="attribute">name</span>=<span class="value">'interval'</span>/></span> <span class="tag"></<span class="title">b:if</span>></span> <span class="tag"><<span class="title">b:if</span> <span class="attribute">cond</span>=<span class="value">'data:i.posts'</span>></span> <span class="tag"><<span class="title">b:include</span> <span class="attribute">data</span>=<span class="value">'i.posts'</span> <span class="attribute">name</span>=<span class="value">'posts'</span>/></span> <span class="tag"></<span class="title">b:if</span>></span> <span class="tag"></<span class="title">li</span>></span> <span class="tag"></<span class="title">ul</span>></span> <span class="tag"></<span class="title">b:loop</span>></span> <span class="tag"></<span class="title">b:includable</span>></span> <span class="tag"><<span class="title">b:includable</span> <span class="attribute">id</span>=<span class="value">'menu'</span> <span class="attribute">var</span>=<span class="value">'data'</span>></span> <span class="tag"><<span class="title">select</span> <span class="attribute">expr:id</span>=<span class="value">'data:widget.instanceId + &quot;_ArchiveMenu&quot;'</span>></span> <span class="tag"><<span class="title">option</span> <span class="attribute">value</span>=<span class="value">''</span>></span><span class="tag"><<span class="title">data:title</span>/></span><span class="tag"></<span class="title">option</span>></span> <span class="tag"><<span class="title">b:loop</span> <span class="attribute">values</span>=<span class="value">'data:data'</span> <span class="attribute">var</span>=<span class="value">'i'</span>></span> <span class="tag"><<span class="title">option</span> <span class="attribute">expr:value</span>=<span class="value">'data:i.url'</span>></span><span class="tag"><<span class="title">data:i.name</span>/></span> (<span class="tag"><<span class="title">data:i.post-count</span>/></span>)<span class="tag"></<span class="title">option</span>></span> <span class="tag"></<span class="title">b:loop</span>></span> <span class="tag"></<span class="title">select</span>></span> <span class="tag"></<span class="title">b:includable</span>></span> <span class="tag"><<span class="title">b:includable</span> <span class="attribute">id</span>=<span class="value">'posts'</span> <span class="attribute">var</span>=<span class="value">'posts'</span>></span> <span class="tag"><<span class="title">ul</span> <span class="attribute">class</span>=<span class="value">'posts'</span>></span> <span class="tag"><<span class="title">b:loop</span> <span class="attribute">values</span>=<span class="value">'data:posts'</span> <span class="attribute">var</span>=<span class="value">'i'</span>></span> <span class="tag"><<span class="title">li</span>></span><span class="tag"><<span class="title">a</span> <span class="attribute">expr:href</span>=<span class="value">'data:i.url'</span> <span class="attribute">expr:title</span>=<span class="value">'data:i.title'</span>></span><span class="tag"><<span class="title">data:i.title</span>/></span><span class="tag"></<span class="title">a</span>></span><span class="tag"></<span class="title">li</span>></span> <span class="tag"></<span class="title">b:loop</span>></span> <span class="tag"></<span class="title">ul</span>></span> <span class="tag"></<span class="title">b:includable</span>></span> <span class="tag"><<span class="title">b:includable</span> <span class="attribute">id</span>=<span class="value">'toggle'</span> <span class="attribute">var</span>=<span class="value">'interval'</span>></span> <span class="tag"><<span class="title">b:if</span> <span class="attribute">cond</span>=<span class="value">'data:interval.toggleId'</span>></span> <span class="tag"><<span class="title">b:if</span> <span class="attribute">cond</span>=<span class="value">'data:interval.expclass == &quot;expanded&quot;'</span>></span> <span class="tag"><<span class="title">a</span> <span class="attribute">class</span>=<span class="value">'toggle'</span> <span class="attribute">href</span>=<span class="value">'javascript:void(0)'</span>></span> <span class="tag"><<span class="title">span</span> <span class="attribute">class</span>=<span class="value">'zippy toggle-open'</span>></span>&#9660;&#160;<span class="tag"></<span class="title">span</span>></span> <span class="tag"></<span class="title">a</span>></span> <span class="tag"><<span class="title">b:else</span>/></span> <span class="tag"><<span class="title">a</span> <span class="attribute">class</span>=<span class="value">'toggle'</span> <span class="attribute">href</span>=<span class="value">'javascript:void(0)'</span>></span> <span class="tag"><<span class="title">span</span> <span class="attribute">class</span>=<span class="value">'zippy'</span>></span> <span class="tag"><<span class="title">b:if</span> <span class="attribute">cond</span>=<span class="value">'data:blog.languageDirection == &quot;rtl&quot;'</span>></span> &#9668;&#160; <span class="tag"><<span class="title">b:else</span>/></span> &#9658;&#160; <span class="tag"></<span class="title">b:if</span>></span> <span class="tag"></<span class="title">span</span>></span> <span class="tag"></<span class="title">a</span>></span> <span class="tag"></<span class="title">b:if</span>></span> <span class="tag"></<span class="title">b:if</span>></span> <span class="tag"></<span class="title">b:includable</span>></span> <span class="tag"></<span class="title">b:widget</span>></span> </code></pre> </blockquote> </li> <li>Simpan Template dan silahkan <b>cek dengan cara mengarahkan kursor diatas link widget archive</b> tadi , jika hasilnya ada title , seperti punya saya , maka anda sudah berhasil menerapkan cara optimasi seo widget archive diatas</li> </ol> Gimana Brow , mudahkan cara memasang dan meberikan title otomatis pada widget archive blog kita ?  pastinya mudahlah , kan tutor diatas udah cukup jelas , hehhehehe

Cara Gampang Instal Alexa Toolbar di Mozilla Firefox dan Google Chrome

<b>Begini Cara Gampang Instal dan Memasang Alexa Toolbar di Mozilla Firefox dan Google Chrome</b> - Bagaimana cara pasang alexa tollbar dan apa manfaat dari memasang alexa toolbar ini di google chrome maupun mozilla firefox ? untuk cara pasang alexa toolbar di mozilla maupun firefox itu sangatlah mudah , karena kita sudah disediakan ektensinya di kedua browser tersebut . untuk manfaat memasang alexa toolbar menurut saya sendiri adalah untuk mempermudahkan kita mengetahui berapa jumlah ranking alexa kita , karena dengan pasang alexa toolbar kita tidak perlu lagi pergi ke situs alexa untuk mengetahui berapa rank kita<br /> <br />   Namun konon katanya dengan memasang Alexa toolbar, dapat mealngsingkan alexa kita lho. Wow istimewa . Sehingga, yang tadinya angka alexa blog/web anda gendut, setelah install alexa toolbar ini, maka akan cepat ramping. wkwkkwkwk<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCYlhLt64DbxkYvtVoym8lTn1uTavGPfHVeoiUawFU7lNcssdUJHncF2NhJxFEeen8dYRNe4SaPYXYT91Hk0y-6LVsOEvRla-BUzT5yITW9Z27LLLGUxbedkDUWT1fvZDxJO1I2SKbOOSi/s1600/Cara-Gampang-Memasang-Alexa-Toolbar-di-Mozilla-dan-Chrome.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCYlhLt64DbxkYvtVoym8lTn1uTavGPfHVeoiUawFU7lNcssdUJHncF2NhJxFEeen8dYRNe4SaPYXYT91Hk0y-6LVsOEvRla-BUzT5yITW9Z27LLLGUxbedkDUWT1fvZDxJO1I2SKbOOSi/s320/Cara-Gampang-Memasang-Alexa-Toolbar-di-Mozilla-dan-Chrome.jpg" width="320" /></a></div> <h2> Memasang Alexa Toolbar untuk Browser Mozilla Firefox </h2> <ol> <li>Pertama SIlahkan anda masuki alamat link ini; <a href="http://www.alexa.com/toolbar" rel="nofollow" target="_blank" title="Alexa Toolbar">Alexa Toolbar</a></li> <li>Kemudian Klik tombol <b>Install </b>Alexa Toolbar</li> <li>Selanjutnya klik tombol <b>Accept and Install</b></li> <li>Jika sudah, sobat lihat kearah kiri atas dan tekan tombol Allow</li> <li>Tunggu hingga proses download selesai. Lalu sobat klik tombol Install</li> <li>Setelah selesai penginstalan, Anda akan diminta melakukan Restart</li> <li>Setelah restart, akan ada laman The Alexa Toolbar for Firefox - Demographic Information, silahkan sobat klik tombol No Thank. Setelah itu akan muncul halaman lagi yang berisikan: Alexa Toolbar - Installation Successful! The Alexa toolbar is now installed in your browser and should look like this:</li> <li>Jika muncul pemberitahuan klik saja tombol Ok</li> <li>Selesai dan selamat kini Alexa toolbar telah terpasang di Browser Mozila Anda.</li> </ol> <h3> Memasang Alexa Toolbar untuk Browser Google Chrome</h3> <ol> <li>Pertama Buka Link <a href="http://www.alexa.com/toolbar" rel="nofollow" target="_blank">http://www.alexa.com/toolbar</a>. terlebih dahulu</li> <li>Kemudian Klik tombol 'Instal Alexa Toolbar'.</li> <li>Klik Install Alexa Extension.</li> <li>Lalu Klik Tambah ke Chrome [ lihat gambar dibawah untuk jelasnya ]</li> <br /><div style="text-align: center;"> <img alt="Cara Gampang Memasang Alexa Toolbar di Mozilla dan Chrome" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB5myYAER7BhgQWfSUnMp9zNMzyqmqpKiHtUt8LYfte1-3gkbJko0iCwIAxAxgY02cIE95_8hFHfzmEhfsFL05GDNBXZqmAa1SYfJ-v2AiE2w9HAiaEioECU8zjhWnjc2-55c5NonSo7Y/s1600/alexa2.PNG" title="Cara Gampang Memasang Alexa Toolbar di Mozilla dan Chrome" /></div> <li>Klik tambahkan dan tunggu installan beberapa detik</li> <br /><div style="text-align: center;"> <img alt="Cara Gampang Memasang Alexa Toolbar di Mozilla dan Chrome" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh54hy5WyS4Ajbk7Y2AS2kEvJHN0dNQHS_kobP-vXZrNwiKaigpVPZKdPfEGT4NEt61QFgDb3fzF6MR3kGYEEjMxIMc1afL1ur3CCY0omoIKqJLHQIEj4PMtjenD2YXNhW_13xSMbgQ9kI/s320/alexa3.PNG" title="Cara Gampang Memasang Alexa Toolbar di Mozilla dan Chrome" /></div> <br /> <li>Maka akan muncul logo Alexa di bagian atas kanan Browser Google Chrome, Klik gambar tersebut Maka akab terbuka Tab baru dan klik Accept and Enable,</li> <br /><div style="text-align: center;"> <img alt="Cara Gampang Memasang Alexa Toolbar di Mozilla dan Chrome" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ3nXVS-ylr-AqUadVyP4Vj5S8fAhZjZqpkxN_v0FU4iYxNfVoNvmvAfMzefM2JCqxaHL4FCjQu_dJafH6EVZM-97hFjQ4c1VmMrWZ1yjgDoeHTPGOrB9_3ndfO020HwHjvOI-iMaYG_4/s400/alexa4.PNG" title="Cara Gampang Memasang Alexa Toolbar di Mozilla dan Chrome" /></div> <br /> <li>Taraa Selamat Kini Alexa Toolbar kini telah terinstal di Browser Google Chrome.</li> <br /><div style="text-align: center;"> </div> </ol> Nah itu dia brow  <a href="http://www.rhm-files.tk/" rel="nofollow" target="_blank">Cara  Instal dan Memasang Alexa Toolbar untuk browser Mozilla Firefox dan browser Google Chrome</a> , hemb gimana mudahkan cara pasang alexa toolbarnya , jika ada kesulitan cara instal alexa toolbar silahkan komen . cukup sekian tutorial kali ini semoga bermanfaat . salam blogger , dan selamat hari raya idul fitr

Cara Buat Navigasi Halaman Dengan NOMER pada Blogger

<div class="MsoNormal tr_bq"> <span style="font-family: "arial" , "helvetica" , sans-serif;"></span><br /> <div class="separator" style="clear: both; text-align: center;"> <span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZk6dPW2zxvOsJ9euqYQbKj86rthmj6sTSDVPvsoplWRYAASzjSylDzyv2u0Y2CaHO__y8V5Eu74ZONk9CfUrbov9UHotTqwGyXePJ_avfglrrf0asxrBUNOrx81t8StJtIBFk7vjhKU-_/s1600/gb1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZk6dPW2zxvOsJ9euqYQbKj86rthmj6sTSDVPvsoplWRYAASzjSylDzyv2u0Y2CaHO__y8V5Eu74ZONk9CfUrbov9UHotTqwGyXePJ_avfglrrf0asxrBUNOrx81t8StJtIBFk7vjhKU-_/s320/gb1.png" width="320" /></a></span></div> <br /> <span style="font-family: "arial" , "helvetica" , sans-serif;">Salam Blogging, Kali ini BLOGGINGPASURUAN akan berbagi tips<span style="mso-spacerun: yes;">  </span>Cara Membuat Navigasi Nomer Halaman KEREN pada Blogger. Nomor halaman sebenarnya fungsinya sama dengan navigasi ( Next page atau page Previeous ) biasanya ini adalah default atau bawaan dari templatenya.</span></div> <div class="MsoNormal"> <br /> <span style="font-family: "arial" , "helvetica" , sans-serif;">Namun kali saya akan mencona membuat Navigasi pada halaman dengan merubah ( next dan previous ) menjadi sebauah navigasi halaman ber-nomer</span></div> <div class="MsoNormal"> <br /> <span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="mso-bidi-font-weight: normal;">Cara Membuat Navigasi Nomer Halaman KEREN pada Blogger</b></span></div> <div class="MsoNormal"> <br /> <span style="font-family: "arial" , "helvetica" , sans-serif;">Untuk membuat widget ini Anda hanya melakukan 2 langkah :</span></div> <div class="MsoNormal"> <span style="font-family: "arial" , "helvetica" , sans-serif;">1. Menambhakan CSS</span></div> <div class="MsoNormal"> <span style="font-family: "arial" , "helvetica" , sans-serif;">2. Menambahkan Script</span></div> <div class="MsoNormal"> <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div> <div class="MsoNormal"> <span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="mso-bidi-font-weight: normal;"><span style="color: #006600; font-size: 14.0pt; line-height: 115%;">1. Cara<span style="mso-spacerun: yes;">  </span>menambahkan CSS</span></b></span></div> <div class="MsoNormal"> <span style="font-family: "arial" , "helvetica" , sans-serif;">1. Masuk Ke <b>BLOGGER <span style="mso-spacerun: yes;"> </span>DASHBOARD <span style="color: #cc0000;">>></span> TEMPLATE <span style="mso-spacerun: yes;"> </span><span style="color: #cc0000;">>></span> <span style="mso-spacerun: yes;"> </span>EDIT HTML.</b></span></div> <div class="MsoNormal"> <span style="font-family: "arial" , "helvetica" , sans-serif;">2. Cari kode <b style="mso-bidi-font-weight: normal;"><span style="color: #c00000;">]]></b:skin> </span></b><span style="color: black;">dan pastekan <b>kode CSS</b>  diatas </span><b style="mso-bidi-font-weight: normal;"><span style="color: #c00000;">]]></b:skin></span></b></span></div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> <h3> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: medium;"><b><span style="color: #6600cc;">Navigasi style # 1</span></b></span></h3> </div> <div class="MsoNormal"> <div class="separator" style="clear: both; text-align: center;"> <img alt="Cara Membuat Widget Navigasi Halaman Dengan NOMER Keren pada Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMd2XlN5_mMlYkSJWaiSyF7W65NIMc0AW-SMJSRJbGr9pj1CQ2-6OpUlvZprpunGG5crb2TvvuhRolRRrxn_L00Lby9ltJ-qyzZpSC72yDj-pzMQeS7xGSDpelOKtXwN-2Nr5ppLMxUlQ/s1600/GB2.jpg" /></div> <blockquote> #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;} <br />.blog-pager {background: none;} <br />.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 7px;margin-right:5px;background:#E9E9E9;color: #888;border:1px solid #E9E9E9;} <br />.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#CECECE;text-decoration:none;color: #000;} <br />.showpageOf{display:none!important} <br />#blog-pager .showpage, #blog-pager .pagecurrent{font-weight:bold;color: #888;} <br />#blog-pager .pages{border:none;}</blockquote> </div> <div class="MsoNormal"> </div> <div class="MsoNormal"> <h3> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: medium;"><b><span style="color: #6600cc;">Navigasi style # 2</span></b></span></h3> </div> <div class="MsoNormal"> <div class="separator" style="clear: both; text-align: center;"> <img alt="Cara Membuat Widget Navigasi Halaman Dengan NOMER Keren pada Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilb8mceVzZtXP4PVw2bo79Cweww3-WA2L-rq02NKVvLty4_n6wULeDsc_eeONipsV39dWQ6QjnKuZgHxfFceijhtwT8AzmhaCBi5KOB26IfNfGTLbBzEs4EIDmkg7OswYEQiizbS2wlFc/s1600/GB3.JPG" /></div> <blockquote> #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;} <br />.blog-pager {background: none;} <br />.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);} <br />.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;} <br />#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;} <br />.showpageOf{display:none!important} <br />#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}</blockquote> </div> <div class="MsoNormal"> </div> <div class="MsoNormal"> <h3> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: medium;"><b><span style="color: #6600cc;">Navigasi style # 3</span></b></span></h3> <div class="separator" style="clear: both; text-align: center;"> <img alt="Cara Membuat Widget Navigasi Halaman Dengan NOMER Keren pada Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinUTHszsRCCDvT8DV-oD81wOWYavQJ7ljutuYRowdDOYKvoRL_qfR5nxUCIcK5B5PIZUmfs0GykT2H2P7JWjSvFQBgRdXpT6JH2NBSKvEpI0BSSSnOeXohpLKRIuKrAtLWAQ1rn8MBUnw/s1600/GB4.jpg" /></div> </div> <blockquote> #blog-pager{clear:both;margin:30px auto; padding: 7px; text-align:center;font-size: 11px;background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000000),color-stop(1, #292929));background-image: -o-linear-gradient(top, #000000 0%, #292929 100%);background-image: -moz-linear-gradient(top, #000000 0%, #292929 100%);background-image: -webkit-linear-gradient(top, #000000 0%, #292929 100%);background-image: -ms-linear-gradient(top, #000000 0%, #292929 100%);background-image: linear-gradient(to top, #000000 0%, #292929 100%); padding: 6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}<br />.blog-pager {background: none;} <br />.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 10px;margin-right:5px; color: #fff;} <br />.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #59A2CF),color-stop(1, #D9EAFF));background-image: -o-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -moz-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -webkit-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -ms-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: linear-gradient(to top, #59A2CF 0%, #D9EAFF 100%);text-decoration: none;color: #000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} <br />.showpageOf{display:none!important}.blog-pager-older-link, .home-link, .blog-pager-newer-link {background: transparent;} <br />a.blog-pager-older-link, a.home-link, a.blog-pager-newer-link {color: #fff;} <br />#blog-pager .pages{border:none;background: none;}</blockquote> <div class="MsoNormal"> </div> <div class="MsoNormal"> <h3> <span style="font-size: medium;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><span style="color: #6600cc;">Navigasi style # 4</span></b></span></span></h3> </div> <div class="MsoNormal"> <div class="separator" style="clear: both; text-align: center;"> <img alt="Cara Membuat Widget Navigasi Halaman Dengan NOMER Keren pada Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg50vXQrbF5VYG9QY9vsXDN3zm68nL5oFLY_LM_cZAD-tfjACipP18prmPVUIXNAC3FHm9xy4G8d5CxMrFT0OzIuqgrxkl6xv5EFkY-lRPRKzd8TKYIqBR-G4_WSYJ7HRVxbzpy7rn9grc/s1600/gb5.jpg" /></div> <blockquote class="tr_bq"> #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}<br />.blog-pager {background: none;}<br />.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}<br />.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}<br />#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}<br />.showpageOf{display:none!important}<br />#blog-pager .pages{border:none;}</blockquote> </div> <div class="MsoNormal"> </div> <div class="MsoNormal"> <h3> <span style="font-size: medium;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><span style="color: #6600cc;">Navigasi style # 5</span></b></span></span></h3> </div> <div class="MsoNormal"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdX3WfP-y57DIu5H-MHby-kuwiTdpv7mfeIQ44UUO3U6K7nTg5AmwCJuGiLBNBZIST7JmCDg0ELl07VaE3IELF3sQHuciQzu9Df4h4eiXKSqjmIF-FPIBN_4BnbrGj09_3gfFPCMTWE0s/s1600/GB6.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Widget Navigasi Halaman Dengan NOMER Keren pada Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdX3WfP-y57DIu5H-MHby-kuwiTdpv7mfeIQ44UUO3U6K7nTg5AmwCJuGiLBNBZIST7JmCDg0ELl07VaE3IELF3sQHuciQzu9Df4h4eiXKSqjmIF-FPIBN_4BnbrGj09_3gfFPCMTWE0s/s1600/GB6.jpg" /></a></div> <blockquote class="tr_bq"> #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; } <br />.blog-pager {background: none;} <br />.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #3E5801; background-color:#E0EDC1;} <br />.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#FEF6DF;text-decoration:none;color: #E16800;} <br />#blog-pager .pagecurrent{font-weight:bold;color: #D25E71;background:#FFDEDF;} <br />.showpageOf{display:none!important} <br />#blog-pager .pages{border:none;}</blockquote> </div> <div class="MsoNormal"> <h3> <span style="font-size: medium;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><span style="color: #6600cc;">Navigasi style # 6</span></b></span></span></h3> </div> <div class="MsoNormal"> <div class="separator" style="clear: both; text-align: center;"> <img alt="Cara Membuat Widget Navigasi Halaman Dengan NOMER Keren pada Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv3UdvVLbSFYDLDd9Pjc2PGhRRfWgnDw2sc42ANIuK4075-L5j99AD9PfOLsX2huGrQRLMYqE3gvIbkJYR9HIjL0S2_LVbanI6xkOISluDhCLVSHmSbefDxYKdSfziEXDKV2bZ1WpVkdw/s1600/GB7.jpg" /></div> <blockquote> #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }<br />.blog-pager {background: none;}<br />.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #AD0B00; background-color:#FAB001;}<br />.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#DB4920;text-decoration:none;color: #fff;}<br />#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}<br />.showpageOf{display:none!important}<br />#blog-pager .pages{border:none;} </blockquote> </div> <div class="MsoNormal"> <h3> <span style="font-size: medium;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><span style="color: #6600cc;">Navigasi style # 7</span></b></span></span></h3> </div> <div class="MsoNormal"> <div class="separator" style="clear: both; text-align: center;"> <img alt="Cara Membuat Widget Navigasi Halaman Dengan NOMER Keren pada Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjua0hCAvRbFfvwS3PE1ywbp5ydJppU70TKC7qZhtCzJ0dWaV7wFsOARYkc5KZNAPYL3hBNKQHt66cLPVXTHm8m_01v2JwzrgL5qNhW9hKjm-_MkzIlN4P8lyrMaNUN-ccUBXzSSY7Pas/s1600/GB8.jpg" /></div> <blockquote> #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; } <br />.blog-pager {background: none;} <br />.displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-right:5px; color: #222; background-color:#eee; border: 1px solid #EEEEEE;} <br />.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#E5E5E5;text-decoration:none;color: #222;} <br />#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;} <br />.showpageOf{display:none!important} <br />#blog-pager .pages{border:none;}</blockquote> </div> <div class="MsoNormal"> <span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="color: #990000;"><b>Catatan</b></span> : Jika Anda <b>tidak ingin</b> menampilkan <b>NEXT</b> dan <b>PREVIOUS</b> halaman Anda bisa menambahkan kode CSS dibawah ini, Anda tambahkan di atas kode <b style="mso-bidi-font-weight: normal;"><span style="color: #c00000;">]]></b:skin></span> </b>yang tadi<b style="mso-bidi-font-weight: normal;">.</b></span></div> <div class="MsoNormal"> <blockquote> <blockquote class="tr_bq"> .firstpage, .lastpage {display: none;} </blockquote> </blockquote> </div> <div class="MsoNormal"> <span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="color: #006600; font-size: 16.0pt; line-height: 115%;"><span style="color: #990000;">2. </span>Langkah berikutnya menambahkan kode SCRIPT</span></span></div> <div class="MsoNormal"> <span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="mso-bidi-font-weight: normal;">1.</b> Cari kode <b style="mso-bidi-font-weight: normal;"><span style="color: #c00000;"></body> </span></b><span style="color: black;">gunakan</span><b style="mso-bidi-font-weight: normal;"><span style="color: #c00000;"> ( Ctrl+F ) </span></b><span style="color: black;">agar lebih cepat dalam pencarian kodenya</span><b style="mso-bidi-font-weight: normal;"><span style="color: #c00000;">.</span></b></span></div> <div class="MsoNormal"> <span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="mso-bidi-font-weight: normal;"><span style="color: black;">2. </span></b><span style="color: black;">Jika sudah ketemu letakkan kode SCRIPT dibawah ini diatas kode </span><b style="mso-bidi-font-weight: normal;"><span style="color: #c00000;"></body></span></b></span><br /> <blockquote> <b:if cond='data:blog.pageType != &quot;item&quot;'><br /><b:if cond='data:blog.pageType != &quot;static_page&quot;'><br /><script type='text/javascript'><br />/*<![CDATA[*/<br /><br />var perPage=7;<br />var numPages=6;<br />var firstText ='First';<br />var lastText ='Last';<br />var prevText ='« Previous';<br />var nextText ='Next »';<br />var urlactivepage=location.href;<br />var home_page="/";<br />/*]]>*/<br /></script><br /><script src="http://www.geocities.ws/usmankurniawan/pagenation.js"/><br /></b:if><br /></b:if></blockquote> </div> <div class="MsoNormal"> <span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="mso-bidi-font-weight: normal;"><span style="color: #c00000;">Keterangan : </span></b><span style="color: black;">Anda bisa</span><b style="mso-bidi-font-weight: normal;"><span style="color: #c00000;"> meng-EDIT </span></b><span style="color: black;">kode dibawah ini sesuai selera</span><b style="mso-bidi-font-weight: normal;"><span style="color: #c00000;"> </span></b></span></div> <div class="MsoNormal"> <span style="font-family: "arial" , "helvetica" , sans-serif;">    var perPage=<b><span style="color: #cc0000;">7</span></b>; </span><br /> <span style="font-family: "arial" , "helvetica" , sans-serif;">    var numPages=<b><span style="color: #cc0000;">6</span></b>; ( panjang nomer halaman 1-6 )</span><br /> <span style="font-family: "arial" , "helvetica" , sans-serif;">    var firstText ='<b><span style="color: #cc0000;">First</span></b>'; </span><br /> <span style="font-family: "arial" , "helvetica" , sans-serif;">    var lastText ='<b><span style="color: #cc0000;">Last</span></b>';</span><br /> <span style="font-family: "arial" , "helvetica" , sans-serif;">    var prevText ='« <b><span style="color: #cc0000;">Previous</span></b>';</span><br /> <span style="font-family: "arial" , "helvetica" , sans-serif;">    var nextText ='<b><span style="color: #cc0000;">Next </span></b>»';</span></div> <div class="MsoNormal"> </div> <div class="MsoNormal"> <div style="text-align: justify;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Pada umumnya standart default tampilan per halaman blogger adalah maksimal 20 halaman, Jika Anda ingin merubahnya :</span></div> </div> <div class="MsoNormal"> <span style="font-family: "arial" , "helvetica" , sans-serif;"><b>>> </b>Cari kode ini pada HTML Template : <span style="color: #0000cc;">expr:href='data:label.url'</span></span><br /> <span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="color: black;"><b>>></b> Tambahkan kode menjadi seperti ini<b style="mso-bidi-font-weight: normal;"> : </b></span><span style="color: #0000cc;">expr:href='data:label.url </span><span style="color: black;">+ "?&amp;max-results=</span><b style="mso-bidi-font-weight: normal;"><span style="color: #c00000;">7</span></b><span style="color: black;">"'</span></span></div> <div class="MsoNormal"> <br /> <span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="mso-bidi-font-weight: normal;"><span style="color: #6600cc;">Keterangan</span><span style="color: black;"> : </span><span style="color: #c00000;">7</span><span style="color: black;"> adalah tampilan jumlah posting per halaman.</span></b></span></div> <div class="MsoNormal"> <br /> <span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="mso-bidi-font-weight: normal;"><span style="color: #006600; font-size: 16.0pt; line-height: 115%;">3.</span></b><span style="color: #006600; font-size: 16.0pt; line-height: 115%;"> Langkah terakhir <b style="mso-bidi-font-weight: normal;">SAVE TEMPLATE</b></span></span></div> <br /> <div style="text-align: justify;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Deminkian tips Cara Membuat Navigasi Nomer Halaman KEREN pada Blogger, Jika ada masalah dengan ini silahkan isikan keluhan sahabat blogger pada kolom komentar, InsyaAllah akan saya mebalasnya. Terima Kasih</span></div>

Tutorial Membuat Widget Random Post Bergerak Di Blog

<div class="separator" style="clear: both; text-align: left;"> <a href="http://www.rhm-files.tk/" target="_blank">Membuat Widget Random Post Bergerak</a>- Kali ini saya akan membagikan tutorial cara membuat widget ramdom post dengan gambar/tumbnails bergerak </div> <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/AVvXsEirVvZE5vDaR1P6QvRqLfSe2lH85vMkbo-WCYDfkFsTEwVn3Qg4_6c-tP696pjbcKTxWk5B50x6NrSpovHEuUbdDCn0wEGd5H6GUW4wUIRdevBBuSxyKCaGlplCIQIWYQcynsWblb8fY1H6/s1600/widget-random-post-bergerak.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirVvZE5vDaR1P6QvRqLfSe2lH85vMkbo-WCYDfkFsTEwVn3Qg4_6c-tP696pjbcKTxWk5B50x6NrSpovHEuUbdDCn0wEGd5H6GUW4wUIRdevBBuSxyKCaGlplCIQIWYQcynsWblb8fY1H6/s400/widget-random-post-bergerak.png" width="400" /></a></div> <br /> <div style="text-align: center;"> <b><a href="http://demo-seocips.blogspot.co.id/2015/10/random-post-bergerak.html" target="_blank">DEMO</a></b></div> <br /> Langsung saja kita ke tutorial cara membuat widget random post bergerak<br /> Langkah - langkah yg harus anda ikuti :<br /> 1. Di blogger<br /> 2. Menu  Tata letak > Tambah gadget / add gadget >> Html/Javascript<br /> 3. Masukan script di bawah ini<br /> <blockquote class="tr_bq"> <style type="text/css"><br /> /*widget*/<br /> #rp_plus_img{overflow:hidden;border:solid 1px #ddd;padding:10px; background-color:none;line-height:1.7em;}<br /> #rp_plus_img ul{list-style-type:none;margin:0;padding:0;}<br /> #rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}<br /> #rp_plus_img li{height:70px;padding:1px;list-style:none;}<br /> #rp_plus_img a{color:#3366ff;}<br /> #rp_plus_img .news-title{display:block;font-weight:normal !important;margin-bottom:5px;font-size:14px;}<br /> #rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}<br /> #rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:60px;border-radius:4px;}<br /> </style><br /> <!-- start --><br />   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br /> <script type="text/javascript" src="https://cdn.rawgit.com/Brando07/share/master/random-post-bergerak-seocips.js"></script><br /> <script type="text/javascript"><br /> var speed = <span style="color: red;">400</span>;<br /> var pause = <span style="color: blue;"><span style="color: #134f5c;">3500</span></span>;<br /> $(document).ready(function(){<br /> rpnewsticker();<br /> interval = setInterval(rpnewsticker, pause);<br /> });<br /> </script><br /> <ul id="rp_plus_img"><br /> <script style="text/javascript"><br /> var numposts = <span style="color: #6aa84f;">5</span>;<br /> var numchars = 0;<br /> </script><br /> <script src=<span style="color: yellow;"></span>"http://<span style="color: cyan;"><span style="background-color: white;">www.rhm-files.tk</span></span>/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script><br /> </ul><br />   <!-- /end --></blockquote> 4. Perhatikan<br />     - Ganti text yg berwarna <span style="color: cyan;">biru muda</span> dengan url alamat blogger sobat<br />     - Warna <span style="color: blue;">biru</span> adalah waktu berhentinya setiap post sebelum berpindah lagi<br />     - Warna <span style="color: red;">merah</span> adalah kecepatan berpindah post<br />     - Warna <span style="color: lime;">hijau</span> adalah jumlah post yg akan di tampikan<br /> 5. Setelah selesai Save widget<br /> 6. liat apakah berhasil atau tidak<br /> <span style="color: red;"><br /></span>Nah <span style="color: red;"><span style="color: black;">selamat sekarang widget anda sudah terpasang widget random post bergerak semoga saja bisa menambah page view blog kamu</span> </span>

Widget Random Post Dengan Gambar/Tumbnails Di blog

<br /> <br /> <div class="separator" style="clear: both; text-align: left;"> <a href="http://www.rhm-files.tk/" target="_blank">Widget Random Post Dengan Gambar/Tumbnails Di blog </a>- Kali ini saya akan membagikan tutorial cara membuat widget ramdom post dengan gambar/tumbnails keren  </div> <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/AVvXsEjOglj0HAb1bNMZ9k2aDW0hxBX043jsLR1_Gu6h87X69SOtQhgeohAajtiilAaEuM5HYKkzXn4wTozC6YbJ7uE3e9lBOv0TloUzyzYC2Fh2RAdM43x0aOktw5pyGDP-l5-upMwezGuLAlTz/s1600/widget-random-post-dengan-gambar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOglj0HAb1bNMZ9k2aDW0hxBX043jsLR1_Gu6h87X69SOtQhgeohAajtiilAaEuM5HYKkzXn4wTozC6YbJ7uE3e9lBOv0TloUzyzYC2Fh2RAdM43x0aOktw5pyGDP-l5-upMwezGuLAlTz/s320/widget-random-post-dengan-gambar.png" width="320" /></a></div> <br /> <a href="http://demo-seocips.blogspot.co.id/2015/11/random-post-tanpa-gambar.html" target="_blank"><br /></a> <br /> <div style="text-align: center;"> <b><a href="http://demo-seocips.blogspot.co.id/2015/11/random-post-dengan-gambar-light-v1.html" target="_blank">DEMO</a></b></div> <br /> Langsung saja kita ke tutorial cara membuat widget random post tanpa gambar<br /> Langkah - langkah yg harus anda ikuti :<br /> 1. Di blogger<br /> 2. Menu  Tata letak > Tambah gadget / add gadget >> Html/Javascript<br /> 3. Masukan script di bawah ini<br /> <blockquote class="tr_bq"> < <style><br /> .rp-seocips{border:1px solid #ddd;padding: 10px;overflow:hidden;box-shadow:inset -2px 2px 3px #ddd;background:#f6f6f6;border:1px solid #ddd;}<br /> .rp-seocips2{border:1px solid #ddd;padding:5px 10px;overflow:hidden;box-shadow: -2px 2px 3px #ddd;background:#fff;border:1px solid #ddd;}<br /> #random-posts img{float:left;margin-right:10px;border:1px solid #ddd;background:#fff;width:65px;height:65px;padding:3px;border-radius:2px;}</style><br /> </style><br />   <div class="rp-seocips"><br />     <div class="rp-seocips2"><br />   <!-- start --><br /> <div id='random-posts'><br /> <script type='text/javaScript'><br /> var rdp_numposts=5;<br /> var rdp_snippet_length=60;<br /> var rdp_info='yes';<br /> var rdp_comment='Comment';<br /> var rdp_disable='';<br /> var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"<span style="color: blue;">http://www.seocips.com/</span>feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};<br /> </script><br /> <script type='text/javaScript'><br /> function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSboeKIWGzeuLePXvvwGa1MZd9CcuopyWdNYVQaS4JZO4wwAjJUOQXVnWj-9VCg5xKMC-P8ijM425wkPqLbdRNrXVS1BLtkLZgp9PToaPF6Bk420CmA-0mGlIwvU4OTjI_NSoHC6KOTY_m/"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"<span style="color: blue;"><span style="color: cyan;">http://www.rhm-files.tk</span>/</span>feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};<br /> </script><br /> </div><br />   <!-- /end --><br /> </div></div> </blockquote> 4. Ganti text yg berwarna <span style="color: cyan;">biru</span> dengan url alamat blogger sobat<br /> 5. Save widget<br /> 6. liat apakah berhasil atau tidak<br /> <span style="color: red;"><br /></span>Nah <span style="color: red;"><span style="color: black;">selamat sekarang widget anda sudah terpasang widget random post semoga saja bisa menambah </span></span><br /> <span style="color: red;"><span style="color: black;">page view blog kamu</span> </span>

Cara membuat widget random post hanya judul tanpa gambar

<div class="separator" style="clear: both; text-align: center;"> </div> <a href="http://www.rhm-files.tk/" target="_blank">Cara membuat widget random post tanpa gambar di blog</a> - langsung aja gan baca tutorial cara buatnya di bawah<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjannYzpryzP35uUZlTzmP-koot59Pbdi5FI1U9xcUlU657mumtOlmAWt8tzBQ5qCyTSiwqd2jja4ApOSme5Sdz4Cm9jxev_vuYnpgwiEUGEKGy_-ppZ61J5i3XpOiuIpvei24OhQF9Z1RJ/s1600/widget-random-post-tanpa-gambar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjannYzpryzP35uUZlTzmP-koot59Pbdi5FI1U9xcUlU657mumtOlmAWt8tzBQ5qCyTSiwqd2jja4ApOSme5Sdz4Cm9jxev_vuYnpgwiEUGEKGy_-ppZ61J5i3XpOiuIpvei24OhQF9Z1RJ/s320/widget-random-post-tanpa-gambar.png" width="320" /></a></div> <br /> <br /> <div style="text-align: center;"> <b><a href="http://demo-seocips.blogspot.co.id/2015/11/random-post-tanpa-gambar.html" target="_blank">DEMO</a></b></div> <br /> Langsung saja kita ke tutorial cara membuat widget random post tanpa gambar<br /> Langkah - langkah yg harus anda ikuti :<br /> 1. Di blogger<br /> 2. Menu  Tata letak > Tambah gadget / add gadget >> Html/Javascript<br /> 3. Masukan script di bawah ini<br /> <blockquote class="tr_bq"> <script type="text/javascript"><br /> var randarray = new Array();var l=0;var flag; var numofpost=10;function randomposts(json){ var total = parseInt(json.feed.openSearch$totalResults.$t,10); for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}} if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>'); for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1]; for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>"; document.write(item);}} }document.write('</ul>');} </script><script src="<span style="color: #0b5394;">http://www.rhm-files.tk/</span>feeds/posts/default?alt=json-in-script&amp;start-index=5&amp;max-results=300&amp;callback=randomposts" type="text/javascript"><br /> </script> </blockquote> 4. Ganti text yg berwarna <span style="color: cyan;">biru</span> dengan url alamat blogger sobat<br /> 5. Save widget<br /> 6. liat apakah berhasil atau tidak<br /> <span style="color: red;"><br /></span> <span style="color: red;">Notice :</span><br /> <span style="color: red;"><span style="color: black;">widget ini akan mengikuti style template yg anda gunakan</span> </span>

Cara Membuat Gadget Label Menjadi Dua Kolom

<div style="text-align: justify;"> Apakah Anda sudah <a href="http://www.rhm-files.tk/" target="_blank">memasang gadget atau widget label tipe daftar atau list di <i>sidebar</i></a> blog Anda? Jika sudah, apakah gadget label tipe daftar tersebut masih menyisakan ruang kosong pada bagian kanannya sehingga memungkinkan bila dijadikan 2 kolom? Bila iya, jadikan saja gadget label daftar Anda menjadi dua kolom agar menghemat tempat pada <i>sidebar</i> blog Anda.</div> <div style="text-align: justify;"> </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/AVvXsEhKAFkG85ybsnkHz-kRjmVQgAbEzCWWfX7B2qFeV0R2767lj5CZXU7oobsLXUR74cAqn70d-SFWQOP5bS28dz4QEaP6Gu4BdbVQPCUOUmCK9LylMfLQuKwanFV_J6Fdr6lFli5fF_9EeOMp/s1600/Label+Dua+Kolom.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKAFkG85ybsnkHz-kRjmVQgAbEzCWWfX7B2qFeV0R2767lj5CZXU7oobsLXUR74cAqn70d-SFWQOP5bS28dz4QEaP6Gu4BdbVQPCUOUmCK9LylMfLQuKwanFV_J6Fdr6lFli5fF_9EeOMp/s320/Label+Dua+Kolom.jpg" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">WWW.RHM-FILES.TK</td></tr> </tbody></table> <div style="text-align: justify;"> <br /> Nah, untuk membuat gadget label daftar menjadi 2 kolom, silakan ikuti langkah-langkahnya di bawah ini. Namun, sebelumnya pastikan Anda telah memasang gadget label jenis daftar di <i>sidebar</i> blog Anda.</div> <br /> <div style="text-align: justify;"> 1. Masuk ke akun <b>Blogger</b> Anda.</div> <div style="text-align: justify;"> 2. Klik Rancangan > Edit HTML.</div> <div style="text-align: justify;"> 3. Klik <b style="color: blue;">Download Template Lengkap</b> utnuk mengantisipasi kalau nanti terjadi kesalahan dalam pengeditan.</div> <div style="text-align: justify;"> 4. Cari kode <span style="color: red;">]]></b:skin></span> (Gunakan Ctrl + F untuk mempercepat pencarian)<br /> 5. <i>Copy</i> kode di bawah ini dan <i>paste</i> di atas kode tersebut.</div> <blockquote class="tr_bq"> <div style="text-align: justify;"> <div style="color: blue;"> #Label1 li {</div> <div style="color: blue;"> float:left;</div> <div style="color: blue;"> width:<span style="color: red;">50</span>%;</div> <div style="color: blue;"> }</div> </div> </blockquote> <div style="text-align: justify;"> 6. Klik tombol <b style="color: blue;">PRATINJAU</b>. Bila gadget label belum berhasil menjadi 2 kolom, silakan ganti angka <span style="color: red;">50</span> dengan angka yang lebih kecil lagi, misalnya 45, lalu klik tombol <b style="color: blue;">PRATINJAU</b>. Jika belum berhasil juga, silakan ubah lagi angka tersebut dengan angka yang lebih kecil sampai label terbentuk menjadi dua kolom.</div> <br /> <div style="text-align: justify;"> 7. Bila label sudah berhasil menjadi 2 kolom, klik tombol <b style="color: orange;">SIMPAN TEMPLATE</b>.</div>

cara membuat tab menu view pada blog

<div style="text-align: justify;"> <b>RHM-FILES - cara membuat tab menu view pada blog</b><b> -</b> <u>tab menu view</u> ini sangat tepat digunakan bagi teman yang ingin <i>menghemat tempat pada</i> blog, bahkan ini jauh lebih hemat bila dibandingkan dengan sekedar membuat scroll, karena dengan cara ini satu area widget bisa ditempati oleh beberapa widget. sebagai contoh teman bisa melihat pada sidebar kanan saya yang terdapat widget recent posts dan popular posts.</div> <div style="text-align: justify;"> </div> <div style="text-align: justify;"> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: left;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgny5pXvtl8y835Mzb5jNdM5YEs3e4Q0JVsFcalEtBGyheG6rT16MY5xL05ku1FNWsBUd3Tk_RMq_7yw4hoWJZDN1Lyq0lI9KmzNbke7ym6g5QjidGqqM-7Dn1M0itBGLlXy6Dx54znPvUg/s1600/recent+post.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgny5pXvtl8y835Mzb5jNdM5YEs3e4Q0JVsFcalEtBGyheG6rT16MY5xL05ku1FNWsBUd3Tk_RMq_7yw4hoWJZDN1Lyq0lI9KmzNbke7ym6g5QjidGqqM-7Dn1M0itBGLlXy6Dx54znPvUg/s200/recent+post.jpg" width="200" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">WWW.RHM-FILES.TK</td></tr> </tbody></table> <br /> Langsung saja ya.. :) caranya memang cukup panjang, namun jika teman mengikuti tahapnya dengan benar, insyaallah tidak ada yang sulit :).</div> <div style="text-align: justify;"> <h3> Langsubg saja kita membuatnya : </h3> </div> <ul> <li>pertama - tama masuk ke dashboard</li> <li>klik design</li> <li>pilih tab edit HTML</li> <li>untuk berjaga - jaga terjadi kesalahan saat kita memasukkan kode nanti, sebaiknya teman mengunduh dulu template teman yang sekarang dengan klik  download full template (sebaiknya selalu lakukan ini bila mengedit HTML template)</li> <li>Beri tanda cek pada expand widget templates</li> <li>Cari kode </head> dengan menekan tombol CTRL+F</li> <li>letakkan script ini tepat sebelum <span style="color: red;"></head> </span></li> </ul> <blockquote class="tr_bq"> <span style="font-family: sans-serif; font-size: 13px;">div.TabView div.Tabs<br /> {<br /> height: 30px;<br /> overflow: hidden;<br /> }<br /> div.TabView div.Tabs a<br /> {<br /> float: left;<br /> display: block;<br /> width: </span><span style="font-family: sans-serif; font-size: 13px;">98</span><span style="font-family: sans-serif; font-size: 13px;">px; /* Lebar Menu Atas */<br /> text-align: center;<br /> height: </span><span style="font-family: sans-serif; font-size: 13px;">30</span><span style="font-family: sans-serif; font-size: 13px;">px; /* Tinggi Menu Atas */<br /> padding-top: 3px;<br /> vertical-align: middle;<br /> border: 1px solid </span><span style="font-family: sans-serif; font-size: 13px;">#BDBDBD</span><span style="font-family: sans-serif; font-size: 13px;">; /* Warna border Menu Atas */<br /> border-bottom-width: 0;<br /> text-decoration: none;<br /> font-family: "Verdana", Serif; /* Font Menu Utama Atas */<br /> font-weight: bold;<br /> color: </span><span style="font-family: sans-serif; font-size: 13px;">#000</span><span style="font-family: sans-serif; font-size: 13px;">; /* Warna Font Menu Utama Atas */<br /> -moz-border-radius-topleft:10px;<br /> -moz-border-radius-topright:10px;<br /> }<br /> div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active<br /> {<br /> background-color: </span><span style="font-family: sans-serif; font-size: 13px;">#E6E6E6</span><span style="font-family: sans-serif; font-size: 13px;">; /* Warna background Menu Utama Atas */<br /> }<br /> div.TabView div.Pages<br /> {<br /> clear: both;<br /> border: 1px solid </span><span style="font-family: sans-serif; font-size: 13px;">#BDBDBD</span><span style="font-family: sans-serif; font-size: 13px;">; /* Warna border Kotak Utama */<br /> overflow: hidden;<br /> background-color: </span><span style="font-family: sans-serif; font-size: 13px;">#E6E6E6</span><span style="font-family: sans-serif; font-size: 13px;">; /* Warna background Kotak Utama */<br /> }<br /> div.TabView div.Pages div.Page<br /> {<br /> height: 100%;<br /> padding: 0px;<br /> overflow: hidden;<br /> }<br /> div.TabView div.Pages div.Page div.Pad<br /> {<br /> padding: 3px 5px;<br /> }</span> </blockquote> <ul> <li>Cari kode ]]></b:skin> dengan menekan tombol CTRL + F</li> <li>Letakkan kode berikut ini tepat sebelum ]]></b:skin></li> </ul> <blockquote class="tr_bq"> <span style="color: purple; font-family: sans-serif; font-size: 13px;"><span style="color: black;">div.TabView div.Tabs<br /> {<br /> height: 30px;<br /> overflow: hidden;<br /> }<br /> div.TabView div.Tabs a<br /> {<br /> float: left;<br /> display: block;</span><br /> <span style="color: black;">width:</span> </span><span style="color: red; font-family: sans-serif; font-size: 13px;">98</span><span style="color: purple; font-family: sans-serif; font-size: 13px;"><span style="color: black;">px; /* Lebar Menu Atas */<br /> text-align: center;</span><br /> <span style="color: black;">height:</span> </span><span style="color: red; font-family: sans-serif; font-size: 13px;">30</span><span style="color: purple; font-family: sans-serif; font-size: 13px;"><span style="color: black;">px; /* Tinggi Menu Atas */<br /> padding-top: 3px;<br /> vertical-align: middle;<br /> border: 1px solid</span> </span><span style="color: blue; font-family: sans-serif; font-size: 13px;">#BDBDBD</span><span style="color: purple; font-family: sans-serif; font-size: 13px;"><span style="color: black;">; /* Warna border Menu Atas */<br /> border-bottom-width: 0;<br /> text-decoration: none;<br /> font-family: "Verdana", Serif; /* Font Menu Utama Atas */<br /> font-weight: bold;<br /> color:</span> </span><span style="color: blue; font-family: sans-serif; font-size: 13px;">#000</span><span style="color: purple; font-family: sans-serif; font-size: 13px;"><span style="color: black;">; /* Warna Font Menu Utama Atas */<br /> -moz-border-radius-topleft:10px;<br /> -moz-border-radius-topright:10px;<br /> }<br /> div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active<br /> {<br /> background-color:</span> </span><span style="color: blue; font-family: sans-serif; font-size: 13px;">#E6E6E6</span><span style="color: purple; font-family: sans-serif; font-size: 13px;"><span style="color: black;">; /* Warna background Menu Utama Atas */<br /> }<br /> div.TabView div.Pages<br /> {<br /> clear: both;<br /> border: 1px solid</span> </span><span style="color: blue; font-family: sans-serif; font-size: 13px;">#BDBDBD</span><span style="color: purple; font-family: sans-serif; font-size: 13px;"><span style="color: black;">; /* Warna border Kotak Utama */<br /> overflow: hidden;<br /> background-color:</span> </span><span style="color: blue; font-family: sans-serif; font-size: 13px;">#E6E6E6</span><span style="font-family: sans-serif; font-size: 13px;">; /* Warna background Kotak Utama */<br /> }<br /> div.TabView div.Pages div.Page<br /> {<br /> height: 100%;<br /> padding: 0px;<br /> overflow: hidden;<br /> }<br /> div.TabView div.Pages div.Page div.Pad<br /> {<br /> padding: 3px 5px;<br /> }</span> </blockquote> <ul> <li>Klik save dan pindahlah ke tab page elements</li> <li>Klik add a gadget</li> <li>pilih HTML/Javascript</li> <li>pada content masukkan kode berikut ini </li> </ul> <blockquote class="tr_bq"> <span style="font-family: sans-serif; font-size: 13px;"><form action="tabview.html" method="get"><br /> <div class="TabView" id="TabView"><br /> <div class="Tabs" style="width: 300px;"><br /> <a></span><span style="color: lime; font-family: sans-serif; font-size: 13px;">Menu 1</span><span style="color: purple; font-family: sans-serif; font-size: 13px;"><span style="color: black;"></a></span><br /> <span style="color: black;"><a></span></span><span style="color: lime; font-family: sans-serif; font-size: 13px;">Menu 2</span><span style="color: purple; font-family: sans-serif; font-size: 13px;"><span style="color: black;"></a></span><br /> <span style="color: black;"><a></span></span><span style="color: lime; font-family: sans-serif; font-size: 13px;">Menu 3</span><span style="color: purple; font-family: sans-serif; font-size: 13px;"><span style="color: black;"></a></span><br /> <span style="color: black;"></div><br /> <div class="Pages" style="width:</span> </span><span style="color: red; font-family: sans-serif; font-size: 13px;">300</span><span style="font-family: sans-serif; font-size: 13px;">px; height:</span><span style="color: red; font-family: sans-serif; font-size: 13px;"> 250</span><span style="font-family: sans-serif; font-size: 13px;"><span style="color: purple;">px;"></span><br /> <span style="color: purple;"> <div class="Page"></span><br /> <span style="color: purple;"> <div class="Pad"></span><br /> <span style="color: magenta;"> Letakkan konten menu 1 disini</span></span><span style="font-family: sans-serif; font-size: 13px;"><span style="color: purple;"></div></div></span><br /> <span style="color: purple;"> <div class="Page"></span><br /> <span style="color: purple;"> <div class="Pad"></span><br /> <span style="color: magenta;"> Letakkan konten menu 2 disini</span></span><span style="font-family: sans-serif; font-size: 13px;"><span style="color: purple;"></div></div></span><br /> <span style="color: purple;"> <div class="Page"></span><br /> <span style="color: purple;"> <div class="Pad"></span><br /> <span style="color: magenta;"> Letakkan konten menu 3 disini</span></span><span style="font-family: sans-serif; font-size: 13px;"></div></div><br /> </div><br /> </div><br /> </form><br /> <script type="text/javascript"><br /> tabview_initialize('TabView');<br /> </script></span> </blockquote> <ul> <li>Klik save</li> <li>Nah sekarang saatnya kita mengatur - atur kode HTML dan Script yang sangat banyak tadi :D</li> </ul> <ul> <li>Karakter - karakter berwarna <span style="color: red;">merah</span> merupakan kelompok ukuran. atur ukuran - ukuran tersebut sesuai kebutuhan blog teman</li> <li>Karakter - karekter berwarna <span style="color: blue;">biru</span> merupakan kelompok warna, atur juga warna - warna tersebut sesuai kebutuhan blog teman</li> <li>Ganti karakter berwarna <span style="color: lime;">Hijau</span> dengan nama yang teman inginkan untuk ditampilkan pada tab </li> <li>Letakkan konten - konten pada karakter berwarna <span style="color: magenta;">ungu</span>, misalnya recent posts, popular posts, recent comments, dll</li> <li>selesaiiii.......</li> </ul> haaahh... bagaimana teman? bisa ? kalau bisa katakan "berhasil .. berhasil.. berhasil.. horeee" :D<br /> <div> Saya sendiri yang membuat post ini juga sangat capek karena cukup panjang juga :)</div> <div> sukses buat teman - teman semua.</div>

Cara Membuat Gambar Animasi Bergerak di Blog

<a href="http://www.rhm-files.tk/" target="_blank"><span style="color: blue;"><i><b>Cara Membuat Gambar Animasi Bergerak di Blog</b></i></span></a> - Banyak cara untuk membuat blog makin cantik dan keren, <b>Membuat gambar animasi bergerak </b>yang berada<br /> <div style="text-align: justify;"> </div> <div style="text-align: justify;"> <a href="http://www.rhm-files.tk/" target="_blank"><b>Rhm-Files</b></a> setelah mencoba beberapa tutorial akhrnya menemukan <b>Cara Membuat Gambar Animasi Bergerak di Blog</b> dengan <b>gambar animasi bergerak</b> pada pojok blog ini (kalau belum dicopot). hehe sobat juga bisa gunakan ini untuk mempercantik blog. cekidot !!!!! Cara Membuat Gambar Animasi Bergerak di Blog :<br /> <br /> <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/AVvXsEiNEo7akoLFwNrf2LP446NpjZE4_0prBm4W3ShFWZ7zlRWO-xVQC-m2wRUNE1m1DMmVgOMUgKNcyFXi8ns7T9QfU-tsl4j4FtZB0yTb4PDLLo0psdMblK54LJRoyQMUWzrZzYbFHhny2LEP/s1600/blue-link.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNEo7akoLFwNrf2LP446NpjZE4_0prBm4W3ShFWZ7zlRWO-xVQC-m2wRUNE1m1DMmVgOMUgKNcyFXi8ns7T9QfU-tsl4j4FtZB0yTb4PDLLo0psdMblK54LJRoyQMUWzrZzYbFHhny2LEP/s320/blue-link.gif" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> </div> <div style="text-align: justify;"> </div> <div class="separator" style="clear: both; text-align: center;"> </div> Cara Memasang Gambar Animasi Bergerak di Blog cukup mudah :<br /> <br /> <b>Baca Juga :</b> <a href="http://www.rhm-files.tk/2016/07/cara-membuat-kotak-komentar-blog-di.html" target="_blank">Cara Membuat Kotek Komentar di Bawah Komentar</a><br /> <br />    1. Masuk Akun Blogger Sobat<br />    2. Pilih Tata Letak & Klik Tambah Gadget <br />    3. Pilih Gadget HTML/Java Script<br />    4. Paste Kode gambar animasi yang sobat inginkan dibawah ini:<br />    5. Kalau sudah Klik SIMPAN<br /> <br /> -----------------------------------------------------------------------------------------------------------<br /> <div style="text-align: center;"> <b><b>Gambar Animasi Bergerak </b>Boneka</b></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/AVvXsEg0xo4UWOiEwusWsFul6atRcNudZ3lGP14XJWdLg825Fe_5BnvP9BgB237uRXWxHeuxMUxtdnpzzqGr142hO5vY71mq0Kzka3ltm2IfmSD_G89vZ3zrTXNML3RqRhacmk8C9CRNGd1aSaVa/s1600/boneka.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xo4UWOiEwusWsFul6atRcNudZ3lGP14XJWdLg825Fe_5BnvP9BgB237uRXWxHeuxMUxtdnpzzqGr142hO5vY71mq0Kzka3ltm2IfmSD_G89vZ3zrTXNML3RqRhacmk8C9CRNGd1aSaVa/s200/boneka.gif" width="153" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <blockquote class="tr_bq"> <div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/228/th/22801.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div> </blockquote> --------------------------------------------------------------------------------------------------------<br /> <div style="text-align: center;"> <b><b>Gambar Animasi Bergerak </b>Monyet Lompat</b><br /> </div> <div style="text-align: center;"> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyluG26hXN4-ehrZHq-HF60TSKWcDfXx-ox4FDlZU8zWaCHLz6EdtLxKdxwXPBExs4XiiGound1Zo-Gr6yr6xipTF-KL8Mup0okVUiWmeRCpw3MSWR4n1oMRPxYVpRtcaVkGrJ3-mbIbo/s1600/monyet+lompat.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <blockquote class="tr_bq"> <br /> <div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> -----------------------------------------------------------------------------------------------------<br /> <div style="text-align: center;"> <b><b>Gambar Animasi Bergerak </b>Bola</b></div> <div style="text-align: center;"> <br /></div> <div style="text-align: center;"> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioWtxo68fRNOsLlv0anTde9WM8iEsz_yCOj1-nVMt2i6R9mOluuLv5FP9zhKjWB2LwxGGTDaiI2qY0HdLYkqed2ybx4aA77jFWPu4m6GK7y2FizntdSWnSCd8mvAkYRHjZjos5BVmFi-Y/s1600/bola.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/712/th/71266.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> ----------------------------------------------------------------------------------------------------<br /> <div style="text-align: center;"> <b><b>Gambar Animasi Bergerak </b>Naruto</b><br /> </div> <div style="text-align: center;"> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3HmSNJaDUbRVJpBTPZDBlC9ZC7v_JVPO8xJr6R1xq5_HsbWQFZHUX6g3h2cuJF6qdtbaUNMtDt0BGUZmXN3eqMcmnEr6ljkqepmxoHBnZCB0Hjji0xI7a_XoapvaL1qTNmIgEBvD87cU/s1600/naruto.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/656/th/65649.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> <br /> ------------------------------------------------------------------------------------------------------<br /> <div style="text-align: center;"> <b><b>Gambar Animasi Bergerak </b>Panda</b><br /> </div> <div style="text-align: center;"> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijMQMAD9ouGpZB_2io1zDf6Cf1bMVUn0azkn8CGfEx9dCf3ebXtgXHfMcbe8e4pOVAm0rdENFLI-lWlQU77rJn-q7n2q8uBJ6cYBvk9Ag6PXa7hgJcojmwEXVINvdPhMMiZoVlGs8zb7A/s1600/panda.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> -------------------------------------------------------------------------------------------------------<br /> <div style="text-align: center;"> <b><b>Gambar Animasi Bergerak </b>Spongebob</b><br /> </div> <div style="text-align: center;"> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz40QuD5Rb9nEwwBQ11xdLFGzRQYZQBHIwupP2cOtbM-sD269JRtFSleeTsj5Rf9BgMbg7SDnzIbSyEVx0k7lh0zNz79OyHrSp-rf22DQJ-6cSfOOs-RhjIrlBHnF7e60NrrHGsExHu50/s1600/spongebob.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div> </blockquote> </div> --------------------------------------------------------------------------------------------------------<br /> <div style="text-align: center;"> <b><b>Gambar Animasi Bergerak</b> Doraemon</b><br /> </div> <div style="text-align: center;"> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj28WT7bADwh5tb53GuCGT9o24bL7sLTj6mujOfyhq2EjeVUS_i911Ovmd651U4tBgCK01zPWWQgUSDamRw938xjr5np7tk6sTuq_1_qlE3ce625L0qprt6tv8cMnEMJmRJBwk8r_vy4xY/s1600/doraemon.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div> </blockquote> </div> ----------------------------------------------------------------------------------------------------------<br /> <div style="text-align: center;"> <b><b>Gambar Animasi Bergerak </b>Senyum </b><br /> </div> <div style="text-align: center;"> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTQFhMG_s9p-GrB4jhecW6dlSAaoRYW2PbKYAjAiH-h5jdblF31BIn6OBvP6xxFXXntz4nfPwK8c28-zs15iSUD_UjIzwjKq-FV43-sQ5f_VUEUcEqG1wP8bVVk0nlpaXUxYa0MILTiAA/s1600/senyum.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> -------------------------------------------------------------------------------------------------------<br /> <div style="text-align: center;"> <b><b>Gambar Animasi Bergerak </b>Monyet</b><br /> </div> <div style="text-align: center;"> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLIFYAn611OE_nTWIYiaIodDhWz-S0enu1_oGzVFPVkDz6xtWhW_Q3IhxjO3JtGaXNVFYlN9ZWdVm1QOs2KUYSem9OUizJS5rpRU-Wcu7F1MeqyZBCZhpJjNX4ikuZb6eAWki62O8ecVA/s1600/monyet.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> <div style="text-align: center;"> <div style="text-align: left;"> ------------------------------------------------------------------------------------------------------</div> <div style="text-align: center;"> <b><b>Gambar Animasi Bergerak </b>Babi </b></div> <div style="text-align: center;"> <br /></div> </div> <div style="text-align: center;"> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnB2wPnn3ZIB-6IabdkgIzQsif15hSEav6AefRk6hyphenhyphenH2_0CEGeDdM8iPwL1i-IC3ktq1r3k6A8TjY4rMKPRDARBujAXC3i5pfUT-Jyr8CbV2HW48WwcUwl6qi6PcNFLHnP_WtUqkQAwAc/s1600/babi.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: justify;"> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> -------------------------------------------------------------------------------------------------------</div> <div style="text-align: center;"> <b>Gambar Animasi Bergerak Gajah lompat</b><br /> </div> <div class="separator" style="clear: both; text-align: center;"> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRzxYD1ME5MzapYNN3bsw0MwSFoztGzJe7Qp0XsjH56rmwPN1tfeHcdto2pbnAaGfjb_NH_AusRN9RYaivzodHz6yS9Hmydyj3eVE-02cfmixnaw9tH_bGNNZ6cV6xpIJKMZALCd8BdGA/s1600/gajah.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <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/AVvXsEhF_FRT2IkqjGsReaOKlJv5TNl4JPhzU7py1pMej2cnbghskuzokBCZ1yxKFJbCVPipUnCvn5EK4vfvCP_rFIGi6NvhdixKK_OpNqDy9SOfr_tziSP48yL2WpFiL4q2yrf3Non4lgCo-nY/s1600/boring.gif" style="margin-left: 1em; margin-right: 1em;"><br /></a></div> <div style="text-align: center;"> Script:<br /> <blockquote class="tr_bq"> <div style="position: fixed; top: 80px; left: 20px;width:120px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Selamat Datang " /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> <div style="text-align: center;"> <div style="text-align: left;"> -----------------------------------------------------------------------------------------------------</div> <div style="text-align: center;"> <b>Gambar Animasi Bergerak Boring</b></div> <div style="text-align: center;"> <br /></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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF_FRT2IkqjGsReaOKlJv5TNl4JPhzU7py1pMej2cnbghskuzokBCZ1yxKFJbCVPipUnCvn5EK4vfvCP_rFIGi6NvhdixKK_OpNqDy9SOfr_tziSP48yL2WpFiL4q2yrf3Non4lgCo-nY/s1600/boring.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: justify;"> <div style="text-align: center;"> <br /></div> <div style="text-align: center;"> Script :</div> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; top: 80px; left: 20px;width:80px;height:120px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> ----------------------------------------------------------------------------------------------------------</div> <div style="text-align: center;"> <div style="text-align: center;"> <b>Gambar Animasi Bergerak Tuyul ketawa</b><br /> </div> <div style="text-align: center;"> </div> </div> <div style="text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKFOTO8iZwoaZDO3CGVjFvVKobXk4SXUXO6sOhBqRHXn3xB2HtrxcOSddaIh8wONTLklN3YrA4S3hxbpc_IoHXQDOq_tJSRDQfAEf0FzH1EDEDOFqta0J5G9yhzH66qk6CnyL7GP2rSmA/s1600/baby.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> Script:</div> <div style="text-align: center;"> </div> <div style="text-align: justify;"> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; bottom: 80px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> ----------------------------------------------------------------------------------------------------</div> <div style="text-align: center;"> <b>Gambar Animasi Bergerak Boneka Joget</b><br /> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi4RrnHht3e8lfYZDO8Yp7B5RtukDaRzfWNVnJehxXmaqDMEUc_zc8aL1E94CnAHYcVyPieorHG17IW1gi8jPXnwgjv-4oJJO_JK4lTIeZQFsYLs7mrJpXDKeDjFXawI8wLTbKgxPBihI/s1600/bergoyang.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <br /> Script :</div> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; top: 80px; left: 20px;width:82px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> <div style="text-align: center;"> <div style="text-align: left;"> -----------------------------------------------------------------------------------------------------</div> <div style="text-align: center;"> <b>Gambar Animasi Bergerak Panda Main Bola</b><br /> </div> </div> <div class="separator" style="clear: both; text-align: center;"> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPDPo8aH-G38qxqwro6rqxOXZJopXXGN46bpBdlVDasS4B2E4I0ugXB5mWiz40KNQYzBSKv9vb35ej5lzvMJ6Yiirm3QLo13auzP_-Mho_jWIJTvdXiSGP8Un125Rkz_LKNo5PoBave9U/s1600/panda.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;">   </div> <div style="text-align: center;"> Script :</div> <div style="text-align: justify;"> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; top: 80px; right: 30px;width:160px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> ---------------------------------------------------------------------------------------------------------</div> <div style="text-align: center;"> <b>Gambar Animasi Bergerak Panda Biru</b><br /> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEuTUAYqxKkbFctbwS9U0euT8pGkURRqDcLSaSCMY0SSHNJg6Z170iZR0y0qMhoodlJr7krw4R0Tmnnhnp6qnrjcHcPeh-iwssNksmL00Aoj-Oz5tkgvWSQod-lRrCcitboV4SLXmA8Aw/s1600/boneka.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> <br /> Script</div> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="text-align: justify;"> <div style="position: fixed; top: 80px; left: 20px;width:100px;height:100px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></div> </blockquote> </div> <div style="text-align: justify;"> ---------------------------------------------------------------------------------------------------</div> <div style="text-align: center;"> <div style="text-align: center;"> <b>Gambar Animasi Bergerak Memanah</b><br /> </div> <div style="text-align: center;"> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqs2zfekU5qtiK17TaiSwX0WdmN1blD_NArh8mzb8GX3lpuU_v0VbD9HQg9QMbowfWt9VGetO4s4VBid5XvlojQeojF6qhz_fnodYbSNJssznjFIcEknTPDb7EYJXW-pYgZ33Eh7c1rCk/s1600/memanah.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> <br /> Script:</div> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: justify;"> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; top: 80px; left: 10px;width:210px;height:120px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> ----------------------------------------------------------------------------------------------------------</div> <div style="text-align: center;"> <div style="text-align: center;"> <b>Gambar Animasi Bergerak Bunga</b></div> <div style="text-align: center;"> </div> <br /> <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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqN7mEwmhL5kp-aP9dmfGPQ2e-AQoXVUE1Fhxvnu967AOxOB76dkIbilcwLP2zPrEWY7x7bWpDYVXF8LU8WoZvTSydRVbNuJukcQ2cgFA5RvWQaWX1SqeQjpXe-MB7cxO9TDCBhECQIBE/s1600/bunga.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both;"> </div> <br /> Script :</div> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; bottom: 80px; left: 10px;width:100px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Selamat Datang." /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> <div style="text-align: left;"> -------------------------------------------------------------------------------------------------------</div> <div style="text-align: center;"> <div style="text-align: center;"> <b>Gambar Animasi Bergerak Lumba-Lumba</b></div> <div style="text-align: center;"> <br /></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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3iovTBKkaIUpXBvt2h5T4b49ydZ5PLzq9EfBjZtzYCLY0RIj9C8jLS66FWHqrvqHeZhOKkYdb7i3j2iWIpHsW1y1XWEvQWGp9sKENiz2Hd8-xDyZUwPDSBwmi-64UKhbsk9gPog93vMU/s1600/lumba-lumba.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> Script :</div> <div style="text-align: justify;"> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; top: 80px; left: 10px;width:110px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> ----------------------------------------------------------------------------------------------------</div> <div style="text-align: center;"> <b>Gambar Animasi Bergerak Kelinci</b><br /> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg02WgJZXEQfRZ5BhulxCU8wNBgifz5HWTHs1FVWOGfUr4bKxZuHx5VoAUn29K6zXnonV5bpMtWkGIfBkZK-4oZWTopaarfuzBJDkBpcyP4A12pDcTPXY3_Hn34ISvr-dQupxLQDzh3wI4/s1600/kelinci.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: justify;"> <div style="text-align: center;"> <br /></div> <div style="text-align: center;"> Script :</div> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; bottom: 80px; left: 10px;width:125px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Selamat Datang." /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> -----------------------------------------------------------------------------------------------------------</div> <div style="text-align: center;"> <b>Gambar Animasi Bergerak Dragon</b><br /> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-3ju8t-S8VUXNu5bICbiTfHyjDH-cIkd7SmjT7ShJnh9gaxNBU5eRN66FdYHk6XujjRpvUAr5oS2GH2cxcXTLJVSyO76XoM3bZbDivJJpIfB6yx5ZeQyBzGCZD7ZdLAKXL9Sx-ckngEY/s1600/dragon.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> <br /> Script:</div> <div style="text-align: justify;"> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; top: 80px; right: 10px;width:150px;height:130px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> ----------------------------------------------------------------------------------------------------------</div> <div style="text-align: center;"> <b>Gambar Animasi Bergerak Ikan</b><br /> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtxoDn1dX7wn3bz3uUpdRO67HOmYrjNMAB0DY8WLbY-nW2WmTQHdzPBUIZ2WLmyxuKhaeZhyphenhyphenAmeQenbUhqpkTBC_BSS7Z_w90vW2Z_IRlAHHPAaY-OwlFA6A3CzD8LKhUF_Ni_GrgIUNM/s1600/ikan.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> <br /> Script :</div> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; bottom: 80px; left: 10px;width:100px;height:130px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> <div style="text-align: center;"> <div style="text-align: left;"> ----------------------------------------------------------------------------------------------------</div> <div style="text-align: center;"> <b>Gambar Animasi Bergerak Pinguin</b></div> <div style="text-align: center;"> <br /></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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirdz4LE0_1QLJws7_ubuvL9k437hTZUDb85nfNZOFWX3ax2jEc1SjlogwBLqr23IdWvdvabPbJXjH0Zk5WZC7i4HU5QpfPfsE9wf74DZhNlUtOtYNn6VWULHLLkLDmyzXfPUqqbOCJQO4/s1600/pinguin.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> <br /> Script :</div> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; bottom: 80px; left: 10px;width:110px;height:130px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Selamat Datang." /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> <div class="separator" style="clear: both; text-align: left;"> ------------------------------------------------------------------------------------------------------</div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <b>Gambar Animasi Bergerak Helikopter</b></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> </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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVAcIk2sw1iMnlLuvELgKm_HPEvt5t_yiMiXzIvOJ-Ms7jG7zgkVR6QWoBev_MUjSZkYnnQ749QFAQFvQRD0AxK8cCbqNAHW5O2A1_VvHYyn35XHbf7R5SQWorQ0jsn4uW6nbbdJaFhVc/s1600/helikopter.gif" style="margin-left: auto; margin-right: auto;" /></td></tr> <tr><td class="tr-caption" style="text-align: center;"><code><span style="font-size: small;">WWW.RHM-FILES.TK</span></code></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> <br /> Script :</div> <div style="text-align: center;"> <blockquote class="tr_bq"> <div style="position: fixed; bottom: 80px; left: 10px;width:110px;height:130px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div></blockquote> </div> ---------------------------------------------------------------------------------------------------<br /> <br /> Sampai disini <a href="http://www.rhm-files.tk/" target="_blank">Cara Membuat Gambar Animasi Bergerak di Blog</a> - bagaimana sudah banyak pilihan? tinggal pasang dah,,,, semoga bermanfaat. salam blogger<b>.</b>