<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-5680454114530316294</id><updated>2024-11-08T22:35:56.465+07:00</updated><category term="TUTORIAL BLOG"/><category term="trik komputer"/><category term="widget"/><category term="laptop"/><category term="menu"/><category term="slider"/><category term="kolom"/><category term="posting"/><category term="label kategori"/><category term="tombol share"/><category term="trik facebook"/><category term="daftar isi"/><category term="editing"/><category term="footer"/><category term="komentar"/><category term="link"/><category term="marquee"/><category term="recent post"/><category term="scroll"/><category term="windows"/><category term="Anti virus"/><category term="alexa rank"/><category term="baterai"/><category term="handphone"/><category term="icon"/><category term="loading blog"/><category term="related post"/><category term="template"/><category term="Scan Blog"/><category term="animasi"/><category term="banner"/><category term="blackberry"/><category term="buku tamu"/><category term="contact us"/><category term="css3"/><category term="daftar harga"/><category term="edit video"/><category term="flash disk"/><category term="followers"/><category term="foto slider"/><category term="harga hp"/><category term="keyboard"/><category term="kode js"/><category term="kode warna html"/><category term="kursor"/><category term="permalink"/><category term="random post"/><category term="samsung"/><category term="screensaver"/><category term="screenshot"/><category term="share otomatis"/><category term="spoiler"/><category term="teks berkedip"/><category term="trik internet"/><category term="usb"/><title type='text'>KUCOPAS</title><subtitle type='html'>Blog Trik Untuk Umum</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default?start-index=26&amp;max-results=25'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/10550878667911983660</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>85</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-26910509825571070</id><published>2014-02-28T18:30:00.000+07:00</published><updated>2014-02-28T18:30:01.121+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="posting"/><category scheme="http://www.blogger.com/atom/ns#" term="related post"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><title type='text'>Cara Membuat Artikel Terkait Di Blog Dengan Scroll</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2014/02/cara-membuat-artikel-terkait-di-blog.html&quot;&gt;Cara Membuat Artikel Terkait Di Blog Dengan Scroll&lt;/a&gt;&lt;/b&gt;. Artikel terkait adalah postingan blog yang terkait dengan postingan yang sedang dibaca atau dikunjungi, artikel terkait yang juga biasa dikenal dengan related post untuk bahasa luasnya didunia. Banyak sekali jenis dan modelnya dari artikel terkait untuk blog, mulai dari artikel terkait dengan thumbnail (gambar/photo) sampai dengan artikel terkait yang hanya judulnya saja.&lt;br /&gt;
&lt;br /&gt;
Kali ini saya akan share untuk sobat mengenai trik Cara Membuat Artikel Terkait Di Blog Dengan Scroll, dengan artian artikel terkait yang akan diterapkan pada blog ini memiliki tampilan hanya judulnya saja dengan fungsi scroll dan memperlihatkan artikel terkait dari beberapa label/kategori secara bersamaan beserta list daftar artikel masing-masing label/kategori. Agar sobat tidak penasaran lagi tentang penampakannya seperti apa, sobat bisa melihat contohnya pada blog ini atau screenshot dibawah ini.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2014/02/cara-membuat-artikel-terkait-di-blog.html&quot;&gt;&lt;img alt=&quot;Cara Membuat Artikel Terkait Di Blog Dengan Fungsi Scroll&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPsPmbCkdbyfM69q2w2v-KTeUoEVSynfEnh24TYMCi9lVwMUlmYvX0i_xObl8FK6d1jeqpxA51RDudPvI19siQU3EoVE9kMmF8O5BXDp6u-zgdp-UkzX9ungcr_e6uP-oYdCMon6jVCqs/s1600/Cara+Membuat+Artikel+Terkait+Di+Blog+Dengan+Scroll.jpg&quot; title=&quot;Cara Membuat Artikel Terkait Di Blog Dengan Fungsi Scroll&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;Keterangan Gambar:&lt;/b&gt;&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Tanda panah &lt;b&gt;&lt;span style=&quot;color: magenta;&quot;&gt;&amp;lt;=&lt;/span&gt;&lt;/b&gt;&amp;nbsp;warna &lt;span style=&quot;color: magenta;&quot;&gt;&lt;b&gt;pink&lt;/b&gt;&lt;/span&gt; adalah &lt;b&gt;Title dari artikel terkait&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Tanda panah &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&amp;gt;&lt;/span&gt;&lt;/b&gt; warna &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;biru&lt;/span&gt;&lt;/b&gt; adalah &lt;b&gt;Scroll&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Kotak &lt;span style=&quot;background-color: red;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt; warna &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;merah&lt;/span&gt;&lt;/b&gt; adalah &lt;b&gt;Label/Kategori&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Kotak &lt;span style=&quot;background-color: yellow;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt; warna &lt;b&gt;&lt;span style=&quot;color: yellow;&quot;&gt;kuning&lt;/span&gt;&lt;/b&gt; adalah &lt;b&gt;Daftar list artikel terkait&lt;/b&gt; berdasarkan masing-masing label/kategori.&lt;/li&gt;
&lt;/ul&gt;
&lt;b&gt;Cara Membuat Artikel Terkait Dengan Fungsi Scroll Di Bawah Postingan Blog&lt;/b&gt;&lt;br /&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Silahkan sobat langsung &amp;gt;&amp;gt; &lt;b&gt;Masuk/Login&lt;/b&gt; ke &amp;gt;&amp;gt; &lt;b&gt;&lt;a href=&quot;http://www.blogger.com/&quot; target=&quot;_blank&quot;&gt;Blogger.com&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Pada Dasbor, pilih Menu &amp;gt;&amp;gt; &lt;b&gt;Template&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Edit HTML&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Cari kode &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/span&gt;&lt;/b&gt; (Gunakan &lt;b&gt;CTRL+F&lt;/b&gt; untuk mempermudah pencarian)&lt;/li&gt;
&lt;li&gt;Setelah ketemu, masukkan kode berikut tepat diatas kode &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;hr /&gt;
&lt;span style=&quot;color: purple;&quot;&gt;.rbbox{border:1px solid rgb(192,192,192);padding:5px;background-color:#f0f0f0;-moz-border-radius:5px;margin:5px}.rbbox:hover{background-color:rgb(255,255,255)} &lt;/span&gt;&lt;hr /&gt;
&lt;li&gt;Masih dalam &lt;b&gt;Edit HTML&lt;/b&gt;, cari kode &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;data:post.body/&amp;gt;&lt;/span&gt;&lt;/b&gt; (Gunakan &lt;b&gt;CTRL+F&lt;/b&gt; untuk mempercepat pencarian)&lt;/li&gt;
&lt;li&gt;Masukkan semua kode berikut tepat dibawah kode &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;data:post.body/&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;hr /&gt;
&amp;lt;b:if cond=&#39;data:blog.pageType == &amp;amp;quot;item&amp;amp;quot;&#39;&amp;gt; &amp;lt;H2&amp;gt;&lt;b&gt;&lt;span style=&quot;color: magenta;&quot;&gt;Artikel Terkait:&lt;/span&gt;&lt;/b&gt;&amp;lt;/H2&amp;gt; &amp;lt;div class=&#39;rbbox&#39;&amp;gt; &amp;lt;div style=&#39;margin:0; padding:10px;&lt;span style=&quot;color: orange;&quot;&gt;height:200px&lt;/span&gt;;overflow:auto;border:1px solid #ccc;&#39;&amp;gt; &amp;lt;div id=&#39;albri&#39;/&amp;gt; &amp;lt;script type=&#39;text/javascript&#39;&amp;gt; var homeUrl3 = &amp;amp;quot;&amp;lt;data:blog.homepageUrl/&amp;gt;&amp;amp;quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; &lt;span style=&quot;color: red;&quot;&gt;maxNumberOfPostsPerLabel = 10&lt;/span&gt;; &lt;span style=&quot;color: green;&quot;&gt;maxNumberOfLabels = 3&lt;/span&gt;; function listEntries10(json) { var ul = document.createElement(&amp;amp;#39;ul&amp;amp;#39;); var maxPosts = (json.feed.entry.length &amp;amp;lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &amp;amp;lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &amp;amp;lt; entry.link.length; k++) { if (entry.link[k].rel == &amp;amp;#39;alternate&amp;amp;#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&amp;amp;#39;li&amp;amp;#39;); var a = document.createElement(&amp;amp;#39;a&amp;amp;#39;); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l &amp;amp;lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &amp;amp;#39;alternate&amp;amp;#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k&amp;amp;lt;20; k++) label = label.replace(&amp;amp;quot;%20&amp;amp;quot;, &amp;amp;quot; &amp;amp;quot;); var txt = document.createTextNode(label); var h = document.createElement(&amp;amp;#39;b&amp;amp;#39;); h.appendChild(txt); var div1 = document.createElement(&amp;amp;#39;div&amp;amp;#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(&amp;amp;#39;albri&amp;amp;#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&amp;amp;#39;script&amp;amp;#39;); script.setAttribute(&amp;amp;#39;src&amp;amp;#39;, query + &amp;amp;#39;feeds/posts/default/-/&amp;amp;#39; + label + &amp;amp;#39;?alt=json-in-script&amp;amp;amp;callback=listEntries10&amp;amp;#39;); script.setAttribute(&amp;amp;#39;type&amp;amp;#39;, &amp;amp;#39;text/javascript&amp;amp;#39;); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; &amp;lt;b:loop values=&#39;data:posts&#39; var=&#39;post&#39;&amp;gt; &amp;lt;b:loop values=&#39;data:post.labels&#39; var=&#39;label&#39;&amp;gt; textLabel = &amp;amp;quot;&amp;lt;data:label.name/&amp;gt;&amp;amp;quot;; var test = 0; for (var i = 0; i &amp;amp;lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &amp;amp;lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &amp;amp;lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } &amp;lt;/b:loop&amp;gt; &amp;lt;/b:loop&amp;gt; &amp;lt;/script&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;script type=&#39;text/javascript&#39;&amp;gt;RelPost();&amp;lt;/script&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/b:if&amp;gt; &lt;hr /&gt;
&lt;b&gt;Catatan:&lt;/b&gt; Apabila pada blog sobat menggunakan Readmore, kode &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;data:post.body/&amp;gt;&lt;/span&gt;&lt;/b&gt; ada lebih dari satu. Maka letakkan semua kode diatas dibawah kode &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;data:post.body/&amp;gt;&lt;/span&gt;&lt;/b&gt; paling terakhir.
&lt;li&gt;Langkah terakhir klik &amp;gt;&amp;gt; &lt;b&gt;Simpan&lt;/b&gt; dan lihat hasilnya pada setiap postingan blog akan terdapat artikel terkait dibawahnya. &lt;/li&gt;
&lt;/ol&gt;
&lt;b&gt;Keterangan:&lt;/b&gt;&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: magenta;&quot;&gt;Artikel Terkait:&lt;/span&gt;&lt;/b&gt; Adalah title, sobat bisa menggantinya dengan title Related Post, Related Article atau juga posting terkait.&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: orange;&quot;&gt;height:200px&lt;/span&gt; Adalah ukuran tinggi kotak scroll, silahkan sobat ganti nilainya sesuai dengan keinginan sobat.&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: red;&quot;&gt;maxNumberOfPostsPerLabel = 10&lt;/span&gt; Adalah jumlah daftar list artikel terkait berdasarkan label/kategori yang akan ditampilkan, silahkan sobat ganti nilainya sesuai dengan keinginan sobat.&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: green;&quot;&gt;maxNumberOfLabels = 3&lt;/span&gt; Adalah jumlah label/kategori yang list daftar artikel terkaitnya akan ditampilkan.&lt;/li&gt;
&lt;/ul&gt;
Demikian tutorial ringan seputar dunia blogger yang mengulas tentang trik &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2014/02/cara-membuat-artikel-terkait-di-blog.html&quot;&gt;Cara Membuat Artikel Terkait Di Blog Dengan Fungsi Scroll&lt;/a&gt;&lt;/b&gt;, semoga bisa bermanfaat untuk sobat KUCOPAS semua.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/26910509825571070/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2014/02/cara-membuat-artikel-terkait-di-blog.html#comment-form' title='10 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/26910509825571070'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/26910509825571070'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2014/02/cara-membuat-artikel-terkait-di-blog.html' title='Cara Membuat Artikel Terkait Di Blog Dengan Scroll'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/10550878667911983660</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPsPmbCkdbyfM69q2w2v-KTeUoEVSynfEnh24TYMCi9lVwMUlmYvX0i_xObl8FK6d1jeqpxA51RDudPvI19siQU3EoVE9kMmF8O5BXDp6u-zgdp-UkzX9ungcr_e6uP-oYdCMon6jVCqs/s72-c/Cara+Membuat+Artikel+Terkait+Di+Blog+Dengan+Scroll.jpg" height="72" width="72"/><thr:total>10</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-3715854024567289505</id><published>2013-05-27T20:37:00.000+07:00</published><updated>2014-03-10T00:51:36.013+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="kolom"/><category scheme="http://www.blogger.com/atom/ns#" term="template"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><category scheme="http://www.blogger.com/atom/ns#" term="widget"/><title type='text'>Cara Mengatur Ukuran Lebar Template Blog</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2013/05/cara-mengatur-ukuran-lebar-template-blog.html&quot;&gt;Cara Mengatur Ukuran Lebar Template Blog&lt;/a&gt;&lt;/b&gt;. Bagi sobat yang sedang mencari artikel informasi mengenai cara mengatur ukuran lebar template blog atau juga ingin tau bagaimana cara merubah lebar kolom template blog agar sesuai dengan keinginanan sobat, kali ini KUCOPAS akan memberikan trik-triknya secara gamblang agar sobat lebih mudah untuk mengerti.&lt;br /&gt;
&lt;br /&gt;
Ada banyak sekali template blog yang bagus dan sangat menarik bagi sobat, namun kemungkinan sobat tidak menyukai karena salah satunya disebabkan oleh ukuran lebar dari suatu template blog tersebut. Hal ini biasanya sobat kurang cocok pada ukuran lebar kolom template yang meliputi kolom postingan, sidebar, footer, header dan masih banyak lagi.&lt;br /&gt;
&lt;br /&gt;
Dalam mengatur ukuran suatu template blog tentu saja ada beberapa kode yang harus sobat ketahui, diantaranya adalah kode untuk template bagian keseluruhan atau dari beberapa kolom seperti &lt;b&gt;ukuran lebar postingan, sidebar, header dan footer&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
Agar sobat bisa lebih dengan mudah untuk mengatur ukuran template blog, sobat bisa mengikuti arahan dari contoh yang akan saya berikan dibawah ini:&lt;br /&gt;
&lt;br /&gt;
1. Silahkan sobat &lt;b&gt;Masuk atau Login&lt;/b&gt; ke &amp;gt;&amp;gt; &lt;b&gt;Blogger.com&lt;/b&gt; menggunakan akun sobat.&lt;br /&gt;
2. Pilih menu &amp;gt;&amp;gt; &lt;b&gt;Template&lt;/b&gt; &amp;gt;&amp;gt; klik &lt;b&gt;Cadangkan / Pulihkan&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Download template lengkap&lt;/b&gt;. Guna untuk berjaga-jaga, jika ada kesalahan saat edit template.&lt;br /&gt;
3. Klik &amp;gt;&amp;gt; &lt;b&gt;Edit HTML&lt;/b&gt;&lt;br /&gt;
4. Kemudian &lt;b&gt;cari kode-kode berikut&lt;/b&gt; yang berwarna &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;Biru&lt;/span&gt;&lt;/b&gt;, untuk mengatur ukuran lebar kolom dalam template blog. (Tekan &lt;b&gt;CTRL+F&lt;/b&gt; untuk mempercepat pencarian kode dalam Edit HTML Template).&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; style=&quot;font-size: 12px; margin: 0px; padding: 0px; width: 80px;&quot; type=&quot;button&quot; value=&quot;Buka&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;1.&lt;/span&gt;&lt;/b&gt; &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#header-wrapper&lt;/span&gt;&lt;/b&gt; adalah kode untuk ukuran lebar header suatu template blog, Header bagian atas meliputi kolom Judul atau nama blog. Biasanya ada dua kolom kanan dan kiri.&lt;br /&gt;
Contoh:&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#header-wrapper&lt;/span&gt;&lt;/b&gt; {&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;width:1000px;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
margin:0 auto 10px;&lt;br /&gt;
border:1px solid $bordercolor;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Keterangan:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;Biru&lt;/span&gt;&lt;/b&gt; adalah &lt;b&gt;Kode Header&lt;/b&gt; dalam template blog.&lt;/li&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;Merah&lt;/span&gt;&lt;/b&gt; adalah &lt;b&gt;Ukuran lebar Header&lt;/b&gt; dalam template blog.&lt;/li&gt;
&lt;/ul&gt;
&lt;b&gt;Catatan:&lt;/b&gt;&lt;br /&gt;
Bila Header dalam template blog memiliki dua kolom kanan dan kiri, pastikan kedua ukurannya disesuaikan dengan ukuran &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#header-wrapper&lt;/span&gt;&lt;/b&gt; diatas.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Contoh Kode Kolom Header Bagian Kiri:&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#header&lt;/span&gt;&lt;/b&gt;{&lt;br /&gt;
margin:0;border:0 solid $bordercolor;&lt;br /&gt;
color:$pagetitlecolor;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: purple;&quot;&gt;float:left;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;width:179px;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
overflow:hidden}&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Keterangan:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#header&lt;/span&gt;&lt;/b&gt; adalah kode Header sebelah kiri, biasanya kolom untuk tempat Judul blog.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: purple;&quot;&gt;float:left;&lt;/span&gt;&lt;/b&gt; adalah posisi kolom berada dibagian kiri.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;width:179px;&lt;/span&gt;&lt;/b&gt; adalah ukuran lebar kolom. Ganti nilainya agar sesuai dengan keinginan sobat dan ukuran template blog sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;b&gt;Contoh Kode Kolom Header Bagian Kanan:&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#header2&lt;/span&gt;&lt;/b&gt;{&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: purple;&quot;&gt;float:right;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;width:728px;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
margin-right:0px;&lt;br /&gt;
padding-right:0px;&lt;br /&gt;
overflow:hidden}&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Keterangan:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#header2&lt;/span&gt;&lt;/b&gt; adalah kode Header sebelah kanan, biasanya kolom untuk tempat iklan atau sponsor blog.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: purple;&quot;&gt;float:right;&lt;/span&gt;&lt;/b&gt; adalah posisi kolom berada dibagian kanan.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;width:728px;&lt;/span&gt;&lt;/b&gt; adalah ukuran lebar kolom. Ganti nilainya agar sesuai dengan keinginan sobat dan ukuran template blog sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; style=&quot;font-size: 12px; margin: 0px; padding: 0px; width: 80px;&quot; type=&quot;button&quot; value=&quot;Buka&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;2.&lt;/span&gt;&lt;/b&gt;&amp;nbsp;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#outer-wrapper&lt;/span&gt;&lt;/b&gt; adalah kode bagian untuk semua ukuran lebar suatu template blog, biasanya memiliki ukuran yang sama dengan ukuran pada&amp;nbsp;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#header-wrapper&lt;/span&gt;&lt;/b&gt;&amp;nbsp;diatas. Karena ukuran&amp;nbsp;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#outer-wrapper&lt;/span&gt;&lt;/b&gt;&amp;nbsp;didalamnya biasanya berisi ukuran&amp;nbsp;#main-wrapper (Kolom postingan),&amp;nbsp;#sidebar-wrapper (Kolom Sidebar).&lt;br /&gt;
&lt;br /&gt;
Contoh Kode:&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#outer-wrapper&lt;/span&gt;&lt;/b&gt; {&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;width: 1000px;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
margin:0 auto;&lt;br /&gt;
padding:10px;&lt;br /&gt;
text-align:justify;&lt;br /&gt;
font: $bodyfont;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
Keterangan:&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#outer-wrapper&lt;/span&gt;&lt;/b&gt; adalah Kode untuk mengatur keseluruhan lebar template blog.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;width: 1000px;&lt;/span&gt;&lt;/b&gt; adalah ukuran lebar keseluruhan template blog, ganti nilainya sesuai dengan ukuran template blog yang sobat inginkan.&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; style=&quot;font-size: 12px; margin: 0px; padding: 0px; width: 80px;&quot; type=&quot;button&quot; value=&quot;Buka&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;3.&lt;/span&gt;&lt;/b&gt; &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#main-wrapper&lt;/span&gt;&lt;/b&gt; adalah kode template bagian kolom postingan blog. Sobat bisa mengatur ukuran lebarnya sesuai dengan keinginan sobat, namun sesuaikan dengan ukuran &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#outer-wrapper&lt;/span&gt;&lt;/b&gt; yang dibagi untuk kolom postingan dan juga sidebar.&lt;br /&gt;
&lt;br /&gt;
Contoh Kode:&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#main-wrapper&lt;/span&gt;&lt;/b&gt; {&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;width: 655px;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
margin-left: 20px;&lt;br /&gt;
margin-right: 20px;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: purple;&quot;&gt;float: left;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
Keterangan:&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#main-wrapper&lt;/span&gt;&lt;/b&gt; adalah Kode bagian Postingan dalam template blog. &lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;width: 655px;&lt;/span&gt;&lt;/b&gt; adalah ukuran lebar kolom postingan blog, Ganti dan tentukan nilainya sesuai dengan keinginan sobat.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: purple;&quot;&gt;float: left;&lt;/span&gt;&lt;/b&gt; adalah letak posisi kolom postingan blog berada dibagian kiri dalam template blog.&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; style=&quot;font-size: 12px; margin: 0px; padding: 0px; width: 80px;&quot; type=&quot;button&quot; value=&quot;Buka&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;4.&lt;/span&gt;&lt;/b&gt; &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#sidebar-wrapper&lt;/span&gt;&lt;/b&gt; adalah kode bagian Sidebar dalam template blog, yang biasanya dalam kolom di isi dengan widget-widget yang diterapkan. Sidebar bisa berada dibagian posisi kanan dan kiri atau salah satunya.&lt;br /&gt;
&lt;br /&gt;
Contoh Kode:&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#sidebar-wrapper&lt;/span&gt;&lt;/b&gt; {&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;width: 310px;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: purple;&quot;&gt;float: right;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
Keterangan:&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#sidebar-wrapper&lt;/span&gt;&lt;/b&gt; adalah kode bagian Sidebar dalam template blog.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;width: 310px;&lt;/span&gt;&lt;/b&gt; adalah ukuran lebar kolom sidebar blog, Ganti dan tentukan nilainya sesuai dengan keinginan sobat.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: purple;&quot;&gt;float: right;&lt;/span&gt;&lt;/b&gt; adalah letak posisi kolom sidebar blog berada dibagian kanan dalam template blog.&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
Catatan:&lt;br /&gt;
Bila dalam template blog sobat memiliki dua sidebar yang berada dibagian kanan dan kiri, maka penentuan ukuran lebar yang meliputi kolom postingan, sidebar kanan dan kiri harus sesuai dengan ukuran lebar &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#outer-wrapper&lt;/span&gt;&lt;/b&gt; yang dibagi menjadi tiga kolom.&lt;br /&gt;
&lt;br /&gt;
Contoh membagi ukuran kolom dalam template agar tepat dan sesuai dengan ukuran &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#outer-wrapper&lt;/span&gt;&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#outer-wrapper&lt;/span&gt;&lt;/b&gt;&amp;nbsp;= 1000px&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#main-wrapper&lt;/span&gt;&lt;/b&gt;&amp;nbsp;= 450px&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#sidebar-wrapper&lt;/span&gt;&lt;/b&gt;&amp;nbsp;= 300px&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;#newsidebar-wrapper&lt;/span&gt;&lt;/b&gt;&amp;nbsp;= 200px&lt;br /&gt;
&lt;br /&gt;
Berikut contoh gambar screenshot dalam kolom Tata Letak template blog KUCOPAS.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/05/cara-mengatur-ukuran-lebar-template-blog.html&quot;&gt;&lt;img alt=&quot;Mengatur Ukuran Kolom Template Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigk_xB2fS-ngH7_f0Ifnl0e834zsc3j7XgqEGgLc1DSnAloXGOUgNONUUSJfcwnggouEvdF5BFy4rHObUqodVR_CWmq4TdDeVFFxcrHK6LQqk890glP0yLWYwnccZp9wXOtHGq0LfFmatd/s1600/Mengatur+Ukuran+Kolom+Template+Blog.jpg&quot; title=&quot;Mengatur Ukuran Kolom Template Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Demikian trik tutorial &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/05/cara-mengatur-ukuran-lebar-template-blog.html&quot;&gt;Cara Mengatur Ukuran Template Blog&lt;/a&gt;&lt;/b&gt; yang dapat KUCOPAS share untuk sobat semua, bila ada kekurangan mohon diberitahukan karena trik ini untuk para blogger pemula. Bila ada pertanyaan mengenai tutorial ini, silahkan sobat bertanya dalam kotak komentar yang tersedia.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/3715854024567289505/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2013/05/cara-mengatur-ukuran-lebar-template-blog.html#comment-form' title='10 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/3715854024567289505'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/3715854024567289505'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2013/05/cara-mengatur-ukuran-lebar-template-blog.html' title='Cara Mengatur Ukuran Lebar Template Blog'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03195903109765367237</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigk_xB2fS-ngH7_f0Ifnl0e834zsc3j7XgqEGgLc1DSnAloXGOUgNONUUSJfcwnggouEvdF5BFy4rHObUqodVR_CWmq4TdDeVFFxcrHK6LQqk890glP0yLWYwnccZp9wXOtHGq0LfFmatd/s72-c/Mengatur+Ukuran+Kolom+Template+Blog.jpg" height="72" width="72"/><thr:total>10</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-7389510357226176030</id><published>2013-05-27T12:37:00.003+07:00</published><updated>2014-04-11T11:26:50.637+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="handphone"/><category scheme="http://www.blogger.com/atom/ns#" term="harga hp"/><category scheme="http://www.blogger.com/atom/ns#" term="samsung"/><title type='text'>Daftar Harga Samsung Galaxy Terbaru April 2014</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS&lt;/b&gt; - Bagi sobat yang ingin mengetahui info update tentang daftar harga hp Samsung terbaru, sobat bisa selalu pantengin infonya disini. Karena blog KUCOPAS kali ini akan memberikan informasi mengenai &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/05/harga-hp-samsung-terbaru.html&quot;&gt;Daftar Harga Samsung Galaxy Terbaru April 2014&lt;/a&gt;&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
Samsung yang telah banyak memproduksi gadget dalam bidang telekomunikasi yang meliputi handphone hingga smartphone atau telepon pintar. Kini sudah memasuki babak dunia baru yang telah berkembang dalam pangsa pasar gadget yang bertipe Android.&lt;br /&gt;
&lt;br /&gt;
Samsung selalu memberikan ide-ide inovasi terbarunya untuk diperkenalkan kepangsa pasar dunia gadget, Samsung telah membuktikan produknya akan selalu mampu untuk bersaing dalam dunia telekomunikasi tingkat dunia dan hasilnya produk Samsung selalu diminati oleh banyak kalangan termasuk di Indonesia.&lt;br /&gt;
&lt;br /&gt;
Agar sobat tidak penasaran lagi mengenai daftar harga hp Samsung terbaru, mulai dari handphone biasa sampai dengan smartphone atau telpon pintar. Info harga Samsung Galaxy terbaru juga akan dicantumkan, mulai dari harga baru sampai dengan harga second atau bekas.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/05/harga-hp-samsung-terbaru.html&quot;&gt;&lt;img alt=&quot;Daftar Harga Hp SAMSUNG Galaxy Terbaru 2014&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJSZh95xAbRLO-nqhyphenhyphen05U5GrUPayztPuV5DeZI53y0WIYjoR3QZuBFWT0ucO7fxTt4SuE5jmWnPGWS-burnTV1srxOz_OvnVr2CoqGafYsUBfc9I-hEMFnttpgoastc3VdRUGxezMGuDiq/s1600/Daftar+Harga+Hp+SAMSUNG+Terbaru.jpg&quot; title=&quot;Daftar Harga Hp SAMSUNG Terbaru&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;&lt;b&gt;Daftar Harga Samsung Galaxy Terbaru April 2014&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;5&quot; cellspacing=&quot;0&quot; class=&quot;tabelsdetail&quot;&gt;&lt;tbody&gt;
&lt;tr bgcolor=&quot;green&quot; class=&quot;kategori&quot;&gt;&lt;td align=&quot;left&quot; width=&quot;10%&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: yellow;&quot;&gt;Tipe&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;&lt;td align=&quot;left&quot; width=&quot;5%&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: yellow;&quot;&gt;Harga Baru&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;&lt;td align=&quot;left&quot; width=&quot;5%&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: yellow;&quot;&gt;Harga Bekas&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr align=&quot;left&quot;&gt;&lt;td&gt;&lt;b&gt;Samsung Champ Neo Duos C3262&lt;/b&gt;&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 550.000&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 425.000&lt;/td&gt;&lt;/tr&gt;
&lt;tr align=&quot;left&quot; bgcolor=&quot;#eeeeee&quot;&gt;&lt;td&gt;&lt;b&gt;Samsung Galaxy 5 i5503&lt;/b&gt;&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;-&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 700.000&lt;/td&gt;&lt;/tr&gt;
&lt;tr align=&quot;left&quot;&gt;&lt;td&gt;&lt;b&gt;Samsung Galaxy Ace 2 I8160&lt;/b&gt;&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 2.375.000&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 1.850.000&lt;/td&gt;&lt;/tr&gt;
&lt;tr align=&quot;left&quot; bgcolor=&quot;#eeeeee&quot;&gt;&lt;td&gt;&lt;b&gt;Samsung Galaxy Chat B5330&lt;/b&gt;&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 1.200.000&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 950.000&lt;/td&gt;&lt;/tr&gt;
&lt;tr align=&quot;left&quot;&gt;&lt;td&gt;&lt;b&gt;Samsung Galaxy Fame S6810&lt;/b&gt;&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 1.999.000&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;-&lt;/td&gt;&lt;/tr&gt;
&lt;tr align=&quot;left&quot; bgcolor=&quot;#eeeeee&quot;&gt;&lt;td&gt;&lt;b&gt;Samsung Galaxy S III I9300&lt;/b&gt;&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 5.850.000&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 5.000.000&lt;/td&gt;&lt;/tr&gt;
&lt;tr align=&quot;left&quot;&gt;&lt;td&gt;&lt;b&gt;Samsung Galaxy S III Mini&lt;/b&gt;&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 3.300.000&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 2.800.000&lt;/td&gt;&lt;/tr&gt;
&lt;tr align=&quot;left&quot; bgcolor=&quot;#eeeeee&quot;&gt;&lt;td&gt;&lt;b&gt;Samsung Galaxy S WiFi 5.0&lt;/b&gt;&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;-&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 1.450.000&lt;/td&gt;&lt;/tr&gt;
&lt;tr align=&quot;left&quot;&gt;&lt;td&gt;&lt;b&gt;Samsung Galaxy S4 I9500&lt;/b&gt;&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 7.500.000&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;-&lt;/td&gt;&lt;/tr&gt;
&lt;tr align=&quot;left&quot; bgcolor=&quot;#eeeeee&quot;&gt;&lt;td&gt;&lt;b&gt;Samsung Galaxy W I8510&lt;/b&gt;&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 2.300.000&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 1.800.000&lt;/td&gt;&lt;/tr&gt;
&lt;tr align=&quot;left&quot;&gt;&lt;td&gt;&lt;b&gt;Samsung Galaxy Y Duos S6102&lt;/b&gt;&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 1.350.000&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;Rp. 1.050.000&lt;/td&gt;&lt;/tr&gt;
&lt;tr align=&quot;left&quot; bgcolor=&quot;#eeeeee&quot;&gt;&lt;td&gt;&lt;b&gt;&lt;a href=&quot;http://www.facegadget.com/2013/04/harga-hp-samsung-terbaru.html&quot; target=&quot;_blank&quot;&gt;Selengkapnya...&lt;/a&gt;&lt;/b&gt;&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;&lt;b&gt;&lt;a href=&quot;http://www.facegadget.com/2013/04/harga-hp-samsung-terbaru.html&quot; target=&quot;_blank&quot;&gt;Next &amp;gt;&amp;gt;&amp;gt;&lt;/a&gt;&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
(*) Untuk cek harga hp Samsung terbaru yang selalu update setiap saat, anda bisa melihatnya pada&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://www.facegadget.com/2013/04/harga-hp-samsung-terbaru.html&quot; target=&quot;_blank&quot;&gt;Daftar Harga Samsung Galaxy Terbaru April 2014&lt;/a&gt;&lt;/b&gt;.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/7389510357226176030/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2013/05/harga-hp-samsung-terbaru.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/7389510357226176030'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/7389510357226176030'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2013/05/harga-hp-samsung-terbaru.html' title='Daftar Harga Samsung Galaxy Terbaru April 2014'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03195903109765367237</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJSZh95xAbRLO-nqhyphenhyphen05U5GrUPayztPuV5DeZI53y0WIYjoR3QZuBFWT0ucO7fxTt4SuE5jmWnPGWS-burnTV1srxOz_OvnVr2CoqGafYsUBfc9I-hEMFnttpgoastc3VdRUGxezMGuDiq/s72-c/Daftar+Harga+Hp+SAMSUNG+Terbaru.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-4758825131910663809</id><published>2013-05-20T23:28:00.002+07:00</published><updated>2014-04-11T11:22:33.255+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="template"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><title type='text'>Cara Mengganti Template Blog Tampilan Terbaru 2014</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2013/05/cara-mengganti-template-blog-tampilan-baru.html&quot;&gt;Cara Mengganti Template Blog Tampilan Terbaru 2014&lt;/a&gt;&lt;/b&gt;. Bagi sobat yang sedang kesulitan atau ingin mengganti template blog dengan mudah, kali ini KUCOPAS akan memberikan tutorial Cara Mengganti Template Blog Tampilan Terbaru 2014. Sobat bisa dengan mudah mempraktekkannya, karena pada tutorial ini akan saya berikan contoh dengan gambar perkiraannya.&lt;br /&gt;
&lt;br /&gt;
Sebelum sobat mengganti tampilan template pada blog sobat, ada baiknya sobat pilih-pilih dan download template yang paling cocok dengan keinginan sobat. Terlebih lagi sobat bisa beli template yang premium, namun yang gratisan juga tidak apa-apa, asal cocok dengan hati dan keinginan sobat.&lt;br /&gt;
&lt;br /&gt;
Himbauan dari saya, janganlah sering gonta-ganti template blog. Karena hal ini bisa mempengaruhi kinerja blog sobat dimata search engine (mesin pencari) seperti google atau yang lainnya. Alhasil blog sobat akan hilang dari peredaran search engine. Meski lambat laun akan kembali normal lagi, tapi akan membutuhkan waktu yang cukup lama untuk terindeks lagi. Maka dari itu, silahkan sobat pilih template yang paling bagus dan paling sobat sukai.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/05/cara-mengganti-template-blog-tampilan-baru.html&quot;&gt;&lt;img alt=&quot;Cara Mengganti Template Blog Tampilan Terbaru 2014&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDsmH12DP90JFAKUHANcfoPmLMBIRJxMM0qa-DhLab2_6nSp9PtDp_yxQty2nP7FDVijrCbzb6HQmCtJmnZWVQavAS56AtDcPRgZYa2KFlriaIIU-_Q__1_tGqx-RBl9NIz3WNnZ6aAXWZ/s1600/Cara+Mengganti+Template+Blog+tampilan+baru+2013.jpg&quot; title=&quot;Cara Mengganti Template Blog Tampilan Baru&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Kembali ke inti tutorial, &lt;b&gt;Bagaimana cara mengganti template blog tampilan baru 2014&lt;/b&gt; saat ini? Cara mengganti template blog caranya sangat mudah sekali, bila sobat mengalami kesulitan dalam hal mengganti template blog, khususnya untuk Blogger blogspot. Silahkan sobat ikuti tutorial dibawah ini dengan seksama.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Cara Mengganti Template Blog Tampilan Baru 2014&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
1. Silahkan sobat &lt;b&gt;Login/masuk&lt;/b&gt; ke Blogger.com menggunakan akun sobat.&lt;br /&gt;
2. Pilih menu &amp;gt;&amp;gt; &lt;b&gt;Template&lt;/b&gt;.&lt;br /&gt;
3. Klik &amp;gt;&amp;gt; &lt;b&gt;Cadangkan/Pulihkan&lt;/b&gt;. (Bagian kanan atas) Lihat contoh gambar dibawah ini.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ3_Ukkqrc0TqP2IHX14VWFNeau3L2eG52apYl1icgdHyGt1wec1zEad7mq2Xj-cI_4l842RiXa72RrHOMhqE41pGRWwNi9pK_NWgBxmtfXVRmKBCVixtqXp_DP_p4y5f_Jy1O5lnBJK7b/s1600/Ganti+Template+Blog.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Ganti Template Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ3_Ukkqrc0TqP2IHX14VWFNeau3L2eG52apYl1icgdHyGt1wec1zEad7mq2Xj-cI_4l842RiXa72RrHOMhqE41pGRWwNi9pK_NWgBxmtfXVRmKBCVixtqXp_DP_p4y5f_Jy1O5lnBJK7b/s1600/Ganti+Template+Blog.jpg&quot; title=&quot;Ganti Template Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
4. Klik &amp;gt;&amp;gt; &lt;b&gt;Pilih File&lt;/b&gt;. Masukkan file template baru yang sudah sobat download sebelumnya. (Biasanya file .xml). Lihat gambar berikut dibawah ini.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz-oRmVi4-vlilDq4jca7YItB5YJ9GwYwFbHfvAsGcwcc_6f302CVkJIsL842T67o45F76qM-e9_BHVME05pSiGCjiZaJZ0Fg16mS1R67U2gSGBdrnC1KwZ3QZJ47OhMtfAHlapOcmh9Nx/s1600/Ganti+Template+Blog+tampilan+baru.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;ganti Template Blog Tampilan Baru&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz-oRmVi4-vlilDq4jca7YItB5YJ9GwYwFbHfvAsGcwcc_6f302CVkJIsL842T67o45F76qM-e9_BHVME05pSiGCjiZaJZ0Fg16mS1R67U2gSGBdrnC1KwZ3QZJ47OhMtfAHlapOcmh9Nx/s1600/Ganti+Template+Blog+tampilan+baru.jpg&quot; title=&quot;ganti Template Blog Tampilan Baru&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
5. Jika sudah ditentukan file template barunya, silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;Unggah&lt;/b&gt;. dan tunggu proses pengunggahan sampai 100%.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMchjVB6JlAeRDjJDxGFfJkqNPsxvLdyPNYVzvpNqpTaWp-yj5mbqsRBGaluDS3wRoi5ykOY3xGQfnLCuCTMlF0jO2r47XDJGhs_Rij7RHDBuXAcDjgkbWnXSr7AOkwUM30IvuBxsYJKQy/s1600/Cara+Mengganti+Template+Blog+tampilan+baru.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Mengganti Template Blog Tampilan Baru&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMchjVB6JlAeRDjJDxGFfJkqNPsxvLdyPNYVzvpNqpTaWp-yj5mbqsRBGaluDS3wRoi5ykOY3xGQfnLCuCTMlF0jO2r47XDJGhs_Rij7RHDBuXAcDjgkbWnXSr7AOkwUM30IvuBxsYJKQy/s1600/Cara+Mengganti+Template+Blog+tampilan+baru.jpg&quot; title=&quot;Cara Mengganti Template Blog Tampilan Baru&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
6. Selesai dan lihat hasilnya.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Catatan:&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Untuk menghindari jika terjadi kesalahan, maka sebelum langkah No.4 diatas lakukanlah &lt;b&gt;Unduh Template Lengkap&lt;/b&gt;. Hal tersebut guna untuk berjaga-jaga jika terjadi kesalahan atau eror saat pengunggahan template baru. Dan sobat bisa mengembalikan template blog sobat ke seperti semula dengan menggugah template lengkap yang sobat unduh tadi.&lt;/li&gt;
&lt;/ul&gt;
Jika belum berhasil, silahkan sobat bertanya dalam kotak komentar yang tersedia. Namun jika sudah berhasil, jangan lupa like atau follow blog KUCOPAS ini dan saatnya saya bilang sempurna.&lt;br /&gt;
&lt;br /&gt;
Demikian tutorial blog mengenai pembahasan tentang &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/05/cara-mengganti-template-blog-tampilan-baru.html&quot;&gt;Cara Mengganti Template Blog Tampilan Baru 2014&lt;/a&gt;&lt;/b&gt;, Semoga bermanfaat bagi sobat KUCOPAS semua. Happy Blogging...&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/4758825131910663809/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2013/05/cara-mengganti-template-blog-tampilan-baru.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/4758825131910663809'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/4758825131910663809'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2013/05/cara-mengganti-template-blog-tampilan-baru.html' title='Cara Mengganti Template Blog Tampilan Terbaru 2014'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03195903109765367237</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDsmH12DP90JFAKUHANcfoPmLMBIRJxMM0qa-DhLab2_6nSp9PtDp_yxQty2nP7FDVijrCbzb6HQmCtJmnZWVQavAS56AtDcPRgZYa2KFlriaIIU-_Q__1_tGqx-RBl9NIz3WNnZ6aAXWZ/s72-c/Cara+Mengganti+Template+Blog+tampilan+baru+2013.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-4525456405288200874</id><published>2013-04-14T02:42:00.001+07:00</published><updated>2014-03-10T00:51:17.853+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="blackberry"/><category scheme="http://www.blogger.com/atom/ns#" term="handphone"/><title type='text'>Harga BlackBerry Dakota Terbaru Maret 2014</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2013/04/harga-blackberry-dakota-terbaru.html&quot;&gt;Harga BlackBerry Dakota Terbaru Maret 2014&lt;/a&gt;&lt;/b&gt;. BlackBerry telah lama sekali merilis smartphone model Dakota ini, sekitar tahun 2011 BlackBerry Dakota sudah diumumkan pada bulan Mei, menyusul berikutnya dirilis dan dipasarkan keberbagai belahan dunia dalam basis pasar gadget smartphone pada bulan Agustus 2011.&lt;br /&gt;
&lt;br /&gt;
BlackBerry Dakota yang memiliki nama resmi &lt;b&gt;&lt;a href=&quot;http://www.facegadget.com/2013/03/harga-blackberry-bold-touch-9900-dakota.html&quot; target=&quot;_blank&quot;&gt;BlackBerry Bold Touch 9900&lt;/a&gt;&lt;/b&gt; adalah salah satu generasi dari BlackBerry tipe series Bold, karena memang masih banyak lagi tipe series lain yang juga keluaran BlackBerry Bold. Seperti pendahulunya yang sering kita kenal dengan sebutan BlackBerry Onyx, Onyx II dan juga Bellagio.&lt;br /&gt;
&lt;br /&gt;
Untuk saudara yang lebih muda dari BlackBerry Dakota adalah BlackBerry Montana yang memiliki nama resmi BlackBerry Bold Touch 9930. Namun untuk masalah ranking banyaknya penjualan smartphone ini dipasaran Indonesia masih dipegang oleh BlackBerry Dakota. Meski BlackBerry Dakota sudah lama beredar, namun di Indonesia sendiri smartphone ini masih digandrungi dari berbagai kalangan masyarakat.&lt;br /&gt;
&lt;br /&gt;
Harga BlackBerry Dakota di Indonesia, dari data survey saat ini harga berada pada kisaran Rp. 5.600.000 untuk harga baru dan Rp. 4.150.000 untuk harga second atau bekas. Harga tersebut adalah hasil survey dari berbagai sumber yang terpercaya. Untuk mengetahui update harga BlackBerry Dakota&amp;nbsp;terbaru anda bisa langsung cek di&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://www.facegadget.com/2013/02/harga-blackberry-terbaru.html&quot; target=&quot;_blank&quot;&gt;Daftar Harga BlackBerry Terbaru 2014&lt;/a&gt;&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/04/harga-blackberry-dakota-terbaru.html&quot;&gt;&lt;img alt=&quot;Harga BlackBerry Dakota Terbaru&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnZ4t5wJoSLGiM2aVWQtfnpjne5tP3R00HQ_34W2mVXMnRWD79BEohGMKCwbfGDDV3-vZP0yXhSYHTnYdScv9nhOJsEzRHW_NT7Od6bnVY55Zg_a5VEzYV_FPTcLq0NBq5Oh4deRZ08yos/s320/Harga+BlackBerry+Dakota+Terbaru+2013.jpg&quot; height=&quot;250&quot; title=&quot;Harga BlackBerry Dakota Terbaru&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Harga BlackBerry Dakota ternyata lebih mahal dari BlackBerry Montana, karena BlackBerry Montana saat ini harganya berada pada kisaran Rp. 3.800.000 untuk harga baru dan harga second berada pada kisaran Rp. 2.900.000. Meski BlackBerry Dakota dan BlackBerry Montana sama-sama memiliki spesifikasi yang hampir sama, namun BlackBerry Dakota yang lebih laris dipasaran Indonesia.&lt;br /&gt;
&lt;br /&gt;
Demikian informasi seputar gadget smartphone yang mengulas tentang &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/04/harga-blackberry-dakota-terbaru.html&quot;&gt;Harga BlackBerry Dakota Terbaru Maret 2014&lt;/a&gt;&lt;/b&gt;, semoga bisa sangat bermanfaat untuk sobat KUCOPAS semua.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/4525456405288200874/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2013/04/harga-blackberry-dakota-terbaru.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/4525456405288200874'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/4525456405288200874'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2013/04/harga-blackberry-dakota-terbaru.html' title='Harga BlackBerry Dakota Terbaru Maret 2014'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03195903109765367237</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnZ4t5wJoSLGiM2aVWQtfnpjne5tP3R00HQ_34W2mVXMnRWD79BEohGMKCwbfGDDV3-vZP0yXhSYHTnYdScv9nhOJsEzRHW_NT7Od6bnVY55Zg_a5VEzYV_FPTcLq0NBq5Oh4deRZ08yos/s72-c/Harga+BlackBerry+Dakota+Terbaru+2013.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-2938405055943076690</id><published>2013-03-17T04:08:00.002+07:00</published><updated>2014-04-11T11:22:33.188+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="komentar"/><category scheme="http://www.blogger.com/atom/ns#" term="link"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><title type='text'>Cara Membuat Link Di Komentar Blog</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2013/03/cara-membuat-link-pada-komentar-blog.html&quot;&gt;Cara Membuat Link Di Komentar Blog&lt;/a&gt;&lt;/b&gt;. Blog KUCOPAS kembali lagi update posting setelah lama tidak pernah share artikel yang bermanfaat untuk sobat semua. Pada kesempatan kali ini saya akan memberikan tips dan trik seputar dunia blog, yakni tentang Cara Membuat Link Di Komentar Blog.&lt;br /&gt;
&lt;br /&gt;
Membuat Link di komentar blog caranya sangat mudah sekali, namun bagi blogger yang masih newbie alias baru belajar seperti saya ini membuat link pada kotak komentar tidaklah mudah. Karena memang belum tahu caranya sama sekali atau sudah tahu tapi tidak mengerti cara menerapkannya secara baik, benar dan efisien.&lt;br /&gt;
&lt;br /&gt;
Bagi para master blogger membuat link di kotak komentar sangatlah mudah untuk dilakukan, namun kadang lupa atau memang malas menulis secara manual dan lebih memilih untuk copy paste. Karena membuat Link di kolom komentar harus menggunakan kode tag HTML, dan kode tersebut sulit untuk dihafalkan meski kodenya sangat sedikit dan simpel.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/03/cara-membuat-link-pada-komentar-blog.html&quot;&gt;&lt;img alt=&quot;Cara Membuat Link Pada Komentar Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgruyonxoXlHorUEZBmDVSJqW79W2cQ7ZouP5EJEJYgz6d_DbhVQuj7YRsfQFytYBocq_uBmUkE95AYX0jHGJt4-QLb9NXH10sqzN2_Pr7jOIRdnFmeN5-7E22i75V76XRIpy8A_eDm-mkH/s1600/Cara+Membuat+Link+Pada+Komentar+Blog.png&quot; title=&quot;Cara Membuat Link Pada Komentar Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Fungsi dan kegunaan membuat Link pada kolom komentar postingan blog milik orang lain salah satunya adalah untuk meningkatkan trafik pengunjung blog sobat, contohnya bila ada pengunjung yang klik link sobat pada komentar posting blog milik orang lain, maka klik tersebut akan menuju ke blog yang sobat arahkan pada link tersebut. Alhasil blog sobat trafiknya juga akan meningkat, apalagi komentar sobat baik, sopan dan bermanfaat bagi para pembaca komentar.&lt;br /&gt;
&lt;br /&gt;
Keuntungan yang lain jika sobat membuat link dikotak komentar postingan blog orang lain adalah otomatis blog sobat akan mendapatkan backlink dari blog tersebut. Karena link yang sobat pasang adalah link hidup yang bertautan dengan blog sobat.&lt;br /&gt;
&lt;br /&gt;
Agar sobat tidak penasaran lagi tentang bagaimana cara membuat dan memasang atau menerapkan link pada kolom komentar blog, silahkan sobat lihat contoh Kode Tag HTML berikut di bawah ini.&lt;br /&gt;
&lt;br /&gt;
Contoh No 1: &lt;b&gt;Link Anchor Text Normal&lt;/b&gt;.&lt;br /&gt;
&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;http://kuc0pas.blogspot.com&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: lime;&quot;&gt;KUCOPAS&lt;/span&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
Maka hasilnya akan terlihat seperti ini pada komentar blog: &lt;a href=&quot;http://kuc0pas.blogspot.com/&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;KUCOPAS&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Contoh No 2: &lt;b&gt;Link Anchor Text Tebal (Bold)&lt;/b&gt;.&lt;br /&gt;
&amp;lt;b&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;http://kuc0pas.blogspot.com&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: lime;&quot;&gt;KUCOPAS&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;&lt;br /&gt;
Maka hasilnya akan terlihat seperti ini dalam komentar blog: &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;KUCOPAS&lt;/span&gt;&lt;/a&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Keterangan:&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;Merah&lt;/span&gt;&lt;/b&gt; silahkan ganti dengan alamat URL blog sobat.&lt;/li&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: lime;&quot;&gt;Hijau&lt;/span&gt;&lt;/b&gt; silahkan sobat ganti dengan Teks yang ingin sobat munculkan dalam komentar blog.&lt;/li&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;Biru&lt;/span&gt;&lt;/b&gt; adalah Tampilan Hasil Link dan Teks yang muncul dalam komentar blog.&lt;/li&gt;
&lt;/ul&gt;
&lt;b&gt;Catatan:&lt;/b&gt;&lt;br /&gt;
Bagi sobat yang akan membuat link pada kolom komentar postingan blog orang lain dengan tujuan ingin memperbanyak backlink, saya sarankan jangan terlalu banyak menaruh link dalam komentar blog orang lain, hal ini bisa di anggap SPAM oleh pemilik blog. Alhasil komentar sobat tidak akan diterbitkan atau disetujui bahkan bisa dihapus secara permanen, jadi sia-sia saja sobat membuat link pada komentar blog orang lain.&lt;br /&gt;
&lt;br /&gt;
Jika dalam kolom komentar suatu blog sudah ada peringatan jangan memberikan komentar yang mengandung link aktif seperti blog KUCOPAS ini, maka jangan sekali-kali sobat membuat komentar yang mengandung link. Karena komentar sobat juga akan sia-sia, sebab komentar sobat akan otomatis masuk SPAM dan otomatis tidak akan muncul dalam komentar. hehehe...&lt;br /&gt;
&lt;br /&gt;
Cara agar komentar sobat yang berisi link bisa dengan mudah dan diperbolehkan muncul diblog orang lain, maka silahkan sobat memberikan komentar yang berhubungan dengan tema yang sedang dibahas dalam artikel atau postingan blog tersebut. Intinya berikan komentar yang berguna dan bermanfaat.&lt;br /&gt;
&lt;br /&gt;
Demikian tutorial tips dan trik blog tentang &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/03/cara-membuat-link-pada-komentar-blog.html&quot;&gt;Cara Membuat Link Pada Komentar Blog&lt;/a&gt;&lt;/b&gt;, semoga bisa sangat bermanfaat bagi sobat KUCOPAS semua.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/2938405055943076690/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2013/03/cara-membuat-link-pada-komentar-blog.html#comment-form' title='11 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/2938405055943076690'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/2938405055943076690'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2013/03/cara-membuat-link-pada-komentar-blog.html' title='Cara Membuat Link Di Komentar Blog'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgruyonxoXlHorUEZBmDVSJqW79W2cQ7ZouP5EJEJYgz6d_DbhVQuj7YRsfQFytYBocq_uBmUkE95AYX0jHGJt4-QLb9NXH10sqzN2_Pr7jOIRdnFmeN5-7E22i75V76XRIpy8A_eDm-mkH/s72-c/Cara+Membuat+Link+Pada+Komentar+Blog.png" height="72" width="72"/><thr:total>11</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-4802692007816960105</id><published>2013-02-08T03:31:00.000+07:00</published><updated>2014-04-11T11:22:33.269+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="menu"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><category scheme="http://www.blogger.com/atom/ns#" term="widget"/><title type='text'>Cara Membuat Menu Tab Multi Widget Di Blog</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2013/02/cara-membuat-menu-tab-multi-widget-di-blog.html&quot;&gt;Cara Membuat Menu Tab Multi Widget Di Blog&lt;/a&gt;&lt;/b&gt;. Setelah cukup lama tidak update postingan, kali ini saya akan kembali memberikan tips dan trik tentang tutorial blog yang berhubungan dengan widget. Karena kemarin ada pesan yang masuk kedalam contact us blog ini, yang menanyakan tentang cara membuat menu tab view seperti blog kucopas ini, maka sekarang saya akan share tips dan triknya untuk sobat semua.&lt;br /&gt;
&lt;br /&gt;
Mungkin bagi para master blogger cara ini sudah sangat kuno alias sudah di kenal sejak lama, oleh karena itu mohon di benarkan bila ada kesalahan dalam memberikan tips dan trik. Sebab cara ini saya peruntukkan bagi para blogger pemula seperti saya ini yang masih newbie.&lt;br /&gt;
&lt;br /&gt;
Agar selalu ingat dan tidak kehilangan cara untuk menerapkannya ke dalam blog saya di lain waktu, maka saya sengaja membuat catatan posting ini untuk saya share, Siapa tahu para sobat juga ingin menerapkannya kedalam blog kesayangannya. Pada artikel sebelumnya yang sudah saya share adalah tentang &lt;a href=&quot;http://kuc0pas.blogspot.com/2013/02/cara-mengatasi-alexa-rank-no-data-di-blog.html&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;Cara Mengatasi Widget Alexa Rank No Data&lt;/b&gt;&lt;/a&gt;, silahkan dibaca jika sobat juga mengalami hal yang sama seperti yang pernah saya alami di blog ini.&lt;br /&gt;
&lt;br /&gt;
Fungsi membuat Menu Tab Multi Widget di blog ini terbukti bisa membuat tampilan widget blog menjadi simpel dan tidak amburadul atau acak-acakan. Karena dengan membuat menu tab multi widget di blog, maka widget akan menjadi satu tampilan atau memiliki efek show hidden widget. Intinya adalah dapat menghemat tempat dalam blog, sebab menu tab multi widget ini dapat berisi banyak widget. Tentunya hal ini sangat berguna sekali bagi blogger yang mengutamakan kerapian, apalagi blog yang banyak sekali memasang widget.&lt;br /&gt;
&lt;br /&gt;
Agar sobat tidak penasaran tentang tampilan menu tab multi widget di blog ini seperti apa, sobat bisa langsung melihat contoh dan efeknya pada widget followers blog KUCOPAS ini. Lihat gambar screenhot berikut.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/02/cara-membuat-menu-tab-multi-widget-di-blog.html&quot;&gt;&lt;img alt=&quot;Cara Membuat Menu Tab Multi Widget Di Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv1GcOgJRDBwRvjkmsmlx8ldQzSxIZzQzf8q7yZzEaPdgMq8cDfl-ZnUpjrLYlj0A9BqxLPmRE5U3DtVRFSG6NO7fIVhgaE7OK4I1gDJgNhtkcne5IQWdYVpEDlhUP8DPRYXcL_e8Qj8rR/s1600/Cara+Membuat+Menu+Tab+Multi+Widget+Di+Blog.jpg&quot; title=&quot;Cara Membuat Menu Tab Multi Widget Di Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Sedikit penjelasan untuk sobat tentang Menu Tab Multi Widget ini tampilannya sekilas hampir sama dengan &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-menu-tab-view-tanpa-edit.html&quot; target=&quot;_blank&quot;&gt;menu tab view tanpa edit HTML&lt;/a&gt;&lt;/b&gt;, namun perbedaannya adalah cara penerapannya yang sangat simpel dan mudah untuk di lakukan oleh para blogger pemula seperti saya ini, oleh sebab itu cara ini juga di sebut dengan &lt;b&gt;Simple Tab View JQuery&lt;/b&gt;. Karena sifatnya menu tab multi widget ini akan secara otomatis membuat widget menjadi multi tab atau show hidden widget.&lt;br /&gt;
&lt;br /&gt;
Untuk Cara Membuat Menu Tab Multi Widget Di Blog, caranya sangat mudah. silahkan sobat mengikuti langkah-langkahnya dengan teliti dan benar seperti berikut di bawah ini:&lt;br /&gt;
&lt;br /&gt;
1. Langkah yang pertama, silahkan sobat &amp;gt;&amp;gt; &lt;b&gt;Login atau Masuk&lt;/b&gt; ke &amp;gt;&amp;gt;&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://www.blogger.com/&quot; target=&quot;_blank&quot;&gt;Blogger.com&lt;/a&gt;&lt;/b&gt; menggunakan akun sobat.&lt;br /&gt;
&lt;br /&gt;
2. Pada &lt;b&gt;Dasbor&lt;/b&gt; tampilan blogger baru, pilih menu &amp;gt;&amp;gt; &lt;b&gt;Template&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Edit HTML&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
3. Silahkan sobat cari kode &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/b&gt; (Gunakan &lt;b&gt;CTRL+F&lt;/b&gt; untuk mempermudah pencarian). Jika sudah ketemu, sekarang sobat tambahkan kode warna &lt;span style=&quot;color: red;&quot;&gt;&lt;b&gt;Merah&lt;/b&gt;&lt;/span&gt; berikut tepat di atas kode &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&amp;lt;script src=&#39;http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js&#39; type=&#39;text/javascript&#39;/&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
4. &lt;b&gt;Simpan Template&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Catatan:&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Jika dalam template sobat sudah ada kode warna &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;Merah&lt;/span&gt;&lt;/b&gt; diatas, maka sobat tidak perlu menambahkan lagi kedalam template blog sobat. Karena efeknya Menu Tab Multi Widget tidak bisa berfungsi dengan baik bahkan bisa menjadi eror.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Setelah kode di atas tersimpan di dalam template blog, sekarang kita menuju ke &lt;b&gt;penerapan kode CSS-nya&lt;/b&gt; ke dalam widget blog sobat. Silahkan sobat perhatikan baik-baik trik berikut.&lt;/li&gt;
&lt;/ul&gt;
5. Kembali ke &lt;b&gt;&quot;Dashboard&quot;&lt;/b&gt; blog, pilih menu &amp;gt;&amp;gt; &lt;b&gt;Tata Letak&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Tambah Gadget&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;HTML/JavaScript&lt;/b&gt;.&lt;br /&gt;
&lt;b&gt;Masukkan semua kode CSS&lt;/b&gt; warna &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;Biru&lt;/span&gt;&lt;/b&gt; di bawah ini kedalam kotak &lt;b&gt;HTML/JavaScript&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;style type=&quot;text/css&quot;&amp;gt; .blogtabs {padding: 0px !important;border: 0 solid #bbb;} .blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 13px;&lt;/span&gt;&lt;span style=&quot;background-color: #999999; color: white;&quot;&gt;color:white&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;;padding: 3px 5px;border: 1px solid #bbb;overflow: hidden;position: relative;&lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt;background: green&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;;cursor:pointer;} html .blogtabs h2.active {&lt;/span&gt;&lt;span style=&quot;color: magenta;&quot;&gt;background: #fff&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;;&lt;/span&gt;&lt;span style=&quot;background-color: #999999; color: lime;&quot;&gt;color:green&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;;} .blogtabs .widget-content {border: 1px solid #bbb;padding: 0px;background: #fff;clear:both;margin:0;} .btab, #showtabs {display:none;} &amp;lt;/style&amp;gt; &amp;lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;script type=&quot;text/javascript&quot; src=&quot;http://kucopas-js.googlecode.com/files/SimpleTabViewJQuery.js&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;script type=&quot;text/javascript&quot;&amp;gt; $(document).ready(function() { $(&#39;#showtabs&#39;).simpleBlogTab ({&lt;/span&gt;&lt;span style=&quot;background-color: white; color: red;&quot;&gt;organictabs: 4&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;}); }); &amp;lt;/script&amp;gt; &amp;lt;div id=&quot;showtabs&quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
6. &lt;b&gt;Simpan Gadget&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
Agar widgetnya dapat menyatu dan menjadi multi tab widget, maka cara penerapan widget di blog harus tersusun seperti gambar screenshot berikut di bawah ini.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/02/cara-membuat-menu-tab-multi-widget-di-blog.html&quot;&gt;&lt;img alt=&quot;Cara Membuat Menu Tab Multi Widget Di Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt5X244giWXRaOm4lKmUyYUEoyecWR1vscrYCjMp3kBKMOqw6GGIxcTeGsj_w9AkLmEtxpNnxdmRprXnaiHnnr5B05ocq2FkOr0Dx-tAalGFdpbzuRaCeU8levBKgInBqabmx3cnSuBHeb/s1600/Cara+Membuat+Menu+Tab+Multi+Widget+Di+Blog+1.jpg&quot; title=&quot;Cara Membuat Menu Tab Multi Widget Di Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Keterangan:&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;background-color: #999999; color: white;&quot;&gt;color:white&lt;/span&gt; adalah warna relatif judul menu tab multi widget.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;color: green;&quot;&gt;background: green&lt;/span&gt; adalah warna background relatif menu tab multi widget.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;background-color: #999999; color: lime;&quot;&gt;color:green&lt;/span&gt; adalah warna aktif judul menu tab multi widget saat di klik.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;color: magenta;&quot;&gt;background: #fff&lt;/span&gt; adalah warna background aktif menu tab multi widget saat di klik.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span color:=&quot;&quot; red=&quot;&quot; style=&quot;color: red;&quot;&gt;organictabs: 4&lt;/span&gt; adalah banyaknya jumlah widget yang akan menjadi multi tab widget. Silahkan sobat ganti nilainya sesuai dengan jumlah widget yang ingin sobat jadikan multi tab widget.&lt;/li&gt;
&lt;/ul&gt;
Untuk mengetahui kode warna HTML, sobat bisa melihatnya pada artikel &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/05/kode-warna-html.html&quot; target=&quot;_blank&quot;&gt;Daftar Kode Warna HTML&lt;/a&gt;&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
Demikian tips dan trik tutorial blog yang mengulas tentang &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/02/cara-membuat-menu-tab-multi-widget-di-blog.html&quot;&gt;Cara Membuat Menu Tab Multi Widget Di Blog&lt;/a&gt;&lt;/b&gt;, jika ada kekurangan dan pertanyaan yang berhubungan dengan trik ini, silahkan sobat berkomentar dalam form komentar yang tersedia. Semoga artikel yang saya share ini bisa sangat bermanfaat bagi sobat KUCOPAS semua.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/4802692007816960105/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2013/02/cara-membuat-menu-tab-multi-widget-di-blog.html#comment-form' title='13 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/4802692007816960105'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/4802692007816960105'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2013/02/cara-membuat-menu-tab-multi-widget-di-blog.html' title='Cara Membuat Menu Tab Multi Widget Di Blog'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv1GcOgJRDBwRvjkmsmlx8ldQzSxIZzQzf8q7yZzEaPdgMq8cDfl-ZnUpjrLYlj0A9BqxLPmRE5U3DtVRFSG6NO7fIVhgaE7OK4I1gDJgNhtkcne5IQWdYVpEDlhUP8DPRYXcL_e8Qj8rR/s72-c/Cara+Membuat+Menu+Tab+Multi+Widget+Di+Blog.jpg" height="72" width="72"/><thr:total>13</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-2618495281770679992</id><published>2013-02-04T05:37:00.000+07:00</published><updated>2014-04-11T11:22:33.177+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="alexa rank"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><category scheme="http://www.blogger.com/atom/ns#" term="widget"/><title type='text'>Cara Mengatasi Alexa Rank No Data Di Blog</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2013/02/cara-mengatasi-alexa-rank-no-data-di-blog.html&quot;&gt;Cara Mengatasi Widget Alexa Rank No Data Di Blog&lt;/a&gt;&lt;/b&gt;. Bagi sobat yang sedang kebingungan mencari tahu tentang penyebab Alexa Rank No Data, disini nanti akan saya jelaskan apa penyebab widget Alexa Rank No Data di blog. Pada artikel sebelumnya saya sudah pernah share yaitu tentang &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/02/cara-buat-widget-alexa-di-blog-cara.html&quot; target=&quot;_blank&quot;&gt;Cara Membuat Dan Memasang Widget Alexa Di Blog&lt;/a&gt;&lt;/b&gt;, dan kali ini saya akan share artikel posting tentang Cara Mengatasi Widget Alexa Rank No Data Di Blog.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Penyebab Widget Alexa Rank No Data&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
Pengalaman pribadi yang pernah saya alami dalam beberapa waktu yang lalu saat melihat widget alexa blog KUCOPAS ini tiba-tiba menunjukkan Rank: No Data. Saya pun sempat bingung dan bertanya-tanya dalam hati, ada apakah gerangan yang sedang terjadi pada blog saya, widget alexa rank menunjukkan No Data?&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/02/cara-mengatasi-alexa-rank-no-data-di-blog.html&quot;&gt;&lt;img alt=&quot;Cara Mengatasi Widget Alexa Rank No Data Di Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsk_2hYCgJIIwtD6sftzdE3PBGaS1KxniqBXZILvUxQVllx4iSi9CEHD2MeatRb3RJ2CQbQnQxc22hgSMcADi0Yh5qyG9f8YW5WqbLFgfPDMr5za11Cz1_b9zWztOFzb3ouEm4Z9fyqdCp/s1600/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+1.jpg&quot; title=&quot;Cara Mengatasi Widget Alexa Rank No Data Di Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Dari pada berdiam diri dan hanya memandangi widget alexa rank yang selalu menampilkan No data di blog, kemudian saya melakukan pengecekkan secara langsung pada situsnya &lt;a href=&quot;http://www.alexa.com/&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;alexa.com&lt;/b&gt;&lt;/a&gt;, namun pada situsnya saya lihat alexa rank untuk blog KUCOPAS ini tetap normal-normal saja. Lihat gambar screenshot dibawah ini.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg25FiR4bBQePMEnMxGYo-gJ9Spd11bpimCKeX9kB2QIAR6_LQPw6L-Um_sDNGdEVw4HAylopC6M32cjsZZQw30JtSSgLKkz-h_ljhy9ZRP7xVWTN_Ut8-faDP50SjPe7rEhk0sdfbdwrXf/s1600/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Mengatasi Widget Alexa Rank No Data Di Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg25FiR4bBQePMEnMxGYo-gJ9Spd11bpimCKeX9kB2QIAR6_LQPw6L-Um_sDNGdEVw4HAylopC6M32cjsZZQw30JtSSgLKkz-h_ljhy9ZRP7xVWTN_Ut8-faDP50SjPe7rEhk0sdfbdwrXf/s1600/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog.jpg&quot; title=&quot;Cara Mengatasi Widget Alexa Rank No Data Di Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Meski kelihatan normal pada situsnya alexa.com, tapi terjadi sebaliknya pada blog saya, widget Alexa Rank tetap menunjukkan tampilan No Data.&lt;br /&gt;
&lt;br /&gt;
Setelah saya melakukan search di &lt;b&gt;&lt;a href=&quot;http://www.google.com/&quot; target=&quot;_blank&quot;&gt;google.com&lt;/a&gt;&lt;/b&gt; untuk mencari tahu tentang penyebab widget Alexa Rank No Data, ternyata penyebab widget Alexa Rank No Data adalah karena saya belum pernah melakukan &lt;b&gt;Claim Blog&lt;/b&gt; dan &lt;b&gt;Verify my ID&lt;/b&gt; untuk widget alexa yang saya pasang di blog KUCOPAS ini. Alhasil widget alexa rank pada blog ini tiba-tiba menjadi No data.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Cara Mengatasi Widget Alexa Rank No Data Di Blog&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
Setelah kita mengetahui apa yang menjadi penyebab widget Alexa Rank No Data di blog, ternyata semua itu dikarenakan kita belum pernah melakukan &lt;b&gt;Claim Blog&lt;/b&gt; (Claim Site) dan &lt;b&gt;Verify my ID&lt;/b&gt;, sekarang saya akan memberikan solusi untuk mengatasi widget Alexa Rank No Data di blog dengan cara &lt;b&gt;Claim Blog dan&lt;/b&gt; &lt;b&gt;Verify my ID&lt;/b&gt; di situs resminya alexa.com.&lt;br /&gt;
&lt;br /&gt;
Untuk cara melakukan Claim Site dan Verify my ID agar widget Alexa Rank tidak lagi menampilkan No Data alias kembali normal lagi di blog, caranya sangat mudah sekali untuk dilakukan dan di praktekkan, asalkan sobat mengikuti langkah-langkah yang saya berikan dengan cermat dan teliti di bawah ini:&lt;br /&gt;
&lt;br /&gt;
1. Langkah yang pertama, silahkan sobat &amp;gt;&amp;gt; Masuk atau Login ke situs &lt;b&gt;&lt;a href=&quot;https://www.alexa.com/secure/login?resource=http%3A%2F%2Fwww.alexa.com&quot; target=&quot;_blank&quot;&gt;www.alexa.com&lt;/a&gt;&lt;/b&gt; menggunakan akun sobat.&lt;br /&gt;
&lt;br /&gt;
2. Kemudian silahkan sobat klik pilihan &lt;b&gt;Menu&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Products&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Site Owners&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Tools&lt;/b&gt;. Untuk lebih cepat sobat bisa langsung klik &lt;b&gt;&lt;a href=&quot;http://www.alexa.com/siteowners/tools&quot; target=&quot;_blank&quot;&gt;DISINI&lt;/a&gt;&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUGZSEH3NS8zrutz96dC-inlyoEKOlXvvUsZltSw6wijeXKMZE4Y0dEqGZe6Va1Ac1hjurYKgRQFIgZ73cVi2drdsbpj3KureFeGF5BMzApQLMImVzwrCB6kMWL1sbgTbIOuEmGJyrxs5I/s1600/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+5.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Mengatasi Alexa Rank No Data Di Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUGZSEH3NS8zrutz96dC-inlyoEKOlXvvUsZltSw6wijeXKMZE4Y0dEqGZe6Va1Ac1hjurYKgRQFIgZ73cVi2drdsbpj3KureFeGF5BMzApQLMImVzwrCB6kMWL1sbgTbIOuEmGJyrxs5I/s1600/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+5.jpg&quot; title=&quot;Cara Mengatasi Alexa Rank No Data Di Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
3. Silahkan sobat klik pilihan Tools &amp;gt;&amp;gt; &lt;b&gt;Claim Your Site&lt;/b&gt;, seperti gambar screenshot yang saya beri tanda panah di atas.&lt;br /&gt;
&lt;br /&gt;
4. Lalu sobat akan dibawa kehalaman seperti di bawah ini, &lt;b&gt;masukkan alamat URL situs atau blog&lt;/b&gt; sobat ke dalam form. Kemudian sobat klik lagi &amp;gt;&amp;gt; &lt;b&gt;Claim Your Site&lt;/b&gt;. Lihat contoh gambar berikut.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQe4gMNvc1IPJr66aVDlSVU6NW84vqQYCedW8SVP6EM4QCyH8przGXYMb_u2sxvxsWaND1sWBh1V0-CT3Is4gpCIm57VD0SV4TDjUL4IiGHc39oJVAgAimT_R6lKBRZI1btEWzHBPHqwqU/s1600/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+4.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Mengatasi Alexa Rank No Data Di Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQe4gMNvc1IPJr66aVDlSVU6NW84vqQYCedW8SVP6EM4QCyH8przGXYMb_u2sxvxsWaND1sWBh1V0-CT3Is4gpCIm57VD0SV4TDjUL4IiGHc39oJVAgAimT_R6lKBRZI1btEWzHBPHqwqU/s1600/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+4.jpg&quot; title=&quot;Cara Mengatasi Alexa Rank No Data Di Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
5. Lihat &amp;gt;&amp;gt; &lt;b&gt;Status: &lt;span style=&quot;color: red;&quot;&gt;Not Claimed Yet&lt;/span&gt;&lt;/b&gt;. Itu artinya widget Alexa Rank yang terpasang di blog sobat belum di Verifikasi oleh sobat. Sehingga mengakibatkan widget Alexa Rank di blog sobat menjadi &lt;b&gt;No Data&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
Ada dua Option untuk melakukan verifikasi widget Alexa Rank pada blog sobat. Namun untuk lebih mudahnya melakukan Verifikasi, saya sarankan sobat menggunakan Opsi yang kedua.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Sms2n-0EKtCavwSZcAUm0HlT3gFwDtCtlC58UvelgOHi9jZuLDRKfQwQDG9k4y8NZyJUgE6MvoFRNlGv3J5I-UQme5SHjB2hnzgh-zzfd1ZQSM8KiJWwvSTXem9L4BprdyuaPUesDo8x/s1600/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+6.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Mengatasi Alexa Rank No Data Di Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Sms2n-0EKtCavwSZcAUm0HlT3gFwDtCtlC58UvelgOHi9jZuLDRKfQwQDG9k4y8NZyJUgE6MvoFRNlGv3J5I-UQme5SHjB2hnzgh-zzfd1ZQSM8KiJWwvSTXem9L4BprdyuaPUesDo8x/s1600/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+6.jpg&quot; title=&quot;Cara Mengatasi Alexa Rank No Data Di Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
Option 1&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw4kl_KreAiAHZOZnia597qMkbLGaYSr1GVZ-NhQC8oCSzoxrbftNXdLi8vN3Wtj2zJknRLmFue6eZMAw9JsOchRhS4z0Iv-TXvDcjYOseCzMkVt0c1ApD1m5Dvgw59RdXsYAfb1Yq_ljh/s1600/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+9.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Mengatasi Alexa Rank No Data Di Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw4kl_KreAiAHZOZnia597qMkbLGaYSr1GVZ-NhQC8oCSzoxrbftNXdLi8vN3Wtj2zJknRLmFue6eZMAw9JsOchRhS4z0Iv-TXvDcjYOseCzMkVt0c1ApD1m5Dvgw59RdXsYAfb1Yq_ljh/s1600/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+9.jpg&quot; title=&quot;Cara Mengatasi Alexa Rank No Data Di Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
Option 2&lt;/div&gt;
&lt;br /&gt;
6. Silahkan sobat ambil &lt;b&gt;Kode ID Verifikasi widget Alexa Rank&lt;/b&gt; untuk blog sobat, lihat gambar diatas yang saya beri tanda kotak hijau. Contoh kode Verifikasi untuk blog KUCOPAS ini adalah&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;b&gt;SQhAGdSPiuUlASEX8sTsFa418nc&lt;/b&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;Cara penerapan Kode ID Verifikasi widget Alexa Rank kedalam template blog&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Silahkan sobat &lt;b&gt;Masuk atau Login ke &amp;gt;&amp;gt; &lt;a href=&quot;http://www.blogger.com/&quot; target=&quot;_blank&quot;&gt;Blogger.com&lt;/a&gt;&lt;/b&gt; menggunakan akun sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Pada &lt;b&gt;Dashboard&lt;/b&gt; tampilan blogger baru, pilih &lt;b&gt;Menu&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Template&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Edit HTML&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Lanjutkan.&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Kemudian &lt;b&gt;cari kode&lt;/b&gt; &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;/b&gt; (Gunakan &lt;b&gt;CTRL+F&lt;/b&gt; untuk memudahkan pencarian).&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Langkah selanjutnya &lt;b&gt;letakkan Kode ID Verifikasi Alexa Rank&lt;/b&gt; tepat di bawah kode &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
Cara penerapannya seperti contoh dibawah ini:&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;b&gt;&amp;lt;meta name=&quot;alexaVerifyID&quot; content=&quot;&lt;span style=&quot;color: red;&quot;&gt;SQhAGdSPiuUlASEX8sTsFa418nc&lt;/span&gt;&quot; /&amp;gt;&lt;/b&gt;&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Ganti kode warna &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;Merah&lt;/span&gt;&lt;/b&gt; dengan &lt;b&gt;Kode ID Verifikasi Alexa Rank&lt;/b&gt; sobat, seperti pada langkah yang ke 6 di atas.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Kemudian klik &amp;gt;&amp;gt; &lt;b&gt;Simpan Template&lt;/b&gt;.&lt;/li&gt;
&lt;/ul&gt;
7. Setelah &lt;b&gt;Kode ID Verifikasi Alexa Rank&lt;/b&gt; sudah terpasang dan tersimpan pada template blog sobat, silahkan sobat kembali lagi ke &lt;b&gt;Alexa.com&lt;/b&gt; untuk &lt;b&gt;melakukan Verifikasi&lt;/b&gt; dengan klik &amp;gt;&amp;gt; &lt;b&gt;Verify my ID&lt;/b&gt; pada option 2 seperti gambar di atas.&lt;br /&gt;
&lt;br /&gt;
8. Selesai dan buka blog sobat di tab browser yang baru untuk melihat hasilnya dengan sempurna.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Catatan:&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Setelah selesai melakukan &lt;b&gt;Claim Site&lt;/b&gt; dan &lt;b&gt;Verify my ID&lt;/b&gt;, namun widget Alexa Rank masih belum berubah dan tetap menampilkan &lt;b&gt;No Data&lt;/b&gt;, silahkan sobat ganti saja kode widget alexa rank-nya dengan yang baru.&lt;/li&gt;
&lt;/ul&gt;
Berikut dibawah ini &lt;b&gt;saya cantumkan widget alexa rank yang aktif&lt;/b&gt; hasil dari keberhasilan setelah saya melakukan Claim Site dan Verify my ID untuk widget Alexa Rank di blog KUCOPAS ini.&lt;br /&gt;
&lt;hr /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;a href=&quot;http://www.alexa.com/siteinfo/kuc0pas.blogspot.com&quot;&gt;&lt;script src=&quot;http://xslt.alexa.com/site_stats/js/s/a?url=kuc0pas.blogspot.com&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;&lt;/a&gt;&lt;/div&gt;
&lt;hr /&gt;
Semoga artikel posting ini yang membahas tentang &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/02/cara-mengatasi-alexa-rank-no-data-di-blog.html&quot;&gt;Cara Mengatasi Alexa Rank No Data Di Blog&lt;/a&gt;&lt;/b&gt;, bisa sangat berguna dan bermanfaat bagi sobat KUCOPAS semua.&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
Selamat Berkarya&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/2618495281770679992/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2013/02/cara-mengatasi-alexa-rank-no-data-di-blog.html#comment-form' title='37 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/2618495281770679992'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/2618495281770679992'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2013/02/cara-mengatasi-alexa-rank-no-data-di-blog.html' title='Cara Mengatasi Alexa Rank No Data Di Blog'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsk_2hYCgJIIwtD6sftzdE3PBGaS1KxniqBXZILvUxQVllx4iSi9CEHD2MeatRb3RJ2CQbQnQxc22hgSMcADi0Yh5qyG9f8YW5WqbLFgfPDMr5za11Cz1_b9zWztOFzb3ouEm4Z9fyqdCp/s72-c/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+1.jpg" height="72" width="72"/><thr:total>37</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-3643753437170542281</id><published>2013-01-25T05:47:00.000+07:00</published><updated>2014-04-11T11:22:33.215+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="loading blog"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><title type='text'>Cara Meringankan Loading Blog Dengan Google Code</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2013/01/cara-meringankan-loading-blog-dengan-google-code.html&quot;&gt;Cara Meringankan Loading Blog Dengan Google Code&lt;/a&gt;&lt;/b&gt;. Banyak para blogger yang mendambakan loading blognya enteng atau ringan saat di buka atau di akses, tentunya hal ini sangat mudah dilakukan oleh para master blogger. Karena biasanya para master blogger mengkompres atau menyingkat kode css agar blog jadi ringan saat di akses para pengunjung, ada banyak sekali cara mengkompres kode css dan juga javascript untuk blog, dan semua cara bisa dipraktekkan sesuai dengan keinginan, kecocokan dan kemampuan masing-masing para blogger.&lt;br /&gt;
&lt;br /&gt;
Pada artikel yang sudah pernah saya share sebelumnya yaitu tentang &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-mengatasi-loading-lama-pada-blog.html&quot; target=&quot;_blank&quot;&gt;Cara mengatasi loading lama pada blog dengan kode LazyLoad&lt;/a&gt;&lt;/b&gt;, dan kali ini saya akan mengasih trik untuk Cara meringankan blog dengan Google code. Cara ini terbukti membantu untuk meringankan loading blog saat dibuka atau di akses oleh para pengunjung.&lt;br /&gt;
&lt;br /&gt;
Pada kode LazyLoad yang pernah saya bagikan adalah kode javascript yang saya simpan di dalam google code agar menjadi singkat dan benar-benar meringankan blog, karena memang fungsinya untuk meringankan loading blog. Namun kini kode javascript tersebut semakin banyak penggunanya yang memasang pada masing-masing blog, alhasil kode tersebut tidak ada efeknya untuk meringankan blog, dan justru loading blog akan menjadi berat. Agar kode LazyLoad tersebut bisa bekerja dengan maksimal, sobat bisa menyimpannya pada akun google code milik sobat sendiri.&lt;br /&gt;
&lt;br /&gt;
Oleh sebab itu disini saya akan memberikan trik untuk cara membuat kode javascript menjadi milik sendiri dengan upload ke google code.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAUHLVNbYpOsbbHjwyeAzR5SooJ5TOBGRH1rkLEQ23hZ1EPdGpweLd5A9EBEdzd6d-uccAebWZ_8jkjqS-AbmssBA8dEbIoG3U4u2RhjzetcixG7_qb1DPfQGHWMhRIjPsVmcZiNWsFGyq/s1600/Cara+upload+JavaScript+kedalam+google+code.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Meringankan Loading Blog Dengan Google Code&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAUHLVNbYpOsbbHjwyeAzR5SooJ5TOBGRH1rkLEQ23hZ1EPdGpweLd5A9EBEdzd6d-uccAebWZ_8jkjqS-AbmssBA8dEbIoG3U4u2RhjzetcixG7_qb1DPfQGHWMhRIjPsVmcZiNWsFGyq/s1600/Cara+upload+JavaScript+kedalam+google+code.jpg&quot; title=&quot;Cara Meringankan Loading Blog Dengan Google Code&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;Keuntungan memiliki kode css atau javascript yang kita upload sendiri&lt;/b&gt;&lt;br /&gt;
Jika kode css atau javascript sobat upload menjadi milik sobat sendiri, maka otomatis kode tersebut bisa menjadi singkat dan meringankan loading blog saat dibuka atau di akses oleh para pengunjung, karena pengguna kode javascript tersebut hanya sobat sendiri. Tentunya hal ini bisa terasa berbeda saat kita masih menggunakan kode milik orang lain, blog sobat bisa menjadi berat saat di akses, karena kodenya dihosting milik orang lain dan mungkin pengguna kode javascript tersebut sangat banyak. Alhasil blog sobat loadingnya akan menjadi berat sekali saat di akses.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cara upload kode JavaScript ke dalam Google code&lt;/b&gt;&lt;br /&gt;
Ada beberapa cara untuk meng-upload kode kedalam Google code.&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;Cara upload kode javascript yang masih default atau asli dan belum disingkat atau disimpan ke dalam google code.&lt;/li&gt;
&lt;li&gt;Cara upload kode javascript milik orang lain yang sudah disingkat atau sudah di upload orang lain kedalam google code agar menjadi milik sobat sendiri.&lt;/li&gt;
&lt;/ol&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;1. Cara upload kode JavaScript yang masih default atau asli dan belum disingkat atau disimpan ke dalam Google Code.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;br /&gt;
&lt;/b&gt; Contoh kode javascript yang belum disimpan kedalam google code.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script language=&#39;javascript&#39;&amp;gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var LazyLoad=function(){var E=document,D=null,A=[],C;function B(){if(C){return }var G=navigator.userAgent,F;C={gecko:0,ie:0,webkit:0};F=G.match(/AppleWebKit\/(\S*)/);if(F&amp;amp;&amp;amp;F[1]){C.webkit=parseFloat(F[1])}else{F=G.match(/MSIE\s([^;]*)/);if(F&amp;amp;&amp;amp;F[1]){C.ie=parseFloat(F[1])}else{if((/Gecko\/(\S*)/).test(G)){C.gecko=1;F=G.match(/rv:([^\s\)]*)/);if(F&amp;amp;&amp;amp;F[1]){C.gecko=parseFloat(F[1])}}}}}return{load:function(K,L,J,I){var H=E.getElementsByTagName(&quot;head&quot;)[0],G,F;if(K){K=K.constructor===Array?K:[K];for(G=0;G&amp;lt;K.length;++G){A.push({url:K[G],callback:G===K.length-1?L:null,obj:J,scope:I})}}if(D||!(D=A.shift())){return }B();F=E.createElement(&quot;script&quot;);F.src=D.url;if(C.ie){F.onreadystatechange=function(){if(this.readyState===&quot;loaded&quot;||this.readyState===&quot;complete&quot;){LazyLoad.requestComplete()}}}else{if(C.gecko||C.webkit&amp;gt;=420){F.onload=LazyLoad.requestComplete;F.onerror=LazyLoad.requestComplete}}H.appendChild(F);if(!C.ie&amp;amp;&amp;amp;!C.gecko&amp;amp;&amp;amp;!(C.webkit&amp;gt;=420)){F=E.createElement(&quot;script&quot;);F.appendChild(E.createTextNode(&quot;LazyLoad.requestComplete();&quot;));H.appendChild(F)}},loadOnce:function(N,O,L,P,G){var H=[],I=E.getElementsByTagName(&quot;script&quot;),M,J,K,F;N=N.constructor===Array?N:[N];for(M=0;M&amp;lt;N.length;++M){K=false;F=N[M];for(J=0;J&amp;lt;I.length;++J){if(F===I[J].src){K=true;break}}if(!K){H.push(F)}}if(H.length&amp;gt;0){LazyLoad.load(H,O,L,P)}else{if(G){if(L){if(P){O.call(L)}else{O.call(window,L)}}else{O.call()}}}},requestComplete:function(){if(D.callback){if(D.obj){if(D.scope){D.callback.call(D.obj)}else{D.callback.call(window,D.obj)}}else{D.callback.call()}}D=null;if(A.length){LazyLoad.load()}}}}();&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Catatan:&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Kode warna &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;Merah&lt;/span&gt;&lt;/b&gt; diatas adalah kode JavaScript yang belum di singkat atau di simpan kedalam google code. Jadi masih terlalu panjang bila langsung di pasang kedalam template blog, alhasil loading blog akan terhambat dan berat ketika diakses. Untuk itu sobat bisa meng-uploadnya kedalam google code agar lebih singkat.&lt;/li&gt;
&lt;/ul&gt;
&lt;b&gt;Cara menyimpan file agar bereksistensi .js pada Notepad&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Untuk menyimpan kode javascript warna &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;Merah&lt;/span&gt;&lt;/b&gt; diatas kedalam google code, sebelumnya silahkan sobat &lt;b&gt;Buka Notepad&lt;/b&gt; dan copy paste kode JavaScript warna &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;Merah&lt;/span&gt;&lt;/b&gt; kedalam Notepad.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Kemudian simpan file dengan cara klik &amp;gt;&amp;gt; &lt;b&gt;File&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Save As&lt;/b&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Pada &lt;b&gt;File Name&lt;/b&gt; beri nama file itu dengan akhiran &lt;b&gt;.js&lt;/b&gt; (misalnya: &lt;b&gt;contohku.js&lt;/b&gt;)&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Pada &lt;b&gt;Save as type&lt;/b&gt; pilih &amp;gt;&amp;gt; &lt;b&gt;All files&lt;/b&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Pada &lt;b&gt;Econding&lt;/b&gt; pilih &amp;gt;&amp;gt; &lt;b&gt;ANSI&lt;/b&gt;.&lt;/li&gt;
&lt;/ul&gt;
Lihat contoh gambar screenshot berikut dibawah ini&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAGEfGtbztsDopndi1xchHNsy9r42R36PVXCxo_S_N11CvortB-L77AfGaj7mY58uYgDi_2jeJN2Zgzis-VlDVA_PVd53sr0PFh0PabeG5txzpVfbutoK4hipNlqGoQnYO3sHGIlhlvU6X/s1600/Cara+upload+JavaScript+kedalam+google+code1.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Meringankan Loading Blog Dengan Google Code&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAGEfGtbztsDopndi1xchHNsy9r42R36PVXCxo_S_N11CvortB-L77AfGaj7mY58uYgDi_2jeJN2Zgzis-VlDVA_PVd53sr0PFh0PabeG5txzpVfbutoK4hipNlqGoQnYO3sHGIlhlvU6X/s1600/Cara+upload+JavaScript+kedalam+google+code1.jpg&quot; title=&quot;Cara Meringankan Loading Blog Dengan Google Code&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;Cara membuat akun google code&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Silahkan sobat langsung &amp;gt;&amp;gt; &lt;b&gt;Masuk/Login&lt;/b&gt; ke &amp;gt;&amp;gt; &lt;b&gt;&lt;a href=&quot;http://code.google.com/&quot; target=&quot;_blank&quot;&gt;Google Code&lt;/a&gt;&lt;/b&gt; menggunakan akun google sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Setelah masuk, silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;Create a new project&lt;/b&gt;.&lt;/li&gt;
&lt;/ul&gt;
Lihat gambar screenshot di bawah ini&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdQGwNZtT2iaZXwI5ZRiuD7vj4yERD4lGIP9goQu73EqVUJtoiTHAT8WvwcQBDk8gJ_tStSP1oSfkoE00eOU8O-OLsVNwCxip7Stw-5gu4EY-uCEDEr0MxC8z7Ui_Ng1d8G1D-LoKrLOw7/s1600/Cara+meng-upload+JavaScript+kedalam+google+code3.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Meringankan Loading Blog Dengan Google Code&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdQGwNZtT2iaZXwI5ZRiuD7vj4yERD4lGIP9goQu73EqVUJtoiTHAT8WvwcQBDk8gJ_tStSP1oSfkoE00eOU8O-OLsVNwCxip7Stw-5gu4EY-uCEDEr0MxC8z7Ui_Ng1d8G1D-LoKrLOw7/s1600/Cara+meng-upload+JavaScript+kedalam+google+code3.jpg&quot; title=&quot;Cara Meringankan Loading Blog Dengan Google Code&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Setelah klik &lt;b&gt;Create a new project&lt;/b&gt; kemudian isikan kotak seperti contoh gambar dibawah ini.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWalRlr2pmS-Lh8aHXk4AYDlv97hnd-Nvl-x-wtr99pbjaVi7hOq_jToj9AkmCI8cvqC1uE7l052rxEoGKj3Cx2fHVe8ukcqF3qTnDXkhCWsBeSzMFXtqV7Q7oXk8IOfnQpMARpix7JTWh/s1600/Cara+upload+JavaScript+kedalam+google+code.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Meringankan Loading Blog Dengan Google Code&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWalRlr2pmS-Lh8aHXk4AYDlv97hnd-Nvl-x-wtr99pbjaVi7hOq_jToj9AkmCI8cvqC1uE7l052rxEoGKj3Cx2fHVe8ukcqF3qTnDXkhCWsBeSzMFXtqV7Q7oXk8IOfnQpMARpix7JTWh/s1600/Cara+upload+JavaScript+kedalam+google+code.jpg&quot; title=&quot;Cara Meringankan Loading Blog Dengan Google Code&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Pada &lt;b&gt;Version control system&lt;/b&gt; pilih &amp;gt;&amp;gt; &lt;b&gt;Mercurial&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Pada &lt;b&gt;Source code license&lt;/b&gt; pilih &amp;gt;&amp;gt; &lt;b&gt;GNU GPL v3&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Setelah semua kotak sudah terisi seperti contoh di atas, silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;Create project&lt;/b&gt;.&lt;/li&gt;
&lt;/ul&gt;
Sekarang sobat sudah memiliki akun hosting untuk menyimpan kode javascript kedalam google code. Langkah selanjutnya cara untuk upload dan menyimpan kode javascript kedalam akun google code milik kita sendiri.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cara upload JavaScript kedalam google code&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpRCk2HSLngBUyXqodwHrxuYRLvVcbIy3d09pEq463zGYjOc1hbF13oGyO26ZSjI9qFDjaPE44vl4-kZHv1yICdiz8AOUOyZH6nSrK-Vh_dxWTW9n6SksT2maoqqLvune0F47E8JzUuvK-/s1600/Cara+upload+JavaScript+kedalam+google+code5.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Meringankan Loading Blog Dengan Google Code&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpRCk2HSLngBUyXqodwHrxuYRLvVcbIy3d09pEq463zGYjOc1hbF13oGyO26ZSjI9qFDjaPE44vl4-kZHv1yICdiz8AOUOyZH6nSrK-Vh_dxWTW9n6SksT2maoqqLvune0F47E8JzUuvK-/s1600/Cara+upload+JavaScript+kedalam+google+code5.jpg&quot; title=&quot;Cara Meringankan Loading Blog Dengan Google Code&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;Downloads&lt;/b&gt; seperti &lt;b&gt;tanda panah no 1&lt;/b&gt; pada gambar di atas.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Kemudian klik &amp;gt;&amp;gt; &lt;b&gt;New download&lt;/b&gt; seperti &lt;b&gt;tanda panah no 2&lt;/b&gt; di pada gambar di atas.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Pada &lt;b&gt;Summary&lt;/b&gt; masukkan ringkasan kode javascript sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Pada &lt;b&gt;Description&lt;/b&gt; masukkan diskripsi kode javascript sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Langkah selanjutnya klik &amp;gt;&amp;gt; &lt;b&gt;Pilih File&lt;/b&gt; seperti &lt;b&gt;tanda panah no 3&lt;/b&gt; pada gambar di atas. (Pilih file yang akan sobat upload ke dalam google code). misalnya file yang sudah sobat simpan dalam komputer dengan menggunakan notepad tadi. (&lt;b&gt;contohku.js&lt;/b&gt;)&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Kemudian sobat klik &amp;gt;&amp;gt; &lt;b&gt;Submit file&lt;/b&gt; seperti &lt;b&gt;tanda panah no 4&lt;/b&gt; pada gambar di atas.&lt;/li&gt;
&lt;/ul&gt;
Sekarang sobat sudah memiliki kode javascript yang tersimpan di dalam google code milik sendiri. Untuk melakukan pemanggilan kode agar berfungsi pada blog sobat, kode harus dipasang pada template blog sobat.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cara mengambil kode yang tersimpan dalam google code&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVPblNaMVZxkWYscUmL5ZerFBPpRH6T6_t9I9cgvLpVpAXoXtdqIRt4rChBl7p09S4sEKSx9fX8F2mnQNvpCVlCdP3Aum5QgTVOkRdY0ymiTeY_kXEK1lVvEtUuS5Bs18VL6jHcnymgbHi/s1600/Cara+upload+JavaScript+kedalam+google+code7.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Meringankan Loading Blog Dengan Google Code&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVPblNaMVZxkWYscUmL5ZerFBPpRH6T6_t9I9cgvLpVpAXoXtdqIRt4rChBl7p09S4sEKSx9fX8F2mnQNvpCVlCdP3Aum5QgTVOkRdY0ymiTeY_kXEK1lVvEtUuS5Bs18VL6jHcnymgbHi/s1600/Cara+upload+JavaScript+kedalam+google+code7.jpg&quot; title=&quot;Cara Meringankan Loading Blog Dengan Google Code&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;File yang sudah di upload&lt;/b&gt; ke dalam google code tadi. Seperti &lt;b&gt;contohku.js&lt;/b&gt; gambar di atas. Kemudian sobat akan dibawa ke halaman seperti gambar dibawah ini.&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzf6IEYTfipGOnFslDqvufV6p42gz6BJocZeVIJ8EE80M_oKFdbiMhKP2Xy2ESOvS5sNO8SxvRzKc-j9Hvnbov1G6LFubtgKpJfU1paBrF8p4QrF1_prD6Io3IueS3xYLd2TAm3a6iG-WK/s1600/Cara+upload+JavaScript+kedalam+google+code9.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Meringankan Loading Blog Dengan Google Code&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzf6IEYTfipGOnFslDqvufV6p42gz6BJocZeVIJ8EE80M_oKFdbiMhKP2Xy2ESOvS5sNO8SxvRzKc-j9Hvnbov1G6LFubtgKpJfU1paBrF8p4QrF1_prD6Io3IueS3xYLd2TAm3a6iG-WK/s1600/Cara+upload+JavaScript+kedalam+google+code9.jpg&quot; title=&quot;Cara Meringankan Loading Blog Dengan Google Code&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Silahkan sobat &amp;gt;&amp;gt; &lt;b&gt;Klik Kanan pada file&lt;/b&gt; seperti &lt;b&gt;tanda panah no 1&lt;/b&gt; pada gambar di atas.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Kemudian pilih &amp;gt;&amp;gt; &lt;b&gt;Salin alamat tautan&lt;/b&gt; jika sobat menggunakan browser Google chrome. Atau pilih &amp;gt;&amp;gt; &lt;b&gt;Copy link location&lt;/b&gt; jika sobat menggunakan browser Mozilla firefox. Seperti &lt;b&gt;tanda panah no 2&lt;/b&gt; pada gambar screenshot di atas.&lt;/li&gt;
&lt;/ul&gt;
Setelah sobat melakukan langkah diatas, untuk cara pemasangan pada blog, kodenya harus tersusun seperti contoh penerapan kode di bawah ini.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script src=&quot;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;http://kucopaskode.googlecode.com/files/contohku.js&lt;/span&gt;&lt;/b&gt;&quot; type=&quot;text/javascript&quot;/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Kode warna &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;Merah&lt;/span&gt;&lt;/b&gt; adalah kode direct link yang sudah kita upload tadi kedalam google code. Tentunya kodenya akan menjadi singkat karena sudah tersimpan di dalam google code. Loading blog juga akan menjadi ringan saat di akses para pengunjung.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;2. Cara upload kode javascript milik orang lain yang sudah disingkat atau sudah di upload kedalam google code agar menjadi milik kita sendiri.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Berikut di bawah ini adalah contoh kode javascript yang sudah di simpan kedalam google code.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script src=&quot;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;http://kucopas-js.googlecode.com/files/LazyLoad.js&lt;/span&gt;&lt;/b&gt;&quot; type=&quot;text/javascript&quot;/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Agar kode javascript di atas menjadi milik kita sendiri, maka kita harus upload sendiri ke dalam google code. Caranya sebagai berikut:&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Silahkan sobat buka atau copy dan paste URL yang berwarna &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;Biru&lt;/span&gt;&lt;/b&gt; diatas pada browser lalu tekan Enter. Lihat gambar berikut.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiioT5yK6xTGB3BV4NE14k1Fp68mKBP_VcYGSDcii4gsMTdw9SuqcZvlVdeWIDZushuPWe_D71hDRJEe8Posyy2i-aqiOmCQ1U3hW_bXtwAF7dSLA5lSeV8jacc8I-khaNFLd6RmVPbgnMR/s1600/Cara+upload+JavaScript+kedalam+google+code11.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Meringankan Loading Blog Dengan Google Code&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiioT5yK6xTGB3BV4NE14k1Fp68mKBP_VcYGSDcii4gsMTdw9SuqcZvlVdeWIDZushuPWe_D71hDRJEe8Posyy2i-aqiOmCQ1U3hW_bXtwAF7dSLA5lSeV8jacc8I-khaNFLd6RmVPbgnMR/s1600/Cara+upload+JavaScript+kedalam+google+code11.jpg&quot; title=&quot;Cara Meringankan Loading Blog Dengan Google Code&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;&lt;b&gt;Catatan:&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Jika setelah sobat tekan Enter kemudian &lt;b&gt;muncul kode yang banyak dan panjang&lt;/b&gt;, silahkan sobat copy semua kodenya kemudian paste kedalam notepad dan simpan seperti langkah &lt;b&gt;Cara menyimpan file agar bereksistensi .js pada Notepad&lt;/b&gt; diatas. Lalu upload kembali kedalam akun google code milik sendiri seperti langkah &lt;b&gt;Cara upload JavaScript kedalam google code&lt;/b&gt; di atas dan seterusnya.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Jika setelah sobat tekan Enter kemudian &lt;b&gt;muncul pilihan Save (Download)&lt;/b&gt;, silahkan sobat simpan langsung pada folder komputer sobat. Lalu upload kembali kedalam akun google code milik sendiri seperti langkah &lt;b&gt;Cara upload JavaScript kedalam google code&lt;/b&gt; di atas dan seterusnya.&lt;/li&gt;
&lt;/ul&gt;
Setelah membaca artikel ini dengan seksama mungkin akan timbul pertanyaan yang kurang lebih seperti ini. &lt;b&gt;Apakah bisa meringankan loading blog dengan menyimpan kode javascript ke dalam google code milik sendiri?&lt;/b&gt; Berikut penjelasannya secara ilmiah. Jika sobat menggunakan kode javascript milik blog lain tentu saja penggunanya bukan hanya sobat saja, mungkin bisa puluhan, ratusan bahkan ribuan orang yang menggunakan kode javascript tersebut yang terpasang di dalam blognya. Alhasil saat blog di buka atau di akses loadingnya akan menjadi berat, karena kemungkinan kode javascript tersebut terbuka atau loading di saat yang bersamaan pada banyak blog.&lt;br /&gt;
&lt;br /&gt;
Kecuali itu cara ini juga untuk mengantisipasi dan berjaga-jaga jika sewaktu-waktu kode javascript tersebut mengalami rusak, eror atau overload, jadi kita bisa menggantinya dengan yang baru agar tampilan blog kita bisa tetap normal dan tidak ada yang eror. Lain halnya jika kode javascript tersebut masih milik blog lain, kalau kode javascript tersebut di hapus pemilknya atau mengalami eror, rusak atau overload, maka kita tidak bisa menggantinya dengan kode javascript yang baru dan blog kita bisa menjadi eror.&lt;br /&gt;
&lt;br /&gt;
Demikian trik tutorial blog yang mengulas tentang &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/01/cara-meringankan-loading-blog-dengan-google-code.html&quot;&gt;Cara Meringankan Loading Blog Dengan Google Code&lt;/a&gt;&lt;/b&gt;, semoga bisa sangat bermanfaat bagi sobat KUCOPAS semua.&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
Selamat Berkarya&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/3643753437170542281/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2013/01/cara-meringankan-loading-blog-dengan-google-code.html#comment-form' title='11 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/3643753437170542281'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/3643753437170542281'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2013/01/cara-meringankan-loading-blog-dengan-google-code.html' title='Cara Meringankan Loading Blog Dengan Google Code'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAUHLVNbYpOsbbHjwyeAzR5SooJ5TOBGRH1rkLEQ23hZ1EPdGpweLd5A9EBEdzd6d-uccAebWZ_8jkjqS-AbmssBA8dEbIoG3U4u2RhjzetcixG7_qb1DPfQGHWMhRIjPsVmcZiNWsFGyq/s72-c/Cara+upload+JavaScript+kedalam+google+code.jpg" height="72" width="72"/><thr:total>11</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-8999030155984521406</id><published>2013-01-21T02:00:00.000+07:00</published><updated>2014-04-11T11:22:33.357+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="posting"/><category scheme="http://www.blogger.com/atom/ns#" term="share otomatis"/><category scheme="http://www.blogger.com/atom/ns#" term="trik facebook"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><title type='text'>Cara Share Otomatis Postingan Blog Ke Twitter Dan Facebook</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2013/01/cara-share-otomatis-posting-blog-ke-twitter-dan-facebook.html&quot;&gt;Cara Share Otomatis Postingan Blog Ke Twitter Dan Facebook&lt;/a&gt;&lt;/b&gt;. Setelah membuat blog atau situs web dengan penuh ketekunan, tentunya sobat ingin menjadikan blog sobat dikenal oleh banyak orang. Pada satu sisi juga pasti ingin blog sobat dikunjungi oleh banyak visitor, karena ada satu semboyan untuk para blogger yang bunyinya &quot;Visitor Is Money&quot; kurang lebih artinya pengunjung adalah uang.&lt;br /&gt;
&lt;br /&gt;
Salah satu cara untuk mengenalkan blog atau situs web soabat kepada dunia adalah melalui situs jejaring sosial, dan untuk saat ini yang sangat populer di dunia adalah situs jejaring sosial Facebook, Google+, Twitter dan lain sebagainya masih banyak lagi. Tentunya dengan adanya situs jejaring sosial tersebut sobat bisa dengan mudah mengenalkan blog atau situs web sobat kepada dunia, dengan catatan sobat share posting blog ke situs jejaring sosial tersebut. Apalagi kalau blog sobat artikelnya sangat menarik dan bermutu, pasti akan banyak yang mengunjungi blog sobat melalui artikel posting yang sobat share ke situs jejaring sosial tersebut.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/01/cara-share-otomatis-posting-blog-ke-twitter-dan-facebook.html&quot;&gt;&lt;img alt=&quot;Cara Share Otomatis Postingan Blog Ke Twitter Dan Facebook&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFin7mKYEl68aTUdMjFclFLBxN_ynCcVX4osUebhySHUg7l87WvNMeU_x8sZT9U82aU76llTch06060sgCmn3B_UnSDnLTgfqZYeLSWd6IyhomPDtdQ6twwYKyWLKI4OxEs3JQ2sLN896h/s1600/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook.jpg&quot; title=&quot;Cara Share Otomatis Postingan Blog Ke Twitter Dan Facebook&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Cara mengenalkan blog atau situs web sobat kepada dunia adalah dengan cara share artikel sobat kesitus jejaring sosial seperti Google+, Facebook, dan Twitter. Bagi blogger blogspot tentunya sangat mudah untuk melakukan share ke situs jejaring sosial Google+, karena setiap sobat publikasikan postingan terbaru yang sobat buat pasti akan keluar fasilitas share langsung ke Google+. Namun untuk share posting blog ke facebook dan twitter tentunya harus dilakukan cara manual, oleh sebab itu disini saya akan kasih &lt;b&gt;tips dan trik untuk share otomatis postingan blog ke twitter dan facebook melalui dlvr.it&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
Tidak mungkin setiap kali sobat membuat posting pada blog sobat harus share satu persatu artikel blog sobat ke situs jejaring sosial secara manual, sebab cara itu mungkin bisa mamakan banyak waktu. Karena kemungkinan sobat mempunyai banyak sekali akun disitus jejaring sosial facebook dan twitter, maka sobat bisa bisa menggunakan &lt;b&gt;cara share otomatis postingan blog atau situs web ke banyak akun twitter dan facebook&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cara Share Otomatis Postingan Blog Ke Twitter Dan Facebook Melalui dlvr.it&lt;/b&gt;&lt;br /&gt;
Karena cara share yang akan sobat gunakan ini adalah cara otomatis, maka silahkan sobat mengikuti langkah-langkah yang saya berikan sebagai berikut:&lt;br /&gt;
&lt;br /&gt;
1. Langkah yang pertama, silahkan sobat &amp;gt;&amp;gt; Masuk ke situs &lt;b&gt;&lt;a href=&quot;http://dlvr.it/&quot; target=&quot;_blank&quot;&gt;dlvr.it&lt;/a&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
2. Kemudian &lt;b&gt;masukkan email&lt;/b&gt; dan &lt;b&gt;password&lt;/b&gt;, lalu klik &lt;b&gt;sign up&lt;/b&gt;.&lt;br /&gt;
Lihat gambar screenshot di bawah ini.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieOT-4nnM5dberBq1eyjv2aYNymcT33h3bYsLPEqZWACVgVkJMEXANdfZ2pywZuu2w6oxa5EYlNVjGTovMI9kds6mlO6HfOMrw5J4HFyrkUwc5WKvefCPqiaN0kHxkKqIXqRyIGgaQ6t4N/s1600/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+1.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieOT-4nnM5dberBq1eyjv2aYNymcT33h3bYsLPEqZWACVgVkJMEXANdfZ2pywZuu2w6oxa5EYlNVjGTovMI9kds6mlO6HfOMrw5J4HFyrkUwc5WKvefCPqiaN0kHxkKqIXqRyIGgaQ6t4N/s1600/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+1.jpg&quot; title=&quot;Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
3. Setelah sing up, maka sobat akan dibawa ke halaman seperti screenshot dibawah ini, kemudian &lt;b&gt;masukkan alamat url blog&lt;/b&gt; sobat, lalu klik &lt;b&gt;next&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-lPSqPKyeC3tmTGbNt92jb6oOccVIkJkzXUJpsnNMptKkU4lzVuZM6qsoRWYPB4fcruk5zw7FNXRuQc6WJJVGF2RxQdUieYaQZGONPuWCdQ0zWVrOMhTK6SBpvC8UohBbss6n6_dB_uLS/s1600/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+2.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-lPSqPKyeC3tmTGbNt92jb6oOccVIkJkzXUJpsnNMptKkU4lzVuZM6qsoRWYPB4fcruk5zw7FNXRuQc6WJJVGF2RxQdUieYaQZGONPuWCdQ0zWVrOMhTK6SBpvC8UohBbss6n6_dB_uLS/s1600/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+2.jpg&quot; title=&quot;Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
4. Langkah yang selanjutnya, silahkan sobat &lt;b&gt;pilih situs jejaring sosial&lt;/b&gt; mana yang akan sobat gunakan untuk share posting otomatis blog sobat. Namun sebelum memilih saya sarankan agar sobat untuk login atau masuk terlebih dahulu pada akun situs jejaring sosial yang akan sobat pilih &lt;b&gt;&lt;a href=&quot;https://twitter.com/&quot; target=&quot;_blank&quot;&gt;Twitter&lt;/a&gt;&lt;/b&gt; atau &lt;b&gt;&lt;a href=&quot;http://www.facebook.com/&quot; target=&quot;_blank&quot;&gt;Facebook&lt;/a&gt;&lt;/b&gt;, hal ini untuk mempermudah dalam proses menautkan situs blog sobat ke akun jejaring sosial sobat.&lt;br /&gt;
Lihat gambar berikut dibawah ini.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVPv3UT1wtt_GuT3AILRhoxCABOo_jP1h7oV_qK0wvGW29f5_l9ZOMcv471k7IfuLymL1uFMsxrpzXnUVWDU0x42Co-VXRNfry2dnS8Ijj7QCLQi5b6BD8tUBdvCdDCFWnCOeEU-18kkZ4/s1600/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+3.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVPv3UT1wtt_GuT3AILRhoxCABOo_jP1h7oV_qK0wvGW29f5_l9ZOMcv471k7IfuLymL1uFMsxrpzXnUVWDU0x42Co-VXRNfry2dnS8Ijj7QCLQi5b6BD8tUBdvCdDCFWnCOeEU-18kkZ4/s1600/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+3.jpg&quot; title=&quot;Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
5. Disini saya akan kasih contoh untuk share otomatis posting blog ke situs jejaring social Twitter. Setelah sobat login atau masuk dan pilih twitter, kemudian silahkan sobat klik &lt;b&gt;&quot;izinkan aplikasi&quot;&lt;/b&gt;.&lt;br /&gt;
Lihat gambar berikut.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRvvliZWuG102uwFqMB-tbve7n3CqrS1OEaH6J9mylbjnOkAUkfUbBZKvwKKnZ-j2Fr_MvBQnD9rmRVRW6m39UC9v8K8NQauIAMqT7hFpv3H7OIDOPNcVfmcmPxo8M8BN1Ur6OnWSXzGQ9/s1600/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+4.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRvvliZWuG102uwFqMB-tbve7n3CqrS1OEaH6J9mylbjnOkAUkfUbBZKvwKKnZ-j2Fr_MvBQnD9rmRVRW6m39UC9v8K8NQauIAMqT7hFpv3H7OIDOPNcVfmcmPxo8M8BN1Ur6OnWSXzGQ9/s1600/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+4.jpg&quot; title=&quot;Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
6. Setelah klik izinkan aplikasi, itu artinya sobat sudah selesai dan berhasil membuat share otomatis posting blog ke twitter. Maka sobat akan di hadapkan pada halaman seperti gambar screenshot dibawah ini.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT52BpF5iM-JR4acfjTqRJQkc-6XHdkikoBG0W5MPy8bofj62gLBSE4mGqSV7W8SnoRlUnzZ27zFNAyL5DF3SayjlzXPdJpv91OFZg0XfMtSWTg7vE1ECHTKxC-vBVbTjRn2eb_ZHR-ZNN/s1600/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+5.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT52BpF5iM-JR4acfjTqRJQkc-6XHdkikoBG0W5MPy8bofj62gLBSE4mGqSV7W8SnoRlUnzZ27zFNAyL5DF3SayjlzXPdJpv91OFZg0XfMtSWTg7vE1ECHTKxC-vBVbTjRn2eb_ZHR-ZNN/s1600/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+5.jpg&quot; title=&quot;Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;&lt;b&gt;Keterangan:&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Sources&lt;/b&gt; kotak box sebelah kiri adalah &lt;b&gt;sumber dari posting blog&lt;/b&gt; yang akan share otomatis ke situs jejaring sosial. Sobat bisa menambah lagi dengan blog yang lain dengan cara klik tombol &lt;b&gt;+add&lt;/b&gt; pada Sources, kemudian masukkan alamat url blog sobat seperti pada langkah nomor 3 di atas.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Destinations&lt;/b&gt; kotak box sebelah kanan adalah &lt;b&gt;akun situs jejaring sosial&lt;/b&gt; sobat yang akan melakukan share posting blog secara otomatis. Sobat bisa menambah lagi dengan akun jejaring sosial sobat yang lain dengan cara klik tombol &lt;b&gt;+add&lt;/b&gt; pada Destinations, kemudian tautkan akun jejaring sosial sobat yang lain.&lt;/li&gt;
&lt;/ul&gt;
Kesimpulannya, sobat bisa langsung menautkan beberapa blog atau web untuk melakukan share posting otomatis pada satu akun jejaring sosial begitu juga sebaliknya. Satu blog share otomatis posting ke banyak akun jejaring sosial atau satu akun jejaring sosial melakukan share otomatis dari posting banyak blog.&lt;br /&gt;
&lt;br /&gt;
Berikut contoh gambar screenshot share otomatis posting blog ke twitter&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZBHbj5hkXuNjqhT6N9CFvDJj210EGh81RBFaJTi9_hrhPcuUGBoz5BdnyBNYlZgHu79AQfiEQTR85SqLwVUe02vrH6ysdwuHCyQsSbCPAo_GkgY6OLevFvMyl9RKPvFiWLVvBONneX1VD/s1600/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+6.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZBHbj5hkXuNjqhT6N9CFvDJj210EGh81RBFaJTi9_hrhPcuUGBoz5BdnyBNYlZgHu79AQfiEQTR85SqLwVUe02vrH6ysdwuHCyQsSbCPAo_GkgY6OLevFvMyl9RKPvFiWLVvBONneX1VD/s1600/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+6.jpg&quot; title=&quot;Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Demikian tips dan trik tutorial blog tentang &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/01/cara-share-otomatis-posting-blog-ke-twitter-dan-facebook.html&quot;&gt;Cara Share Otomatis Postingan Blog Ke Twitter Dan Facebook&lt;/a&gt;&lt;/b&gt;, bagi sobat yang ingin mengikuti share artikel posting terbaru dari blog KUCOPAS ini bisa langsung &lt;b&gt;&lt;a href=&quot;https://plus.google.com/100958578841728806908&quot; target=&quot;_blank&quot;&gt;add Google+&lt;/a&gt;&lt;/b&gt;,&amp;nbsp;&lt;b&gt;&lt;a href=&quot;https://twitter.com/kucopas&quot; target=&quot;_blank&quot;&gt;follow twitter&lt;/a&gt;&lt;/b&gt; dan &lt;b&gt;&lt;a href=&quot;http://www.facebook.com/kucopas&quot; target=&quot;_blank&quot;&gt;like fans page&lt;/a&gt;&lt;/b&gt; blog KUCOPAS. Semoga tips dan trik yang saya posting ini bisa sangat bermanfaat bagi sobat KUCOPAS semua.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/8999030155984521406/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2013/01/cara-share-otomatis-posting-blog-ke-twitter-dan-facebook.html#comment-form' title='9 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/8999030155984521406'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/8999030155984521406'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2013/01/cara-share-otomatis-posting-blog-ke-twitter-dan-facebook.html' title='Cara Share Otomatis Postingan Blog Ke Twitter Dan Facebook'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFin7mKYEl68aTUdMjFclFLBxN_ynCcVX4osUebhySHUg7l87WvNMeU_x8sZT9U82aU76llTch06060sgCmn3B_UnSDnLTgfqZYeLSWd6IyhomPDtdQ6twwYKyWLKI4OxEs3JQ2sLN896h/s72-c/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook.jpg" height="72" width="72"/><thr:total>9</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-4678477404052317137</id><published>2013-01-20T02:04:00.000+07:00</published><updated>2014-02-26T10:52:02.751+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="baterai"/><category scheme="http://www.blogger.com/atom/ns#" term="laptop"/><category scheme="http://www.blogger.com/atom/ns#" term="trik komputer"/><title type='text'>Cara Mengatasi Baterai Laptop Yang Ngedrop</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2013/01/cara-mengatasi-baterai-laptop-yang-ngedrop.html&quot;&gt;Cara Mengatasi Baterai Laptop Yang Ngedrop&lt;/a&gt;&lt;/b&gt;. Mungkin sekarang memang sudah zamannya modern dan serba canggih, terbukti sudah banyak orang-orang yang tidak bisa lepas dari barang elektronik. Umumnya sekarang setiap orang mempunyai gadget, hp, laptop bahkan mungkin salah satunya dari barang elektronik yang telah saya sebutkan tadi tidak bisa lepas karena kebutuhan hidup dan suatu pekerjaan.&lt;br /&gt;
&lt;br /&gt;
Barang elektronik seperti gadget, hp, laptop, notebook dan semacamnya memang sangat flexibel dan bisa dibawa kemana-mana sesuai kebutuhan, karena barang elektronik semacam itu memang menggunakan baterai. Jadi bisa dibawa kemana saja tanpa harus mencolokkan kesumber listrik, dengan catatan baterai sudah terisi atau di charge sebelumnya.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/01/cara-mengatasi-baterai-laptop-yang-ngedrop.html&quot;&gt;&lt;img alt=&quot;Cara Mengatasi Baterai Laptop Yang Ngedrop&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQFoZojC4V40214jFDgeWahjpq8XeB4zrXttojMH6hu5mPT5mas6FKag4NxAjmaL_m48P1suCd1pk_hx79S9jDFEhPQfSmzW6G_kYEit05gYJFWK1EglCFncpIuFoeXdu-LXpeC-plKooJ/s1600/Cara+Mengatasi+Baterai+Laptop+Yang+Ngedrop.jpg&quot; title=&quot;Cara Mengatasi Baterai Laptop Yang Ngedrop&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Meski begitu mudahnya kita mengikuti perkembangan zaman yang serba canggih, namun ada beberapa masalah yang timbul dikarena penggunaan barang elektronik. Khususnya untuk elektronik yang menggunakan baterai dan salah satunya adalah laptop.&lt;br /&gt;
&lt;br /&gt;
Sangat menjengkelkan apabila kita sedang menggunakan laptop dalam suatu pekerjaan yang penting namun tiba-tiba baterai laptop ngedrop, apa lagi saat kita lagi di luar rumah seperti di tempat-tempat umum yang mempunyai layanan Wi-Fi atau Hot Spot area semisal mall, rumah sakit, rumah makan, atau juga yang lainnya. Ditempat-tempat seperti itu memang ada listrik, namun apakah sobat selalu siap sedia membawa charger laptop kemana-mana, jadi sangat ribet sekali kayaknya.&lt;br /&gt;
&lt;br /&gt;
Pengalaman pribadi menjengkelkan yang pernah saya alami adalah saat hang out bersama teman-teman dan menggunakan laptop di HotSpot area taman kota, pada waktu itu saya lagi asyik-asyik download video dari &lt;b&gt;&lt;a href=&quot;http://www.youtube.com/&quot; target=&quot;_blank&quot;&gt;Youtube&lt;/a&gt;&lt;/b&gt; namun download harus terputus gara-gara baterai laptop yang ngedrop kemudian mati. Padahal sebelumnya sudah saya charge baterainya sampai penuh 100%, meski bawa charger, namun tidak ada colokan listrik yang tersedia untuk digunakan, alhasil saya menggerutu dan kecewa gara-gara baterai laptop saya ngedrop.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Cara Mengatasi Baterai Laptop Yang Ngedrop&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFIi-RenRrS2-3S8N_7u3pL03uHpZUDAqSKMG0UR1E8nJ99Rl_aZrYsNhgLbAYVio9otusGzcUOVQbVGmCPa0rqx6GzhcsKUXNzQr89rnoLpnh_qrfvkMIyrBZt9hiyYJUZw93YR-vDtGV/s1600/Cara+Mengatasi+Baterai+Laptop+Yang+Ngedrop.jpg&quot; title=&quot;Cara Mengatasi Baterai Laptop Yang Ngedrop&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;Penyebab Baterai Laptop Drop&lt;/b&gt;&lt;br /&gt;
Banyak sekali penyebab baterai laptop menjadi ngedrop, salah satu contohnya adalah penggunaan atau saat mengoperasikan laptop dalam jangka waktu yang lama dan juga melakukan charge laptop yang tidak beraturan.&lt;br /&gt;
&lt;br /&gt;
Baterai yang di gunakan untuk laptop banyak sekali macamnya, masalah awet atau cepat rusak tergantung penggunanya dalam mengoperasikan laptop. Pada beberapa waktu yang lalu sudah pernah saya share tentang &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/01/cara-merawat-baterai-laptop-agar-tahan-lama.html&quot; target=&quot;_blank&quot;&gt;Merawat baterai laptop agar awet tahan lama dengan cara baik dan benar&lt;/a&gt;&lt;/b&gt;, namun jika sobat sedang mengalami masalah baterai laptop yang ngedrop, saya punya solusinya.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Solusi Cara Mengatasi Dan Mengembalikan Daya Baterai Laptop Yang Ngedrop&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Sebelum kita mempraktekkan cara-caranya, silahkan sobat siapkan dulu bahan-bahan dan peralatannya sebagai berikut:&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;1. Kulkas atau lemari es (Freezer)&lt;/b&gt;&lt;br /&gt;
Jika belum mempunyai kulkas atau lemari es, sobat bisa menggunakan kulkasnya tetangga alias titip atau pinjam. hehehe.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;2. Plastik pembungkus&lt;/b&gt;&lt;br /&gt;
Sobat bisa gunakan plastik pembungkus es yang cukup tebal atau plastik yang lainya, asal tidak bolong alias bocor.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;3. Tali Pengikat&lt;/b&gt;&lt;br /&gt;
Tali ini nanti kita gunakan untuk mengikat plastik, Gunakan tali atau karet yang mudah untuk mengikat plastik. Jangan gunakan tali tambang, nanti malah kebesaran dan tidak bisa untuk mengikat plastik.&lt;br /&gt;
&lt;b&gt;&lt;br /&gt;
&lt;/b&gt; &lt;b&gt;4. Baterai Yang Mengalami Drop&lt;/b&gt;&lt;br /&gt;
Lepaskan baterai yang ngedrop dari laptop, tips dan trik ini hanya saya sarankan untuk baterai yang benar-benar sudah mengalami drop. Dengan catatan baterai dalam kondisi tidak rusak total.&lt;br /&gt;
&lt;br /&gt;
Jika semua bahan dan peralatan sudah di siapkan, sekarang kita menuju ke triknya Cara mengembalikan daya baterai laptop yang sudah ngedrop. Silahkan sobat simak baik-baik langkah-langkah yang harus sobat lakukan sebagai berikut:&lt;br /&gt;
&lt;br /&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Masukkan baterai laptop ke dalam plastik dan bungkus rapat-rapat dengan tali yang sudah sobat siapkan tadi. Dengan catatan jangan sampai ada bagian plastik yang bocor nanti bisa kemasukan air es.&lt;/li&gt;
&lt;li&gt;Jika baterai laptop sudah terbungkus plastik dengan rapat, kemudian masukkan kedalam Freezer kulkas atau lemari es.&lt;/li&gt;
&lt;li&gt;Biarkan baterai tersimpan didalam freezer kulkas atau lemari es selama seharian atau semalaman penuh. Untuk tips yang lain agar lebih mantab bisa di biarkan selama satu sampai tiga hari.&lt;/li&gt;
&lt;li&gt;Setelah melakukan langkah yang ketiga diatas, silahkan sobat keluarkan baterai laptop yang masih terbungkus plastik dengan rapat.&lt;/li&gt;
&lt;li&gt;Keluarkan baterai laptop dari bungkus plastik, kemudian diamkan di tempat dalam suhu normal. Untuk tips yang lain di internet ada yang menganjurkan untuk dijemur dibawah terik matahari, namun saran ini tidak saya anjurkan untuk sobat.&lt;/li&gt;
&lt;li&gt;Jika kondisi baterai laptop sudah kembali pada suhu yang normal alias sudah tidak sedingin saat pertama kali di keluarkan dari freezer, silahkan pasang kembali pada laptop.&lt;/li&gt;
&lt;li&gt;Langkah yang selanjutnya, setelah baterai sudah terpasang pada laptop sebagaimana mestinya, mohon laptop jangan di nyalakan. Hal ini untuk menghindari kerusakan yang fatal pada baterai laptop.&lt;/li&gt;
&lt;li&gt;Silahkan sobat charge laptop dalam keadaan mati sampai penuh 100%. Ada tips yang lain menganjurkan charge baterai laptop dalam keadaan mati sampai delapan jam atau seperti baterai baru saat di charge pertamakali.&lt;/li&gt;
&lt;li&gt;Sesudah melakukan langkah charge baterai laptop dirasa sudah penuh 100%. Silahkan hidupkan atau nyalakan laptop sobat. Apakah baterai laptop sudah kembali normal dan tidak ngedrop apa belum, Jika baterai laptop masih ngedrop, silahkan sobat ulangi langkah-langkah diatas dengan cara dan volume yang berbeda sampai berhasil menerapkan komposisi yang tepat.&lt;/li&gt;
&lt;/ol&gt;
&lt;br /&gt;
Demikian tips dan trik yang mengulas seputar Cara Mengatasi Baterai Laptop Yang Ngedrop dan juga solusi cara untuk mengembalikan daya laptop yang sudah drop. Jika langkah-langkah di atas sudah di lakukan berulang-ulang namun belum berhasil, itu berarti saatnya sobat harus ganti baterai laptop dengan yang baru.&lt;br /&gt;
&lt;br /&gt;
Saran saya bila membeli baterai laptop jangan yang abal-abal alias aspal asli tapi palsu, belilah baterai laptop yang asli dan cocok dengan serinya, Baterai laptop yang asli pasti terjamin kualitasnya.&lt;br /&gt;
&lt;br /&gt;
Demikian artikel tips dan trik yang mengulas tentang &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/01/cara-mengatasi-baterai-laptop-yang-ngedrop.html&quot;&gt;Cara Mengatasi Baterai Laptop Yang Ngedrop&lt;/a&gt;&lt;/b&gt;, Semoga artikel yang saya share ini bisa sangat bermanfaat dan berguna untuk sobat KUCOPAS semua yang baterai laptopnya sedang mengalami drop.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/4678477404052317137/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2013/01/cara-mengatasi-baterai-laptop-yang-ngedrop.html#comment-form' title='12 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/4678477404052317137'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/4678477404052317137'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2013/01/cara-mengatasi-baterai-laptop-yang-ngedrop.html' title='Cara Mengatasi Baterai Laptop Yang Ngedrop'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQFoZojC4V40214jFDgeWahjpq8XeB4zrXttojMH6hu5mPT5mas6FKag4NxAjmaL_m48P1suCd1pk_hx79S9jDFEhPQfSmzW6G_kYEit05gYJFWK1EglCFncpIuFoeXdu-LXpeC-plKooJ/s72-c/Cara+Mengatasi+Baterai+Laptop+Yang+Ngedrop.jpg" height="72" width="72"/><thr:total>12</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-7886091868347904449</id><published>2013-01-19T13:08:00.001+07:00</published><updated>2014-02-26T08:27:50.441+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="baterai"/><category scheme="http://www.blogger.com/atom/ns#" term="laptop"/><category scheme="http://www.blogger.com/atom/ns#" term="trik komputer"/><title type='text'>Cara Merawat Baterai Laptop Agar Tahan Lama</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/01/cara-merawat-baterai-laptop-agar-tahan-lama.html&quot;&gt;Cara Merawat Baterai Laptop Notebook Secara Baik Dan Benar, Agar Awet Tahan Lama&lt;/a&gt;&lt;/b&gt;. Setelah sekian lama tidak pernah share tips dan trik yang berhubungan dengan seputar komputer atau laptop, kali ini saya akan mengulas artikel tentang cara merawat baterai laptop notebook. Cara merawat baterai laptop agar awet dan tahan lama saat digunakan adalah hal yang sangat mudah di ucapkan namun sangat sulit untuk di lakukan, karena merawat baterai laptop terbilang gampang-gampang susah untuk dipraktekkan.&lt;br /&gt;
&lt;br /&gt;
Baterai adalah komponen penting yang terdapat pada laptop atau notebook. Tentunya karena baterai laptop adalah power supply atau suatu daya untuk laptop agar bisa hidup atau di operasikan meski tanpa harus mencolokkan ke listrik seperti komputer PC. Walaupun baterai laptop ini adalah komponen yang penting namun masih banyak orang yang kurang peduli dan memperhatikan pentingnya baterai tersebut untuk laptop agar bisa dioperasikan dengan normal dan bertahan lama dayanya.&lt;br /&gt;
&lt;br /&gt;
Alhasil jika baterai sudah mengalami kerusakan, maka tentunya laptop atau notebook itu tidak bisa dioperasikan atau hidup kecuali kalau sambil di charge atau terhubung ke listrik. Memang bisa hidup dan dioperasikan tapi sangat beresiko untuk terjadinya kerusakan pada sistem yang lain didalam laptop itu sendiri.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/01/cara-merawat-baterai-laptop-agar-tahan-lama.html&quot;&gt;&lt;img alt=&quot;Cara Merawat Baterai Laptop Dan Netbook Agar Tahan Lama&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWZr032ebMGT6Ftr12w2O6-GFcY8KNukaI9qyvXLlV02RVY1OabX-XPUEpZW1-RnqCm182Q5NN8VxKJFwWMq135A5qEFJkGoGwA0GaNL2sxhHD2bCjMZibpHm2ct0oavNJF3g5-MrbsBgA/s1600/Cara+Merawat+Baterai+Laptop+Dan+Netbook+Agar+Tahan+Lama.jpg&quot; title=&quot;Cara Merawat Baterai Laptop Dan Netbook Agar Tahan Lama&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Salah satu contohnya adalah jika pada saat laptop kita hidupkan langsung terhubung ke listrik melalui charger, kemudian chargernya tercabut secara tidak sengaja atau saat listrik padam tiba-tiba, maka otomatis laptopnya akan ikut mati, karena memang daya dari baterai laptop itu sendiri sudah lemah alias rusak.&lt;br /&gt;
&lt;br /&gt;
Hasilnya bisa menyebabkan kerusakan pada layar atau screen laptop dan parahnya lagi bisa mengakibatkan harddisk menjadi bad sector. Jika harddisk sudah mengalami bad sector maka laptop atau notebook itu sudah rusak alias harus di servis dan mengganti semua sistemnya dengan yang baru.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Tips Dan Trik Cara Merawat Baterai Laptop Dan Notebook Dengan Baik Dan Benar Agar Tahan Lama&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;1. Jangan Charge Dalam Jangka Waktu Yang Lama Hingga Baterai Kepenuhan Saat Laptop Dalam Keadaan Kondisi Mati&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Dengan melakukan charging sampai baterai kepenuhan terbukti menyebabkan daya tahan lama baterai bisa berkurang. Secara teknis memang jika laptop kita charge dengan waktu yang lama maka baterai kita bisa jadi kepanasan dan bisa merusak elemen di dalamnya. Salah satu contoh adalah apabila kebiasaan men-charge laptop kemudian ditinggal tidur dan pagi-pagi setelah kita bangun led baterai laptop sudah menunjukkan tanda penuh. Meski memang sepertinya biasa saja dan tidak terjadi apa-apa, namun dampaknya akan menjadi luar biasa dikemudian hari jika terlalu sering melakukan hal itu. Karena ini sudah pernah saya alami sendiri yang juga sering melakukan hal itu, alhasil baterai laptop saya harus diganti yang baru. Saran saya charge laptop secara normal dan jangan di biarkan terlalu lama hingga over hot.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;2. Jangan Melepaskan Baterai Ketika Laptop Akan Dihidupkan&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Menghidupkan laptop dengan Mode AC tanpa baterai atau langsung terhubung ke listrik melalui charge bisa mengakibatkan terjadinya kerusakan pada motherboard, dikarenakan keadaan listrik tidak stabil atau juga listrik bisa mati mendadak dan tiba-tiba. Jika motherboard mengalami kerusakan, maka sama saja dengan kerusakan pada laptop secara keseluruhan. Hal ini memang bisa menghemat baterai, karena memang baterai tidak dipakai, jadi ya pasti awet baterainya. Namun sobat pilih baterai yang awet atau laptonya yang awet, maka jangan sekali-kali melakukan hal itu, jika ingin laptop tetap awet.&lt;br /&gt;
&lt;br /&gt;
Sebaliknya jika charge laptop pada Mode AC dengan baterai terpasang pada laptop memang memungkinkan terjadinya penurunan kualitas baterai, namun sangat aman bagi kesehatan laptop jika terjadi listrik mati mendadak atau tiba-tiba. Jadi saran saya agar tidak melepaskan baterai saat menggunakan laptop dengan langsung menghubungkan ke listrik melalui charger.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;3. Bersihkan Logam Kontak Baterai Laptop Secara Berkala Dan Rutin&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Sobat juga harus membersihkan logam kontak atau logam penghubung baterai laptop secara berkala. Hal ini akan membuat kontak catu daya dari baterai ke laptop menjadi efisien dan tidak terhambat. Sobat bisa menggunakan kain bersih yang dibasahi dengan alkohol untuk membersihkan logam kontak baterai laptop.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTH45EI9_O8GLbGapi-rc0WNwkCo06ThYtjQML1JMDlf3FpyNF8oOWfV-hINfMIv4lTs9Vlho5UyBHIwQ0jZSryb55imG8u_JJshy15dbsrgwdJYJDqMidO3mLG5-ZxKjIQET688S52nL/s1600/melepas+baterai+laptop.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;melepas baterai laptop&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTH45EI9_O8GLbGapi-rc0WNwkCo06ThYtjQML1JMDlf3FpyNF8oOWfV-hINfMIv4lTs9Vlho5UyBHIwQ0jZSryb55imG8u_JJshy15dbsrgwdJYJDqMidO3mLG5-ZxKjIQET688S52nL/s1600/melepas+baterai+laptop.jpg&quot; title=&quot;melepas baterai laptop&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;4. Lepaskan Baterai Laptop Jika Laptop Tidak Digunakan Dalam Jangka Waktu Yang Lama&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Jika sobat tidak menggunakan laptop atau notebook dalam rentang waktu yang lama lebih dari satu hari bahkan berminggu-minggu dan berbulan-bulan lamanya, maka lepaskan baterainya dari laptop. Hal ini wajib sobat lakukan, pasalnya jika sobat tidak melepaskan baterai dari laptop maka akan menyebabkan terjadinya pemuaian atau karatan atau menjamur pada bagian logam kontak baterai yang terhubung ke laptop atau notebook. Alhasil daya baterai tidak bisa terisi dan tersalur pada laptop dengan sempurna dikarenakan ada hambatan karatan dan jamur pada logam kontak baterai.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;5. Lakukan Kalibrasi Baterai Laptop Setiap 30 Kali Charge&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Kalibrasi digunakan agar kalkulasi daya baterai laptop tetap akurat, berikut tips dan trik caranya:&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Charge laptop sampai penuh 100% dan biarkan kabel charge tertancap kurang lebih selama 2 jam sambil gunakan laptop untuk aktifitas atau sekedar membuat makalah atau yang lainnya.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Aktifkan system hibernate. Setting agar system hibernate dijalakan otomatis jika baterai laptop sudah habis atau critical battery.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Gunakan laptop untuk aktifitas-aktifitas sobat dan tunggu sampai baterai habis dan system hibernate akan dilakukan secara otomatis.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Selama proses hibernate diamkan laptop selama kurang lebih 8 jam dengan kondisi baterai tetap tertancap dan terpasang pada laptop.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Setelah mencapai 8 jam, kemudian charge laptop hingga sampai penuh, namun laptop dalam kondisi masih hibernate atau belum dihidupkan.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Agar tidak perlu repot-repot menghitung berapa kali sobat men-charge baterai laptop, sobat bisa menggunakan software battery care. Karena software ini akan mencatatnya secara otomatis hingga looping keberapa sobat men-charge baterai laptop. Silahkan sobat kunjungi situs resminya &lt;b&gt;&lt;a href=&quot;http://batterycare.net/en/download.html&quot; target=&quot;_blank&quot;&gt;www.batterycare.net&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;b&gt;6. Pastikan Bahwa Ada Udara Yang Bebas Mengalir Dan Bersirkulasi Dengan Baik Melalui Laptop&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Baterai laptop cenderung bekerja lebih berat ketika sistem pendingin laptop tidak memadai. Hal ini biasanya ditandai dengan suara kipas yang keras berputar sebagai sistem pendingin laptop, jika kipas bekerja dan berputar secara berlebihan maka &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/07/cara-mengatasi-laptop-yang-cepat-panas.html&quot; target=&quot;_blank&quot;&gt;laptop jadi panas&lt;/a&gt;&lt;/b&gt; dan baterai laptop juga dapat di pastikan akan cepat terkuras dayanya. Jadi pastikan bahwa fungsi kipas pendingin bekerja dengan benar dan normal. Saran saya gunakan Cooling Pad atau kipas dibawah laptop sebagai tambahan sistem pendinginan laptop.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxpaWDk3GdjZsb4HWiOs0I2P1A_JFh6d_XVdoXFKqz3PEFHmFpcT8VmahdRdYxBesGPnatD5dgBkEdM6l2HE5uU-0CrS8edr2Px_nZTtAdU_T1LXXAtDV_9zA2O6XfTzMNY28FnPOltagU/s1600/Cooling+Pad+laptop.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cooling Pad&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxpaWDk3GdjZsb4HWiOs0I2P1A_JFh6d_XVdoXFKqz3PEFHmFpcT8VmahdRdYxBesGPnatD5dgBkEdM6l2HE5uU-0CrS8edr2Px_nZTtAdU_T1LXXAtDV_9zA2O6XfTzMNY28FnPOltagU/s1600/Cooling+Pad+laptop.jpg&quot; title=&quot;Cooling Pad&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;7. Jangan Menggunakan Multitasking Atau Membuka Banyak Aplikasi Secara Bersamaan&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Sering kali tanpa kita sadari hal ini sering kita lakukan, entah itu kebutuhan atau juga cuma iseng main-main membuka banyak aplikasi secara bersamaan. Alhasil tanpa kita sadari juga daya baterai laptop cepat habis. Untuk mengatasinya silahkan sobat kurangi penggunaan multitasking atau membuka terlalu banyak aplikasi sekaligus. Sebisanya pada saat sobat berkerja dengan laptop, lakukan dan tuntaskan salah satu pekerjaan saja pada satu waktu. Karena Multitasking dapat menguras daya baterai lebih cepat habis.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;8. Jangan Menggunakan Device Perangkat Eksternal Yang Berlebihan&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Menggunakan perangkat device seperti USB Flash Disk dan perangkat eksternal lainnya secara berlebihan termasuk juga Wi-Fi dan Mouse. Hal ini akan cepat menguras daya baterai laptop, jika device USB tidak harus digunakan terus di USB slot, silahkan sobat eject saja atau putuskan koneksinya untuk menghindari penggunaan terlalu banyak daya baterai.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;9. Non Aktifkan Update Otomatis Anti Virus Dan Juga Windows&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Mematikan atau non aktifkan jadwal update otomatis seperti anti virus online dan juga windows dapat memperpanjang umur baterai laptop. Pasalnya jika semua sistem akan update secara otomatis dan online maka akan menguras daya baterai laptop secara berlebih tanpa kita ketahui. Hal ini juga bisa mengakibatkan leletnya saat ber-internetan dan berselancar didunia maya.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;10. Kurangi Volume Speaker Laptop Atau Notebook&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Menggunakan volume speaker yang keras juga bisa cepat menguras daya baterai. Jadi kurangi volume speaker laptop atau matikan saja jika tidak terlalu diperlukan.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;11. Jaga Suhu Baterai Agar Tidak Terlalu Panas Atau &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/07/cara-mengatasi-laptop-yang-cepat-panas.html&quot; target=&quot;_blank&quot;&gt;Over Hot&lt;/a&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Usahakan menjaga suhu baterai laptop atau notebook agar tidak terlalu panas saat mengoperasikan laptop atau notebook. Jika terjadi over dan baterai kepanasan maka molekul yang ada di dalam baterai akan meleleh dan hasilnya baterai akan cepat kehabisan daya saat laptop di gunakan.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;12. Hindari Penggunaan Laptop Atau Notebook Dalam Jangka Waktu Yang Sangat Lama&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Mengoperasikan laptop atau notebook sewajarnya saja, jangan sampai menggunakan laptop atau notebook untuk waktu yang lama. Karena hal ini di samping mengakibatkan baterai jadi panas juga bisa berimbas pada &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/07/cara-mengatasi-laptop-yang-cepat-panas.html&quot; target=&quot;_blank&quot;&gt;heatsing dan juga sistem pendingin laptop atau netbook&lt;/a&gt;. Jika memungkinkan sebaiknya lepaskan baterai dari laptop atau notebook bila penggunaan lebih dari 6 jam.&lt;br /&gt;
&lt;br /&gt;
Demikian beberapa tips dan trik cara merawat baterai laptop atau netbook agar tahan lama awet dan juga &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2013/01/cara-merawat-baterai-laptop-agar-tahan-lama.html&quot;&gt;cara merawat baterai laptop dengan cara baik dan benar&lt;/a&gt;&lt;/b&gt;. Semoga bisa di jadikan pedoman untuk menjaga dan antisipasi dari segala kerusakan baterai laptop atau netbook sobat.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/7886091868347904449/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2013/01/cara-merawat-baterai-laptop-agar-tahan-lama.html#comment-form' title='6 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/7886091868347904449'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/7886091868347904449'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2013/01/cara-merawat-baterai-laptop-agar-tahan-lama.html' title='Cara Merawat Baterai Laptop Agar Tahan Lama'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWZr032ebMGT6Ftr12w2O6-GFcY8KNukaI9qyvXLlV02RVY1OabX-XPUEpZW1-RnqCm182Q5NN8VxKJFwWMq135A5qEFJkGoGwA0GaNL2sxhHD2bCjMZibpHm2ct0oavNJF3g5-MrbsBgA/s72-c/Cara+Merawat+Baterai+Laptop+Dan+Netbook+Agar+Tahan+Lama.jpg" height="72" width="72"/><thr:total>6</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-6299638475115534974</id><published>2012-12-21T18:05:00.000+07:00</published><updated>2014-02-25T23:10:43.203+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="slider"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><category scheme="http://www.blogger.com/atom/ns#" term="widget"/><title type='text'>Cara Membuat Widget Gallery Foto Gambar Bergerak Berjalan Di Blog</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html&quot;&gt;Cara Membuat Widget Gallery Foto Gambar Bergerak Berjalan Di Blog&lt;/a&gt;&lt;/b&gt;. Gallery foto atau gambar di blog memang banyak sekali kita jumpai pada halaman blog yang mengutamakan promosi melalui gambar maupun foto image, biasanya dipasang pada widget blog situs jual beli online. Namun pada tutorial blog yang akan saya share trik dan tipsnya berikut ini adalah cara membuat gallery photo di blog dengan efek bergerak atau berjalan, efek ini populer disebut efek Marquee. Jadi hasilnya tidak seperti gallery foto yang biasa, karena gallery photo ini akan bergerak atau berjalan.&lt;br /&gt;
&lt;br /&gt;
Untuk trik membuat gallery foto gambar bergerak berjalan di blog, Caranya sangat mudah sekali. Ukuran lebar dan tinggi foto atau gambar bisa di atur sesuai dengan keinginan sobat. Karena cara ini adalah cara manual dan sobat bisa sesuka hati mengaturnya. Silahkan sobat mengikuti langkah-langkah yang akan saya berikan nanti.&lt;br /&gt;
&lt;br /&gt;
Tampilan dari gallery photo gambar bergerak berjalan di blog, tentu saja akan mengikuti sesuai dengan gambar atau foto yang sobat terapkan. Sobat bisa melihat dalam blog &lt;b&gt;&lt;a href=&quot;http://demokucopas.blogspot.com/&quot; target=&quot;_blank&quot;&gt;Demo Kucopas&lt;/a&gt;&lt;/b&gt; yang sudah saya pasang widget Gallery&amp;nbsp;foto gambar bergerak berjalan di blog.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html&quot;&gt;&lt;img alt=&quot;Cara Membuat Widget Gallery Foto Gambar Bergerak Berjalan Di Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeEWbPdggCU7T0OztH17QK45kiAN6buXQh40jo-RWyyzf12l9udAbdbA_Rs4eZHwzGAlCLCZn-EQTY6IYQ8ZooSeJVLVQKIokp1HyEq3AczZk9JpWPfTbtFvuD-FqiJCV5ycfYa7cuXoqn/s1600/Cara+Membuat+Widget+Gallery+Foto+Gambar+Bergerak+Berjalan+Di+Blog.jpg&quot; title=&quot;Cara Membuat Widget Gallery Foto Gambar Bergerak Berjalan Di Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;&lt;b&gt;&lt;a href=&quot;http://demokucopas.blogspot.com/&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
Ada beberapa opsi atau pilihan dari gallery photo gambar bergerak berjalan di blog yang bisa sobat pilih, diantaranya:&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Gallery photo gambar bergerak berjalan di blog default (Biasa)&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Gallery photo gambar bergerak berjalan di blog dengan &lt;span style=&quot;color: blue;&quot;&gt;Url Link&lt;/span&gt; tujuan bila di klik&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Dan masih banyak lagi, tergantung pandai-pandainya sobat untuk berexperiment menambahkan kode-kode tertentu dalam gallery photo tersebut.&lt;/li&gt;
&lt;/ul&gt;
Agar sobat tidak bingung dengan penjelasan saya di atas, nanti akan saya jelaskan caranya satu-persatu, biar sobat bisa mengerti maksudnya dengan mudah.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Cara Membuat Gallery Photo gambar bergerak berjalan di blog &lt;span style=&quot;color: red;&quot;&gt;default&lt;/span&gt; (Biasa)&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
1. Silahkan sobat &amp;gt;&amp;gt; &lt;b&gt;Masuk/Login&lt;/b&gt; ke &lt;b&gt;&lt;a href=&quot;http://www.blogger.com/&quot; target=&quot;_blank&quot;&gt;Blogger.com&lt;/a&gt;&lt;/b&gt; menggunakan akun sobat.&lt;br /&gt;
&lt;br /&gt;
2. Pada &lt;b&gt;Dasbor&lt;/b&gt; tampilan blogger baru, pilih Menu &amp;gt;&amp;gt; &lt;b&gt;Tata Letak&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Tambah Gadget&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;HTML/JavaScript&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
3. Beri judul pada Widget, Contoh &quot;My Foto Gallery&quot;. Kemudian letakkan semua kode di bawah ini pada kotak &lt;b&gt;HTML/JavaScript&lt;/b&gt;.&lt;br /&gt;
&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; style=&quot;font-size: 12px; margin: 0px; padding: 0px; width: 80px;&quot; type=&quot;button&quot; value=&quot;Buka Kode&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
&amp;lt;marquee direction=&quot;&lt;span style=&quot;color: magenta;&quot;&gt;up&lt;/span&gt;&quot; onmouseover=&quot;this.stop()&quot; scrollamount=&quot;3&quot; onmouseout=&quot;this.start()&quot;&amp;gt;&lt;br /&gt;
&amp;lt;img src=&quot;&lt;span style=&quot;color: red;&quot;&gt;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidmLetBJbeRUvtcUZDXU-FRvygBR7s40Ph1vnWp1kHQ8TAauDKzqExtvGjE7bYh_D4qkNvbs9LGCO4NcpNOwKlI4xc8yNkWWkT_zBXzHiIgyuDQiEfTqFtK3Z2ODooUlHZT7sZ_5mIYLs/s1600/PINK1.jpg&lt;/span&gt;&quot; &lt;span style=&quot;color: blue;&quot;&gt;width=&quot;120&quot; height=&quot;120&quot;&lt;/span&gt; /&amp;gt;&amp;lt;br /&amp;gt;&lt;br /&gt;
&amp;lt;img src=&quot;&lt;span style=&quot;color: red;&quot;&gt;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMUZd_eLv06DKCRWJVYTTUUDNr_NvuxfGXNK3vDU9a8FThtOmezhZvFLEJLMW-xR37VruUncrUgMEh6hWIH7WzZlFwLGtsC3E01lql1sbJ7ShDj4ldWviGiH7szHI7A38apGWkm2J-7iY/s1600/HT3.jpg&lt;/span&gt;&quot; &lt;span style=&quot;color: blue;&quot;&gt;width=&quot;120&quot; height=&quot;120&quot;&lt;/span&gt; /&amp;gt;&amp;lt;br /&amp;gt;&lt;br /&gt;
&amp;lt;img src=&quot;&lt;span style=&quot;color: red;&quot;&gt;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA1rVd6MYMGHrB93Wo4JU9FBaq4t-pzItb8SdSc-LQutCO6arD4Ir9TBeXYMfBRVV_25lt41DuaGFBoyWtP68E6R1n9L-sgdUNxcrpDVN1_yAlA-M1fCatN5KWbE-pdcKnUvrvWd7Gu34/s1600/sonal_chauhan.jpg&lt;/span&gt;&quot; &lt;span style=&quot;color: blue;&quot;&gt;width=&quot;120&quot; height=&quot;120&quot;&lt;/span&gt; /&amp;gt;&amp;lt;/marquee&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html&quot; target=&quot;blank&quot;&amp;gt;&amp;lt;b&amp;gt;Get Widget&amp;lt;/b&amp;gt;&amp;lt;/a&amp;gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;b&gt;Keterangan:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;Merah&lt;/span&gt;&lt;/b&gt; adalah &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;Alamat URL gambar atau foto image&lt;/span&gt;&lt;/b&gt;. Silahkan sobat ganti dengan &lt;b&gt;alamat URL gambar&lt;/b&gt; atau foto image sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Warna &lt;b&gt;Biru&lt;/b&gt;, &lt;span style=&quot;color: blue; font-weight: bold;&quot;&gt;width=&quot;&lt;/span&gt;&lt;span style=&quot;color: blue; font-weight: bold;&quot;&gt;120&lt;/span&gt;&lt;span style=&quot;color: blue; font-weight: bold;&quot;&gt;&quot; &lt;/span&gt;dan&lt;span style=&quot;color: blue; font-weight: bold;&quot;&gt; height=&quot;&lt;/span&gt;&lt;span style=&quot;color: blue; font-weight: bold;&quot;&gt;120&lt;/span&gt;&lt;span style=&quot;color: blue; font-weight: bold;&quot;&gt;&quot;&lt;/span&gt; adalah ukuran &lt;b&gt;Lebar dan Tinggi&lt;/b&gt; image gambar atau foto. Silahkan sobat atur nilainya sesuai dengan keinginan sobat agar sesuai dengan widget blog sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;&amp;lt;marquee direction=&quot;&lt;span style=&quot;color: magenta;&quot;&gt;up&lt;/span&gt;&quot;&lt;/b&gt; adalah arah bergerak berjalan ke atas. Silahkan sobat ganti &lt;b&gt;&lt;span style=&quot;color: magenta;&quot;&gt;up&lt;/span&gt;&lt;/b&gt; jadi &lt;b&gt;&lt;span style=&quot;color: magenta;&quot;&gt;down&lt;/span&gt;&lt;/b&gt; jika ingin arah berjalan bergerak ke bawah.&lt;/li&gt;
&lt;/ul&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;&lt;b&gt;Cara Membuat Gallery Photo gambar bergerak berjalan di blog dengan &lt;span style=&quot;color: red;&quot;&gt;Url Link&lt;/span&gt; tujuan bila di klik&lt;/b&gt;.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
Cara yang berikut ini adalah cara yang mudah dilakukan oleh para blogger mania, sebab cara ini hanya menambahkan beberapa kode saja. Namun agar sobat tidak kesulitan dalam menambahkan kode, disini akan saya kasih contoh penerapan kode yang benar.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Berikut kode yang menggunakan alamat url link tujuan bila image gambar foto di klik&lt;/b&gt;&lt;br /&gt;
&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; style=&quot;font-size: 12px; margin: 0px; padding: 0px; width: 80px;&quot; type=&quot;button&quot; value=&quot;Buka Kode&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
&amp;lt;marquee direction=&quot;&lt;span style=&quot;color: magenta;&quot;&gt;up&lt;/span&gt;&quot; onmouseover=&quot;this.stop()&quot; scrollamount=&quot;3&quot; onmouseout=&quot;this.start()&quot;&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: lime;&quot;&gt;http://kuc0pas.blogspot.com/2012/12/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html&lt;/span&gt;&quot; target=&quot;blank&quot; title=&quot;&lt;span style=&quot;color: orange;&quot;&gt;Cara membuat Galeri foto Gambar bergerak&lt;/span&gt;&quot;&amp;gt;&amp;lt;img src=&quot;&lt;span style=&quot;color: red;&quot;&gt;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidmLetBJbeRUvtcUZDXU-FRvygBR7s40Ph1vnWp1kHQ8TAauDKzqExtvGjE7bYh_D4qkNvbs9LGCO4NcpNOwKlI4xc8yNkWWkT_zBXzHiIgyuDQiEfTqFtK3Z2ODooUlHZT7sZ_5mIYLs/s1600/PINK1.jpg&lt;/span&gt;&quot; &lt;span style=&quot;color: blue;&quot;&gt;width=&quot;270&quot; height=&quot;270&quot;&lt;/span&gt; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;br /&amp;gt;&lt;br /&gt;
&amp;lt;a href=&quot;&lt;span style=&quot;color: lime;&quot;&gt;http://kuc0pas.blogspot.com/2012/12/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html&lt;/span&gt;&quot; target=&quot;blank&quot; title=&quot;&lt;span style=&quot;color: orange;&quot;&gt;Cara membuat Galeri foto Gambar bergerak&lt;/span&gt;&quot;&amp;gt;&amp;lt;img src=&quot;&lt;span style=&quot;color: red;&quot;&gt;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMUZd_eLv06DKCRWJVYTTUUDNr_NvuxfGXNK3vDU9a8FThtOmezhZvFLEJLMW-xR37VruUncrUgMEh6hWIH7WzZlFwLGtsC3E01lql1sbJ7ShDj4ldWviGiH7szHI7A38apGWkm2J-7iY/s1600/HT3.jpg&lt;/span&gt;&quot; &lt;span style=&quot;color: blue;&quot;&gt;width=&quot;270&quot; height=&quot;270&quot;&lt;/span&gt; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;br /&amp;gt;&lt;br /&gt;
&amp;lt;a href=&quot;&lt;span style=&quot;color: lime;&quot;&gt;http://kuc0pas.blogspot.com/2012/12/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html&lt;/span&gt;&quot; target=&quot;blank&quot; title=&quot;&lt;span style=&quot;color: orange;&quot;&gt;Cara membuat Galeri foto Gambar bergerak&lt;/span&gt;&quot;&amp;gt;&amp;lt;img src=&quot;&lt;span style=&quot;color: red;&quot;&gt;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA1rVd6MYMGHrB93Wo4JU9FBaq4t-pzItb8SdSc-LQutCO6arD4Ir9TBeXYMfBRVV_25lt41DuaGFBoyWtP68E6R1n9L-sgdUNxcrpDVN1_yAlA-M1fCatN5KWbE-pdcKnUvrvWd7Gu34/s1600/sonal_chauhan.jpg&lt;/span&gt;&quot; &lt;span style=&quot;color: blue;&quot;&gt;width=&quot;270&quot; height=&quot;270&quot;&lt;/span&gt; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/marquee&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html&quot; target=&quot;blank&quot;&amp;gt;&amp;lt;b&amp;gt;Get Widget&amp;lt;/b&amp;gt;&amp;lt;/a&amp;gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;b&gt;Keterangan:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: lime;&quot;&gt;Hijau&lt;/span&gt;&lt;/b&gt; adalah &lt;b&gt;Alamat Url tujuan bila image gambar foto di klik&lt;/b&gt;. Silahkan di ganti dengan alamat url tujuan sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: orange;&quot;&gt;Orange&lt;/span&gt;&lt;/b&gt; adalah &lt;b&gt;Title teks yang keluar jika Mouse pointer menyantuh gambar image foto&lt;/b&gt; pada gallery. Silahkan sobat ganti dengan title teks sesuai keinginan sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Kode yang saya berikan di atas adalah &lt;b&gt;contoh untuk tiga gambar image foto saja&lt;/b&gt;. Sobat bisa &lt;b&gt;menambahkan kode image-nya&lt;/b&gt; sesuai dengan keinginan sobat.&lt;/li&gt;
&lt;/ul&gt;
Demikian tutorial blog tentang &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html&quot;&gt;&lt;b&gt;Cara Membuat Widget Gallery Foto Gambar Bergerak Berjalan Di Blog&lt;/b&gt;&lt;/a&gt; secara manual. Jika ada pertanyaan mengenai trik tutorial ini, silahkan sobat bertanya pada form kotak komentar yang tersedia. Senang bisa berbagi dan membantu sobat KUCOPAS semua. Semoga bisa sangat bermanfaat.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/6299638475115534974/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2012/12/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html#comment-form' title='21 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/6299638475115534974'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/6299638475115534974'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2012/12/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html' title='Cara Membuat Widget Gallery Foto Gambar Bergerak Berjalan Di Blog'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeEWbPdggCU7T0OztH17QK45kiAN6buXQh40jo-RWyyzf12l9udAbdbA_Rs4eZHwzGAlCLCZn-EQTY6IYQ8ZooSeJVLVQKIokp1HyEq3AczZk9JpWPfTbtFvuD-FqiJCV5ycfYa7cuXoqn/s72-c/Cara+Membuat+Widget+Gallery+Foto+Gambar+Bergerak+Berjalan+Di+Blog.jpg" height="72" width="72"/><thr:total>21</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-6805058299695174580</id><published>2012-12-14T16:10:00.000+07:00</published><updated>2014-04-11T11:22:33.306+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="followers"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><category scheme="http://www.blogger.com/atom/ns#" term="widget"/><title type='text'>Cara Mengembalikan Widget (Gadget) Followers Blog Yang Menghilang</title><content type='html'>&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-mengembalikan-widget-followers-blog-yang-hilang.html&quot;&gt;Cara Mengembalikan Widget (Gadget) Followers Blog Yang Menghilang&lt;/a&gt;&lt;/b&gt; - Widget Followers atau pengikut yang mengikuti blog kita memang sangat penting dan tidak bisa di pandang sebelah mata dalam dunia blogger, Karena jika banyak followers yang mengikuti blog kita berarti blog kita memang laris atau pantas untuk di ikuti dan di tunggu-tunggu artikel terbaru dari blog kita untuk di baca maupun di share ke jejaring sosial.&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Followers Blog Google Friend Connect adalah milik google, Salah satu fungsinya yakni untuk jalinan teman seperti layaknya jejaring sosial. Dan sepertinya dengan perkembangan Google dalam menciptakan situs jejaring sosial yaitu Google+ (Google Plus), Maka Google Friend Connect kemungkinan akan di hilangkan secara halus.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtfRZcno67hyPkriASqDzq-RC6vDqbk1hlRnFxm4msJ1xv-ETrhxjzAdXGxSLhJj-BBJEjaNWpN1UmTK3FhLD2FkHDx-I6XERGjX0e6pnzGb3jgFoE0qFfkkpq5glH3gnqXnfyo-mw6gdj/s1600/Cara+Mengembalikan+Widget+(Gadget)+Followers+Blog+Yang+Menghilang+1.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Mengembalikan Widget (Gadget) Followers Blog Yang Menghilang&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtfRZcno67hyPkriASqDzq-RC6vDqbk1hlRnFxm4msJ1xv-ETrhxjzAdXGxSLhJj-BBJEjaNWpN1UmTK3FhLD2FkHDx-I6XERGjX0e6pnzGb3jgFoE0qFfkkpq5glH3gnqXnfyo-mw6gdj/s1600/Cara+Mengembalikan+Widget+(Gadget)+Followers+Blog+Yang+Menghilang+1.jpg&quot; title=&quot;Cara Mengembalikan Widget (Gadget) Followers Blog Yang Menghilang&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;Bukti kemungkinan Google Friend Connect akan di hilangkan.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Buktinya&amp;nbsp;sekarang&amp;nbsp;sudah jelas, Coba silahkan sobat cari saja di search engine dengan keyword Google Friend Connect. Klik link asli dari situs google.com, Maka hasilnya tidak ada lagi Google Friend Connect yang bisa di akses. Dan Sobat akan di alihkan pada halaman (http://support.google.com/blogger/bin/answer...) Pertanyaan Umum - Blogger Bantuan. Kecuali sobat mengakses langsung dari situs blog sobat yang berhubungan dengan followers google friend connect yang terdapat pada dashboard blog sobat.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Widget Google+ Followers jadi pengganti Widget Followers Google Friend Connect.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Gadget Google+ Followers yang bisa kita terapkan dengan mudah dalam widget blog adalah fitur terbaru dari google bagi pengguna blogger, Salah satunya blogspot. Karena blogspot dan juga Google+ adalah satu jiwa, Jadi kita bisa dengan mudah menerapkannya dalam blog, Sebab dengan satu akun google saja kita bisa menikmati semua fitur yang di miliki oleh google. Tidak terkecuali blogspot dan Google+ bisa saling terhubung.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhv3dv7AKabeBkevB8uvS_fuDYB0jGpzCpvMmjxEn_-Cx5NJeOP-jb3W7ULquDyfECQGmkcNN0vVgT81UiMlhhZGwjcheHMb6stiVDvxVqvjOt8tL6hp4qYA0FwIZ2Mv9VRof6fhlFE8_X/s1600/Cara+Mengembalikan+Widget+(Gadget)+Followers+Blog+Yang+Menghilang.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Mengembalikan Widget (Gadget) Followers Blog Yang Menghilang&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhv3dv7AKabeBkevB8uvS_fuDYB0jGpzCpvMmjxEn_-Cx5NJeOP-jb3W7ULquDyfECQGmkcNN0vVgT81UiMlhhZGwjcheHMb6stiVDvxVqvjOt8tL6hp4qYA0FwIZ2Mv9VRof6fhlFE8_X/s1600/Cara+Mengembalikan+Widget+(Gadget)+Followers+Blog+Yang+Menghilang.jpg&quot; title=&quot;Cara Mengembalikan Widget (Gadget) Followers Blog Yang Menghilang&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&amp;nbsp;Agar sobat bisa lebih jelas silahkan baca keterangannya langsung dari situs googleblog.blogspot.com, Tentang Google Friend Connect kemungkinan akan di ganti Google+ Followers, Sobat bisa membacanya&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://googleblog.blogspot.com/2011/11/more-spring-cleaning-out-of-season.html&quot; target=&quot;_blank&quot;&gt;DISINI&lt;/a&gt;&lt;/b&gt;. Gunakan translate untuk mempermudah mengartikannya.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Pengalaman pribadi saat Widget Followers di blog menghilang.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Widget Followers blog menghilang, Itulah masalah yang pernah saya alami. Tanpa tahu apa penyebabnya tiba-tiba widget followers atau pengikut blog saya menghilang, Dan bingungnya lagi dalam widget tersebut hanya ada petunjuk dari Webmaster yang tertulis &quot;Kami minta maaf…Gadget ini salah dikonfigurasi. Petunjuk webmaster: Pastikan bahwa &quot;Setelan Jalinan Teman – URL Beranda&quot; sesuai dengan URL situs ini&quot;.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Analisa dalam setelan blog.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Ada beberapa kesalahan yang pernah saya lakukan dalam setelan blog, Salah satunya adalah template blog KUCOPAS ini saya kloning untuk blog baru yaitu DEMO KUCOPAS. Namun ternyata penyebab hilangnya widget followers bukan itu saja, Karena dalam setelan dasar blogger khususnya untuk bagian penerbitan alamat blog juga pernah saya ganti alamat url-nya.&amp;nbsp;Sehingga widget gadget Followers blog tidak muncul dan tiba-tiba saja menghilang dalam halaman blog saya dan yang muncul adalah teks petunjuk dari webmaster seperti di atas.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cara mengatasi dan mengembalikan widget gadget Followers blog yang menghilang.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Setelah saya melakukan analisa dalam pengaturan setelan blogger, Akhirnya saya tahu kesalahan apa yang mengakibatkan widget gadget followers blog saya bisa menghilang. Penyebabnya tidak lain karena alamat url blog pernah saya ganti atau ubah dengan url alamat blog yang baru namun belum jadi di buat atau di verifikasi. Alhasil&amp;nbsp;widget gadget followers blog saya jadi menghilang secara tiba-tiba.&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Bayak sudah berbagai cara yang saya lakukan untuk mengembalikan followers blog saya agar bisa kembali muncul pada halaman blog saya, Diantaranya membuat kode iframe atau image src, Bahkan membuat kode followers blog secara manual. Namun lagi-lagi cara yang saya praktekkan tidak berhasil untuk mengembalikan widget gadget followers blog saya, Dan herannya lagi rata-rata semua tutorial dari blog lain yang pernah saya coba praktekkan berakhir pada pertanyaan umum support google.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah-langkah untuk mengembalikan widget gadget followers blog yang menghilang.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Jika sobat mengalami hal permasalahan seperti yang pernah saya alami, Yaitu tentang widget gadget followers blog menghilang secara tiba-tiba, Silahkan sobat bisa mengikuti langkah-langkah yang pernah saya lakukan untuk mengembalikan widget gadget followers yang menghilang dengan cara sebagai berikut:&lt;br /&gt;
&lt;br /&gt;
1. Langkah yang pertama saya lakukan adalah cek followers atau pengikut blog pada dashboard akun blogger saya.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cara melakukannya:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Silahkan sobat &amp;gt;&amp;gt; &lt;b style=&quot;background-color: lime;&quot;&gt;Masuk atau Login&lt;/b&gt; ke Blogger.com menggunakan akun sobat.&lt;/li&gt;
&lt;li&gt;Pada &lt;b style=&quot;background-color: lime;&quot;&gt;Dashboard&lt;/b&gt; tampilan blogger baru, Pilih Blog sobat, Kemudian Klik &amp;gt;&amp;gt; &lt;b style=&quot;background-color: lime;&quot;&gt;Pengikut atau Followers&lt;/b&gt;.&amp;nbsp;Lihat contoh gambar screenshot dibawah ini.&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFTPP3SfR0D_SUyFo7-SmWsDVbOw-w4Kb9fEv3IfoS0gaT-RVqKZVAtM92Ke3c6AMJGfT452ilStT0qkV3mlTjmjl5FnYxits94l9KAJOuygObQHU3BIrodr0co9LrabiaMHRRa10R_1Wc/s1600/Cara+Mengembalikan+Followers+Blog+Yang+Menghilang+1.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Mengembalikan Followers Blog Yang Menghilang&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFTPP3SfR0D_SUyFo7-SmWsDVbOw-w4Kb9fEv3IfoS0gaT-RVqKZVAtM92Ke3c6AMJGfT452ilStT0qkV3mlTjmjl5FnYxits94l9KAJOuygObQHU3BIrodr0co9LrabiaMHRRa10R_1Wc/s1600/Cara+Mengembalikan+Followers+Blog+Yang+Menghilang+1.jpg&quot; title=&quot;Cara Mengembalikan Followers Blog Yang Menghilang&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Setelah klik &lt;b style=&quot;background-color: lime;&quot;&gt;Pengikut atau Followers&lt;/b&gt;, Maka akan muncul seperti halaman dibawah ini.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNUUxem9czN85Ks93E4FKHpdn_yw5bgDLKhaT2yIuLCM1DC5jNB6YqyyEYzjeFZ3Uw0Sd7mAnIC16pEcaaieFHZIzgy4GUolVS6K4IKCOaMebk2umUTgSgWD6j5tHIjuo755QK_P8CWMZp/s1600/Cara+Mengembalikan+Followers+Blog+Yang+Menghilang+2.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Mengembalikan Followers Blog Yang Menghilang&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNUUxem9czN85Ks93E4FKHpdn_yw5bgDLKhaT2yIuLCM1DC5jNB6YqyyEYzjeFZ3Uw0Sd7mAnIC16pEcaaieFHZIzgy4GUolVS6K4IKCOaMebk2umUTgSgWD6j5tHIjuo755QK_P8CWMZp/s1600/Cara+Mengembalikan+Followers+Blog+Yang+Menghilang+2.jpg&quot; title=&quot;Cara Mengembalikan Followers Blog Yang Menghilang&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Silahkan sobat klik &amp;gt;&amp;gt; &lt;b style=&quot;background-color: lime;&quot;&gt;Invite your Friends&lt;/b&gt;. Lalu akan muncul halaman seperti gambar screenshot dibawah ini.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE_sLz0x6q-9f4McR71qMomfKYoSfa1X2Nw2P5abE6I7yvcJGhr5ZFBRuFRQY82ZNM4Qv94CxrMwmhmo4KNAGjMoSFy1bWsVvOwDZW2mRczliZwpx5TG_DsYW-egKULqT3DEQRgfH1m8Gt/s1600/Cara+Mengembalikan+Followers+Blog+Yang+Menghilang+3.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Mengembalikan Followers Blog Yang Menghilang&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE_sLz0x6q-9f4McR71qMomfKYoSfa1X2Nw2P5abE6I7yvcJGhr5ZFBRuFRQY82ZNM4Qv94CxrMwmhmo4KNAGjMoSFy1bWsVvOwDZW2mRczliZwpx5TG_DsYW-egKULqT3DEQRgfH1m8Gt/s1600/Cara+Mengembalikan+Followers+Blog+Yang+Menghilang+3.jpg&quot; title=&quot;Cara Mengembalikan Followers Blog Yang Menghilang&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Cara diatas adalah untuk cek alamat url situs, Apakah sudah cocok dengan alamat url blog sobat atau tidak. Jika tidak cocok, Maka sobat harus melakukan langkah yang kedua. Agar widget gadget followers blog sobat bisa muncul kembali pada halaman blog sobat.&lt;/li&gt;
&lt;li&gt;Jika alamat URL situs sudah cocok, Sobat tidak perlu melakukan langkah yang kedua. Karena mungkin ada kesalahan yang lain&amp;nbsp;yang diterapkan&amp;nbsp;dalam kode HTML template blog sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
2. Langkah yang kedua, Jika alamat URL situs yang tertera tidak sama dengan alamat URL situs blog sobat seperti gambar di atas, Maka silahkan sobat melakukan analisa pada setelan dasar blogger yang berhubungan dengan blog sobat.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;b&gt;Cara melakukannya:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Silahkan sobat kembali lagi pada &lt;b style=&quot;background-color: lime;&quot;&gt;Dashboard&lt;/b&gt; blog sobat, Kemudian klik &amp;gt;&amp;gt; &lt;b style=&quot;background-color: lime;&quot;&gt;Setelan&lt;/b&gt; &amp;gt;&amp;gt; &lt;b style=&quot;background-color: lime;&quot;&gt;Dasar&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Lalu edit &lt;b style=&quot;background-color: lime;&quot;&gt;Penerbitan&lt;/b&gt; &lt;b style=&quot;background-color: lime;&quot;&gt;Alamat Blog&lt;/b&gt; sobat. Klik &amp;gt;&amp;gt; &lt;b style=&quot;background-color: lime;&quot;&gt;Edit&lt;/b&gt; &amp;gt;&amp;gt; &lt;b style=&quot;background-color: lime;&quot;&gt;Masukkan Alamat URL Blog&lt;/b&gt; Sobat &amp;gt;&amp;gt; Jangan lupa klik &amp;gt;&amp;gt; &lt;b style=&quot;background-color: lime;&quot;&gt;Simpan&lt;/b&gt;. Lihat contoh gambar screenshot di bawah ini.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEN-r_9tsna2gj-XtB-JWJaG0VsVHXTsY6MU_QmRs8YL3B_6HSx9VImLDpqn5Fk0s3GUJKSLtWyM1u1SAX0dacDb-Oz5e0OdiVdOhIJAA2kxbNPx2zstvWpj826zQ4Vf1oOnwCEd6QHfQb/s1600/Cara+Mengembalikan+Followers+Blog+Yang+Menghilang+4.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Mengembalikan Followers Blog Yang Menghilang&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEN-r_9tsna2gj-XtB-JWJaG0VsVHXTsY6MU_QmRs8YL3B_6HSx9VImLDpqn5Fk0s3GUJKSLtWyM1u1SAX0dacDb-Oz5e0OdiVdOhIJAA2kxbNPx2zstvWpj826zQ4Vf1oOnwCEd6QHfQb/s1600/Cara+Mengembalikan+Followers+Blog+Yang+Menghilang+4.jpg&quot; title=&quot;Cara Mengembalikan Followers Blog Yang Menghilang&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;Catatan:&lt;/b&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Meski yang ada dalam kotak edit sama dengan alamat URL blog sobat, Namun cara ini memang harus di lakukan guna untuk menyimpan ulang alamat URL blog sobat agar lebih falid dan sesuai dengan widget gadget followers blog sobat sebagai pemiliknya.&lt;/li&gt;
&lt;li&gt;Cara ini terbukti manjur dan berhasil saya lakukan untuk mengatasi dan mengembalikan widget gadget followers blog saya yang hilang secara tiba-tiba. Semua langkah diatas saya tempuh karena mengikuti petunjuk teks dari Webmaster, Yaitu&amp;nbsp;&quot;Kami minta maaf…Gadget ini salah dikonfigurasi. Petunjuk Webmaster: Pastikan bahwa &quot;Setelan Jalinan Teman – URL Beranda&quot; sesuai dengan URL situs ini&quot;.&lt;/li&gt;
&lt;li&gt;Oleh sebab petunjuk itu saya melakukan pembenahan konfigurasi setelan dasar dan menyimpan ulang alamat URL situs agar sesuai atau cocok dengan URL situs blog KUCOPAS.&lt;/li&gt;
&lt;/ul&gt;
&amp;nbsp;Jika sobat masih mengalami kesulitan memahami penjelasan saya, Silahkan sobat bertanya pada form komentar yang tersedia. Sebisa mungkin saya dengan senang hati&amp;nbsp;akan&amp;nbsp;membantu sobat.&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Semoga tips dan trik tutorial blog yang mengulas tentang &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-mengembalikan-widget-followers-blog-yang-hilang.html&quot;&gt;Cara Mengatasi Dan Mengembalikan Widget Gadget Followers Blog Yang Menghilang&lt;/a&gt;, Bisa sangat membantu dan bermanfaat banget bagi sobat KUCOPAS semua.&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
Selamat Berkarya...&lt;/div&gt;
&lt;hr /&gt;
&lt;div align=&quot;center&quot;&gt;
| Supported by &lt;a href=&quot;http://kuc0pas.blogspot.com/&quot;&gt; &lt;span style=&quot;color: green;&quot; title=&quot;KUCOPAS&quot;&gt;http://kuc0pas.blogspot.com&lt;/span&gt;&lt;/a&gt; | &lt;/div&gt;
&lt;hr /&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/6805058299695174580/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2012/12/cara-mengembalikan-widget-followers-blog-yang-hilang.html#comment-form' title='6 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/6805058299695174580'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/6805058299695174580'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2012/12/cara-mengembalikan-widget-followers-blog-yang-hilang.html' title='Cara Mengembalikan Widget (Gadget) Followers Blog Yang Menghilang'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtfRZcno67hyPkriASqDzq-RC6vDqbk1hlRnFxm4msJ1xv-ETrhxjzAdXGxSLhJj-BBJEjaNWpN1UmTK3FhLD2FkHDx-I6XERGjX0e6pnzGb3jgFoE0qFfkkpq5glH3gnqXnfyo-mw6gdj/s72-c/Cara+Mengembalikan+Widget+(Gadget)+Followers+Blog+Yang+Menghilang+1.jpg" height="72" width="72"/><thr:total>6</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-1572379971972224631</id><published>2012-12-11T01:33:00.000+07:00</published><updated>2014-04-11T11:22:33.155+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="daftar isi"/><category scheme="http://www.blogger.com/atom/ns#" term="label kategori"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><category scheme="http://www.blogger.com/atom/ns#" term="widget"/><title type='text'>Cara Membuat Daftar Isi Label Tertentu Atau Banyak Label Di Blog</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-membuat-daftar-isi-label-tertentu.html&quot;&gt;Cara Membuat Daftar Isi Label Tertentu Atau Banyak Label (Category) Di Blog&lt;/a&gt;&lt;/b&gt;. Daftar Isi by label (Category) itulah kata familiarnya dalam dunia blogger untuk artikel yang akan saya share ini. Membuat daftar isi dalam blog merupakan keinginan dari setiap blogger maupun design web. Sebab dengan cara ini akan dapat mempermudah para pengunjung atau visitor yang datang ke blog kita, Agar bisa dengan cepat menemukan saat mencari artikel posting apa yang di inginkan.&lt;br /&gt;
&lt;br /&gt;
Tampilan dari daftar isi by label ini kurang lebih seperti daftar isi jQuery Accordion, kerena fungsinya juga sama-sama daftar isi berdasarkan label. Namun untuk daftar isi dengan &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2011/11/cara-baru-membuat-daftar-isi-jquery.html&quot; target=&quot;_blank&quot;&gt;Jquery Accordion&lt;/a&gt;&lt;/b&gt; sudah menggunakan efek jQuery dan akan menampilkan isi dari daftar isi keseluruhan blog itu sendiri, sedangkan daftar isi by label atau banyak label ini bisa di atur manual perlabel atau banyak label yang kita ingin tampilkan di halaman posting, laman maupun widget blog.&lt;br /&gt;
&lt;br /&gt;
Oke sekarang kita kembali ke pokok bahasan cara membuat daftar isi label tertentu atau banyak label di blog. Cara pemasangannya diblog sangat mudah sekali, karena sobat tidak usah repot-repot Edit HTML dalam template blog sobat yang tentunya sangat rumit dan membingungkan. Cukup hanya menaruh kodenya dalam rancangan atau Tata Letak blog melalui Tambah Gadget, jadi sangat gampang sekali untuk di pindah-pindah widgetnya seperti yang sobat inginkan agar sesuai dengan tampilan blog sobat.&lt;br /&gt;
&lt;br /&gt;
Lihat contoh gambar screenshot berikut.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-membuat-daftar-isi-label-tertentu.html&quot;&gt;&lt;img alt=&quot;Cara Membuat Daftar Isi Label Tertentu Atau Banyak Label Di Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkHaiV72g4cdDMbRxwSF41i79ER5_MiLeV5BRBI0CyyhSWd5Wv7kWbntiT9NlSponLrsBzD_cZJCghpkC80p-TrMVZvBPDVnLwyxumgYVAzB0gnv_TtcEsCr4vGAcrd9mgF4K4SjtsWwwh/s1600/Cara+Membuat+Daftar+Isi+Label+Tertentu+Atau+Banyak+Label+Di+Blog.jpg&quot; title=&quot;Cara Membuat Daftar Isi Label Tertentu Atau Banyak Label Di Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;color: green; font-size: large;&quot;&gt;&lt;a href=&quot;http://demokucopas.blogspot.com/&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;Cara Membuat Dan Memasang Daftar Isi Label Tertentu Atau Banyak Label Di Blog&lt;/b&gt;&lt;br /&gt;
Ada dua cara yaitu:&lt;br /&gt;
1. Pada &lt;b&gt;Widget blog&lt;/b&gt;.&lt;br /&gt;
2. Pada &lt;b&gt;Posting dan Laman blog&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;1. Cara Membuat Dan Memasang Daftar Isi Label Tertentu Atau Banyak Label &lt;span style=&quot;color: red;&quot;&gt;Pada Widget Blog&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Silahkan sobat &amp;gt;&amp;gt; &lt;b&gt;Login atau Masuk&lt;/b&gt; ke &amp;gt;&amp;gt; &lt;b&gt;&lt;a href=&quot;http://www.blogger.com/&quot; target=&quot;_blank&quot;&gt;Blogger.com&lt;/a&gt;&lt;/b&gt; menggunakan akun sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Pada &lt;b&gt;Dasbor&lt;/b&gt; tampilan blogger baru, pilih Menu &amp;gt;&amp;gt; &lt;b&gt;Tata Letak&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Tambah Gadget&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;HTML/JavaScript&lt;/b&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Kemudian &lt;b&gt;masukkan semua kode&lt;/b&gt; berikut ke dalam kotak &amp;gt;&amp;gt; &lt;b&gt;HTML/JavaScript&lt;/b&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; style=&quot;font-size: 12px; margin: 0px; padding: 0px; width: 80px;&quot; type=&quot;button&quot; value=&quot;Buka Kode&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
&amp;lt;script&amp;gt;&lt;br /&gt;
var numposts = 100;&lt;br /&gt;
var standardstyling = true;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;script src=&quot;http://kucopas-js.googlecode.com/files/DaftarIsiByLabel.js&quot; type=&quot;text/javascript&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;span style=&quot;color: magenta;&quot;&gt;&amp;lt;div style=&quot;border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;TUTORIAL BLOG&lt;/span&gt;&lt;/b&gt;&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&amp;lt;script src=&quot;&lt;b&gt;&lt;span style=&quot;color: green;&quot;&gt;http://kuc0pas.blogspot.com&lt;/span&gt;&lt;/b&gt;/feeds/posts/default/-/&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;TUTORIAL%20BLOG&lt;/span&gt;&lt;/b&gt;?orderby=published&amp;amp;amp;alt=json-in-script&amp;amp;amp;callback=showrecentposts&amp;amp;amp;max-results=999&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;TRIK FACEBOOK&lt;/span&gt;&lt;/b&gt;&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&amp;lt;script src=&quot;&lt;b&gt;&lt;span style=&quot;color: green;&quot;&gt;http://kuc0pas.blogspot.com&lt;/span&gt;&lt;/b&gt;/feeds/posts/default/-/&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;trik%20facebook&lt;/span&gt;&lt;/b&gt;?orderby=published&amp;amp;amp;alt=json-in-script&amp;amp;amp;callback=showrecentposts&amp;amp;amp;max-results=999&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;TECHNO&lt;/span&gt;&lt;/b&gt;&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&amp;lt;script src=&quot;&lt;b&gt;&lt;span style=&quot;color: green;&quot;&gt;http://kuc0pas.blogspot.com&lt;/span&gt;&lt;/b&gt;/feeds/posts/default/-/&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;trik%20komputer&lt;/span&gt;&lt;/b&gt;?orderby=published&amp;amp;amp;alt=json-in-script&amp;amp;amp;callback=showrecentposts&amp;amp;amp;max-results=999&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;/ul&amp;gt;&lt;br /&gt;
&lt;span style=&quot;color: magenta;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Jika sudah di masukkan semua kodenya, silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;Simpan&lt;/b&gt; dan lihat hasilnya.&lt;/li&gt;
&lt;/ul&gt;
&lt;b&gt;Keterangan:&lt;/b&gt;&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: green;&quot;&gt;Hijau&lt;/span&gt;&lt;/b&gt; : Silahkan sobat ganti dengan &lt;b&gt;alamat URL blog&lt;/b&gt; sobat.&lt;/li&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;Merah&lt;/span&gt;&lt;/b&gt; : &lt;b&gt;Nama Judul Label&lt;/b&gt;, silahkan sobat ganti sesuai dengan keinginan sobat.&lt;/li&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;Biru&lt;/span&gt;&lt;/b&gt; : &lt;b&gt;Nama label blog&lt;/b&gt; yang daftar isinya akan di tampilkan, silahkan sobat ganti dengan label blog sobat, besar kecil huruf harus sesuai dengan label blog sobat. Gunakan &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;%20&lt;/span&gt;&lt;/b&gt; untuk label yang ada space atau spasinya.&lt;/li&gt;
&lt;li&gt;Jika sobat ingin menambahkan atau mengurangi daftar label yang di tampilkan, silahkan sobat bisa menambah atau mengurangi kode script-nya.&lt;/li&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: magenta;&quot;&gt;Pink&lt;/span&gt;&lt;/b&gt; adalah &lt;b&gt;ukuran box atau kotak scroll&lt;/b&gt;. Silahkan sobat ganti sesuai dengan keinginan sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;b&gt;2. Cara Membuat Dan Memasang Daftar Isi Label Tertentu Atau Banyak Label &lt;span style=&quot;color: red;&quot;&gt;Pada Posting Dan Laman Blog&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Silahkan sobat &amp;gt;&amp;gt; &lt;b&gt;Login atau Masuk&lt;/b&gt; ke &amp;gt;&amp;gt; &lt;b&gt;&lt;a href=&quot;http://www.blogger.com/&quot; target=&quot;_blank&quot;&gt;Blogger.com&lt;/a&gt;&lt;/b&gt; menggunakan akun sobat.&lt;/li&gt;
&lt;li&gt;Pada &lt;b&gt;Dasbor&lt;/b&gt; pilih Menu &amp;gt;&amp;gt; &lt;b&gt;Buat Entri Baru&lt;/b&gt; untuk posting.&lt;/li&gt;
&lt;li&gt;Untuk Laman pilih Menu &amp;gt;&amp;gt; &lt;b&gt;Laman&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Laman Baru&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Pada &lt;b&gt;Kotak Posting atau Laman&lt;/b&gt;, pilih Mode &lt;b&gt;HTML&lt;/b&gt;. Bukan &lt;b&gt;Compose&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Kemudian &lt;b&gt;masukkan semua kode&lt;/b&gt; di atas tadi.&lt;/li&gt;
&lt;li&gt;Jika sudah, silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;Publikasikan&lt;/b&gt; dan lihat hasilnya.&lt;/li&gt;
&lt;/ul&gt;
Jika sobat mengikuti cara dan langkah-langkahnya dengan benar, maka dapat saya pastikan trik dan tips ini berhasil dengan sempurna. Namun jika sobat mengalami kesulitan, silahkan bertanya pada form komentar yang tersedia.&lt;br /&gt;
&lt;br /&gt;
Demikian artikel trik tentang &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-membuat-daftar-isi-label-tertentu.html&quot;&gt;&lt;b&gt;Cara Membuat Daftar Isi Label Tertentu Atau Banyak Label Di Blog&lt;/b&gt;&lt;/a&gt;, semoga bisa sangat bermanfaat bagi sobat KUCOPAS semua.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/1572379971972224631/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2012/12/cara-membuat-daftar-isi-label-tertentu.html#comment-form' title='7 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/1572379971972224631'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/1572379971972224631'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2012/12/cara-membuat-daftar-isi-label-tertentu.html' title='Cara Membuat Daftar Isi Label Tertentu Atau Banyak Label Di Blog'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkHaiV72g4cdDMbRxwSF41i79ER5_MiLeV5BRBI0CyyhSWd5Wv7kWbntiT9NlSponLrsBzD_cZJCghpkC80p-TrMVZvBPDVnLwyxumgYVAzB0gnv_TtcEsCr4vGAcrd9mgF4K4SjtsWwwh/s72-c/Cara+Membuat+Daftar+Isi+Label+Tertentu+Atau+Banyak+Label+Di+Blog.jpg" height="72" width="72"/><thr:total>7</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-3522990110201247377</id><published>2012-12-05T05:09:00.000+07:00</published><updated>2014-04-11T11:22:33.203+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="loading blog"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><title type='text'>Cara Mengatasi Loading Lama Pada Blog</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-mengatasi-loading-lama-pada-blog.html&quot;&gt;Cara Mengatasi Loading Lama Pada Blog&lt;/a&gt;&lt;/b&gt;. Mungkin sobat pernah menjumpai saat membuka blog atau situs web yang sangat lama sekali terbuka sepenuhnya pada halaman tersebut saat di akses. Sehingga sobat pun jadi malas sekali untuk menunggu terbuka sepenuhnya pada blog atau situs web tersebut, karena akan bayak sekali waktu yang terbuang sia-sia.&lt;br /&gt;
&lt;br /&gt;
Jika hal itu terjadi pada blog sobat, apa jadinya? Kemungkinan besar blog sobat akan di tinggalkan oleh para visitor atau pengunjung yang sudah menjadi langganan untuk membaca artikel posting blog sobat. Sehingga blog sobat akan jadi sepi dari visitor atau pengunjung. Padahal tujuan utama sobat membuat blog adalah agar banyak visitor atau pengunjung pada blog sobat. Kalau blog sobat sepi pengunjung, maka sobat jadi rugi sendiri, karena sudah susah payah membuat blog dan mengurusnya.&lt;br /&gt;
&lt;br /&gt;
Untuk itulah kali ini saya akan memberikan tips dan trik agar blog sobat sangat cepat dan ringan loadingnya saat di buka atau di akses oleh para visitor atau pengunjung. Meski dalam halaman blog banyak sekali widget-widget dan juga foto atau gambar yang di tampilkan, namun dengan trik ini blog sobat akan bisa menjadi ringan sekali loadingnya.&lt;br /&gt;
&lt;br /&gt;
Tips cara cepat mengatasi loading lama pada blog dengan kode Script LazyLoad, dengan cara ini terbukti membantu blog KUCOPAS ini menjadi loadingnya sangat cepat saat di buka dan di akses para visitor atau pengunjung blog ini.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-mengatasi-loading-lama-pada-blog.html&quot;&gt;&lt;img alt=&quot;Cara Mengatasi Loading Lama Pada Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN-QcmrrZXK5YFN8jozxBxFjVSwxVmQ4j2F68dwkFmb-NbjUZA5ViiSbO3h-SZEAI9JBGRZ9cLceYNt1Nqn7w6cdFkJSi6BT7noG-nJlBwsg06bBzOlixU5yJXJNfhv7KEe3t1j8BT9004/s1600/loading7.gif&quot; title=&quot;Cara Mengatasi Loading Lama Pada Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Jika sobat berminat untuk memasang script LazyLoad pada blog sobat, agar blog sobat jadi ringan loadingya saat di buka atau di akses para visitor atau pengunjung. Saya akan memberikan scriptnya secara gratis dan tidak perlu membayar sepeser pun. Karena saya juga ingin berbagi untuk sobat blogger semua, khususnya sobat KUCOPAS. hehehe...&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-mengatasi-loading-lama-pada-blog.html&quot;&gt;&lt;img alt=&quot;Cara Mengatasi Loading Lama Pada Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxEFHvppqGiCq-2H_SoSSQ5kV2YsuePv5rG9NWW_fMAF4zBF7n03_JP0oRxqcEk-zSwHWrqXfwJWZC5OEvBbwOrknJUw8Vj01iuvEYNrdhrJI-TRSxT8uLn8xJNKfUe5_k-KKYc7oJwb2X/s320/Cara+Mengatasi+Loading+Lama+Pada+Blog.jpg&quot; height=&quot;238&quot; title=&quot;Cara Mengatasi Loading Lama Pada Blog&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Cara mengatasi loading lama pada blog, Agar blog menjadi loading cepat dan ringan saat di buka atau di akses para visitor atau pengunjung. Adapun langkah-langkahnya silahkan sobat ikuti dengan teliti dan simak baik-baik tips dan triknya di bawah ini.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Cara Memasang Kode Script LazyLoad Pada Blog&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
1. Langkah pertama, silahkan sobat &amp;gt;&amp;gt; &lt;b&gt;Masuk&lt;/b&gt; atau &lt;b&gt;Login&lt;/b&gt; ke &lt;a href=&quot;http://www.blogger.com/&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;Blogger.com&lt;/b&gt;&lt;/a&gt; menggunakan akun sobat.&lt;br /&gt;
&lt;br /&gt;
2. Setelah masuk, pilih blog sobat yang ingin di pasangi script LazyLoad ini.&lt;br /&gt;
&lt;br /&gt;
3. Pada &lt;b&gt;Dasbor&lt;/b&gt; tampilan blogger baru, pilih dan klik Menu &amp;gt;&amp;gt; &lt;b&gt;Template&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Edit HTML&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
4. Kemudian cari kode &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/b&gt; (Gunakan &lt;b&gt;CTRL+F&lt;/b&gt; untuk mempermudah pencarian).&lt;br /&gt;
&lt;br /&gt;
5. Setelah ketemu, silahkan sobat tambahkan kode berikut tepat diatas kode &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; style=&quot;font-size: 12px; margin: 0px; padding: 0px; width: 80px;&quot; type=&quot;button&quot; value=&quot;Buka Kode&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
&lt;span style=&quot;color: green;&quot;&gt;&amp;lt;script charset=&#39;utf-8&#39; src=&#39;%3Cspan%20style=%22color:%20black;%22%3Ehttp://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js%3C/span%3E&#39; type=&#39;text/javascript&#39;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;&amp;nbsp;&amp;lt;script src=&#39;http://kucopas-js.googlecode.com/files/LazyLoad.js&#39; type=&#39;text/javascript&#39;/&amp;gt; &amp;lt;script charset=&#39;utf-8&#39; type=&#39;text/javascript&#39;&amp;gt; $(function() {&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;$(&amp;amp;quot;img&amp;amp;quot;) .lazyload({placeholder &amp;nbsp;:&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;&amp;amp;quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggHeKdsnTwSNipBzfq7ELHym4StW0hL7ZSRwH0_V_rTlZl9lGI2wQl26VUurb5HrXpo5V79wddoqVQksGzhtDQReFijGTmW03XgUc5wF2SHsFAOFXCLLmTPGjzgyIiQ5NtORI0YCdQhJk/&amp;amp;quot;,threshold&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;&amp;nbsp; : 200}); }); &amp;lt;/script&amp;gt; &amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
6. Sebelum di simpan, ada baiknya sobat klik &amp;gt;&amp;gt; &lt;b&gt;Preview&lt;/b&gt; atau &lt;b&gt;Pratinjau&lt;/b&gt; terlebih dahulu, demi untuk menghindari kesalahan saat Edit HTML Template blog sobat.&lt;br /&gt;
&lt;br /&gt;
7. Jika hasil Pratinjau atau Preview tidak mengalami eror pada blog sobat, silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;Simpan Template&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
8. Selesai dan lihat hasilnya pada halaman blog sobat sudah dapat dipastikan loadingnya sangat ringan saat di buka atau di akses oleh para pengunjung.&lt;br /&gt;
&lt;br /&gt;
Semoga tips dan trik blog yang saya share kali ini tentang &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-mengatasi-loading-lama-pada-blog.html&quot;&gt;&lt;b&gt;Cara Mengatasi Loading Lama Pada Blog&lt;/b&gt;&lt;/a&gt;, bisa sangat bermanfaat bagi sobat KUCOPAS semua yang mengalami loading berat pada blog saat di akses atau di buka. Selamat berkarya...&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/3522990110201247377/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2012/12/cara-mengatasi-loading-lama-pada-blog.html#comment-form' title='16 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/3522990110201247377'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/3522990110201247377'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2012/12/cara-mengatasi-loading-lama-pada-blog.html' title='Cara Mengatasi Loading Lama Pada Blog'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN-QcmrrZXK5YFN8jozxBxFjVSwxVmQ4j2F68dwkFmb-NbjUZA5ViiSbO3h-SZEAI9JBGRZ9cLceYNt1Nqn7w6cdFkJSi6BT7noG-nJlBwsg06bBzOlixU5yJXJNfhv7KEe3t1j8BT9004/s72-c/loading7.gif" height="72" width="72"/><thr:total>16</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-3500671270582773866</id><published>2012-12-03T03:06:00.002+07:00</published><updated>2014-04-11T11:22:33.196+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="komentar"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><title type='text'>Cara Mengatasi Tombol Balas Komentar Blog Tidak Berfungsi</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/tombol-balas-komentar-blog-tidak-berfungsi.html&quot;&gt;Cara Mengatasi Tombol Balas (Reply) Komentar Blog Yang Tidak Berfungsi&lt;/a&gt;&lt;/b&gt;. Pada kesempatan kali ini saya akan share artikel trik tentang cara memperbaiki tombol balas komentar blog yang tidak berfungsi untuk membalas komentar. Hal ini juga pernah saya alami pada blog KUCOPAS ini, namun setelah saya cermati kode HTML dalam template ternyata ada sedikit kesalahan, khususnya untuk kode yang berhubungan dengan komentar blog.&lt;br /&gt;
&lt;br /&gt;
Solusi dan cara jitu untuk mengatasi tombol balas (reply) komentar blog yang tidak berfungsi untuk membalas komentar adalah dengan cara menghapus kode komentar pada Edit HTML Template blog dan menggantinya dengan kode komentar yang baru. Cara ini terbukti sangat jitu dan 100% berhasil, karena saya sudah pernah melakukanya pada blog KUCOPAS ini.&lt;br /&gt;
&lt;br /&gt;
Untuk lebih jelasnya sobat bisa melihat perbedaan pada dua contoh gambar screenshot di bawah ini.&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;b&gt;Contoh Tombol Balas (Reply) Komentar Blog Yang &lt;span style=&quot;color: red;&quot;&gt;Tidak Berfungsi&lt;/span&gt; Untuk Membalas Komentar&lt;/b&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/tombol-balas-komentar-blog-tidak-berfungsi.html&quot;&gt;&lt;img alt=&quot;Cara agar tombol Balas di komentar bisa berfungsi&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9NyoZXqXam69uFH3Btgp6vdLCIrpJhoVYGHI2E5EkAYeDHyZkGKNZ5RyIeOBm0eMdykeZTbwOuOsOyCTKRwemzXJNptWPCdST0T4B-5nDXZy1bpdPcdL6lEcIGD4EEqBBJ0At_jJSI-_E/s1600/Cara+agar+tombol+Balas+di+komentar+bisa+berfungsi.jpg&quot; title=&quot;Cara agar tombol Balas di komentar bisa berfungsi&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Keterangan dari gambar di atas adalah saat tombol balas (reply) komentar diblog tidak bisa berfungsi untuk membalas komentar, dan akhirnya untuk membalas komentar hanya bisa di lakukukan dengan cara berkomentar di form komentar di urutan paling bawah, dan tidak bisa balas (reply) langsung dibawahnya komentar para pengunjung blog.&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;b&gt;Contoh Tombol Balas (Reply) Komentar Blog Yang &lt;span style=&quot;color: red;&quot;&gt;Sudah Berfungsi&lt;/span&gt; Untuk Membalas Komentar&lt;/b&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/tombol-balas-komentar-blog-tidak-berfungsi.html&quot;&gt;&lt;img alt=&quot;Cara Mengatasi Tombol Balas Komentar Blog Tidak Berfungsi&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJkoW2lTDkMFOGshslUZwu7ym59cK8qBWyf7HUKKsoMfSVjPL5ue0KOXgYqOIAMHu92OLbh6B-aUqCbb0D3TcBwts6WPFDlT0PFdvB8CKQKY4XJoc4Eo9WJX0WbBPS_I3OZInylLP6Ecth/s1600/Cara+Mengatasi+Tombol+Balas+Komentar+Blog+Tidak+Berfungsi.jpg&quot; title=&quot;Cara Mengatasi Tombol Balas Komentar Blog Tidak Berfungsi&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Keterangan dari gambar di atas adalah saat tombol balas (reply) komentar di blog sudah berfungsi untuk membalas komentar, dan untuk membalas komentar bisa di lakukukan dengan cara balas (reply) langsung di bawahnya komentar para pengunjung blog.&lt;br /&gt;
&lt;br /&gt;
Jika sobat mengalami hal yang sama seperti apa yang pernah saya alami, yaitu&amp;nbsp;Tombol Balas Komentar Blog Tidak Berfungsi. Maka sobat bisa mengikuti cara saya agar tombol balas (reply) komentar blog bisa berfungsi dengan sempurna.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cara Agar Tombol Balas (Reply) Komentar Blog Bisa Berfungsi&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
1. Silahkan sobat &amp;gt;&amp;gt; &lt;b&gt;Masuk/Login&lt;/b&gt; &amp;gt;&amp;gt; Ke &lt;a href=&quot;http://www.blogger.com/&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;Blogger.com&lt;/b&gt;&lt;/a&gt; menggunakan akun sobat.&lt;br /&gt;
&lt;br /&gt;
2. Pada &lt;b&gt;Dasbor&lt;/b&gt; tampilan blog yang baru, klik Menu &amp;gt;&amp;gt; &lt;b&gt;Template&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
3. Klik &amp;gt;&amp;gt; &lt;b&gt;Cadangkan/Pulihkan&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Unduh Template lengkap&lt;/b&gt;. Guna untuk mengembalikan template blog ke seperti semula, jika terjadi kesalahan saat Edit HTML Template.&lt;br /&gt;
&lt;br /&gt;
4. Klik &amp;gt;&amp;gt; &lt;b&gt;Edit HTML&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
5. Silahkan sobat cari kode berikut di bawah ini. (Gunakan &lt;b&gt;CTRL+F&lt;/b&gt; untuk mempermudah pencarian).&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: green;&quot;&gt;&amp;lt;script defer=&#39;defer&#39; expr:src=&#39;data:post.commentSrc&#39; type=&#39;text/javascript&#39;/&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
6. Jika sudah ketemu, silahkan sobat hapus semua kode, mulai dari kode diatas sampai kode di bawah ini.&lt;br /&gt;
(Keseluruhan kode yang di hapus dan diganti cukup panjang).&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: green;&quot;&gt;window.goog.comments = window.goog.comments || {};&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: green;&quot;&gt;window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: green;&quot;&gt;window.goog.comments.loadQueue.push(render);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: green;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: green;&quot;&gt;})();&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: green;&quot;&gt;// ]]&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: green;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
7. Jika sudah di hapus, silahkan sobat ganti dengan semua kode yang baru di bawah ini.&lt;br /&gt;
&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; style=&quot;font-size: 12px; margin: 0px; padding: 0px; width: 80px;&quot; type=&quot;button&quot; value=&quot;Buka Kode&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&amp;lt;script async=&#39;async&#39; expr:src=&#39;data:post.commentSrc&#39; type=&#39;text/javascript&#39;/&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&amp;lt;script type=&#39;text/javascript&#39;&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;(function() {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var items = &amp;lt;data:post.commentJso/&amp;gt;;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var msgs = &amp;lt;data:post.commentMsgs/&amp;gt;;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var config = &amp;lt;data:post.commentConfig/&amp;gt;;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;// &amp;lt;![CDATA[&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var cursor = null;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (items &amp;amp;&amp;amp; items.length &amp;gt; 0) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;cursor = parseInt(items[items.length - 1].timestamp) + 1;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var bodyFromEntry = function(entry) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (entry.gd$extendedProperty) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;for (var k in entry.gd$extendedProperty) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (entry.gd$extendedProperty[k].name == &#39;blogger.contentRemoved&#39;) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;return &#39;&amp;lt;span class=&quot;deleted-comment&quot;&amp;gt;&#39; + entry.content.$t + &#39;&amp;lt;/span&amp;gt;&#39;;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;return entry.content.$t;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var parse = function(data) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;cursor = null;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var comments = [];&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (data &amp;amp;&amp;amp; data.feed &amp;amp;&amp;amp; data.feed.entry) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;for (var i = 0, entry; entry = data.feed.entry[i]; i++) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var comment = {};&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;// comment ID, parsed out of the original id format&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;comment.id = id ? id[2] : null;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;comment.body = bodyFromEntry(entry);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;comment.timestamp = Date.parse(entry.published.$t) + &#39;&#39;;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (entry.author &amp;amp;&amp;amp; entry.author.constructor === Array) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var auth = entry.author[0];&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (auth) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;comment.author = {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;name: (auth.name ? auth.name.$t : undefined),&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;profileUrl: (auth.uri ? auth.uri.$t : undefined),&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;};&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (entry.link) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (entry.link[2]) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;comment.link = comment.permalink = entry.link[2].href;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (entry.link[3]) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (pid &amp;amp;&amp;amp; pid[1]) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;comment.parentId = pid[1];&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;comment.deleteclass = &#39;item-control blog-admin&#39;;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (entry.gd$extendedProperty) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;for (var k in entry.gd$extendedProperty) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (entry.gd$extendedProperty[k].name == &#39;blogger.itemClass&#39;) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;comment.deleteclass += &#39; &#39; + entry.gd$extendedProperty[k].value;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;comments.push(comment);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;return comments;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;};&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var paginator = function(callback) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (hasMore()) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var url = config.feed + &#39;?alt=json&amp;amp;v=2&amp;amp;orderby=published&amp;amp;reverse=false&amp;amp;max-results=50&#39;;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (cursor) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;url += &#39;&amp;amp;published-min=&#39; + new Date(cursor).toISOString();&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;window.bloggercomments = function(data) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var parsed = parse(data);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;cursor = parsed.length &amp;lt; 50 ? null&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;: parseInt(parsed[parsed.length - 1].timestamp) + 1&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;callback(parsed);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;window.bloggercomments = null;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;url += &#39;&amp;amp;callback=bloggercomments&#39;;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var script = document.createElement(&#39;script&#39;);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;script.type = &#39;text/javascript&#39;;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;script.src = url;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;document.getElementsByTagName(&#39;head&#39;)[0].appendChild(script);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;};&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var hasMore = function() {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;return !!cursor;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;};&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var getMeta = function(key, comment) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (&#39;iswriter&#39; == key) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var matches = !!comment.author&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&amp;amp;&amp;amp; comment.author.name == config.authorName&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&amp;amp;&amp;amp; comment.author.profileUrl == config.authorUrl;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;return matches ? &#39;true&#39; : &#39;&#39;;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;} else if (&#39;deletelink&#39; == key) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;return config.baseUri + &#39;/delete-comment.g?blogID=&#39;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;+ config.blogId + &#39;&amp;amp;postID=&#39; + comment.id;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;} else if (&#39;deleteclass&#39; == key) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;return comment.deleteclass;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;return &#39;&#39;;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;};&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var replybox = null;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var replyUrlParts = null;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var replyParent = undefined;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var onReply = function(commentId, domId) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (replybox == null) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;// lazily cache replybox, and adjust to suit this style:&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;replybox = document.getElementById(&#39;comment-editor&#39;);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (replybox != null) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;replybox.height = &#39;250px&#39;;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;replybox.style.display = &#39;block&#39;;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;replyUrlParts = replybox.src.split(&#39;#&#39;);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (replybox &amp;amp;&amp;amp; (commentId !== replyParent)) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;document.getElementById(domId).insertBefore(replybox, null);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;replybox.src = replyUrlParts[0]&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;+ (commentId ? &#39;&amp;amp;parentID=&#39; + commentId : &#39;&#39;)&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;+ &#39;#&#39; + replyUrlParts[1];&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;replyParent = commentId;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;};&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var hash = (window.location.hash || &#39;#&#39;).substring(1);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var startThread, targetComment;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (/^comment-form_/.test(hash)) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;startThread = hash.substring(&#39;comment-form_&#39;.length);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;} else if (/^c[0-9]+$/.test(hash)) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;targetComment = hash.substring(1);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;// Configure commenting API:&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var configJso = {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&#39;maxDepth&#39;: config.maxThreadDepth&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;};&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var provider = {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&#39;id&#39;: config.postId,&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&#39;data&#39;: items,&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&#39;loadNext&#39;: paginator,&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&#39;hasMore&#39;: hasMore,&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&#39;getMeta&#39;: getMeta,&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&#39;onReply&#39;: onReply,&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&#39;rendered&#39;: true,&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&#39;initComment&#39;: targetComment,&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&#39;initReplyThread&#39;: startThread,&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&#39;config&#39;: configJso,&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&#39;messages&#39;: msgs&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;};&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var render = function() {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (window.goog &amp;amp;&amp;amp; window.goog.comments) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;var holder = document.getElementById(&#39;comment-holder&#39;);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;window.goog.comments.render(holder, provider);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;};&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;// render now, or queue to render when library loads:&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;if (window.goog &amp;amp;&amp;amp; window.goog.comments) {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;render();&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;} else {&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;window.goog = window.goog || {};&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;window.goog.comments = window.goog.comments || {};&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;window.goog.comments.loadQueue.push(render);&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;})();&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;// ]]&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
8. Klik &amp;gt;&amp;gt; &lt;b&gt;Preview&lt;/b&gt; atau &lt;b&gt;Pratinjau&lt;/b&gt;. Jika tidak terjadi eror pada template sobat, maka klik &amp;gt;&amp;gt; &lt;b&gt;Simpan Template&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
9. Selesai, silahkan sobat lihat hasilnya pada artikel posting blog sobat. Tombol Balas (Reply) Komentar blog pasti sudah bisa berfungsi, dan itu artinya tips dan trik yang saya share ini berhasil dengan sempurna.&lt;br /&gt;
&lt;br /&gt;
Semoga tutorial blog yang saya share ini bisa sangat bermanfaat bagi sobat KUCOPAS semua. Jika ada pertanyaan yang berhubungan dengan &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/tombol-balas-komentar-blog-tidak-berfungsi.html&quot;&gt;&lt;b&gt;Cara Mengatasi Tombol Balas (Reply) Komentar Blog Yang Tidak Berfungsi&lt;/b&gt;&lt;/a&gt;, silahkan sobat bertanya pada form komentar yang telah tersedia dibawah.&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
Selamat berkarya...&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/3500671270582773866/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2012/12/tombol-balas-komentar-blog-tidak-berfungsi.html#comment-form' title='20 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/3500671270582773866'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/3500671270582773866'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2012/12/tombol-balas-komentar-blog-tidak-berfungsi.html' title='Cara Mengatasi Tombol Balas Komentar Blog Tidak Berfungsi'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9NyoZXqXam69uFH3Btgp6vdLCIrpJhoVYGHI2E5EkAYeDHyZkGKNZ5RyIeOBm0eMdykeZTbwOuOsOyCTKRwemzXJNptWPCdST0T4B-5nDXZy1bpdPcdL6lEcIGD4EEqBBJ0At_jJSI-_E/s72-c/Cara+agar+tombol+Balas+di+komentar+bisa+berfungsi.jpg" height="72" width="72"/><thr:total>20</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-5314171737049516100</id><published>2012-12-01T00:33:00.001+07:00</published><updated>2014-04-11T11:22:33.281+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="footer"/><category scheme="http://www.blogger.com/atom/ns#" term="kolom"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><title type='text'>Cara Membuat Footer 3 Kolom Di Blog</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-membuat-dan-memasang-footer-3.html&quot;&gt;Cara Membuat Footer 3 Kolom Di Blog&lt;/a&gt;&lt;/b&gt;. Pada artikel posting sebelumnya saya sudah pernah menjelaskan tentang cara membuat dan memasang &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/05/cara-membuat-footer-multi-kolom-di-blog.html&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;Footer Multi Kolom&lt;/b&gt;&lt;/a&gt; dan juga &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/11/cara-membuat-dan-memasang-footer-2-dua.html&quot; target=&quot;_blank&quot;&gt;Footer 2 Kolom&lt;/a&gt;&lt;/b&gt; di blog, silahkan sobat bisa lihat artikelnya. Karena cara membuat dan memasang footer 3 kolom di blog tidak jauh berbeda dengan artikel yang sudah pernah saya terangkan sebelumnya, yang berbeda hanyalah kode yang terakhir yang akan di tambahkan dalam edit html template blog sobat.&lt;br /&gt;
&lt;br /&gt;
Bagi sobat yang masih penasaran dengan footer 3 kolom yang akan kita buat nanti, di bawah ini saya tunjukkan gambar screenshot footer 3 kolom pada dasboard Tata Letak blog.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-membuat-dan-memasang-footer-3.html&quot;&gt;&lt;img alt=&quot;Cara Membuat Dan Memasang Footer 3 Kolom Di Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHZt492DRvcJdSCKTJ5pyzV1rXNBGzjQfgNmhFxXUpK-XXTqTTl7chOkBOjAWQKZNmPHN9jv9GJ9FMr35fncrhz3h0BVTPYkBjt9op7xZRzDe0oJjCmOOVSi6zQ7smCrg9AEQy-MOxcDp6/s1600/Cara+Membuat+Dan+Memasang+Footer+3+Kolom+Di+Blog.gif&quot; title=&quot;Cara Membuat Dan Memasang Footer 3 Kolom Di Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Oke sekarang kita langsung menuju ke tutorialnya cara memasang footer 3 kolom di blog, silahkan sobat ikuti langkah-langkahnya dan jangan sampai ada yang terlewatkan sebagai berikut.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cara Membuat Dan Memasang Footer 3 Kolom Di Blog&lt;/b&gt;&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;Langkah yang pertama, silahkan sobat &amp;gt;&amp;gt; &lt;b&gt;Masuk atau Login&lt;/b&gt; ke &lt;b&gt;&lt;a href=&quot;http://www.blogger.com/&quot; target=&quot;_blank&quot;&gt;Blogger.com&lt;/a&gt;&lt;/b&gt; menggunakan akun sobat. &lt;/li&gt;
&lt;li&gt;Setelah masuk, silahkan sobat pilih blog yang akan di pasangi footer 3 kolom.&lt;/li&gt;
&lt;li&gt;Pada Dasbor blog pilih Menu &amp;gt;&amp;gt; &lt;b&gt;Template&lt;/b&gt;, kemudian &amp;gt;&amp;gt; &lt;b&gt;Unduh template lengkap&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Jika sudah, silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;Edit HTML&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Kemudian cari kode &lt;b&gt;&lt;span style=&quot;color: green;&quot;&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/span&gt;&lt;/b&gt; (Gunakan &lt;b&gt;CTRL + F&lt;/b&gt; untuk mempercepat pencarian).&lt;/li&gt;
&lt;li&gt;Setelah ketemu, langkah yang selanjutnya silahkan sobat tambahkan semua kode berikut diatas atau sebelum kode &lt;b&gt;&lt;span style=&quot;color: green;&quot;&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;hr /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#footer-column-divide {&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;clear:both;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;.footer-column {&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;padding: 10px;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;hr /&gt;
7. Langkah yang ke tujuh, masih dalam &lt;b&gt;Edit HTML&lt;/b&gt;. Silahkan sobat cari kode berikut di bawah ini. (Gunakan &lt;b&gt;CTRL + F&lt;/b&gt; kembali untuk memudahkan pencarian). Cari salah satu kode saja.&lt;br /&gt;
&lt;hr /&gt;
&lt;span style=&quot;color: purple;&quot;&gt;&amp;lt;div id=&#39;footer-wrapper&#39;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: purple;&quot;&gt;&amp;lt;b:section class=&#39;footer&#39; id=&#39;footer&#39; showaddelement=&#39;yes&#39;/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: purple;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
atau&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;div id=&#39;footer&#39;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;b:section class=&#39;footer&#39; id=&#39;footer&#39; showaddelement=&#39;yes&#39;/&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;hr /&gt;
8. Jika sudah ketemu, untuk membuat footer 3 kolom di blog, sobat wajib dan harus menambahkan kode berikut dibawah atau sesudah kode &lt;span style=&quot;color: purple;&quot;&gt;&amp;lt;b:section class=&#39;footer&#39; id=&#39;footer&#39; showaddelement=&#39;yes&#39;/&amp;gt;&lt;/span&gt; atau &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;b:section class=&#39;footer&#39; id=&#39;footer&#39; /&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;hr /&gt;
&lt;span style=&quot;color: green;&quot;&gt;&amp;lt;div id=&#39;footer-column-divide&#39;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;&amp;lt;div id=&#39;footer1&#39; style=&#39;width: 33%; float:left;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;margin:0; text-align:left;&#39;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;&amp;lt;b:section class=&#39;footer-column&#39; id=&#39;col1&#39;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;preferred=&#39;yes&#39; style=&#39;float:left;&#39;/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style=&quot;color: green;&quot;&gt;&amp;lt;div id=&#39;footer2&#39; style=&#39;width: 33%; float: left;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;margin:0; text-align: left;&#39;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;&amp;lt;b:section class=&#39;footer-column&#39; id=&#39;col2&#39;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;preferred=&#39;yes&#39; style=&#39;float:left;&#39;/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style=&quot;color: green;&quot;&gt;&amp;lt;div id=&#39;footer3&#39; style=&#39;width: 33%; float: right;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;margin:0; text-align: left;&#39;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;&amp;lt;b:section class=&#39;footer-column&#39; id=&#39;col3&#39;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;preferred=&#39;yes&#39; style=&#39;float:right;&#39;/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style=&quot;color: green;&quot;&gt;&amp;lt;div style=&#39;clear:both;&#39;/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: green;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;hr /&gt;
&lt;b&gt;Catatan:&lt;/b&gt;&lt;br /&gt;
Jika pada template blog yang sobat gunakan tidak ada kode &lt;span style=&quot;color: purple;&quot;&gt;&amp;lt;b:section class=&#39;footer&#39; id=&#39;footer&#39; showaddelement=&#39;yes&#39;/&amp;gt;&lt;/span&gt; Maka tambahkan saja kode-nya dibawah atau sesudah kode &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;div id=&#39;footer&#39;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
9. Sebelum sobat klik Simpan, sebaiknya klik dulu &lt;b&gt;Preview atau Pratinjau&lt;/b&gt;. Jika tidak terjadi eror pada blog sobat saat Edit HTML Template, silahkan sobat klik &lt;b&gt;Simpan Template&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
10. Selesai dan lihat hasilnya pada Dasbor &lt;b&gt;Tata letak&lt;/b&gt; blog sobat. Jika sudah jadi seperti yang ada pada contoh gambar screenshot diatas, itu artinya sobat sudah berhasil &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/12/cara-membuat-dan-memasang-footer-3.html&quot;&gt;&lt;b&gt;Membuat Dan Memasang Footer 3 Kolom Pada Blog&lt;/b&gt;&lt;/a&gt; sobat.&lt;br /&gt;
&lt;br /&gt;
Jika ada pertanyaan yang berhubungan dengan trik tutorial ini, sobat jangan ragu untuk bertanya melalui form komentar yang tersedia. Semoga bermanfaat bagi sobat KUCOPAS semuanya, Selamat berkarya.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/5314171737049516100/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2012/12/cara-membuat-dan-memasang-footer-3.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/5314171737049516100'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/5314171737049516100'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2012/12/cara-membuat-dan-memasang-footer-3.html' title='Cara Membuat Footer 3 Kolom Di Blog'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHZt492DRvcJdSCKTJ5pyzV1rXNBGzjQfgNmhFxXUpK-XXTqTTl7chOkBOjAWQKZNmPHN9jv9GJ9FMr35fncrhz3h0BVTPYkBjt9op7xZRzDe0oJjCmOOVSi6zQ7smCrg9AEQy-MOxcDp6/s72-c/Cara+Membuat+Dan+Memasang+Footer+3+Kolom+Di+Blog.gif" height="72" width="72"/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-4032722286290098094</id><published>2012-11-30T19:13:00.000+07:00</published><updated>2014-04-11T11:22:33.231+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="footer"/><category scheme="http://www.blogger.com/atom/ns#" term="kolom"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><category scheme="http://www.blogger.com/atom/ns#" term="widget"/><title type='text'>Cara Membuat Footer 2 Kolom Di Blog</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/11/cara-membuat-dan-memasang-footer-2-dua.html&quot;&gt;Cara Membuat Footer 2 Kolom Di Blog&lt;/a&gt;&lt;/b&gt;. Footer adalah kolom widget yang biasanya berada paling bawah di bagian blog, dan tentunya sobat bisa mengisinya dengan berbagai widget yang sobat inginkan. Kali ini saya akan memberikan tutorial bagaimana caranya membuat dan memasang footer 2 (dua) kolom diblog dengan fungsi bisa langsung Tambah Gadget atau Add Gadget tanpa harus susah-susah membuat atau menambah kolom lagi. Karena sobat bisa langsung tambah gadget diatas atau dibawah kolom widget yang sobat inginkan.&lt;br /&gt;
&lt;br /&gt;
Untuk lebih jelasnya sobat bisa melihat contoh gambar screenshot berikut di bawah ini.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/11/cara-membuat-dan-memasang-footer-2-dua.html&quot;&gt;&lt;img alt=&quot;Cara Membuat Footer 2 (Dua) Kolom Di Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBKypuPP3y1PYvy-0hP-SGppHbY7E3KvTkJw8HXixX2KOHFDa1DhXQ8KalVMublEq27U2_MvZj9wg0mj5oPud7Wfwtd2o22UQWqxjtsu4g_H8WiYTCg-pfSakzKJSDm-JZMHw42zey0OY9/s1600/Cara+Membuat+Footer+2+(Dua)+Kolom+Di+Blog.gif&quot; title=&quot;Cara Membuat Footer 2 (Dua) Kolom Di Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Keterangan dari gambar diatas adalah tampilan yang terlihat pada bagian tata letak blog yang sudah di pasangi footer 2 (dua) kolom. Lihat gambar yang sudah saya kasih lingkaran warna merah. Jadi sangat gampang untuk tambah gadget, karena sobat hanya tinggal klik tambah gadget atau add gadget saja bila ingin mengisinya dengan widget blog yang sobat inginkan.&lt;br /&gt;
&lt;br /&gt;
Untuk cara membuat dan memasang footer 2 (dua) kolom di blog, caranya sangat mudah. Silahkan sobat ikuti langkah-langkahnya sebagai berikut:&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;Silahkan sobat &amp;gt;&amp;gt; &lt;b&gt;Login atau Masuk&lt;/b&gt; ke &lt;b&gt;&lt;a href=&quot;http://www.blogger.com/&quot; target=&quot;_blank&quot;&gt;Blogger.com&lt;/a&gt;&lt;/b&gt; menggunakan akun sobat.&lt;/li&gt;
&lt;li&gt;Pada Dasbor, pilih Menu &lt;b&gt;Template&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Sebelum sobat klik Edit HTML, Ada baiknya sobat &lt;b&gt;Unduh template lengkap&lt;/b&gt;, guna untuk berjaga-jaga jika ada kesalahan saat Edit HTML dan sobat bisa mengembalikan template seperti semula. Caranya klik &amp;gt;&amp;gt; &lt;b&gt;Cadangkan / Pulihkan&lt;/b&gt; (Tombol berada di bagian kanan atas) &amp;gt;&amp;gt; &lt;b&gt;Unduh template lengkap&lt;/b&gt;. Jika sudah di unduh, silahkan klik tutup atau close.&lt;/li&gt;
&lt;li&gt;Sekarang kita kebagian &lt;b&gt;Edit HTML&lt;/b&gt;. Silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;Edit HTML&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Jika sudah, silahkan sobat cari kode &lt;b&gt;&lt;span style=&quot;color: green;&quot;&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/span&gt;&lt;/b&gt; (Gunakan &lt;b&gt;CTRL+F&lt;/b&gt; untuk mempermudah pencarian).&lt;/li&gt;
&lt;li&gt;Kemudian tambahkan semua kode berikut diatas atau sebelum kode &lt;b&gt;&lt;span style=&quot;color: green;&quot;&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;span style=&quot;color: blue;&quot;&gt;#footer-column-divide {&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;clear:both;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;.footer-column {&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;padding: 10px;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
7. Langkah yang selanjutnya, sobat cari kode berikut di bawah ini. (Gunakan &lt;b&gt;CTRL+F&lt;/b&gt; kembali untuk mempercepat pencarian). Cari salah satu kode saja.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;div id=&#39;footer-wrapper&#39;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;b:section class=&#39;footer&#39; id=&#39;footer&#39; showaddelement=&#39;yes&#39;/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
atau&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;&amp;lt;div id=&#39;footer&#39;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;&amp;lt;b:section class=&#39;footer&#39; id=&#39;footer&#39; showaddelement=&#39;yes&#39;/&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
8. Jika sudah ketemu, kemudian sobat tambahkan kode berikut dibawah atau sesudah kode &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;b:section class=&#39;footer&#39; id=&#39;footer&#39; showaddelement=&#39;yes&#39;/&amp;gt;&lt;/span&gt; atau &lt;span style=&quot;color: red;&quot;&gt;&amp;lt;b:section class=&#39;footer&#39; id=&#39;footer&#39; /&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: lime;&quot;&gt;&amp;lt;div id=&#39;footer-column-divide&#39;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: lime;&quot;&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style=&quot;color: lime;&quot;&gt;&amp;lt;div id=&#39;footer1&#39; style=&#39;width: 50%; float:left;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: lime;&quot;&gt;margin:0; text-align:left;&#39;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: lime;&quot;&gt;&amp;lt;b:section class=&#39;footer-column&#39; id=&#39;col1&#39;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: lime;&quot;&gt;preferred=&#39;yes&#39; style=&#39;float:left;&#39;/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: lime;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: lime;&quot;&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style=&quot;color: lime;&quot;&gt;&amp;lt;div id=&#39;footer2&#39; style=&#39;width: 50%; float: left;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: lime;&quot;&gt;margin:0; text-align: left;&#39;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: lime;&quot;&gt;&amp;lt;b:section class=&#39;footer-column&#39; id=&#39;col2&#39;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: lime;&quot;&gt;preferred=&#39;yes&#39; style=&#39;float:left;&#39;/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: lime;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: lime;&quot;&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style=&quot;color: lime;&quot;&gt;&amp;lt;div style=&#39;clear:both;&#39;/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: lime;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Catatan:&lt;/b&gt;&lt;br /&gt;
Jika pada template yang sobat gunakan tidak ada kode &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;b:section class=&#39;footer&#39; id=&#39;footer&#39; showaddelement=&#39;yes&#39;/&amp;gt;&lt;/span&gt; maka tambahkan saja kode-nya dibawah atau sesudah kode &lt;span style=&quot;color: red;&quot;&gt;&amp;lt;div id=&#39;footer&#39;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
9. Sebelum sobat klik Simpan, ada baiknya klik dulu &amp;gt;&amp;gt; &lt;b&gt;Preview&lt;/b&gt; atau &lt;b&gt;Pratinjau&lt;/b&gt;. Jika tidak terjadi eror pada template blog sobat, langkah yang terakhir silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;Simpan Template&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
10. Selesai dan lihat hasilnya pada Dasbor Tata letak blog sobat. Jika sudah seperti yang ada pada contoh gambar screenshot diatas, berarti sobat sudah berhasil &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/11/cara-membuat-dan-memasang-footer-2-dua.html&quot;&gt;&lt;b&gt;Membuat Dan Memasang Footer 2 (Dua) Kolom Di Blog&lt;/b&gt;&lt;/a&gt; sobat.&lt;br /&gt;
&lt;br /&gt;
Apabila ada pertanyaan mengenai tutorial ini, sobat jangan sungkan-sungkan untuk bertanya melalui form komentar yang tersedia. Semoga trik ini bisa bermanfaat untuk sobat KUCOPAS semuanya, selamat berkarya.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/4032722286290098094/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2012/11/cara-membuat-dan-memasang-footer-2-dua.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/4032722286290098094'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/4032722286290098094'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2012/11/cara-membuat-dan-memasang-footer-2-dua.html' title='Cara Membuat Footer 2 Kolom Di Blog'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBKypuPP3y1PYvy-0hP-SGppHbY7E3KvTkJw8HXixX2KOHFDa1DhXQ8KalVMublEq27U2_MvZj9wg0mj5oPud7Wfwtd2o22UQWqxjtsu4g_H8WiYTCg-pfSakzKJSDm-JZMHw42zey0OY9/s72-c/Cara+Membuat+Footer+2+(Dua)+Kolom+Di+Blog.gif" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-2755063435975648897</id><published>2012-09-14T23:53:00.000+07:00</published><updated>2014-04-11T11:22:33.181+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="label kategori"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><category scheme="http://www.blogger.com/atom/ns#" term="widget"/><title type='text'>Cara Membuat Kategori Label Otomatis Dengan Thumbnail Gambar Atau Foto Di Blog</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-kategori-label-otomatis.html&quot;&gt;Cara Membuat Kategori Label Otomatis Dengan Thumbnail Gambar Atau Foto Di Blog&lt;/a&gt;&lt;/b&gt;. Kali ini saya akan share artikel yang masih berhubungan dengan trik blog, yaitu tentang label atau kategori blog yang otomatis dengan thumbnail gambar atau foto. Trik ini juga sering dikenal dengan Cara Membuat Label Otomatis With Thumbnail Pada Blog.&lt;br /&gt;
&lt;br /&gt;
Fitur kategori label otomatis dengan thumbnail sebenarnya merupakan pengembangan dari trik sebelumnya mengenai &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-dan-memasang-daftar-isi.html&quot; target=&quot;_blank&quot;&gt;Cara Membuat Dan Memasang Daftar Isi Berdasarkan Label Di Blog&lt;/a&gt;&lt;/b&gt;. Namun bedanya fitur ini bisa menampillkan kategori berdasarkan nama kategori atau label tertentu yang disertai dengan gambar thumbnail atau foto dan juga sedikit ringkasan atau potongan artikel dari isi setiap masing-masing postingan blog.&lt;br /&gt;
&lt;br /&gt;
Contoh tampilan dan penerapan dari fitur Kategori Label Otomatis Dengan Thumbnail Gambar Atau Foto Di Blog, bisa sobat lihat pada Blog &lt;b&gt;&lt;a href=&quot;http://demokucopas.blogspot.com/&quot; target=&quot;_blank&quot;&gt;Demo Kucopas&lt;/a&gt;&lt;/b&gt;. Kurang lebih tampilanya seperti gambar screenshot di bawah ini.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-kategori-label-otomatis.html&quot;&gt;&lt;img alt=&quot;Cara Membuat Kategori Label Otomatis Dengan Thumbnail Gambar Atau Foto Di Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSv9KPwAqv-vT7PZGxyAdk-5dGC-ojYLTT7Kj55sGf4Pm_etNN1eoIrANLuVb8BnN1KvQMdq-zWtJI5TBixm6VHzsYyXVuYt41omUwuuUMnZ3ABVdILN2R9yMvrpfEGoAsV1wEG-TXeJI9/s320/Cara+Membuat++Label+Kategori+Otomatis+Dengan+Thumbnail+Gambar+Atau+Foto.jpg&quot; height=&quot;320&quot; title=&quot;Cara Membuat Kategori Label Otomatis Dengan Thumbnail Gambar Atau Foto Di Blog&quot; width=&quot;303&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-dan-memasang-daftar-isi.html&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;br /&gt;
Fungsi dari fitur kategori label otomatis dengan thumbnail gambar atau foto di blog adalah untuk mempermudah pengunjung blog kita agar menemukan artikel yang di cari, karena tampilannya yang di sertai dengan thumbnail gambar atau foto. Maka pengunjung pun akan lebih tertarik untuk melihat isi dari artikel postingan tersebut secara lengkapnya.&lt;br /&gt;
&lt;br /&gt;
Jika sobat tertarik untuk membuat dan memasangnya di blog sobat, silahkan ikuti langkah-langkahnya sebagai berikut.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cara Membuat Dan Memasang Label Otomatis With Thumbnail Pada Blog&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Langkah pertama&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ol&gt;
&lt;li&gt;Silahkan sobat &amp;gt;&amp;gt; &lt;b&gt;Login/Masuk&lt;/b&gt; &amp;gt;&amp;gt; Ke Blog sobat.&lt;/li&gt;
&lt;li&gt;Pada &lt;b&gt;Dashboard&lt;/b&gt; tampilan blog baru, pilih dan klik Menu &amp;gt;&amp;gt; &lt;b&gt;Template&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Edit HTML&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Kemudian cari Kode &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/span&gt;&lt;/b&gt; (Gunakan &lt;b&gt;CTRL+F&lt;/b&gt; untuk mempermudah pencarian).&lt;/li&gt;
&lt;li&gt;Setelah ketemu, silahkan sobat &lt;b&gt;Taruh semua Kode&lt;/b&gt; berikut tepat &lt;b&gt;sebelum atau di atas&lt;/b&gt; Kode &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; style=&quot;font-size: 12px; margin: 0px; padding: 0px; width: 80px;&quot; type=&quot;button&quot; value=&quot;Buka Kode&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
/*** Fitur Kategori ***/&lt;br /&gt;
img.label_thumb{&lt;br /&gt;
float:left;&lt;br /&gt;
padding:5px;&lt;br /&gt;
border:1px solid #8f8f8f;&lt;br /&gt;
background:#D2D0D0;&lt;br /&gt;
margin-right:10px;&lt;br /&gt;
height:55px;&lt;br /&gt;
width:55px;&lt;br /&gt;
}&lt;br /&gt;
img.label_thumb:hover{&lt;br /&gt;
background:#f7f6f6;&lt;br /&gt;
}&lt;br /&gt;
.label_with_thumbs {&lt;br /&gt;
float: left;&lt;br /&gt;
width: 100%;&lt;br /&gt;
min-height: 70px;&lt;br /&gt;
margin: 0px 10px 2px 0px;&lt;br /&gt;
adding: 0;&lt;br /&gt;
}&lt;br /&gt;
ul.label_with_thumbs li {&lt;br /&gt;
padding:8px 0;&lt;br /&gt;
min-height:65px;&lt;br /&gt;
margin-bottom:10px;&lt;br /&gt;
}&lt;br /&gt;
.label_with_thumbs a {}&lt;br /&gt;
.label_with_thumbs strong {}&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;b&gt;Langkah Kedua&lt;/b&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ol&gt;
&lt;li&gt;Masih dalam &lt;b&gt;Edit HTML&lt;/b&gt; Template, silahkan sobat cari Kode &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/b&gt; (Gunakan &lt;b&gt;CTRL+F &lt;/b&gt;lagi untuk mempercepat pencarian).&lt;/li&gt;
&lt;li&gt;Jika sudah ketemu, silahkan sobat &lt;b&gt;Taruh semua Kode&lt;/b&gt; berikut tepat &lt;b&gt;Sebelum atau di atas&lt;/b&gt; Kode &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; style=&quot;font-size: 12px; margin: 0px; padding: 0px; width: 80px;&quot; type=&quot;button&quot; value=&quot;Buka Kode&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
&amp;lt;script type=&#39;text/javascript&#39;&amp;gt;&lt;br /&gt;
//&amp;lt;![CDATA[&lt;br /&gt;
function labelthumbs(json){document.write(&#39;&amp;lt;ul class=&quot;label_with_thumbs&quot;&amp;gt;&#39;);for(var i=0;i&amp;lt;numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k&amp;lt;entry.link.length;k++){if(entry.link[k].rel==&#39;replies&#39;&amp;amp;&amp;amp;entry.link[k].type==&#39;text/html&#39;){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}&lt;br /&gt;
if(entry.link[k].rel==&#39;alternate&#39;){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)&lt;br /&gt;
{s=entry.content.$t;a=s.indexOf(&quot;&amp;lt;img&quot;);b=s.indexOf(&quot;src=\&quot;&quot;,a);c=s.indexOf(&quot;\&quot;&quot;,b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&amp;amp;&amp;amp;(b!=-1)&amp;amp;&amp;amp;(c!=-1)&amp;amp;&amp;amp;(d!=&quot;&quot;)){thumburl=d;}else thumburl=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMXcLiitot0azpLMK4afC8T-gEPBgRL1FbKCvAqd8-H5e9byu7fm8l9Kmn-tcr7YpgoFl0UOKYVyBlApQ9kvhbnFHcSet0eOBFLmtqKIq7x2XvO-vizO3utyV_nC9wkhH7zVw1IqY7BdXV/&#39;;}&lt;br /&gt;
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]=&quot;Jan&quot;;monthnames[2]=&quot;Feb&quot;;monthnames[3]=&quot;Mar&quot;;monthnames[4]=&quot;Apr&quot;;monthnames[5]=&quot;May&quot;;monthnames[6]=&quot;Jun&quot;;monthnames[7]=&quot;Jul&quot;;monthnames[8]=&quot;Aug&quot;;monthnames[9]=&quot;Sep&quot;;monthnames[10]=&quot;Oct&quot;;monthnames[11]=&quot;Nov&quot;;monthnames[12]=&quot;Dec&quot;;document.write(&#39;&amp;lt;li class=&quot;clearfix&quot;&amp;gt;&#39;);if(showpostthumbnails==true)&lt;br /&gt;
document.write(&#39;&amp;lt;a href=&quot;&#39;+posturl+&#39;&quot; target =&quot;_top&quot;&amp;gt;&amp;lt;img class=&quot;label_thumb&quot; src=&quot;&#39;+thumburl+&#39;&quot;/&amp;gt;&amp;lt;/a&amp;gt;&#39;);document.write(&#39;&amp;lt;strong&amp;gt;&amp;lt;a href=&quot;&#39;+posturl+&#39;&quot; target =&quot;_top&quot;&amp;gt;&#39;+posttitle+&#39;&amp;lt;/a&amp;gt;&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;&#39;);if(&quot;content&quot;in entry){var postcontent=entry.content.$t;}&lt;br /&gt;
else&lt;br /&gt;
if(&quot;summary&quot;in entry){var postcontent=entry.summary.$t;}&lt;br /&gt;
else var postcontent=&quot;&quot;;var re=/&amp;lt;\S[^&amp;gt;]*&amp;gt;/g;postcontent=postcontent.replace(re,&quot;&quot;);if(showpostsummary==true){if(postcontent.length&amp;lt;numchars){document.write(&#39;&#39;);document.write(postcontent);document.write(&#39;&#39;);}&lt;br /&gt;
else{document.write(&#39;&#39;);postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(&quot; &quot;);postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+&#39;...&#39;);document.write(&#39;&#39;);}}&lt;br /&gt;
var towrite=&#39;&#39;;var flag=0;document.write(&#39;&amp;lt;br&amp;gt;&#39;);if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+&#39;-&#39;+cdday+&#39; - &#39;+cdyear;flag=1;}&lt;br /&gt;
if(showcommentnum==true)&lt;br /&gt;
{if(flag==1){towrite=towrite+&#39; | &#39;;}&lt;br /&gt;
if(commenttext==&#39;1 Comments&#39;)commenttext=&#39;1 Comment&#39;;if(commenttext==&#39;0 Comments&#39;)commenttext=&#39;No Comments&#39;;commenttext=&#39;&amp;lt;a href=&quot;&#39;+commenturl+&#39;&quot; target =&quot;_top&quot;&amp;gt;&#39;+commenttext+&#39;&amp;lt;/a&amp;gt;&#39;;towrite=towrite+commenttext;flag=1;;}&lt;br /&gt;
if(displaymore==true)&lt;br /&gt;
{if(flag==1)towrite=towrite+&#39; | &#39;;towrite=towrite+&#39;&amp;lt;a href=&quot;&#39;+posturl+&#39;&quot; class=&quot;url&quot; target =&quot;_top&quot;&amp;gt;More »&amp;lt;/a&amp;gt;&#39;;flag=1;;}&lt;br /&gt;
document.write(towrite);document.write(&#39;&amp;lt;/li&amp;gt;&#39;);if(displayseparator==true)&lt;br /&gt;
if(i!=(numposts-1))&lt;br /&gt;
document.write(&#39;&#39;);}document.write(&#39;&amp;lt;/ul&amp;gt;&#39;);}&lt;br /&gt;
//]]&amp;gt;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
3. Demi untuk &lt;b&gt;menghindari kesalahan&lt;/b&gt; saat &lt;b&gt;Edit HTML&lt;/b&gt; dalam Template, silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;Preview/Pratinjau&lt;/b&gt;, jika tidak terjadi eror, silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;Simpan Template&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Langkah Ketiga&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ol&gt;
&lt;li&gt;Silahkan sobat menuju ke &lt;b&gt;Dashboard&lt;/b&gt;, Pada tampilan blog baru pilih dan klik Menu &amp;gt;&amp;gt; &lt;b&gt;Tata Letak&lt;/b&gt; &amp;gt;&amp;gt; kemudian pilih dan klik &amp;gt;&amp;gt; &lt;b&gt;Tambah Gadget&lt;/b&gt; &amp;gt;&amp;gt; Lalu pilih dan klik &amp;gt;&amp;gt; &lt;b&gt;HTML/JavaScript&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Langkah yang berikutnya, Silahkan sobat &lt;b&gt;Masukkah semua kode&lt;/b&gt; berikut kedalam kotak &lt;b&gt;HTML/JavaScript&lt;/b&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; style=&quot;font-size: 10px; margin: 0px; padding: 0px; width: 60px;&quot; type=&quot;button&quot; value=&quot;Buka Kode&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
&amp;lt;script type=&#39;text/javascript&#39;&amp;gt;&lt;span style=&quot;color: magenta;&quot;&gt;var numposts = 5&lt;/span&gt;;var showpostthumbnails = &lt;span style=&quot;color: lime;&quot;&gt;true&lt;/span&gt;;var displaymore = &lt;span style=&quot;color: orange;&quot;&gt;false&lt;/span&gt;;var displayseparator = &lt;span style=&quot;color: orange;&quot;&gt;false&lt;/span&gt;;var showcommentnum = &lt;span style=&quot;color: orange;&quot;&gt;false&lt;/span&gt;;var showpostdate = &lt;span style=&quot;color: orange;&quot;&gt;false&lt;/span&gt;;var showpostsummary = &lt;span style=&quot;color: lime;&quot;&gt;true&lt;/span&gt;;&lt;span style=&quot;color: red;&quot;&gt;var numchars = 50&lt;/span&gt;;&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script type=&quot;text/javascript&quot; src=&quot;/feeds/posts/default/-/&lt;span style=&quot;color: blue;&quot;&gt;TUTORIAL%2OBLOG&lt;/span&gt;?orderby=updated&amp;amp;alt=json-in-script&amp;amp;callback=labelthumbs&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
3. Silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;Simpan dan lihat hasilnya&lt;/b&gt; pada blog sobat akan ada widget Label Otomatis With Thumbnail Pada Blog.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;&lt;b&gt;Keterangan:&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;color: magenta;&quot;&gt;&lt;b&gt;var numposts = 5&lt;/b&gt;&lt;/span&gt; adalah &lt;b&gt;Jumlah daftar isi label atau kategori&lt;/b&gt; yang di tampilkan. Silahkan sobat ganti nilainya sesuai dengan keinginan sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;color: red;&quot;&gt;&lt;b&gt;var numchars = 50&lt;/b&gt;&lt;/span&gt; adalah &lt;b&gt;Jumlah karakter ringkasan isi posting&lt;/b&gt; yang di tampilkan. Silahkan sobat ganti nilainya seperti keinginan sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;color: lime;&quot;&gt;&lt;b&gt;true&lt;/b&gt;&lt;/span&gt; adalah Kode perintah untuk &lt;b&gt;di tampilkan&lt;/b&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;color: orange;&quot;&gt;&lt;b&gt;false&lt;/b&gt;&lt;/span&gt; adalah Kode perintah untuk &lt;b&gt;tidak di tampilkan&lt;/b&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;color: blue;&quot;&gt;&lt;b&gt;TUTORIAL%2OBLOG&lt;/b&gt;&lt;/span&gt; adalah &lt;b&gt;Label yang isinya akan di tampilkan&lt;/b&gt;. Silahkan sobat ganti dengan label atau kategori blog sobat yang ingin isinya di tampilkan. (Besar kecil huruf harus sama dengan label atau kategori blog sobat, Gunakan &lt;b&gt;%20&lt;/b&gt; jika label atau &lt;b&gt;kategori sobat ada space&lt;/b&gt; atau spasinya.&lt;/li&gt;
&lt;/ul&gt;
Sampai disini pastinya sobat sudah bisa mempraktekkan &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-kategori-label-otomatis.html&quot;&gt;Cara Membuat Dan Memasang Kategori Label Otomatis Dengan Thumbnail Gambar Atau Foto Di Blog&lt;/a&gt;&lt;/b&gt; sobat semua. Jika sobat masih menemui kesulitan, silahkan bertanya pada kolom kotak komentar yang tersedia. Senang bisa berbagi dan membantu sobat, semoga artikel ini bisa sangat bermanfaat bagi sobat KUCOPAS semua. Terus berkarya...&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/2755063435975648897/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2012/09/cara-membuat-kategori-label-otomatis.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/2755063435975648897'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/2755063435975648897'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2012/09/cara-membuat-kategori-label-otomatis.html' title='Cara Membuat Kategori Label Otomatis Dengan Thumbnail Gambar Atau Foto Di Blog'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSv9KPwAqv-vT7PZGxyAdk-5dGC-ojYLTT7Kj55sGf4Pm_etNN1eoIrANLuVb8BnN1KvQMdq-zWtJI5TBixm6VHzsYyXVuYt41omUwuuUMnZ3ABVdILN2R9yMvrpfEGoAsV1wEG-TXeJI9/s72-c/Cara+Membuat++Label+Kategori+Otomatis+Dengan+Thumbnail+Gambar+Atau+Foto.jpg" height="72" width="72"/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-7060635589260005475</id><published>2012-09-12T12:23:00.000+07:00</published><updated>2014-04-11T11:22:33.310+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="label kategori"/><category scheme="http://www.blogger.com/atom/ns#" term="recent post"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><category scheme="http://www.blogger.com/atom/ns#" term="widget"/><title type='text'>Cara Membuat Recent Post Berdasarkan Label Kategori Dengan Thumbnail Gambar Di Blog</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-recent-post-berdasarkan.html&quot;&gt;Cara Membuat Recent Post Berdasarkan Label Kategori Dengan Thumbnail Gambar Di Blog&lt;/a&gt;&lt;/b&gt;. Pada kesempatan kali ini saya akan berbagi trik seputar dunia blogger, yaitu tentang cara membuat recent post berdasarkan label atau kategori dengan gambar (Thumbnail) diblog.&lt;br /&gt;
&lt;br /&gt;
Recent Post adalah artikel postingan blog yang paling terbaru, namun trik yang akan saya share kali ini adalah recent post berdasarkan label atau kategori dengan thumbnail atau gambar. Jadi intinya recent post ini hanya akan menampilkan artikel terbaru dari label atau kategori yang bisa kita tentukan sendiri dan sertai dengan gambar atau thumbnail.&lt;br /&gt;
&lt;br /&gt;
Fungsi dari recent post perlabel atau kategori dengan gambar atau thumbnail ini adalah bisa untuk mempercantik tampilan blog kita dan juga bisa untuk mengategorikan isi dari semua masing-masing artikel blog kita yang ingin di tampilkan pada satu widget maupun laman. Selain itu juga bisa untuk memudahkan para pengunjung blog kita untuk mencari artikel yang dibutuhkan dalam label atau kategori tertentu.&lt;br /&gt;
&lt;br /&gt;
Sobat bisa melihat contohnya yang sudah saya pasang pada laman blog ini, Silahkan sobat klik menu &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/p/trik-tutorial-blog.html&quot; target=&quot;_blank&quot;&gt;Trik Blog&lt;/a&gt;&lt;/b&gt; pada menu bagian atas blog ini. Tampilan dari recent post perlabel dengan thumbnail ini kurang lebih seperti gambar screenshot berikut dibawah ini.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-recent-post-berdasarkan.html&quot;&gt;&lt;img alt=&quot;Cara Membuat Recent Post Berdasarkan Label Kategori Dengan Thumbnail Gambar Di Bog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVbm-GRv46UqahgvFhDPN2TQKdW0VPmEXxtY3oBmc0cxxghFDq4ns0pU1nHxusm2tATngq6taNFoGX0Jp-STW8YPduSVlNW8ivgc9v7jbkRFwv6JcyCYsj0mnixqeelPnukfFXS-raYWAX/s1600/Cara+Membuat+Recent+Post+Berdasarkan+Label+Kategori+Dengan+Thumbnail+Gambar+Di+Bog.jpg&quot; title=&quot;Cara Membuat Recent Post Berdasarkan Label Kategori Dengan Thumbnail Gambar Di Bog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/p/trik-tutorial-blog.html&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;br /&gt;
Cara pemasangan recent post perlabel atau kategori dengan gambar atau thumbnail diblog, triknya sangat mudah sekali. Karena sobat tinggal memasukkan semua kode script yang saya sediakan kedalam kotak HTML/JavaScript yang berada pada Tambah Gadget Tata letak blog. Selain itu sobat juga bisa memasangnya dipostingan maupun laman blog, dan tentu saja tanpa susah-susah Edit HTML dalam Template blog sobat.&lt;br /&gt;
&lt;br /&gt;
Jika sobat tertarik untuk memasang recent post perlabel atau kategori dengan gambar atau thumbnail di blog sobat, silahkan ikuti langkah-langkahnya sebagai berikut.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cara Memasang Recent Post By Label With Thumbnail &lt;span style=&quot;color: red;&quot;&gt;Di Sidebar Blog&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;Langkah pertama, silahkan sobat &amp;gt;&amp;gt; &lt;b&gt;Masuk/Login&lt;/b&gt;&amp;nbsp;ke &lt;b&gt;&lt;a href=&quot;http://www.blogger.com/&quot; target=&quot;_blank&quot;&gt;Blogger.com&lt;/a&gt;&lt;/b&gt; menggunakan akun sobat. &lt;/li&gt;
&lt;li&gt;Pada &lt;b&gt;Dashboard&lt;/b&gt; tampilan blogger baru, pilih dan klik Menu &amp;gt;&amp;gt; &lt;b&gt;Tata Letak&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;Tambah gadget&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;HTML/JavaScript&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Kemudian &amp;gt;&amp;gt; &lt;b&gt;Masukkan semua Kode&lt;/b&gt; berikut ke dalam kotak &lt;b&gt;HTML/JavaScript&lt;/b&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; style=&quot;font-size: 12px; margin: 0px; padding: 0px; width: 80px;&quot; type=&quot;button&quot; value=&quot;Buka Kode&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
&amp;lt;style&amp;gt;&lt;br /&gt;
img.recent_thumb {padding:1px;width:55px;height:55px;border:0; float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}&lt;br /&gt;
&amp;lt;/style&amp;gt;&amp;lt;script src=&quot;http://kucopas.googlecode.com/files/recent-post-by-label-thumbnail.js&quot;&amp;gt;&lt;br /&gt;
&amp;lt;/script&amp;gt;&amp;lt;script&amp;gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;var numposts = 10&lt;/span&gt;;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;&lt;span style=&quot;color: red;&quot;&gt;var numchars = 150&lt;/span&gt;;&lt;br /&gt;
&amp;lt;/script&amp;gt;&amp;lt;script src=&quot;&lt;span style=&quot;color: lime;&quot;&gt;http://kuc0pas.blogspot.com&lt;/span&gt;/feeds/posts/default/-/&lt;span style=&quot;color: magenta;&quot;&gt;TUTORIAL%20BLOG&lt;/span&gt;?orderby=published&amp;amp;alt=json-in-script&amp;amp;callback=showrecentpostswiththumbs&quot;&amp;gt;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
4. Setelah sobat masukkan semua kode kedalam kotak &lt;b&gt;HTML/javaScript&lt;/b&gt;, langkah yang terakhir silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;Simpan&lt;/b&gt; dan lihat hasilnya.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cara Memasang Recent Post By Label With Thumbnail Pada &lt;span style=&quot;color: red;&quot;&gt;Postingan Dan Laman Blog&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;Silahkan sobat &amp;gt;&amp;gt; &lt;b&gt;Masuk/Login&lt;/b&gt; &amp;gt;&amp;gt; Ke Blog sobat.&lt;/li&gt;
&lt;li&gt;Setelah berhasil masuk, silahkan sobat pilih dan klik &amp;gt;&amp;gt; &lt;b&gt;Buat Entri Baru&lt;/b&gt; atau klik Menu &lt;b&gt;Laman&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Kemudian sobat &lt;b&gt;masukkan semua Kode&lt;/b&gt; di atas tadi, dengan catatan sobat &lt;b&gt;masukkan Kode&lt;/b&gt; pada &lt;b&gt;Mode&lt;/b&gt; &lt;b&gt;HTML&lt;/b&gt; dan bukan &lt;b&gt;Compose&lt;/b&gt; dalam &lt;b&gt;Entri Baru&lt;/b&gt; maupun &lt;b&gt;Laman&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Langkah yang terakhir silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;Publikasikan&lt;/b&gt; dan lihat hasilnya.&lt;/li&gt;
&lt;/ol&gt;
&lt;b&gt;Keterangan:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;color: blue;&quot;&gt;&lt;b&gt;var numposts = 10&lt;/b&gt;&lt;/span&gt; adalah &lt;b&gt;Jumlah artikel posting&lt;/b&gt; yang akan di tampilakan. Ganti nilainya sesuai dengan keinginan sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;color: red;&quot;&gt;&lt;b&gt;var numchars = 150&lt;/b&gt;&lt;/span&gt; adalah &lt;b&gt;Jumlah karakter atau cuplikan tulisan&lt;/b&gt; posting yang akan di tampilkan. Ganti nilainya sesuai dengan keinginan sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;color: lime;&quot;&gt;&lt;b&gt;http://kuc0pas.blogspot.com&lt;/b&gt;&lt;/span&gt; Ganti dengan &lt;b&gt;alamat URL blog&lt;/b&gt; sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;color: magenta;&quot;&gt;TUTORIAL%20BLOG&lt;/span&gt; adalah &lt;b&gt;Label atau kategori&lt;/b&gt; yang akan di tampilkan daftar isinya. Ganti dengan Label atau kategori blog sobat. Besar kecil huruf harus harus sesuai dengan label blog sobat. Gunakan &lt;b&gt;&lt;span style=&quot;color: magenta;&quot;&gt;%20&lt;/span&gt;&lt;/b&gt; jika label blog sobat ada Space atau spasinya.&lt;/li&gt;
&lt;/ul&gt;
Sampai disini saya kira sobat pasti sudah bisa membuat dan memasangnya di blog sobat. Namun jika sobat masih menemui kesulitan untuk &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-recent-post-berdasarkan.html&quot;&gt;Membuat Dan memasang Recent Post Berdasarkan Label Kategori Dengan Thumbnail Gambar Di Blog&lt;/a&gt;&lt;/b&gt; sobat, silahkan bertanya dalam form komentar yang tersedia.&lt;br /&gt;
&lt;br /&gt;
Semoga trik artikel seputar dunia blog yang saya share ini bisa sangat bermanfaat bagi sobat KUCOPAS semua. Selamat berkarya...&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/7060635589260005475/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2012/09/cara-membuat-recent-post-berdasarkan.html#comment-form' title='7 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/7060635589260005475'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/7060635589260005475'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2012/09/cara-membuat-recent-post-berdasarkan.html' title='Cara Membuat Recent Post Berdasarkan Label Kategori Dengan Thumbnail Gambar Di Blog'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVbm-GRv46UqahgvFhDPN2TQKdW0VPmEXxtY3oBmc0cxxghFDq4ns0pU1nHxusm2tATngq6taNFoGX0Jp-STW8YPduSVlNW8ivgc9v7jbkRFwv6JcyCYsj0mnixqeelPnukfFXS-raYWAX/s72-c/Cara+Membuat+Recent+Post+Berdasarkan+Label+Kategori+Dengan+Thumbnail+Gambar+Di+Bog.jpg" height="72" width="72"/><thr:total>7</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-7264763116798560455</id><published>2012-09-11T16:34:00.001+07:00</published><updated>2014-04-11T11:22:33.318+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="recent post"/><category scheme="http://www.blogger.com/atom/ns#" term="slider"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><title type='text'>Cara Membuat Recent Post Thumbnail Gambar Bergerak Slide Di Blog</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-recent-post-thumbnail.html&quot;&gt;Cara Membuat Recent Post Thumbnail Gambar Bergerak Slide Di Blog&lt;/a&gt;&lt;/b&gt;. Kali ini saya akan berbagi trik blog yang berhubungan dengan posting khususnya recent post pada blog. Recent post adalah artikel posting yang paling terbaru dalam suatu blog. Adapun artikel posting yang ditampilkan biasanya berupa judul saja dari artikel maupun ada sedikit isi keterangan dari artikel yang kita posting, dan semua itu bisa kita atur sesuai dengan keinginan kita.&lt;br /&gt;
&lt;br /&gt;
Pada recent post yang sebentar lagi akan saya kasih triknya untuk sobat semua adalah recent post yang mempunyai fungsi menampilkan judul posting di sertai dengan thumbnail atau gambar foto, ada sedikit isi penggalan dari postingan blog dan juga mempunyai efek marquee atau slide berjalan teratur ke bawah. Artikel terbaru ini biasa juga di sebut dengan Recent Post Thumbnail bergerak slide kebawah atau juga Recent Post Thumbnail Spy.&lt;br /&gt;
&lt;br /&gt;
Tampilan dari Recent post ini sangat bagus dan menarik, sobat bisa melihat contohnya pada sidebar blog &lt;a href=&quot;http://demokucopas.blogspot.com/&quot; target=&quot;_blank&quot;&gt;Demo&lt;/a&gt; saya, yaitu pada widget &quot;Artikel Terbaru&quot;.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-recent-post-thumbnail.html&quot;&gt;&lt;img alt=&quot;Cara Membuat Recent Post Thumbnail Gambar Bergerak Slide Di Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKnwQZvgfGaZRwfVGdY4LDnUu0kGWJfPiCdJY27412-lgZJAGKvVQ1GPiKh_F6KzUFZrR351yD0-xl6Rx63S1dYncsuYWPoLWOJDCE8b1ru3qdv0UU_9m9Skgs8bR49wM_y3O2SjaIez5a/s1600/Cara+Membuat+Recent+Post+Thumbnail+Gambar+Bergerak+Slide+Di+Blog.jpg&quot; title=&quot;Cara Membuat Recent Post Thumbnail Gambar Bergerak Slide Di Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;b&gt;&lt;a href=&quot;http://demokucopas.blogspot.com/&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/b&gt;&lt;/div&gt;
&lt;br /&gt;
Jika sobat tertarik ingin membuat dan memasang widget recent post thumbnail gambar bergerak slide ke bawah seperti yang ada pada blog Demo Kucopas, silahkan sobat ikuti langkah-langkahnya sebagai berikut.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cara Membuat Recent Post Thumbnail Gambar Bergerak Slide Di Blog&lt;/b&gt;&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;Langkah yang pertama. Silahkan sobat &amp;gt;&amp;gt; &lt;b&gt;Masuk/Login&lt;/b&gt; &amp;gt;&amp;gt; Ke &lt;b&gt;&lt;a href=&quot;http://www.blogger.com/&quot; target=&quot;_blank&quot;&gt;Blogger.com&lt;/a&gt;&lt;/b&gt; menggunakan akun sobat.&lt;/li&gt;
&lt;li&gt;Pada &lt;b&gt;Dashboard&lt;/b&gt; tampilan blogger baru, pilih dan klik Menu &amp;gt;&amp;gt; &lt;b&gt;Tata Letak&lt;/b&gt; &amp;gt;&amp;gt; pilih dan klik &amp;gt;&amp;gt; &lt;b&gt;Tambah Gadget&lt;/b&gt; &amp;gt;&amp;gt; pilih dan klik tanda &lt;b&gt;+&lt;/b&gt; pada &amp;gt;&amp;gt; &lt;b&gt;HTML/JavaScript&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Kemudian silahkan sobat masukkan semua Kode Script berikut ke dalam kotak &lt;b&gt;HTML/JavaScript&lt;/b&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; style=&quot;font-size: 12px; margin: 0px; padding: 0px; width: 80px;&quot; type=&quot;button&quot; value=&quot;Buka Kode&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
&amp;lt;script src=&quot;http://kucopas.googlecode.com/files/RecentPostThumnailBergerak.js&quot; type=&quot;text/javascript&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;style type=&quot;text/css&quot; media=&quot;screen&quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--&lt;br /&gt;
&lt;br /&gt;
#spylist {&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
margin-top:5px;&lt;br /&gt;
padding:0px 0px;&lt;br /&gt;
height:350px;&lt;br /&gt;
}&lt;br /&gt;
#spylist ul{&lt;br /&gt;
width:355px;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
list-style-type: none;&lt;br /&gt;
padding: 0px 0px;&lt;br /&gt;
margin:0px 0px;&lt;br /&gt;
}&lt;br /&gt;
#spylist li {&lt;br /&gt;
width:335px;&lt;br /&gt;
padding: 5px 5px;&lt;br /&gt;
margin:0px 0px 5px 0px;&lt;br /&gt;
list-style-type:none;&lt;br /&gt;
float:none;&lt;br /&gt;
height:70px;&lt;br /&gt;
overflow: hidden;&lt;br /&gt;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;&lt;br /&gt;
border:1px solid #ddd;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#spylist li a {&lt;br /&gt;
text-decoration:none;&lt;br /&gt;
color:#4B545B;&lt;br /&gt;
font-size:11px;&lt;br /&gt;
height:18px;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
margin:0px 0px;&lt;br /&gt;
padding:0px 0px 2px 0px;&lt;br /&gt;
}&lt;br /&gt;
#spylist li img {&lt;br /&gt;
float:left;&lt;br /&gt;
margin-right:5px;&lt;br /&gt;
background:#EFEFEF;&lt;br /&gt;
border:0;&lt;br /&gt;
}&lt;br /&gt;
.spydate{&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
font-size:10px;&lt;br /&gt;
color:#0284C2;&lt;br /&gt;
padding:2px 0px;&lt;br /&gt;
margin:1px 0px 0px 0px;&lt;br /&gt;
height:15px;&lt;br /&gt;
font-family:Tahoma,Arial,verdana, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.spycomment{&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
font-family:Tahoma,Arial,verdana, sans-serif;&lt;br /&gt;
font-size:10px;&lt;br /&gt;
color:#262B2F;&lt;br /&gt;
padding:0px 0px;&lt;br /&gt;
margin:0px 0px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;lt;script language=&#39;javascript&#39;&amp;gt;&lt;br /&gt;
imgr = new Array();&lt;br /&gt;
imgr[0] = &quot;http://i43.tinypic.com/orpg0m.jpg&quot;;&lt;br /&gt;
imgr[1] = &quot;http://i43.tinypic.com/orpg0m.jpg&quot;;&lt;br /&gt;
imgr[2] = &quot;http://i43.tinypic.com/orpg0m.jpg&quot;;&lt;br /&gt;
imgr[3] = &quot;http://i43.tinypic.com/orpg0m.jpg&quot;;&lt;br /&gt;
imgr[4] = &quot;http://i43.tinypic.com/orpg0m.jpg&quot;;&lt;br /&gt;
showRandomImg = true;&lt;br /&gt;
&lt;span style=&quot;color: cyan;&quot;&gt;boxwidth = 300&lt;/span&gt;;&lt;br /&gt;
cellspacing = 6;&lt;br /&gt;
borderColor = &quot;#232c35&quot;;&lt;br /&gt;
bgTD = &quot;#000000&quot;;&lt;br /&gt;
thumbwidth = 60;&lt;br /&gt;
thumbheight = 60;&lt;br /&gt;
fntsize = 12;&lt;br /&gt;
acolor = &quot;#666&quot;;&lt;br /&gt;
aBold = true;&lt;br /&gt;
icon = &quot; &quot;;&lt;br /&gt;
text = &quot;&lt;span style=&quot;color: lime;&quot;&gt;Reply(s)&lt;/span&gt;&quot;;&lt;br /&gt;
showPostDate = false;&lt;br /&gt;
summaryPost = 40;&lt;br /&gt;
summaryFontsize = 10;&lt;br /&gt;
summaryColor = &quot;#666&quot;;&lt;br /&gt;
icon2 = &quot; &quot;;&lt;br /&gt;
&lt;span style=&quot;color: purple;&quot;&gt;numposts = 10&lt;/span&gt;;&lt;br /&gt;
home_page = &quot; &lt;span style=&quot;color: blue;&quot;&gt;http://kuc0pas.blogspot.com/&lt;/span&gt; &quot;;&lt;br /&gt;
&lt;span style=&quot;color: magenta;&quot;&gt;limitspy=5&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: orange;&quot;&gt;intervalspy=5000&lt;/span&gt;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div id=&quot;spylist&quot;&amp;gt;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;lt;script type=&#39;text/javascript&#39;&amp;gt;&lt;br /&gt;
//&amp;lt;![CDATA[&lt;br /&gt;
jQuery(function(){jQuery(&quot;ul.spy&quot;).simpleSpy(limitspy,intervalspy).bind(&quot;mouseenter&quot;,function(){jQuery(this).trigger(&quot;stop&quot;)}).bind(&quot;mouseleave&quot;,function(){jQuery(this).trigger(&quot;start&quot;)})});(function(e){e.fn.simpleSpy=function(f,g){f=f||4;g=g||5000;return this.each(function(){var l=e(this),k=true,i=[],m=f,o=0,h=l.find(&quot;&amp;gt; li:first&quot;).height();l.find(&quot;&amp;gt; li&quot;).each(function(){i.push(&quot;&amp;lt;li&amp;gt;&quot;+e(this).html()+&quot;&amp;lt;/li&amp;gt;&quot;)});o=i.length;l.wrap(&#39;&amp;lt;div class=&quot;spyWrapper&quot; /&amp;gt;&#39;).parent().css({height:h*f});l.find(&quot;&amp;gt; li&quot;).filter(&quot;:gt(&quot;+(f-1)+&quot;)&quot;).remove();l.bind(&quot;stop&quot;,function(){k=false}).bind(&quot;start&quot;,function(){k=true});function n(){if(k){var p=e(i[m]).css({height:0,opacity:0,display:&quot;none&quot;}).prependTo(l);l.find(&quot;&amp;gt; li:last&quot;).animate({opacity:0},1000,function(){p.animate({height:h},1000).animate({opacity:1},1000);e(this).remove()});m++;if(m&amp;gt;=o){m=0}}setTimeout(n,g)}n()})}})(jQuery);function showrecentposts(z){document.write(&#39;&amp;lt;ul class=&quot;spy&quot;&amp;gt;&#39;);j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var o=0;o&amp;lt;numposts;o++){var w=z.feed.entry[o];var g=w.title.$t;var f;var p;if(o==z.feed.entry.length){break}for(var l=0;l&amp;lt;w.link.length;l++){if(w.link[l].rel==&quot;alternate&quot;){p=w.link[l].href;break}}for(var l=0;l&amp;lt;w.link.length;l++){if(w.link[l].rel==&quot;replies&quot;&amp;amp;&amp;amp;w.link[l].type==&quot;text/html&quot;){f=w.link[l].title.split(&quot; &quot;)[0];break}}if(&quot;content&quot; in w){var r=w.content.$t}else{if(&quot;summary&quot; in w){var r=w.summary.$t}else{var r=&quot;&quot;}}postdate=w.published.$t;if(j&amp;gt;imgr.length-1){j=0}img[o]=imgr[j];s=r;a=s.indexOf(&quot;&amp;lt;img&quot;);b=s.indexOf(&#39;src=&quot;&#39;,a);c=s.indexOf(&#39;&quot;&#39;,b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&amp;amp;&amp;amp;(b!=-1)&amp;amp;&amp;amp;(c!=-1)&amp;amp;&amp;amp;(d!=&quot;&quot;)){img[o]=d}cmtext=(text!=&quot;no&quot;)?&#39;&amp;lt;i&amp;gt;&amp;lt;font color=&quot;&#39;+acolor+&#39;&quot;&amp;gt;(&#39;+f+&quot; &quot;+text+&quot;)&amp;lt;/font&amp;gt;&amp;lt;/i&amp;gt;&quot;:&quot;&quot;;var q=[1,2,3,4,5,6,7,8,9,10,11,12];var x=[&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&quot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quot;Jul&quot;,&quot;Aug&quot;,&quot;Sep&quot;,&quot;Oct&quot;,&quot;Nov&quot;,&quot;Dec&quot;];var u=postdate.split(&quot;-&quot;)[2].substring(0,2);var h=postdate.split(&quot;-&quot;)[1];var t=postdate.split(&quot;-&quot;)[0];for(var e=0;e&amp;lt;q.length;e++){if(parseInt(h)==q[e]){h=x[e];break}}var n=(showPostDate)?&#39;&amp;lt;i&amp;gt;&amp;lt;font color=&quot;&#39;+acolor+&#39;&quot;&amp;gt; (&#39;+u+&quot; &quot;+h+&quot; &quot;+t+&quot;)&amp;lt;/font&amp;gt;&amp;lt;/i&amp;gt;&quot;:&quot;&quot;;g=(aBold)?&quot;&amp;lt;b&amp;gt;&quot;+g+&quot;&amp;lt;/b&amp;gt;&quot;:g;var v=&#39;&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&#39;+p+&#39;&quot;&amp;gt;&amp;lt;img src=&quot;&#39;+img[o]+&#39;&quot; width=&quot;&#39;+thumbwidth+&#39;&quot; height=&quot;&#39;+thumbheight+&#39;&quot; class=&quot;recent-thumb&quot;/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;a href=&quot;&#39;+p+&#39;&quot; class=&quot;recent-link&quot;&amp;gt;&#39;+g+&#39;&amp;lt;/a&amp;gt;&amp;lt;div class=&quot;spydate&quot;&amp;gt;&#39;+n+&#39;&amp;lt;/div&amp;gt;&amp;lt;div class=&quot;spycomment&quot;&amp;gt;&#39;+cmtext+&quot;&amp;lt;/div&amp;gt;&quot;;document.write(v);j++}document.write(&quot;&amp;lt;/ul&amp;gt;&quot;)}document.write(&#39;&amp;lt;script src=&quot;&#39;+home_page+&quot;feeds/posts/default?max-results=&quot;+numposts+&#39;&amp;amp;orderby=published&amp;amp;alt=json-in-script&amp;amp;callback=showrecentposts&quot;&amp;gt;&amp;lt;\/script&amp;gt;&#39;);&lt;br /&gt;
//]]&amp;gt;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
4. Langkah yang terakhir. Setelah semua kode script di masukkan ke dalam kotak &lt;b&gt;HTML/JavaScript&lt;/b&gt;, silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;Simpan&lt;/b&gt; dan lihat hasilnya pada halaman widget blog sobat sudah terpasang widget recent post thumbnail gambar bergerak slide ke bawah.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Keterangan:&lt;/b&gt;&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Ganti &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;http://kuc0pas.blogspot.com/&lt;/span&gt;&lt;/b&gt; dengan URL blog sobat. Pastikan ada tanda slash ( / ) di belakang url blog.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: lime;&quot;&gt;Reply(s)&lt;/span&gt;&lt;/b&gt; adalah &lt;b&gt;teks jumlah komentar&lt;/b&gt;, ganti Reply(s) sesuai dengan keinginan sobat, misalnya: komentar, comment, dan lain sebagainya.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: cyan;&quot;&gt;boxwidth = 300&lt;/span&gt;&lt;/b&gt; adalah &lt;b&gt;ukuran Lebar widget&lt;/b&gt; dalam pixel (px), ganti nilainya sesuai dengan lebar sidebar blog sobat.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: purple;&quot;&gt;numposts = 10&lt;/span&gt;&lt;/b&gt; adalah &lt;b&gt;Jumlah posting terbaru&lt;/b&gt; yang akan muncul di blog sobat, ganti nilainya sesuai keinginan dengan keinginan sobat.&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: magenta;&quot;&gt;&lt;b&gt;limitspy=5&lt;/b&gt;&lt;/span&gt; adalah &lt;b&gt;Jumlah posting terbaru dalam sekali tampilan&lt;/b&gt;, ganti nilainya sesuai dengan keinginan sobat.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: orange;&quot;&gt;intervalspy=5000&lt;/span&gt;&lt;/b&gt; adalah &lt;b&gt;kecepatan scroll, spy atau slide&lt;/b&gt; dalam milisecond (ms), silahkan sobat ganti nilainya untuk mengatur kecepatannya. Tambah untuk lambat, Kurang untuk cepat.&lt;/li&gt;
&lt;/ul&gt;
Sampai di sini saya kira sobat pasti sudah faham tentang &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-recent-post-thumbnail.html&quot;&gt;Cara Membuat Recent Post Thumbnail Gambar Bergerak Slide Di Blog&lt;/a&gt;&lt;/b&gt;. Namun bila sobat masih mengalami kesulitan, silahkan bertanya pada form komentar yang tersedia. Semoga artikel posting yang saya share ini bisa sangat bermanfaat bagi sobat KUCOPAS semua.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/7264763116798560455/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2012/09/cara-membuat-recent-post-thumbnail.html#comment-form' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/7264763116798560455'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/7264763116798560455'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2012/09/cara-membuat-recent-post-thumbnail.html' title='Cara Membuat Recent Post Thumbnail Gambar Bergerak Slide Di Blog'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKnwQZvgfGaZRwfVGdY4LDnUu0kGWJfPiCdJY27412-lgZJAGKvVQ1GPiKh_F6KzUFZrR351yD0-xl6Rx63S1dYncsuYWPoLWOJDCE8b1ru3qdv0UU_9m9Skgs8bR49wM_y3O2SjaIez5a/s72-c/Cara+Membuat+Recent+Post+Thumbnail+Gambar+Bergerak+Slide+Di+Blog.jpg" height="72" width="72"/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-4133906735374459847</id><published>2012-09-11T13:09:00.001+07:00</published><updated>2014-04-11T11:22:33.245+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="kursor"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><title type='text'>Cara Membuat Kursor Mouse Di Ikuti Teks Atau Tulisan Di Blog</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-kursor-mouse-di-ikuti-teks.html&quot;&gt;Cara Membuat Kursor Mouse Di Ikuti Teks Atau Tulisan Di Blog&lt;/a&gt;&lt;/b&gt;. Kali ini saya akan berbagi trik kembali tentang artikel posting yang berhubungan dengan pernak-pernik blog, yaitu cara membuat dan memasang kursor mouse di ikuti teks atau tulisan di blog.&lt;br /&gt;
&lt;br /&gt;
Efek dari trik yang saya share ini adalah sebuah teks atau tulisan akan mengikuti kursor mouse ketika kursor mouse di gerakkan ke arah manapun dalam blog. Teks atau tulisan yang mengikuti kursor mouse ini mempunyai efek berputar serta mengikuti arah kemanapun kursor mouse akan digerakkan.&lt;br /&gt;
&lt;br /&gt;
Hebatnya lagi, teks atau tulisan yang mengikuti kursor mouse dalam blog ini bisa di ganti dengan teks atau tulisan seperti yang sobat inginkan, warna dari teks juga bisa di atur sesuai dengan keinginan sobat. Untuk melihat bagaimana contoh dan hasilnya, silahkan sobat bisa masuk ke blog &lt;a href=&quot;http://demokucopas.blogspot.com/&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt; dan lihatlah dibagian kursor mouse akan di ikuti teks pada blog tersebut.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-kursor-mouse-di-ikuti-teks.html&quot;&gt;&lt;img alt=&quot;Cara Membuat Kursor Mouse Di Ikuti Teks Atau Tulisan Di Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkYARZyYNfVPuGeLGnCtgbCXAsEmKZrO-63pQBQKzZueRK5NT5IH7QBxI18z2s3vYQevmZOnP2RT5lmN_5T9hT9MOu201Q5cmFD3o8QhDDUcHiHqKTww4iprncAfVebIbuWzRkyFEZT92K/s1600/Cara+Membuat+Kursor+Mouse+Di+Ikuti+Teks+Atau+Tulisan+Di+Blog.jpg&quot; title=&quot;Cara Membuat Kursor Mouse Di Ikuti Teks Atau Tulisan Di Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;a href=&quot;http://demokucopas.blogspot.com/&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;br /&gt;
Cara pemasangan kode kursor mouse di ikuti teks diblog sangatlah mudah, karena sobat hanya akan memasukkan kode script pada kotak HTML/JavaScript dalam Tata Letak blog. Dan tentunya sobat tidak usah susah-susah untuk Edit HTML dalam Template blog sobat yang mungkin akan jadi sangat rumit dan memakan banyak waktu.&lt;br /&gt;
&lt;br /&gt;
Jika sobat tertarik ingin membuat dan memasang kursor mouse di ikuti teks atau tulisan di blog sobat, silahkan ikuti langkah-langkahnya sebagai berikut:&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;Langkah yang pertama. Silahkan sobat &amp;gt;&amp;gt; &lt;b&gt;Masuk/Login&lt;/b&gt; &amp;gt;&amp;gt; &lt;b&gt;ke Blogger.com&lt;/b&gt; menggunakan akun sobat.&lt;/li&gt;
&lt;li&gt;Pada &lt;b&gt;Dashboard&lt;/b&gt; tampilan blogger baru, pilih dan klik Menu &amp;gt;&amp;gt; &lt;b&gt;Tata Letak&lt;/b&gt; &amp;gt;&amp;gt; pilih posisi dan klik &amp;gt;&amp;gt; &lt;b&gt;Tambah Gadget&lt;/b&gt; &amp;gt;&amp;gt; pilih &amp;gt;&amp;gt; &lt;b&gt;HTML/JavaScript&lt;/b&gt; lalu klik tanda &lt;b&gt;+&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Kemudian silahkan sobat &lt;b&gt;masukkan semua Kode Script&lt;/b&gt; berikut kedalam kotak &lt;b&gt;HTML/JavaScript&lt;/b&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; style=&quot;font-size: 12px; margin: 0px; padding: 0px; width: 80px;&quot; type=&quot;button&quot; value=&quot;Buka Kode&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
&amp;lt;style type=&quot;text/css&quot;&amp;gt;&lt;br /&gt;
#outerCircleText {&lt;br /&gt;
font-style: italic;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
font-family: &#39;comic sans ms&#39;, verdana, arial;&lt;br /&gt;
color: &lt;span style=&quot;color: red;&quot;&gt;#FF0000&lt;/span&gt;;&lt;br /&gt;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}&lt;br /&gt;
#outerCircleText div {position: relative;}&lt;br /&gt;
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;br /&gt;
;(function(){&lt;br /&gt;
var msg = &quot;&lt;span style=&quot;color: blue;&quot;&gt;Blog Kucopas&lt;/span&gt;&quot;;&lt;br /&gt;
var size = 24;&lt;br /&gt;
var circleY = 0.75; var circleX = 2;&lt;br /&gt;
var letter_spacing = 5;&lt;br /&gt;
var diameter = 10;&lt;br /&gt;
var rotation = 0.4;&lt;br /&gt;
var speed = 0.3;&lt;br /&gt;
&lt;br /&gt;
if (!window.addEventListener &amp;amp;&amp;amp; !window.attachEvent || !document.createElement) return;&lt;br /&gt;
&lt;br /&gt;
msg = msg.split(&#39;&#39;);&lt;br /&gt;
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,&lt;br /&gt;
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],&lt;br /&gt;
o = document.createElement(&#39;div&#39;), oi = document.createElement(&#39;div&#39;),&lt;br /&gt;
b = document.compatMode &amp;amp;&amp;amp; document.compatMode != &quot;BackCompat&quot;? document.documentElement : document.body,&lt;br /&gt;
&lt;br /&gt;
mouse = function(e){&lt;br /&gt;
e = e || window.event;&lt;br /&gt;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position&lt;br /&gt;
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position&lt;br /&gt;
},&lt;br /&gt;
&lt;br /&gt;
makecircle = function(){ // rotation/positioning&lt;br /&gt;
if(init.nopy){&lt;br /&gt;
o.style.top = (b || document.body).scrollTop + &#39;px&#39;;&lt;br /&gt;
o.style.left = (b || document.body).scrollLeft + &#39;px&#39;;&lt;br /&gt;
};&lt;br /&gt;
currStep -= rotation;&lt;br /&gt;
for (var d, i = n; i &amp;gt; -1; --i){ // makes the circle&lt;br /&gt;
d = document.getElementById(&#39;iemsg&#39; + i).style;&lt;br /&gt;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + &#39;px&#39;;&lt;br /&gt;
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + &#39;px&#39;;&lt;br /&gt;
};&lt;br /&gt;
},&lt;br /&gt;
&lt;br /&gt;
drag = function(){ // makes the resistance&lt;br /&gt;
y[0] = Y[0] += (ymouse - Y[0]) * speed;&lt;br /&gt;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;&lt;br /&gt;
for (var i = n; i &amp;gt; 0; --i){&lt;br /&gt;
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;&lt;br /&gt;
x[i] = X[i] += (x[i-1] - X[i]) * speed;&lt;br /&gt;
};&lt;br /&gt;
makecircle();&lt;br /&gt;
},&lt;br /&gt;
&lt;br /&gt;
init = function(){ // appends message divs, &amp;amp; sets initial values for positioning arrays&lt;br /&gt;
if(!isNaN(window.pageYOffset)){&lt;br /&gt;
ymouse += window.pageYOffset;&lt;br /&gt;
xmouse += window.pageXOffset;&lt;br /&gt;
} else init.nopy = true;&lt;br /&gt;
for (var d, i = n; i &amp;gt; -1; --i){&lt;br /&gt;
d = document.createElement(&#39;div&#39;); d.id = &#39;iemsg&#39; + i;&lt;br /&gt;
d.style.height = d.style.width = a + &#39;px&#39;;&lt;br /&gt;
d.appendChild(document.createTextNode(msg[i]));&lt;br /&gt;
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;&lt;br /&gt;
};&lt;br /&gt;
o.appendChild(oi); document.body.appendChild(o);&lt;br /&gt;
setInterval(drag, 25);&lt;br /&gt;
},&lt;br /&gt;
&lt;br /&gt;
ascroll = function(){&lt;br /&gt;
ymouse += window.pageYOffset;&lt;br /&gt;
xmouse += window.pageXOffset;&lt;br /&gt;
window.removeEventListener(&#39;scroll&#39;, ascroll, false);&lt;br /&gt;
};&lt;br /&gt;
&lt;br /&gt;
o.id = &#39;outerCircleText&#39;; o.style.fontSize = size + &#39;px&#39;;&lt;br /&gt;
&lt;br /&gt;
if (window.addEventListener){&lt;br /&gt;
window.addEventListener(&#39;load&#39;, init, false);&lt;br /&gt;
document.addEventListener(&#39;mouseover&#39;, mouse, false);&lt;br /&gt;
document.addEventListener(&#39;mousemove&#39;, mouse, false);&lt;br /&gt;
if (/Apple/.test(navigator.vendor))&lt;br /&gt;
window.addEventListener(&#39;scroll&#39;, ascroll, false);&lt;br /&gt;
}&lt;br /&gt;
else if (window.attachEvent){&lt;br /&gt;
window.attachEvent(&#39;onload&#39;, init);&lt;br /&gt;
document.attachEvent(&#39;onmousemove&#39;, mouse);&lt;br /&gt;
};&lt;br /&gt;
&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
4. Langkah yang terakhir. Setelah sobat selesai masukkan semua kode script kedalam kotak &lt;b&gt;HTML/JavaScript&lt;/b&gt;, silahkan sobat klik &amp;gt;&amp;gt; &lt;b&gt;Simpan&lt;/b&gt; dan lihat hasilnya pada semua halaman blog sobat, Kursor mouse akan di ikuti teks kemanapun arah kursor itu di gerakkan pada halaman blog sobat.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Keterangan:&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;color: red;&quot;&gt;&lt;b&gt;#FF0000&lt;/b&gt;&lt;/span&gt; adalah Kode warna Teks atau tulisan yang mengikuti kursor mouse, silahkan sobat ganti dengan kode warna yang lain sesuai dngan keinginan sobat. &lt;b&gt;Kode warna HTML&lt;/b&gt; bisa di lihat pada artikel &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/05/kode-warna-html.html&quot; target=&quot;_blank&quot;&gt;Daftar Kode warna HTML&lt;/a&gt;&lt;/b&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;BIRU&lt;/span&gt;&lt;/b&gt; adalah Teks yang mengikuti kursor mouse, silahkan ganti dengan Teks atau tulisan seperti yang sobat inginkan.&lt;/li&gt;
&lt;/ul&gt;
Selamat bagi sobat yang sudah berhasil membuat dan memasang kursor mouse di ikuti teks atau tulisan di blog. Jika sobat menemui kesulitan, silahkan bertanya pada form komentar yang sudah tersedia dan jika ada waktu luang saya akan dengan senang hati membalasnya.&lt;br /&gt;
&lt;br /&gt;
Demikian tutorial ringan tentang trik &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-kursor-mouse-di-ikuti-teks.html&quot;&gt;Cara Membuat Kursor Mouse Di Ikuti Teks Atau Tulisan Di Blog&lt;/a&gt;&lt;/b&gt; yang telah saya share, semoga bisa bermanfaat untuk sobat KUCOPAS semua.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/4133906735374459847/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2012/09/cara-membuat-kursor-mouse-di-ikuti-teks.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/4133906735374459847'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/4133906735374459847'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2012/09/cara-membuat-kursor-mouse-di-ikuti-teks.html' title='Cara Membuat Kursor Mouse Di Ikuti Teks Atau Tulisan Di Blog'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkYARZyYNfVPuGeLGnCtgbCXAsEmKZrO-63pQBQKzZueRK5NT5IH7QBxI18z2s3vYQevmZOnP2RT5lmN_5T9hT9MOu201Q5cmFD3o8QhDDUcHiHqKTww4iprncAfVebIbuWzRkyFEZT92K/s72-c/Cara+Membuat+Kursor+Mouse+Di+Ikuti+Teks+Atau+Tulisan+Di+Blog.jpg" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-5599308197104510158</id><published>2012-09-11T01:55:00.000+07:00</published><updated>2014-04-11T11:22:33.293+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="menu"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><category scheme="http://www.blogger.com/atom/ns#" term="widget"/><title type='text'>Cara Membuat Menu Tab View Tanpa Edit HTML Template Blog</title><content type='html'>&amp;nbsp;&lt;b&gt;&lt;i&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-menu-tab-view-tanpa-edit.html&quot;&gt;Cara Membuat Menu Tab View Tanpa Edit HTML Template Blog&lt;/a&gt;&lt;/i&gt;&lt;/b&gt; - Menu tab view di blog adalah menu yang mempunyai isi widget yang berbeda dalam setiap tab menu, Kurang lebih seperti itulah definisi yang saya ngerti dan pahami tentang menu tab view. Karena di sini saya telah membuat dan memasangnya di blog &lt;a href=&quot;http://demokucopas.blogspot.com/&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt; saya.&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Fungsi dari menu tab view ini juga bisa untuk menghemat tempat dalam penempatan widget-widget yang di pasang di sidebar maupun dimana saja pada tata letak blog. Sebab dalam menu tab view ini bisa di isi dengan tiga widget sekaligus atau lebih dalam satu kotak atau kolom.&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Tampilan dari menu tab view ini sekilas mirip dengan menu-menu yang lain, Namun perbedaanya menu tab view ini yang sering di pasang pada sidebar blog dan mempunyai tampilan yang dinamis dan ringkas. Dalam blog &lt;a href=&quot;http://demokucopas.blogspot.com/&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt; yang saya buat, Menu tab view ini sudah saya isi dengan tiga widget. Diantaranya ada Recent Post (Posting artkel terbaru), Popular Post dan Label Claud (Kategori).&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Ke-unikan dari menu tab view ini adalah semua widget tersebut akan berada pada satu kolom atau kotak, Efeknya yaitu widget akan muncul sesuai dengan tab menu yang sobat klik atau pilih. Hebatnya lagi sobat bisa menggantinya dengan widget-widget yang lain sesuai dengan keinginan sobat.&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Agar sobat tidak bingung dan penasaran lagi tentang bagaimana tampilan dari menu tab view ini, Di sini saya buatkan screenshot gambar dari menu tab view yang saya maksud. Dan sobat juga bisa melihatnya secara langsung pada blog &lt;a href=&quot;http://demokucopas.blogspot.com/&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt; saya.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHT6uwVSYyzgKD0GbmXXBFsWuVYp-73IZHPLbLQ5cW-BoXYX4k8wSccWLeD-qWYjThJ75VZQExPbVV-Qrmik9QirHWK-pbpuAUPwgzaDSKOCyHXq8W2VprWEG2wuIf4VHicLPjBkUZJQSa/s1600/Cara+Membuat+Menu+Tab+View+Tanpa+Edit+HTML+Template+Blog.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Cara Membuat Menu Tab View Tanpa Edit HTML Template Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHT6uwVSYyzgKD0GbmXXBFsWuVYp-73IZHPLbLQ5cW-BoXYX4k8wSccWLeD-qWYjThJ75VZQExPbVV-Qrmik9QirHWK-pbpuAUPwgzaDSKOCyHXq8W2VprWEG2wuIf4VHicLPjBkUZJQSa/s1600/Cara+Membuat+Menu+Tab+View+Tanpa+Edit+HTML+Template+Blog.jpg&quot; title=&quot;Cara Membuat Menu Tab View Tanpa Edit HTML Template Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;a href=&quot;http://demokucopas.blogspot.com/&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;br /&gt;
&amp;nbsp;Cara pemasangan di blog sangatlah mudah, Karena kita tidak usah repot-repot Edit HTML dalam template blog yang mungkin bisa memakan banyak waktu dan kesulitan dalam edit template blog. menu tab view ini nanti akan kita pasang di sidebar blog dengan cukup hanya melalui Tambah Gadget dalam Tata letak.&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Jika sobat tertarik untuk membuat dan memasang menu tab view ini di blog sobat, Silahkan sobat ikuti langkah-langkahnya sebagai berikut:&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;Silahkan sobat &amp;gt;&amp;gt; &lt;b style=&quot;background-color: lime;&quot;&gt;Login/Masuk&lt;/b&gt; &amp;gt;&amp;gt; &lt;b style=&quot;background-color: lime;&quot;&gt;ke Blog&lt;/b&gt; sobat. &lt;/li&gt;
&lt;li&gt;Pada &lt;b style=&quot;background-color: lime;&quot;&gt;&quot;Dashboard&quot;&lt;/b&gt; tampilan blog baru, Sobat pilih dan klik Menu &amp;gt;&amp;gt; &lt;b style=&quot;background-color: lime;&quot;&gt;Tata Letak&lt;/b&gt; &amp;gt;&amp;gt; kemudian klik &amp;gt;&amp;gt; &lt;b style=&quot;background-color: lime;&quot;&gt;Tambah Gadget&lt;/b&gt; &amp;gt;&amp;gt; Lalu pilih dan klik tanda &lt;b style=&quot;background-color: lime;&quot;&gt;+&lt;/b&gt;&amp;nbsp;pada &amp;gt;&amp;gt; &lt;b style=&quot;background-color: lime;&quot;&gt;HTML/JavaScript&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Langkah selanjutnya, Silahkan sobat &lt;b style=&quot;background-color: lime;&quot;&gt;Masukkan semua kode script&lt;/b&gt; berikut ke dalam kotak&amp;nbsp; &lt;b style=&quot;background-color: lime;&quot;&gt;HTML/JavaScript&lt;/b&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; style=&quot;font-size: 10px; margin: 0px; padding: 0px; width: 60px;&quot; type=&quot;button&quot; value=&quot;Buka Kode&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
&amp;lt;style type=&quot;text/css&quot;&amp;gt;&lt;br /&gt;
div.TabView div.Tabs&lt;br /&gt;
{height: 30px;overflow: hidden}&lt;br /&gt;
div.TabView div.Tabs a {float:left; display:block; &lt;span style=&quot;color: red;&quot;&gt;width: 83px;&lt;/span&gt; &lt;span style=&quot;color: orange;&quot;&gt;/* Lebar Menu Utama Atas */&lt;/span&gt;&lt;br /&gt;
text-align:center ; &lt;span style=&quot;color: red;&quot;&gt;height: 30px;&lt;/span&gt; &lt;span style=&quot;color: orange;&quot;&gt;/* Tinggi Menu Utama Atas */&lt;/span&gt;&lt;br /&gt;
padding-top:8px; vertical-align:middle; border:1px solid &lt;span style=&quot;color: red;&quot;&gt;#BDBDBD;&lt;/span&gt; &lt;span style=&quot;color: orange;&quot;&gt;/* Warna border Menu Atas */&lt;/span&gt;&lt;br /&gt;
border-bottom-width:0; text-decoration: none; font-family: &quot;Verdana&quot;, Serif; &lt;span style=&quot;color: orange;&quot;&gt;/* Font Menu Utama Atas */&lt;/span&gt;&lt;br /&gt;
font-weight:bold; color:&lt;span style=&quot;color: red;&quot;&gt;#000000;&lt;/span&gt; &lt;span style=&quot;color: orange;&quot;&gt;/* Warna Font Menu Utama Atas */&lt;/span&gt; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}&lt;br /&gt;
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: &lt;span style=&quot;color: red;&quot;&gt;#3d85c6;&lt;/span&gt; &lt;span style=&quot;color: orange;&quot;&gt;/* Warna background Menu Utama Atas */&lt;/span&gt; }&lt;br /&gt;
div.TabView div.Pages {clear:both; border:1px solid &lt;span style=&quot;color: red;&quot;&gt;#BDBDBD; &lt;/span&gt;&lt;span style=&quot;color: orange;&quot;&gt;/* Warna border Kotak Utama */ &lt;/span&gt;overflow:hidden; background-color:&lt;span style=&quot;color: red;&quot;&gt;#ffffff;&lt;/span&gt; &lt;span style=&quot;color: orange;&quot;&gt;/* Warna background Kotak Utama */&lt;/span&gt; }&lt;br /&gt;
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}&lt;br /&gt;
div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;script type=&#39;text/javascript&#39;&amp;gt;&lt;br /&gt;
//&amp;lt;![CDATA[&lt;br /&gt;
function tabview_aux(TabViewId, id)&lt;br /&gt;
{&lt;br /&gt;
var TabView = document.getElementById(TabViewId);&lt;br /&gt;
// ----- Tabs -----&lt;br /&gt;
var Tabs = TabView.firstChild;&lt;br /&gt;
while (Tabs.className != &quot;Tabs&quot; ) Tabs = Tabs.nextSibling;&lt;br /&gt;
var Tab = Tabs.firstChild;&lt;br /&gt;
var i = 0;&lt;br /&gt;
do&lt;br /&gt;
{&lt;br /&gt;
if (Tab.tagName == &quot;A&quot;)&lt;br /&gt;
{&lt;br /&gt;
i++;&lt;br /&gt;
Tab.href = &quot;javascript:tabview_switch(&#39;&quot;+TabViewId+&quot;&#39;, &quot;+i+&quot;);&quot;;&lt;br /&gt;
Tab.className = (i == id) ? &quot;Active&quot; : &quot;&quot;;&lt;br /&gt;
Tab.blur();&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
while (Tab = Tab.nextSibling);&lt;br /&gt;
// ----- Pages -----&lt;br /&gt;
var Pages = TabView.firstChild;&lt;br /&gt;
while (Pages.className != &#39;Pages&#39;) Pages = Pages.nextSibling;&lt;br /&gt;
var Page = Pages.firstChild;&lt;br /&gt;
var i = 0;&lt;br /&gt;
do&lt;br /&gt;
{&lt;br /&gt;
if (Page.className == &#39;Page&#39;)&lt;br /&gt;
{&lt;br /&gt;
i++;&lt;br /&gt;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+&quot;px&quot;;&lt;br /&gt;
Page.style.overflow = &quot;auto&quot;;&lt;br /&gt;
Page.style.display = (i == id) ? &#39;block&#39; : &#39;none&#39;;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
while (Page = Page.nextSibling);&lt;br /&gt;
}&lt;br /&gt;
// ----- Functions -------------------------------------------------------------&lt;br /&gt;
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }&lt;br /&gt;
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }&lt;br /&gt;
//]]&amp;gt;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;form action=&quot;tabview.html&quot; method=&quot;get&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;TabView&quot; class=&quot;TabView&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div style=&quot;width: 300px;&quot; class=&quot;Tabs&quot;&amp;gt;&lt;br /&gt;
&amp;lt;a&amp;gt;&lt;span style=&quot;color: cyan;&quot;&gt;Terbaru&lt;/span&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;a&amp;gt;&lt;span style=&quot;color: cyan;&quot;&gt;Popular&lt;/span&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;a&amp;gt;&lt;span style=&quot;color: cyan;&quot;&gt;Label&lt;/span&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div style=&quot;&lt;span style=&quot;color: magenta;&quot;&gt;width:255px; height:250px;&lt;/span&gt; &quot; class=&quot;Pages&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&quot;Page&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&quot;Pad&quot;&amp;gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;script src=&quot;http://kucopas.googlecode.com/files/Recent%20Post.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;script&amp;gt;var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; &amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;script src=&quot;&lt;/span&gt;&lt;span style=&quot;color: lime;&quot;&gt;http://kuc0pas.blogspot.com&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;/feeds/posts/default?orderby=published&amp;amp;amp;alt=json-in-script&amp;amp;amp;callback=rp&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;[ &amp;lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-menu-tab-view-tanpa-edit.html&quot; target=&quot;blank&quot;&amp;gt;&amp;lt;b&amp;gt;&amp;lt;font color=&quot;green&quot;&amp;gt;Get Widget&amp;lt;font&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/a&amp;gt; ]&lt;/span&gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&quot;Page&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&quot;Pad&quot;&amp;gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;function getYpipePP(feed) {&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;document.write(&#39;&amp;lt;ol style=&quot;&quot;&amp;gt;&#39;);&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;var i;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;for (i = 0; i &amp;lt; feed.count ; i++)&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;{&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;var href = &quot;&#39;&quot; + feed.value.items[i].link + &quot;&#39;&quot;;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;var pTitle = feed.value.items[i].title;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;var pComment = &quot; (&quot; + feed.value.items[i].commentcount + &quot;)&quot;;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;var pList = &quot;&amp;lt;li&amp;gt;&quot; + &quot;&amp;lt;a href=&quot;+ href + &#39;&quot; target=&quot;_blank&quot;&amp;gt;&#39; + pTitle;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;document.write(pList);&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;document.write(pComment); //to remove comment count delete this line&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;document.write(&#39;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&#39;);&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;document.write(&#39;&amp;lt;/ol&amp;gt;&#39;);&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;script src=&quot;http://pipes.yahoo.com/pipes/pipe.run?&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;YourBlogUrl=&lt;/span&gt;&lt;span style=&quot;color: lime;&quot;&gt;http://kuc0pas.blogspot.com&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;amp;ShowHowMany=10&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;amp;_id=390e906036f48772b2ed4b5d837af4cd&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;amp;_callback=getYpipePP&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;amp;_render=json&quot;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;type=&quot;text/javascript&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&quot;Page&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&quot;Pad&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;w2bFlashContent&quot;&amp;gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;/*&amp;lt;![CDATA[*/&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;var w2bFlashLabelSettings = {&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;blogurl &amp;nbsp; &amp;nbsp; &amp;nbsp; : &quot;&lt;/span&gt;&lt;span style=&quot;color: lime;&quot;&gt;http://kuc0pas.blogspot.com&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;/&quot;, &lt;/span&gt;&lt;span style=&quot;color: orange;&quot;&gt;/* ganti dgn alamat blog sobat */&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;color &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: &quot;000000&quot;, /* warna link menu claud &amp;nbsp;*/&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;hoverColor &amp;nbsp; &amp;nbsp; : &quot;0000FF&quot;, /* hover link menu claud*/&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;backgroundColor: &quot;transparent&quot;, /* &amp;nbsp;background claud*/&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;size &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; : 10, /* ukuran font claud*/&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;speed &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; : 100, /* kecepatan animasi claud*/&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;width &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 210, /* lebar label cloud animasi */&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;height &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; : 200 /* tinggi label cloud animasi */&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;};&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;/*]]&amp;gt;*/&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot; src=&quot;http://kucopas.googlecode.com/files/Label%20Cloud.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/form&amp;gt;&lt;br /&gt;
&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;br /&gt;
tabview_initialize(&#39;TabView&#39;);&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
4. Jika semua kode sudah sobat taruh dalam kotak&amp;nbsp;&lt;b style=&quot;background-color: lime;&quot;&gt;HTML/JavaScript&lt;/b&gt;, Silahkan sobat klik &amp;gt;&amp;gt; &lt;b style=&quot;background-color: lime;&quot;&gt;Simpan&lt;/b&gt; dan lihat hasilnya.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Keterangan:&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Warana &lt;b&gt;&lt;span style=&quot;color: orange;&quot;&gt;ORANGE&lt;/span&gt;&lt;/b&gt; adalah &lt;b style=&quot;background-color: lime;&quot;&gt;keterangan&lt;/b&gt; dari menu tab view, silahkan sobat ganti sesuai dengan keinginan sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;MERAH&lt;/span&gt;&lt;/b&gt; adalah &lt;b style=&quot;background-color: lime;&quot;&gt;kode warna dan ukuran&lt;/b&gt; dari tampilan menu tab view, silahkan sobat ganti sesuai dengan keinginan sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: cyan;&quot;&gt;BIRU MUDA&lt;/span&gt;&lt;/b&gt; adalah &lt;b style=&quot;background-color: lime;&quot;&gt;Judul bagian atas&lt;/b&gt; dari menu tab view.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Warana &lt;b&gt;&lt;span style=&quot;color: magenta;&quot;&gt;PINK&lt;/span&gt;&lt;/b&gt; adalah &lt;b style=&quot;background-color: lime;&quot;&gt;ukuran lebar dan tinggi kotak widget&lt;/b&gt; dari menu tab view.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Warna &lt;span style=&quot;color: blue;&quot;&gt;&lt;b&gt;BIRU&lt;/b&gt;&lt;/span&gt; adalah &lt;b style=&quot;background-color: lime;&quot;&gt;Kode widget yang ditampilkan&amp;nbsp;&lt;/b&gt;&amp;nbsp;(Recent Post, Popular, Label)&amp;nbsp;pada menu tab view, Sobat bisa menggantinya dengan widget blog atau apapun yang sobat inginkan.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: lime;&quot;&gt;HIJAU&lt;/span&gt;&lt;/b&gt; silahkan sobat &lt;b style=&quot;background-color: lime;&quot;&gt;ganti dengan URL blog&lt;/b&gt; sobat.&lt;/li&gt;
&lt;/ul&gt;
&amp;nbsp;Sampai disini saya rasa sobat sudah berhasil membuat dan memasang menu tab view tanpa edit html di blog. Sobat bisa bereksperimen sendiri untuk mendapatkan ukuran maupun tampilan warna dari menu tab view tersebut agar menjadi seperti yang sobat inginkan.&amp;nbsp;Jika sobat menemui kesulitan, Silahkan bertanya dalam form komentar.&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Semoga artikel tutorial blog tentang &lt;i&gt;cara membuat menu tab view tanpa edit html template blog&lt;/i&gt; ini bisa sangat bermanfaat bagi sobat &lt;b&gt;KUCOPAS&lt;/b&gt; semua. Happy Blogging...&lt;br /&gt;
&lt;hr /&gt;
&lt;div align=&quot;center&quot;&gt;
| Supported by &lt;a href=&quot;http://kuc0pas.blogspot.com/&quot;&gt; &lt;span style=&quot;color: lime;&quot; title=&quot;KUCOPAS&quot;&gt;http://kuc0pas.blogspot.com&lt;/span&gt;&lt;/a&gt; | &lt;/div&gt;
&lt;hr /&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/5599308197104510158/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2012/09/cara-membuat-menu-tab-view-tanpa-edit.html#comment-form' title='11 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/5599308197104510158'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/5599308197104510158'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2012/09/cara-membuat-menu-tab-view-tanpa-edit.html' title='Cara Membuat Menu Tab View Tanpa Edit HTML Template Blog'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHT6uwVSYyzgKD0GbmXXBFsWuVYp-73IZHPLbLQ5cW-BoXYX4k8wSccWLeD-qWYjThJ75VZQExPbVV-Qrmik9QirHWK-pbpuAUPwgzaDSKOCyHXq8W2VprWEG2wuIf4VHicLPjBkUZJQSa/s72-c/Cara+Membuat+Menu+Tab+View+Tanpa+Edit+HTML+Template+Blog.jpg" height="72" width="72"/><thr:total>11</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5680454114530316294.post-3617042488048137577</id><published>2012-09-08T14:07:00.001+07:00</published><updated>2014-04-11T11:22:33.207+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="screensaver"/><category scheme="http://www.blogger.com/atom/ns#" term="TUTORIAL BLOG"/><title type='text'>Cara Membuat Dan Memasang Screensaver Di Blog</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;KUCOPAS - &lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-dan-memasang-screensaver.html&quot;&gt;Cara Membuat Dan Memasang Screensaver Di Blog&lt;/a&gt;&lt;/b&gt;. Kali ini saya akan share kembali artikel posting trik blog tentang cara mudah membuat dan memasang screensaver di blog. Sebenarnya dulu sudah lama sekali sekitar satu tahun yang lalu saya sudah pernah share artikel ini, namun karena ada kendala dan perbaikan dalam template blog saya, akhirnya artikel ini hanya saya simpan dalam draf dan kini akan saya perbarui lagi.&lt;br /&gt;
&lt;br /&gt;
Sekedar pengertian untuk sobat semua, memasang Screensaver diblog ini hanyalah semacam pernak-pernik untuk mempercantik tampilan blog. Fungsinya adalah semacam Energy Saving Mode yang menggunakan CSS dan efeknya bisa terlihat saat bila mouse pointer di diamkan atau tidak digerakkan, maka screensaver ini akan muncul untuk menutupi halaman blog yang dibuka pada layar komputer atau laptop. Namun bila mouse digerakkan, maka screensaver ini akan menghilang dengan gerakan memutar dan terbuka lagi halaman blog tersebut.&lt;br /&gt;
&lt;br /&gt;
Trik membuat dan memasang Screensaver dengan CSS di blog ini saya dapat dari sobat Teja HTC, namun kode CSS-nya saya modifikasi sedikit. Untuk mengetahui tampilanya screensaver di blog ini seperti apa, kurang lebih seperti gambar screenshot berikut di bawah ini.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-dan-memasang-screensaver.html&quot;&gt;&lt;img alt=&quot;Cara Membuat Dan Memasang Screensaver Di Blog&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQf8eYNdTh0wMj2VuZod4VFDaLRZncGPl0QGGQjffsIxNIih-q_-fbtYTZvZvfPLqmkgtiglbbKoVGsEGcm0xhkzkPmf3Hhz06OP3mo1ZWsObJKm1nudcLJJtpMrOUNqzs0EkwaatKWRO1/s1600/Cara+Membuat+Dan+Memasang+Screensaver+Di+Blog.jpg&quot; title=&quot;Cara Membuat Dan Memasang Screensaver Di Blog&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;b style=&quot;font-size: x-large;&quot;&gt;&lt;a href=&quot;http://demokucopas.blogspot.com/&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/b&gt;&lt;/div&gt;
&lt;br /&gt;
Cara pemasangannya diblog sangatlah mudah, karena tanpa Edit HTML dalam template blog sobat. Jika sobat tertarik untuk membuat dan memasang screensaver dengan CSS ini diblog sobat, silahkan sobat ikuti langkah-langkahnya sebagai berikut.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cara Membuat Dan Memasang Screensaver Di Blog&lt;/b&gt;&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;Silahkan sobat &amp;gt;&amp;gt; &lt;b&gt;Masuk/Login&lt;/b&gt; &amp;gt;&amp;gt; Ke &lt;b&gt;&lt;a href=&quot;http://blogger.com/&quot; target=&quot;_blank&quot;&gt;Blogger.com&lt;/a&gt;&lt;/b&gt; menggunakan akun sobat. &lt;/li&gt;
&lt;li&gt;Pada &lt;b&gt;Dashboard&lt;/b&gt; tampilan blogger baru, pilih dan klik menu &amp;gt;&amp;gt; &lt;b&gt;Tata Letak&lt;/b&gt; &amp;gt;&amp;gt; klik &amp;gt;&amp;gt; &lt;b&gt;Tambah Gadget&lt;/b&gt; &amp;gt;&amp;gt; Pilih dan klik &amp;gt;&amp;gt; &lt;b&gt;HTML/JavaScript&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;Kemudian &lt;b&gt;Masukkan semua Kode CSS&lt;/b&gt; berikut pada kotak &lt;b&gt;HTML/JavaScript&lt;/b&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; style=&quot;font-size: 12px; margin: 0px; padding: 0px; width: 80px;&quot; type=&quot;button&quot; value=&quot;Buka Kode&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;style type=&quot;text/css&quot;&amp;gt;body .saving{position: fixed;width: 100%;top: 0;left:0;height: 100%;opacity: 0.98;filter: &amp;nbsp;alpha(opacity=98);-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=98)&quot;;background: #000;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=0)&quot;;background: #0a7f01;border-bottom: 5px solid #333;-o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width: 92%;background: transparent;font-size: 100px;font-family: &quot;Serif&quot;, Times New Roman;color: #FF0000;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, &amp;nbsp; 2px -10px 10px #f10;position: relative;margin-top: 200px;line-height: 20px;font-weight: bold;text-align: center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s;}body:hover .saving p.esm1{font-size: 10px;color: red;width: 25%;margin: 340px 0 0 300px;padding: 25px;background: #aaa;border: 20px solid #888;border-radius: 170px;-moz-border-radius: 170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=50)&quot;;display: block;text-align: center;width: 300px;margin: -10px auto; font-weight: normal;padding: 2px 8px;background: #000;border: 1px solid #333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow: none;font-family: Arial, Helvetica, sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding: 0;}.saving p span.esm3{color: #ccc;font-family: &quot;Tahoma&quot;, Arial, Helvetica;display: block;margin:10px auto;background: url http://i964.photobucket.com/albums/ae124...) left center repeat-x;background: -moz-linear-gradient(top,#666,#111);background: -webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));opacity: 0.6;filter: alpha(opacity=60);-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=60)&quot;;width: 250px;text-shadow: 1px 1px 1px #000;border: 1px solid #333;border-radius: 4px;padding:2px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;font-weight: normal;line-height: 16px;}.saving .by_kucopas {margin-left: 30px;text-align: center;color: #015828;font-size: 12px;font-weight: normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left: 0;}.saving .by_kucopas span.esm4 {color: #aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost {width:210px;overflow: hidden;height: 327px;float: right;margin-top: 10px;padding: 4px 2px;background: transparent;border: 1px solid transparent;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out;}&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;div class=&#39;saving&#39;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;p class=&#39;esm1&#39;&amp;gt;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;color: lime;&quot;&gt;KUCOPAS&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;br/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;span class=&#39;esm2&#39;&amp;gt;Energy Saving Mode using CSS3&amp;lt;/span&amp;gt;&amp;lt;br/&amp;gt;&amp;lt;br/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;span class=&#39;esm3&#39;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;Move your mouse to go back to the page!&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;br/&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;Gerakkan mouse anda dan silahkan baca kembali posting kami!&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;div class=&#39;by_kucopas&#39;&amp;gt;Support design by: &amp;lt;span class=&#39;esm4&#39;&amp;gt;KUCOPAS&amp;lt;/span&amp;gt; - September 2012&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;b&gt;Keterangan:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Sobat bisa mengedit kode CSS tersebut dengan catatan bila sudah mahir mengenai kode CSS.&lt;/li&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: lime;&quot;&gt;HIJAU&lt;/span&gt;&lt;/b&gt; silahkan sobat ganti dengan &lt;b&gt;Nama sobat&lt;/b&gt; atau &lt;b&gt;Nama blog&lt;/b&gt; sobat. &lt;/li&gt;
&lt;li&gt;Warna &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;MERAH&lt;/span&gt;&lt;/b&gt; silahkan sobat ganti dengan &lt;b&gt;kata-kata&lt;/b&gt; atau &lt;b&gt;tulisan&lt;/b&gt; sesuai dengan keinginan sobat.&lt;/li&gt;
&lt;/ul&gt;
4. Setelah sobat selesai mengganti dan mengedit kode CSS diatas, jangan lupa kilk &amp;gt;&amp;gt; &lt;b&gt;Simpan&lt;/b&gt; dan nikmati hasil screensaver yang sudah terpasang disemua halaman blog sobat.&lt;br /&gt;
&lt;br /&gt;
Demikian artikel posting ringan tentang trik &lt;b&gt;&lt;a href=&quot;http://kuc0pas.blogspot.com/2012/09/cara-membuat-dan-memasang-screensaver.html&quot;&gt;Cara Membuat Dan Memasang Screensaver Di Blog&lt;/a&gt;&lt;/b&gt; yang dapat saya share, semoga bisa sangat bermanfaat bagi sobat KUCOPAS semua. Happy Blogging...&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://kuc0pas.blogspot.com/feeds/3617042488048137577/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://kuc0pas.blogspot.com/2012/09/cara-membuat-dan-memasang-screensaver.html#comment-form' title='8 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/3617042488048137577'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5680454114530316294/posts/default/3617042488048137577'/><link rel='alternate' type='text/html' href='http://kuc0pas.blogspot.com/2012/09/cara-membuat-dan-memasang-screensaver.html' title='Cara Membuat Dan Memasang Screensaver Di Blog'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06430395479819965511</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQf8eYNdTh0wMj2VuZod4VFDaLRZncGPl0QGGQjffsIxNIih-q_-fbtYTZvZvfPLqmkgtiglbbKoVGsEGcm0xhkzkPmf3Hhz06OP3mo1ZWsObJKm1nudcLJJtpMrOUNqzs0EkwaatKWRO1/s72-c/Cara+Membuat+Dan+Memasang+Screensaver+Di+Blog.jpg" height="72" width="72"/><thr:total>8</thr:total></entry></feed>