// API callback
rp({"version":"1.0","encoding":"UTF-8","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":{"$t":"tag:blogger.com,1999:blog-5680454114530316294"},"updated":{"$t":"2023-07-29T13:25:03.970+07:00"},"category":[{"term":"TUTORIAL BLOG"},{"term":"trik komputer"},{"term":"widget"},{"term":"laptop"},{"term":"menu"},{"term":"slider"},{"term":"kolom"},{"term":"posting"},{"term":"label kategori"},{"term":"tombol share"},{"term":"trik facebook"},{"term":"daftar isi"},{"term":"editing"},{"term":"footer"},{"term":"komentar"},{"term":"link"},{"term":"marquee"},{"term":"recent post"},{"term":"scroll"},{"term":"windows"},{"term":"Anti virus"},{"term":"alexa rank"},{"term":"baterai"},{"term":"handphone"},{"term":"icon"},{"term":"loading blog"},{"term":"related post"},{"term":"template"},{"term":"Scan Blog"},{"term":"animasi"},{"term":"banner"},{"term":"blackberry"},{"term":"buku tamu"},{"term":"contact us"},{"term":"css3"},{"term":"daftar harga"},{"term":"edit video"},{"term":"flash disk"},{"term":"followers"},{"term":"foto slider"},{"term":"harga hp"},{"term":"keyboard"},{"term":"kode js"},{"term":"kode warna html"},{"term":"kursor"},{"term":"permalink"},{"term":"random post"},{"term":"samsung"},{"term":"screensaver"},{"term":"screenshot"},{"term":"share otomatis"},{"term":"spoiler"},{"term":"teks berkedip"},{"term":"trik internet"},{"term":"usb"}],"title":{"type":"text","$t":"KUCOPAS"},"subtitle":{"type":"html","$t":"Blog Trik Untuk Umum"},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/posts\/default"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default?alt=json-in-script\u0026orderby=published"},{"rel":"alternate","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"},{"rel":"next","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default?alt=json-in-script\u0026start-index=26\u0026max-results=25\u0026orderby=published"}],"author":[{"name":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10550878667911983660"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"generator":{"version":"7.00","uri":"http://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"85"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"25"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-26910509825571070"},"published":{"$t":"2014-02-28T18:30:00.000+07:00"},"updated":{"$t":"2014-02-28T18:30:01.121+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"posting"},{"scheme":"http://www.blogger.com/atom/ns#","term":"related post"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"}],"title":{"type":"text","$t":"Cara Membuat Artikel Terkait Di Blog Dengan Scroll"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2014\/02\/cara-membuat-artikel-terkait-di-blog.html\"\u003ECara Membuat Artikel Terkait Di Blog Dengan Scroll\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nKali 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2014\/02\/cara-membuat-artikel-terkait-di-blog.html\"\u003E\u003Cimg alt=\"Cara Membuat Artikel Terkait Di Blog Dengan Fungsi Scroll\" border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-Ncmp95wPn9A\/UxBwZn5Ex_I\/AAAAAAAAAtg\/BtcYNPYPoRM\/s1600\/Cara+Membuat+Artikel+Terkait+Di+Blog+Dengan+Scroll.jpg\" title=\"Cara Membuat Artikel Terkait Di Blog Dengan Fungsi Scroll\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003EKeterangan Gambar:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul style=\"text-align: left;\"\u003E\n\u003Cli\u003ETanda panah \u003Cb\u003E\u003Cspan style=\"color: magenta;\"\u003E\u0026lt;=\u003C\/span\u003E\u003C\/b\u003E\u0026nbsp;warna \u003Cspan style=\"color: magenta;\"\u003E\u003Cb\u003Epink\u003C\/b\u003E\u003C\/span\u003E adalah \u003Cb\u003ETitle dari artikel terkait\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003ETanda panah \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E=\u0026gt;\u003C\/span\u003E\u003C\/b\u003E warna \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003Ebiru\u003C\/span\u003E\u003C\/b\u003E adalah \u003Cb\u003EScroll\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003EKotak \u003Cspan style=\"background-color: red;\"\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp;\u003C\/span\u003E warna \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Emerah\u003C\/span\u003E\u003C\/b\u003E adalah \u003Cb\u003ELabel\/Kategori\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003EKotak \u003Cspan style=\"background-color: yellow;\"\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp;\u003C\/span\u003E warna \u003Cb\u003E\u003Cspan style=\"color: yellow;\"\u003Ekuning\u003C\/span\u003E\u003C\/b\u003E adalah \u003Cb\u003EDaftar list artikel terkait\u003C\/b\u003E berdasarkan masing-masing label\/kategori.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cb\u003ECara Membuat Artikel Terkait Dengan Fungsi Scroll Di Bawah Postingan Blog\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Col style=\"text-align: left;\"\u003E\n\u003Cli\u003ESilahkan sobat langsung \u0026gt;\u0026gt; \u003Cb\u003EMasuk\/Login\u003C\/b\u003E ke \u0026gt;\u0026gt; \u003Cb\u003E\u003Ca href=\"http:\/\/www.blogger.com\/\" target=\"_blank\"\u003EBlogger.com\u003C\/a\u003E\u003C\/b\u003E\u003C\/li\u003E\n\u003Cli\u003EPada Dasbor, pilih Menu \u0026gt;\u0026gt; \u003Cb\u003ETemplate\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003EEdit HTML\u003C\/b\u003E\u003C\/li\u003E\n\u003Cli\u003ECari kode \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E]]\u0026gt;\u0026lt;\/b:skin\u0026gt;\u003C\/span\u003E\u003C\/b\u003E (Gunakan \u003Cb\u003ECTRL+F\u003C\/b\u003E untuk mempermudah pencarian)\u003C\/li\u003E\n\u003Cli\u003ESetelah ketemu, masukkan kode berikut tepat diatas kode \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E]]\u0026gt;\u0026lt;\/b:skin\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003C\/li\u003E\n\u003Chr \/\u003E\n\u003Cspan style=\"color: purple;\"\u003E.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)} \u003C\/span\u003E\u003Chr \/\u003E\n\u003Cli\u003EMasih dalam \u003Cb\u003EEdit HTML\u003C\/b\u003E, cari kode \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E\u0026lt;data:post.body\/\u0026gt;\u003C\/span\u003E\u003C\/b\u003E (Gunakan \u003Cb\u003ECTRL+F\u003C\/b\u003E untuk mempercepat pencarian)\u003C\/li\u003E\n\u003Cli\u003EMasukkan semua kode berikut tepat dibawah kode \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E\u0026lt;data:post.body\/\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003C\/li\u003E\n\u003Chr \/\u003E\n\u0026lt;b:if cond='data:blog.pageType == \u0026amp;quot;item\u0026amp;quot;'\u0026gt; \u0026lt;H2\u0026gt;\u003Cb\u003E\u003Cspan style=\"color: magenta;\"\u003EArtikel Terkait:\u003C\/span\u003E\u003C\/b\u003E\u0026lt;\/H2\u0026gt; \u0026lt;div class='rbbox'\u0026gt; \u0026lt;div style='margin:0; padding:10px;\u003Cspan style=\"color: orange;\"\u003Eheight:200px\u003C\/span\u003E;overflow:auto;border:1px solid #ccc;'\u0026gt; \u0026lt;div id='albri'\/\u0026gt; \u0026lt;script type='text\/javascript'\u0026gt; var homeUrl3 = \u0026amp;quot;\u0026lt;data:blog.homepageUrl\/\u0026gt;\u0026amp;quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; \u003Cspan style=\"color: red;\"\u003EmaxNumberOfPostsPerLabel = 10\u003C\/span\u003E; \u003Cspan style=\"color: green;\"\u003EmaxNumberOfLabels = 3\u003C\/span\u003E; function listEntries10(json) { var ul = document.createElement(\u0026amp;#39;ul\u0026amp;#39;); var maxPosts = (json.feed.entry.length \u0026amp;lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i \u0026amp;lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k \u0026amp;lt; entry.link.length; k++) { if (entry.link[k].rel == \u0026amp;#39;alternate\u0026amp;#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(\u0026amp;#39;li\u0026amp;#39;); var a = document.createElement(\u0026amp;#39;a\u0026amp;#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 \u0026amp;lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == \u0026amp;#39;alternate\u0026amp;#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k\u0026amp;lt;20; k++) label = label.replace(\u0026amp;quot;%20\u0026amp;quot;, \u0026amp;quot; \u0026amp;quot;); var txt = document.createTextNode(label); var h = document.createElement(\u0026amp;#39;b\u0026amp;#39;); h.appendChild(txt); var div1 = document.createElement(\u0026amp;#39;div\u0026amp;#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(\u0026amp;#39;albri\u0026amp;#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(\u0026amp;#39;script\u0026amp;#39;); script.setAttribute(\u0026amp;#39;src\u0026amp;#39;, query + \u0026amp;#39;feeds\/posts\/default\/-\/\u0026amp;#39; + label + \u0026amp;#39;?alt=json-in-script\u0026amp;amp;callback=listEntries10\u0026amp;#39;); script.setAttribute(\u0026amp;#39;type\u0026amp;#39;, \u0026amp;#39;text\/javascript\u0026amp;#39;); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; \u0026lt;b:loop values='data:posts' var='post'\u0026gt; \u0026lt;b:loop values='data:post.labels' var='label'\u0026gt; textLabel = \u0026amp;quot;\u0026lt;data:label.name\/\u0026gt;\u0026amp;quot;; var test = 0; for (var i = 0; i \u0026amp;lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length \u0026amp;lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel \u0026amp;lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } \u0026lt;\/b:loop\u0026gt; \u0026lt;\/b:loop\u0026gt; \u0026lt;\/script\u0026gt; \u0026lt;\/div\u0026gt; \u0026lt;script type='text\/javascript'\u0026gt;RelPost();\u0026lt;\/script\u0026gt; \u0026lt;\/div\u0026gt; \u0026lt;\/b:if\u0026gt; \u003Chr \/\u003E\n\u003Cb\u003ECatatan:\u003C\/b\u003E Apabila pada blog sobat menggunakan Readmore, kode \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E\u0026lt;data:post.body\/\u0026gt;\u003C\/span\u003E\u003C\/b\u003E ada lebih dari satu. Maka letakkan semua kode diatas dibawah kode \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E\u0026lt;data:post.body\/\u0026gt;\u003C\/span\u003E\u003C\/b\u003E paling terakhir.\n\u003Cli\u003ELangkah terakhir klik \u0026gt;\u0026gt; \u003Cb\u003ESimpan\u003C\/b\u003E dan lihat hasilnya pada setiap postingan blog akan terdapat artikel terkait dibawahnya. \u003C\/li\u003E\n\u003C\/ol\u003E\n\u003Cb\u003EKeterangan:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul style=\"text-align: left;\"\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: magenta;\"\u003EArtikel Terkait:\u003C\/span\u003E\u003C\/b\u003E Adalah title, sobat bisa menggantinya dengan title Related Post, Related Article atau juga posting terkait.\u003C\/li\u003E\n\u003Cli\u003E\u003Cspan style=\"color: orange;\"\u003Eheight:200px\u003C\/span\u003E Adalah ukuran tinggi kotak scroll, silahkan sobat ganti nilainya sesuai dengan keinginan sobat.\u003C\/li\u003E\n\u003Cli\u003E\u003Cspan style=\"color: red;\"\u003EmaxNumberOfPostsPerLabel = 10\u003C\/span\u003E Adalah jumlah daftar list artikel terkait berdasarkan label\/kategori yang akan ditampilkan, silahkan sobat ganti nilainya sesuai dengan keinginan sobat.\u003C\/li\u003E\n\u003Cli\u003E\u003Cspan style=\"color: green;\"\u003EmaxNumberOfLabels = 3\u003C\/span\u003E Adalah jumlah label\/kategori yang list daftar artikel terkaitnya akan ditampilkan.\u003C\/li\u003E\n\u003C\/ul\u003E\nDemikian tutorial ringan seputar dunia blogger yang mengulas tentang trik \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2014\/02\/cara-membuat-artikel-terkait-di-blog.html\"\u003ECara Membuat Artikel Terkait Di Blog Dengan Fungsi Scroll\u003C\/a\u003E\u003C\/b\u003E, semoga bisa bermanfaat untuk sobat KUCOPAS semua.\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/26910509825571070\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2014\/02\/cara-membuat-artikel-terkait-di-blog.html#comment-form","title":"10 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/26910509825571070"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/26910509825571070"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10550878667911983660"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/-Ncmp95wPn9A\/UxBwZn5Ex_I\/AAAAAAAAAtg\/BtcYNPYPoRM\/s72-c\/Cara+Membuat+Artikel+Terkait+Di+Blog+Dengan+Scroll.jpg","height":"72","width":"72"},"thr$total":{"$t":"10"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-3715854024567289505"},"published":{"$t":"2013-05-27T20:37:00.000+07:00"},"updated":{"$t":"2014-03-10T00:51:36.013+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"kolom"},{"scheme":"http://www.blogger.com/atom/ns#","term":"template"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widget"}],"title":{"type":"text","$t":"Cara Mengatur Ukuran Lebar Template Blog"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/05\/cara-mengatur-ukuran-lebar-template-blog.html\"\u003ECara Mengatur Ukuran Lebar Template Blog\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAda 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDalam 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 \u003Cb\u003Eukuran lebar postingan, sidebar, header dan footer\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAgar sobat bisa lebih dengan mudah untuk mengatur ukuran template blog, sobat bisa mengikuti arahan dari contoh yang akan saya berikan dibawah ini:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n1. Silahkan sobat \u003Cb\u003EMasuk atau Login\u003C\/b\u003E ke \u0026gt;\u0026gt; \u003Cb\u003EBlogger.com\u003C\/b\u003E menggunakan akun sobat.\u003Cbr \/\u003E\n2. Pilih menu \u0026gt;\u0026gt; \u003Cb\u003ETemplate\u003C\/b\u003E \u0026gt;\u0026gt; klik \u003Cb\u003ECadangkan \/ Pulihkan\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003EDownload template lengkap\u003C\/b\u003E. Guna untuk berjaga-jaga, jika ada kesalahan saat edit template.\u003Cbr \/\u003E\n3. Klik \u0026gt;\u0026gt; \u003Cb\u003EEdit HTML\u003C\/b\u003E\u003Cbr \/\u003E\n4. Kemudian \u003Cb\u003Ecari kode-kode berikut\u003C\/b\u003E yang berwarna \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003EBiru\u003C\/span\u003E\u003C\/b\u003E, untuk mengatur ukuran lebar kolom dalam template blog. (Tekan \u003Cb\u003ECTRL+F\u003C\/b\u003E untuk mempercepat pencarian kode dalam Edit HTML Template).\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv style=\"margin: 5px;\"\u003E\n\u003Cdiv class=\"smallfont\" style=\"margin-bottom: 2px;\"\u003E\n\u003Cinput onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }\" style=\"font-size: 12px; margin: 0px; padding: 0px; width: 80px;\" type=\"button\" value=\"Buka\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"alt2\" style=\"background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;\"\u003E\n\u003Cdiv style=\"display: none;\"\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003E1.\u003C\/span\u003E\u003C\/b\u003E \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#header-wrapper\u003C\/span\u003E\u003C\/b\u003E 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.\u003Cbr \/\u003E\nContoh:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#header-wrapper\u003C\/span\u003E\u003C\/b\u003E {\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewidth:1000px;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\nmargin:0 auto 10px;\u003Cbr \/\u003E\nborder:1px solid $bordercolor;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003EKeterangan:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003EBiru\u003C\/span\u003E\u003C\/b\u003E adalah \u003Cb\u003EKode Header\u003C\/b\u003E dalam template blog.\u003C\/li\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EMerah\u003C\/span\u003E\u003C\/b\u003E adalah \u003Cb\u003EUkuran lebar Header\u003C\/b\u003E dalam template blog.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cb\u003ECatatan:\u003C\/b\u003E\u003Cbr \/\u003E\nBila Header dalam template blog memiliki dua kolom kanan dan kiri, pastikan kedua ukurannya disesuaikan dengan ukuran \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#header-wrapper\u003C\/span\u003E\u003C\/b\u003E diatas.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003EContoh Kode Kolom Header Bagian Kiri:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#header\u003C\/span\u003E\u003C\/b\u003E{\u003Cbr \/\u003E\nmargin:0;border:0 solid $bordercolor;\u003Cbr \/\u003E\ncolor:$pagetitlecolor;\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: purple;\"\u003Efloat:left;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewidth:179px;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\noverflow:hidden}\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003EKeterangan:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#header\u003C\/span\u003E\u003C\/b\u003E adalah kode Header sebelah kiri, biasanya kolom untuk tempat Judul blog.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: purple;\"\u003Efloat:left;\u003C\/span\u003E\u003C\/b\u003E adalah posisi kolom berada dibagian kiri.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewidth:179px;\u003C\/span\u003E\u003C\/b\u003E adalah ukuran lebar kolom. Ganti nilainya agar sesuai dengan keinginan sobat dan ukuran template blog sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cb\u003EContoh Kode Kolom Header Bagian Kanan:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#header2\u003C\/span\u003E\u003C\/b\u003E{\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: purple;\"\u003Efloat:right;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewidth:728px;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\nmargin-right:0px;\u003Cbr \/\u003E\npadding-right:0px;\u003Cbr \/\u003E\noverflow:hidden}\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003EKeterangan:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#header2\u003C\/span\u003E\u003C\/b\u003E adalah kode Header sebelah kanan, biasanya kolom untuk tempat iklan atau sponsor blog.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: purple;\"\u003Efloat:right;\u003C\/span\u003E\u003C\/b\u003E adalah posisi kolom berada dibagian kanan.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewidth:728px;\u003C\/span\u003E\u003C\/b\u003E adalah ukuran lebar kolom. Ganti nilainya agar sesuai dengan keinginan sobat dan ukuran template blog sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cdiv style=\"margin: 5px;\"\u003E\n\u003Cdiv class=\"smallfont\" style=\"margin-bottom: 2px;\"\u003E\n\u003Cinput onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }\" style=\"font-size: 12px; margin: 0px; padding: 0px; width: 80px;\" type=\"button\" value=\"Buka\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"alt2\" style=\"background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;\"\u003E\n\u003Cdiv style=\"display: none;\"\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003E2.\u003C\/span\u003E\u003C\/b\u003E\u0026nbsp;\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#outer-wrapper\u003C\/span\u003E\u003C\/b\u003E adalah kode bagian untuk semua ukuran lebar suatu template blog, biasanya memiliki ukuran yang sama dengan ukuran pada\u0026nbsp;\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#header-wrapper\u003C\/span\u003E\u003C\/b\u003E\u0026nbsp;diatas. Karena ukuran\u0026nbsp;\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#outer-wrapper\u003C\/span\u003E\u003C\/b\u003E\u0026nbsp;didalamnya biasanya berisi ukuran\u0026nbsp;#main-wrapper (Kolom postingan),\u0026nbsp;#sidebar-wrapper (Kolom Sidebar).\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nContoh Kode:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#outer-wrapper\u003C\/span\u003E\u003C\/b\u003E {\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewidth: 1000px;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\nmargin:0 auto;\u003Cbr \/\u003E\npadding:10px;\u003Cbr \/\u003E\ntext-align:justify;\u003Cbr \/\u003E\nfont: $bodyfont;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nKeterangan:\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#outer-wrapper\u003C\/span\u003E\u003C\/b\u003E adalah Kode untuk mengatur keseluruhan lebar template blog.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewidth: 1000px;\u003C\/span\u003E\u003C\/b\u003E adalah ukuran lebar keseluruhan template blog, ganti nilainya sesuai dengan ukuran template blog yang sobat inginkan.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cdiv style=\"margin: 5px;\"\u003E\n\u003Cdiv class=\"smallfont\" style=\"margin-bottom: 2px;\"\u003E\n\u003Cinput onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }\" style=\"font-size: 12px; margin: 0px; padding: 0px; width: 80px;\" type=\"button\" value=\"Buka\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"alt2\" style=\"background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;\"\u003E\n\u003Cdiv style=\"display: none;\"\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003E3.\u003C\/span\u003E\u003C\/b\u003E \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#main-wrapper\u003C\/span\u003E\u003C\/b\u003E adalah kode template bagian kolom postingan blog. Sobat bisa mengatur ukuran lebarnya sesuai dengan keinginan sobat, namun sesuaikan dengan ukuran \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#outer-wrapper\u003C\/span\u003E\u003C\/b\u003E yang dibagi untuk kolom postingan dan juga sidebar.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nContoh Kode:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#main-wrapper\u003C\/span\u003E\u003C\/b\u003E {\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewidth: 655px;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\nmargin-left: 20px;\u003Cbr \/\u003E\nmargin-right: 20px;\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: purple;\"\u003Efloat: left;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nKeterangan:\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#main-wrapper\u003C\/span\u003E\u003C\/b\u003E adalah Kode bagian Postingan dalam template blog. \u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewidth: 655px;\u003C\/span\u003E\u003C\/b\u003E adalah ukuran lebar kolom postingan blog, Ganti dan tentukan nilainya sesuai dengan keinginan sobat.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: purple;\"\u003Efloat: left;\u003C\/span\u003E\u003C\/b\u003E adalah letak posisi kolom postingan blog berada dibagian kiri dalam template blog.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cdiv style=\"margin: 5px;\"\u003E\n\u003Cdiv class=\"smallfont\" style=\"margin-bottom: 2px;\"\u003E\n\u003Cinput onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }\" style=\"font-size: 12px; margin: 0px; padding: 0px; width: 80px;\" type=\"button\" value=\"Buka\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"alt2\" style=\"background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;\"\u003E\n\u003Cdiv style=\"display: none;\"\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003E4.\u003C\/span\u003E\u003C\/b\u003E \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#sidebar-wrapper\u003C\/span\u003E\u003C\/b\u003E 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nContoh Kode:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#sidebar-wrapper\u003C\/span\u003E\u003C\/b\u003E {\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewidth: 310px;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: purple;\"\u003Efloat: right;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nKeterangan:\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#sidebar-wrapper\u003C\/span\u003E\u003C\/b\u003E adalah kode bagian Sidebar dalam template blog.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewidth: 310px;\u003C\/span\u003E\u003C\/b\u003E adalah ukuran lebar kolom sidebar blog, Ganti dan tentukan nilainya sesuai dengan keinginan sobat.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: purple;\"\u003Efloat: right;\u003C\/span\u003E\u003C\/b\u003E adalah letak posisi kolom sidebar blog berada dibagian kanan dalam template blog.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cbr \/\u003E\nCatatan:\u003Cbr \/\u003E\nBila 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 \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#outer-wrapper\u003C\/span\u003E\u003C\/b\u003E yang dibagi menjadi tiga kolom.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nContoh membagi ukuran kolom dalam template agar tepat dan sesuai dengan ukuran \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#outer-wrapper\u003C\/span\u003E\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#outer-wrapper\u003C\/span\u003E\u003C\/b\u003E\u0026nbsp;= 1000px\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#main-wrapper\u003C\/span\u003E\u003C\/b\u003E\u0026nbsp;= 450px\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#sidebar-wrapper\u003C\/span\u003E\u003C\/b\u003E\u0026nbsp;= 300px\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E#newsidebar-wrapper\u003C\/span\u003E\u003C\/b\u003E\u0026nbsp;= 200px\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nBerikut contoh gambar screenshot dalam kolom Tata Letak template blog KUCOPAS.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/05\/cara-mengatur-ukuran-lebar-template-blog.html\"\u003E\u003Cimg alt=\"Mengatur Ukuran Kolom Template Blog\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-5XU7kElsFTc\/UaNeJsJ0XCI\/AAAAAAAAADs\/3tqMwzVZTT8\/s1600\/Mengatur+Ukuran+Kolom+Template+Blog.jpg\" title=\"Mengatur Ukuran Kolom Template Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nDemikian trik tutorial \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/05\/cara-mengatur-ukuran-lebar-template-blog.html\"\u003ECara Mengatur Ukuran Template Blog\u003C\/a\u003E\u003C\/b\u003E 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.\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/3715854024567289505\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2013\/05\/cara-mengatur-ukuran-lebar-template-blog.html#comment-form","title":"10 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/3715854024567289505"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/3715854024567289505"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/03195903109765367237"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/-5XU7kElsFTc\/UaNeJsJ0XCI\/AAAAAAAAADs\/3tqMwzVZTT8\/s72-c\/Mengatur+Ukuran+Kolom+Template+Blog.jpg","height":"72","width":"72"},"thr$total":{"$t":"10"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-7389510357226176030"},"published":{"$t":"2013-05-27T12:37:00.003+07:00"},"updated":{"$t":"2014-04-11T11:26:50.637+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"handphone"},{"scheme":"http://www.blogger.com/atom/ns#","term":"harga hp"},{"scheme":"http://www.blogger.com/atom/ns#","term":"samsung"}],"title":{"type":"text","$t":"Daftar Harga Samsung Galaxy Terbaru April 2014"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS\u003C\/b\u003E - 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 \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/05\/harga-hp-samsung-terbaru.html\"\u003EDaftar Harga Samsung Galaxy Terbaru April 2014\u003C\/a\u003E\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSamsung 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSamsung 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAgar 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/05\/harga-hp-samsung-terbaru.html\"\u003E\u003Cimg alt=\"Daftar Harga Hp SAMSUNG Galaxy Terbaru 2014\" border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-cjggQH40NyA\/UaLw0_0F6BI\/AAAAAAAAADU\/zxs1u1RI3N0\/s1600\/Daftar+Harga+Hp+SAMSUNG+Terbaru.jpg\" title=\"Daftar Harga Hp SAMSUNG Terbaru\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cspan style=\"font-size: large;\"\u003E\u003Cb\u003EDaftar Harga Samsung Galaxy Terbaru April 2014\u003C\/b\u003E\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Ctable border=\"0\" cellpadding=\"5\" cellspacing=\"0\" class=\"tabelsdetail\"\u003E\u003Ctbody\u003E\n\u003Ctr bgcolor=\"green\" class=\"kategori\"\u003E\u003Ctd align=\"left\" width=\"10%\"\u003E\u003Cb\u003E\u003Cspan style=\"color: yellow;\"\u003ETipe\u003C\/span\u003E\u003C\/b\u003E\u003C\/td\u003E\u003Ctd align=\"left\" width=\"5%\"\u003E\u003Cb\u003E\u003Cspan style=\"color: yellow;\"\u003EHarga Baru\u003C\/span\u003E\u003C\/b\u003E\u003C\/td\u003E\u003Ctd align=\"left\" width=\"5%\"\u003E\u003Cb\u003E\u003Cspan style=\"color: yellow;\"\u003EHarga Bekas\u003C\/span\u003E\u003C\/b\u003E\u003C\/td\u003E\u003C\/tr\u003E\n\u003Ctr align=\"left\"\u003E\u003Ctd\u003E\u003Cb\u003ESamsung Champ Neo Duos C3262\u003C\/b\u003E\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 550.000\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 425.000\u003C\/td\u003E\u003C\/tr\u003E\n\u003Ctr align=\"left\" bgcolor=\"#eeeeee\"\u003E\u003Ctd\u003E\u003Cb\u003ESamsung Galaxy 5 i5503\u003C\/b\u003E\u003C\/td\u003E\u003Ctd align=\"left\"\u003E-\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 700.000\u003C\/td\u003E\u003C\/tr\u003E\n\u003Ctr align=\"left\"\u003E\u003Ctd\u003E\u003Cb\u003ESamsung Galaxy Ace 2 I8160\u003C\/b\u003E\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 2.375.000\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 1.850.000\u003C\/td\u003E\u003C\/tr\u003E\n\u003Ctr align=\"left\" bgcolor=\"#eeeeee\"\u003E\u003Ctd\u003E\u003Cb\u003ESamsung Galaxy Chat B5330\u003C\/b\u003E\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 1.200.000\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 950.000\u003C\/td\u003E\u003C\/tr\u003E\n\u003Ctr align=\"left\"\u003E\u003Ctd\u003E\u003Cb\u003ESamsung Galaxy Fame S6810\u003C\/b\u003E\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 1.999.000\u003C\/td\u003E\u003Ctd align=\"left\"\u003E-\u003C\/td\u003E\u003C\/tr\u003E\n\u003Ctr align=\"left\" bgcolor=\"#eeeeee\"\u003E\u003Ctd\u003E\u003Cb\u003ESamsung Galaxy S III I9300\u003C\/b\u003E\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 5.850.000\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 5.000.000\u003C\/td\u003E\u003C\/tr\u003E\n\u003Ctr align=\"left\"\u003E\u003Ctd\u003E\u003Cb\u003ESamsung Galaxy S III Mini\u003C\/b\u003E\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 3.300.000\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 2.800.000\u003C\/td\u003E\u003C\/tr\u003E\n\u003Ctr align=\"left\" bgcolor=\"#eeeeee\"\u003E\u003Ctd\u003E\u003Cb\u003ESamsung Galaxy S WiFi 5.0\u003C\/b\u003E\u003C\/td\u003E\u003Ctd align=\"left\"\u003E-\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 1.450.000\u003C\/td\u003E\u003C\/tr\u003E\n\u003Ctr align=\"left\"\u003E\u003Ctd\u003E\u003Cb\u003ESamsung Galaxy S4 I9500\u003C\/b\u003E\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 7.500.000\u003C\/td\u003E\u003Ctd align=\"left\"\u003E-\u003C\/td\u003E\u003C\/tr\u003E\n\u003Ctr align=\"left\" bgcolor=\"#eeeeee\"\u003E\u003Ctd\u003E\u003Cb\u003ESamsung Galaxy W I8510\u003C\/b\u003E\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 2.300.000\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 1.800.000\u003C\/td\u003E\u003C\/tr\u003E\n\u003Ctr align=\"left\"\u003E\u003Ctd\u003E\u003Cb\u003ESamsung Galaxy Y Duos S6102\u003C\/b\u003E\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 1.350.000\u003C\/td\u003E\u003Ctd align=\"left\"\u003ERp. 1.050.000\u003C\/td\u003E\u003C\/tr\u003E\n\u003Ctr align=\"left\" bgcolor=\"#eeeeee\"\u003E\u003Ctd\u003E\u003Cb\u003E\u003Ca href=\"http:\/\/www.facegadget.com\/2013\/04\/harga-hp-samsung-terbaru.html\" target=\"_blank\"\u003ESelengkapnya...\u003C\/a\u003E\u003C\/b\u003E\u003C\/td\u003E\u003Ctd align=\"left\"\u003E\u003Cbr \/\u003E\u003C\/td\u003E\u003Ctd align=\"left\"\u003E\u003Cb\u003E\u003Ca href=\"http:\/\/www.facegadget.com\/2013\/04\/harga-hp-samsung-terbaru.html\" target=\"_blank\"\u003ENext \u0026gt;\u0026gt;\u0026gt;\u003C\/a\u003E\u003C\/b\u003E\u003C\/td\u003E\u003C\/tr\u003E\n\u003C\/tbody\u003E\u003C\/table\u003E\n\u003Cbr \/\u003E\n(*) Untuk cek harga hp Samsung terbaru yang selalu update setiap saat, anda bisa melihatnya pada\u0026nbsp;\u003Cb\u003E\u003Ca href=\"http:\/\/www.facegadget.com\/2013\/04\/harga-hp-samsung-terbaru.html\" target=\"_blank\"\u003EDaftar Harga Samsung Galaxy Terbaru April 2014\u003C\/a\u003E\u003C\/b\u003E.\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/7389510357226176030\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2013\/05\/harga-hp-samsung-terbaru.html#comment-form","title":"0 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/7389510357226176030"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/7389510357226176030"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/03195903109765367237"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/4.bp.blogspot.com\/-cjggQH40NyA\/UaLw0_0F6BI\/AAAAAAAAADU\/zxs1u1RI3N0\/s72-c\/Daftar+Harga+Hp+SAMSUNG+Terbaru.jpg","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-4758825131910663809"},"published":{"$t":"2013-05-20T23:28:00.002+07:00"},"updated":{"$t":"2014-04-11T11:22:33.255+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"template"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"}],"title":{"type":"text","$t":"Cara Mengganti Template Blog Tampilan Terbaru 2014"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/05\/cara-mengganti-template-blog-tampilan-baru.html\"\u003ECara Mengganti Template Blog Tampilan Terbaru 2014\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSebelum 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nHimbauan 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/05\/cara-mengganti-template-blog-tampilan-baru.html\"\u003E\u003Cimg alt=\"Cara Mengganti Template Blog Tampilan Terbaru 2014\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-BFArifXt7qg\/UZpOHt_l4dI\/AAAAAAAAADE\/zNLLsFlzACw\/s1600\/Cara+Mengganti+Template+Blog+tampilan+baru+2013.jpg\" title=\"Cara Mengganti Template Blog Tampilan Baru\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nKembali ke inti tutorial, \u003Cb\u003EBagaimana cara mengganti template blog tampilan baru 2014\u003C\/b\u003E 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003ECara Mengganti Template Blog Tampilan Baru 2014\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n1. Silahkan sobat \u003Cb\u003ELogin\/masuk\u003C\/b\u003E ke Blogger.com menggunakan akun sobat.\u003Cbr \/\u003E\n2. Pilih menu \u0026gt;\u0026gt; \u003Cb\u003ETemplate\u003C\/b\u003E.\u003Cbr \/\u003E\n3. Klik \u0026gt;\u0026gt; \u003Cb\u003ECadangkan\/Pulihkan\u003C\/b\u003E. (Bagian kanan atas) Lihat contoh gambar dibawah ini.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-6Z2o3feXRiA\/UZpK8dkItlI\/AAAAAAAAACk\/hnMtHHBD8YY\/s1600\/Ganti+Template+Blog.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Ganti Template Blog\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-6Z2o3feXRiA\/UZpK8dkItlI\/AAAAAAAAACk\/hnMtHHBD8YY\/s1600\/Ganti+Template+Blog.jpg\" title=\"Ganti Template Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n4. Klik \u0026gt;\u0026gt; \u003Cb\u003EPilih File\u003C\/b\u003E. Masukkan file template baru yang sudah sobat download sebelumnya. (Biasanya file .xml). Lihat gambar berikut dibawah ini.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-tm1daMD6Rhg\/UZpLRE8qwRI\/AAAAAAAAACs\/QMfWwCpNCzQ\/s1600\/Ganti+Template+Blog+tampilan+baru.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"ganti Template Blog Tampilan Baru\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-tm1daMD6Rhg\/UZpLRE8qwRI\/AAAAAAAAACs\/QMfWwCpNCzQ\/s1600\/Ganti+Template+Blog+tampilan+baru.jpg\" title=\"ganti Template Blog Tampilan Baru\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n5. Jika sudah ditentukan file template barunya, silahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003EUnggah\u003C\/b\u003E. dan tunggu proses pengunggahan sampai 100%.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-jqwxDCBDbtQ\/UZpLuOrV2RI\/AAAAAAAAAC0\/xaZ3BkXs42g\/s1600\/Cara+Mengganti+Template+Blog+tampilan+baru.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Mengganti Template Blog Tampilan Baru\" border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-jqwxDCBDbtQ\/UZpLuOrV2RI\/AAAAAAAAAC0\/xaZ3BkXs42g\/s1600\/Cara+Mengganti+Template+Blog+tampilan+baru.jpg\" title=\"Cara Mengganti Template Blog Tampilan Baru\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n6. Selesai dan lihat hasilnya.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003ECatatan:\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003EUntuk menghindari jika terjadi kesalahan, maka sebelum langkah No.4 diatas lakukanlah \u003Cb\u003EUnduh Template Lengkap\u003C\/b\u003E. 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.\u003C\/li\u003E\n\u003C\/ul\u003E\nJika 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDemikian tutorial blog mengenai pembahasan tentang \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/05\/cara-mengganti-template-blog-tampilan-baru.html\"\u003ECara Mengganti Template Blog Tampilan Baru 2014\u003C\/a\u003E\u003C\/b\u003E, Semoga bermanfaat bagi sobat KUCOPAS semua. Happy Blogging...\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/4758825131910663809\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2013\/05\/cara-mengganti-template-blog-tampilan-baru.html#comment-form","title":"0 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/4758825131910663809"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/4758825131910663809"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/03195903109765367237"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/-BFArifXt7qg\/UZpOHt_l4dI\/AAAAAAAAADE\/zNLLsFlzACw\/s72-c\/Cara+Mengganti+Template+Blog+tampilan+baru+2013.jpg","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-4525456405288200874"},"published":{"$t":"2013-04-14T02:42:00.001+07:00"},"updated":{"$t":"2014-03-10T00:51:17.853+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"blackberry"},{"scheme":"http://www.blogger.com/atom/ns#","term":"handphone"}],"title":{"type":"text","$t":"Harga BlackBerry Dakota Terbaru Maret 2014"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/04\/harga-blackberry-dakota-terbaru.html\"\u003EHarga BlackBerry Dakota Terbaru Maret 2014\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nBlackBerry Dakota yang memiliki nama resmi \u003Cb\u003E\u003Ca href=\"http:\/\/www.facegadget.com\/2013\/03\/harga-blackberry-bold-touch-9900-dakota.html\" target=\"_blank\"\u003EBlackBerry Bold Touch 9900\u003C\/a\u003E\u003C\/b\u003E 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nUntuk 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nHarga 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\u0026nbsp;terbaru anda bisa langsung cek di\u0026nbsp;\u003Cb\u003E\u003Ca href=\"http:\/\/www.facegadget.com\/2013\/02\/harga-blackberry-terbaru.html\" target=\"_blank\"\u003EDaftar Harga BlackBerry Terbaru 2014\u003C\/a\u003E\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/04\/harga-blackberry-dakota-terbaru.html\"\u003E\u003Cimg alt=\"Harga BlackBerry Dakota Terbaru\" border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-__Sh1bBtmjo\/UWmz6W5o_kI\/AAAAAAAAACA\/BZC6fWnl1Us\/s320\/Harga+BlackBerry+Dakota+Terbaru+2013.jpg\" height=\"250\" title=\"Harga BlackBerry Dakota Terbaru\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nHarga 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDemikian informasi seputar gadget smartphone yang mengulas tentang \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/04\/harga-blackberry-dakota-terbaru.html\"\u003EHarga BlackBerry Dakota Terbaru Maret 2014\u003C\/a\u003E\u003C\/b\u003E, semoga bisa sangat bermanfaat untuk sobat KUCOPAS semua.\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/4525456405288200874\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2013\/04\/harga-blackberry-dakota-terbaru.html#comment-form","title":"0 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/4525456405288200874"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/4525456405288200874"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/03195903109765367237"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/-__Sh1bBtmjo\/UWmz6W5o_kI\/AAAAAAAAACA\/BZC6fWnl1Us\/s72-c\/Harga+BlackBerry+Dakota+Terbaru+2013.jpg","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-2938405055943076690"},"published":{"$t":"2013-03-17T04:08:00.002+07:00"},"updated":{"$t":"2014-04-11T11:22:33.188+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"komentar"},{"scheme":"http://www.blogger.com/atom/ns#","term":"link"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"}],"title":{"type":"text","$t":"Cara Membuat Link Di Komentar Blog"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/03\/cara-membuat-link-pada-komentar-blog.html\"\u003ECara Membuat Link Di Komentar Blog\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nMembuat 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nBagi 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/03\/cara-membuat-link-pada-komentar-blog.html\"\u003E\u003Cimg alt=\"Cara Membuat Link Pada Komentar Blog\" border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-agbdLMnDbbI\/UUTexZTKLFI\/AAAAAAAABGo\/fX7qBPz2wPg\/s1600\/Cara+Membuat+Link+Pada+Komentar+Blog.png\" title=\"Cara Membuat Link Pada Komentar Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nFungsi 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nKeuntungan 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAgar 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nContoh No 1: \u003Cb\u003ELink Anchor Text Normal\u003C\/b\u003E.\u003Cbr \/\u003E\n\u0026lt;a href=\"\u003Cspan style=\"color: red;\"\u003Ehttp:\/\/kuc0pas.blogspot.com\u003C\/span\u003E\"\u0026gt;\u003Cspan style=\"color: lime;\"\u003EKUCOPAS\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\nMaka hasilnya akan terlihat seperti ini pada komentar blog: \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/\"\u003E\u003Cspan style=\"color: blue;\"\u003EKUCOPAS\u003C\/span\u003E\u003C\/a\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nContoh No 2: \u003Cb\u003ELink Anchor Text Tebal (Bold)\u003C\/b\u003E.\u003Cbr \/\u003E\n\u0026lt;b\u0026gt;\u0026lt;a href=\"\u003Cspan style=\"color: red;\"\u003Ehttp:\/\/kuc0pas.blogspot.com\u003C\/span\u003E\"\u0026gt;\u003Cspan style=\"color: lime;\"\u003EKUCOPAS\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u0026lt;\/b\u0026gt;\u003Cbr \/\u003E\nMaka hasilnya akan terlihat seperti ini dalam komentar blog: \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/\"\u003E\u003Cspan style=\"color: blue;\"\u003EKUCOPAS\u003C\/span\u003E\u003C\/a\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003EKeterangan:\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EMerah\u003C\/span\u003E\u003C\/b\u003E silahkan ganti dengan alamat URL blog sobat.\u003C\/li\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: lime;\"\u003EHijau\u003C\/span\u003E\u003C\/b\u003E silahkan sobat ganti dengan Teks yang ingin sobat munculkan dalam komentar blog.\u003C\/li\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003EBiru\u003C\/span\u003E\u003C\/b\u003E adalah Tampilan Hasil Link dan Teks yang muncul dalam komentar blog.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cb\u003ECatatan:\u003C\/b\u003E\u003Cbr \/\u003E\nBagi 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nJika 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...\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nCara 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDemikian tutorial tips dan trik blog tentang \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/03\/cara-membuat-link-pada-komentar-blog.html\"\u003ECara Membuat Link Pada Komentar Blog\u003C\/a\u003E\u003C\/b\u003E, semoga bisa sangat bermanfaat bagi sobat KUCOPAS semua.\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/2938405055943076690\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2013\/03\/cara-membuat-link-pada-komentar-blog.html#comment-form","title":"11 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/2938405055943076690"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/2938405055943076690"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/-agbdLMnDbbI\/UUTexZTKLFI\/AAAAAAAABGo\/fX7qBPz2wPg\/s72-c\/Cara+Membuat+Link+Pada+Komentar+Blog.png","height":"72","width":"72"},"thr$total":{"$t":"11"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-4802692007816960105"},"published":{"$t":"2013-02-08T03:31:00.000+07:00"},"updated":{"$t":"2014-04-11T11:22:33.269+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"menu"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widget"}],"title":{"type":"text","$t":"Cara Membuat Menu Tab Multi Widget Di Blog"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/02\/cara-membuat-menu-tab-multi-widget-di-blog.html\"\u003ECara Membuat Menu Tab Multi Widget Di Blog\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nMungkin 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAgar 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 \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/02\/cara-mengatasi-alexa-rank-no-data-di-blog.html\" target=\"_blank\"\u003E\u003Cb\u003ECara Mengatasi Widget Alexa Rank No Data\u003C\/b\u003E\u003C\/a\u003E, silahkan dibaca jika sobat juga mengalami hal yang sama seperti yang pernah saya alami di blog ini.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nFungsi 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAgar 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/02\/cara-membuat-menu-tab-multi-widget-di-blog.html\"\u003E\u003Cimg alt=\"Cara Membuat Menu Tab Multi Widget Di Blog\" border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-zffa-wD5lCM\/URP3-TfRncI\/AAAAAAAABFw\/tNmkbQ-x4y0\/s1600\/Cara+Membuat+Menu+Tab+Multi+Widget+Di+Blog.jpg\" title=\"Cara Membuat Menu Tab Multi Widget Di Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nSedikit penjelasan untuk sobat tentang Menu Tab Multi Widget ini tampilannya sekilas hampir sama dengan \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-menu-tab-view-tanpa-edit.html\" target=\"_blank\"\u003Emenu tab view tanpa edit HTML\u003C\/a\u003E\u003C\/b\u003E, 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 \u003Cb\u003ESimple Tab View JQuery\u003C\/b\u003E. Karena sifatnya menu tab multi widget ini akan secara otomatis membuat widget menjadi multi tab atau show hidden widget.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nUntuk 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:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n1. Langkah yang pertama, silahkan sobat \u0026gt;\u0026gt; \u003Cb\u003ELogin atau Masuk\u003C\/b\u003E ke \u0026gt;\u0026gt;\u0026nbsp;\u003Cb\u003E\u003Ca href=\"http:\/\/www.blogger.com\/\" target=\"_blank\"\u003EBlogger.com\u003C\/a\u003E\u003C\/b\u003E menggunakan akun sobat.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n2. Pada \u003Cb\u003EDasbor\u003C\/b\u003E tampilan blogger baru, pilih menu \u0026gt;\u0026gt; \u003Cb\u003ETemplate\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003EEdit HTML\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n3. Silahkan sobat cari kode \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E\u0026lt;\/head\u0026gt;\u003C\/span\u003E\u003C\/b\u003E (Gunakan \u003Cb\u003ECTRL+F\u003C\/b\u003E untuk mempermudah pencarian). Jika sudah ketemu, sekarang sobat tambahkan kode warna \u003Cspan style=\"color: red;\"\u003E\u003Cb\u003EMerah\u003C\/b\u003E\u003C\/span\u003E berikut tepat di atas kode \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E\u0026lt;\/head\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E\u0026lt;script src='http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.3.2\/jquery.min.js' type='text\/javascript'\/\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n4. \u003Cb\u003ESimpan Template\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003ECatatan:\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003EJika dalam template sobat sudah ada kode warna \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EMerah\u003C\/span\u003E\u003C\/b\u003E 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.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003ESetelah kode di atas tersimpan di dalam template blog, sekarang kita menuju ke \u003Cb\u003Epenerapan kode CSS-nya\u003C\/b\u003E ke dalam widget blog sobat. Silahkan sobat perhatikan baik-baik trik berikut.\u003C\/li\u003E\n\u003C\/ul\u003E\n5. Kembali ke \u003Cb\u003E\"Dashboard\"\u003C\/b\u003E blog, pilih menu \u0026gt;\u0026gt; \u003Cb\u003ETata Letak\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003ETambah Gadget\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cb\u003EMasukkan semua kode CSS\u003C\/b\u003E warna \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003EBiru\u003C\/span\u003E\u003C\/b\u003E di bawah ini kedalam kotak \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;style type=\"text\/css\"\u0026gt; .blogtabs {padding: 0px !important;border: 0 solid #bbb;} .blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 13px;\u003C\/span\u003E\u003Cspan style=\"background-color: #999999; color: white;\"\u003Ecolor:white\u003C\/span\u003E\u003Cspan style=\"color: blue;\"\u003E;padding: 3px 5px;border: 1px solid #bbb;overflow: hidden;position: relative;\u003C\/span\u003E\u003Cspan style=\"color: green;\"\u003Ebackground: green\u003C\/span\u003E\u003Cspan style=\"color: blue;\"\u003E;cursor:pointer;} html .blogtabs h2.active {\u003C\/span\u003E\u003Cspan style=\"color: magenta;\"\u003Ebackground: #fff\u003C\/span\u003E\u003Cspan style=\"color: blue;\"\u003E;\u003C\/span\u003E\u003Cspan style=\"background-color: #999999; color: lime;\"\u003Ecolor:green\u003C\/span\u003E\u003Cspan style=\"color: blue;\"\u003E;} .blogtabs .widget-content {border: 1px solid #bbb;padding: 0px;background: #fff;clear:both;margin:0;} .btab, #showtabs {display:none;} \u0026lt;\/style\u0026gt; \u0026lt;script type=\"text\/javascript\" src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.6.0\/jquery.min.js\"\u0026gt;\u0026lt;\/script\u0026gt; \u0026lt;script type=\"text\/javascript\" src=\"http:\/\/kucopas-js.googlecode.com\/files\/SimpleTabViewJQuery.js\"\u0026gt;\u0026lt;\/script\u0026gt; \u0026lt;script type=\"text\/javascript\"\u0026gt; $(document).ready(function() { $('#showtabs').simpleBlogTab ({\u003C\/span\u003E\u003Cspan style=\"background-color: white; color: red;\"\u003Eorganictabs: 4\u003C\/span\u003E\u003Cspan style=\"color: blue;\"\u003E}); }); \u0026lt;\/script\u0026gt; \u0026lt;div id=\"showtabs\"\u0026gt;\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n6. \u003Cb\u003ESimpan Gadget\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAgar widgetnya dapat menyatu dan menjadi multi tab widget, maka cara penerapan widget di blog harus tersusun seperti gambar screenshot berikut di bawah ini.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/02\/cara-membuat-menu-tab-multi-widget-di-blog.html\"\u003E\u003Cimg alt=\"Cara Membuat Menu Tab Multi Widget Di Blog\" border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-45Kc8DaAOH4\/URQEUnT3D9I\/AAAAAAAABF4\/v7qZT0WDUvk\/s1600\/Cara+Membuat+Menu+Tab+Multi+Widget+Di+Blog+1.jpg\" title=\"Cara Membuat Menu Tab Multi Widget Di Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003EKeterangan:\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cspan style=\"background-color: #999999; color: white;\"\u003Ecolor:white\u003C\/span\u003E adalah warna relatif judul menu tab multi widget.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cspan style=\"color: green;\"\u003Ebackground: green\u003C\/span\u003E adalah warna background relatif menu tab multi widget.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cspan style=\"background-color: #999999; color: lime;\"\u003Ecolor:green\u003C\/span\u003E adalah warna aktif judul menu tab multi widget saat di klik.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cspan style=\"color: magenta;\"\u003Ebackground: #fff\u003C\/span\u003E adalah warna background aktif menu tab multi widget saat di klik.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cspan color:=\"\" red=\"\" style=\"color: red;\"\u003Eorganictabs: 4\u003C\/span\u003E 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.\u003C\/li\u003E\n\u003C\/ul\u003E\nUntuk mengetahui kode warna HTML, sobat bisa melihatnya pada artikel \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/05\/kode-warna-html.html\" target=\"_blank\"\u003EDaftar Kode Warna HTML\u003C\/a\u003E\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDemikian tips dan trik tutorial blog yang mengulas tentang \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/02\/cara-membuat-menu-tab-multi-widget-di-blog.html\"\u003ECara Membuat Menu Tab Multi Widget Di Blog\u003C\/a\u003E\u003C\/b\u003E, 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.\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/4802692007816960105\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2013\/02\/cara-membuat-menu-tab-multi-widget-di-blog.html#comment-form","title":"15 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/4802692007816960105"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/4802692007816960105"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/4.bp.blogspot.com\/-zffa-wD5lCM\/URP3-TfRncI\/AAAAAAAABFw\/tNmkbQ-x4y0\/s72-c\/Cara+Membuat+Menu+Tab+Multi+Widget+Di+Blog.jpg","height":"72","width":"72"},"thr$total":{"$t":"15"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-2618495281770679992"},"published":{"$t":"2013-02-04T05:37:00.000+07:00"},"updated":{"$t":"2014-04-11T11:22:33.177+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"alexa rank"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widget"}],"title":{"type":"text","$t":"Cara Mengatasi Alexa Rank No Data Di Blog"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/02\/cara-mengatasi-alexa-rank-no-data-di-blog.html\"\u003ECara Mengatasi Widget Alexa Rank No Data Di Blog\u003C\/a\u003E\u003C\/b\u003E. 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 \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/02\/cara-buat-widget-alexa-di-blog-cara.html\" target=\"_blank\"\u003ECara Membuat Dan Memasang Widget Alexa Di Blog\u003C\/a\u003E\u003C\/b\u003E, dan kali ini saya akan share artikel posting tentang Cara Mengatasi Widget Alexa Rank No Data Di Blog.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003EPenyebab Widget Alexa Rank No Data\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\nPengalaman 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?\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/02\/cara-mengatasi-alexa-rank-no-data-di-blog.html\"\u003E\u003Cimg alt=\"Cara Mengatasi Widget Alexa Rank No Data Di Blog\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-oUWa4JOxOCo\/UQ5Y8dMcbZI\/AAAAAAAABCc\/-LvJGpkVNzM\/s1600\/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+1.jpg\" title=\"Cara Mengatasi Widget Alexa Rank No Data Di Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nDari pada berdiam diri dan hanya memandangi widget alexa rank yang selalu menampilkan No data di blog, kemudian saya melakukan pengecekkan secara langsung pada situsnya \u003Ca href=\"http:\/\/www.alexa.com\/\" target=\"_blank\"\u003E\u003Cb\u003Ealexa.com\u003C\/b\u003E\u003C\/a\u003E, namun pada situsnya saya lihat alexa rank untuk blog KUCOPAS ini tetap normal-normal saja. Lihat gambar screenshot dibawah ini.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-NYrx6SuUi2s\/UQ5Wo-UUWOI\/AAAAAAAABCQ\/Zg5-qP-0cZc\/s1600\/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Mengatasi Widget Alexa Rank No Data Di Blog\" border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-NYrx6SuUi2s\/UQ5Wo-UUWOI\/AAAAAAAABCQ\/Zg5-qP-0cZc\/s1600\/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog.jpg\" title=\"Cara Mengatasi Widget Alexa Rank No Data Di Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nMeski kelihatan normal pada situsnya alexa.com, tapi terjadi sebaliknya pada blog saya, widget Alexa Rank tetap menunjukkan tampilan No Data.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSetelah saya melakukan search di \u003Cb\u003E\u003Ca href=\"http:\/\/www.google.com\/\" target=\"_blank\"\u003Egoogle.com\u003C\/a\u003E\u003C\/b\u003E untuk mencari tahu tentang penyebab widget Alexa Rank No Data, ternyata penyebab widget Alexa Rank No Data adalah karena saya belum pernah melakukan \u003Cb\u003EClaim Blog\u003C\/b\u003E dan \u003Cb\u003EVerify my ID\u003C\/b\u003E untuk widget alexa yang saya pasang di blog KUCOPAS ini. Alhasil widget alexa rank pada blog ini tiba-tiba menjadi No data.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003ECara Mengatasi Widget Alexa Rank No Data Di Blog\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\nSetelah kita mengetahui apa yang menjadi penyebab widget Alexa Rank No Data di blog, ternyata semua itu dikarenakan kita belum pernah melakukan \u003Cb\u003EClaim Blog\u003C\/b\u003E (Claim Site) dan \u003Cb\u003EVerify my ID\u003C\/b\u003E, sekarang saya akan memberikan solusi untuk mengatasi widget Alexa Rank No Data di blog dengan cara \u003Cb\u003EClaim Blog dan\u003C\/b\u003E \u003Cb\u003EVerify my ID\u003C\/b\u003E di situs resminya alexa.com.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nUntuk 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:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n1. Langkah yang pertama, silahkan sobat \u0026gt;\u0026gt; Masuk atau Login ke situs \u003Cb\u003E\u003Ca href=\"https:\/\/www.alexa.com\/secure\/login?resource=http%3A%2F%2Fwww.alexa.com\" target=\"_blank\"\u003Ewww.alexa.com\u003C\/a\u003E\u003C\/b\u003E menggunakan akun sobat.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n2. Kemudian silahkan sobat klik pilihan \u003Cb\u003EMenu\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003EProducts\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003ESite Owners\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003ETools\u003C\/b\u003E. Untuk lebih cepat sobat bisa langsung klik \u003Cb\u003E\u003Ca href=\"http:\/\/www.alexa.com\/siteowners\/tools\" target=\"_blank\"\u003EDISINI\u003C\/a\u003E\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-TbGiyn2j7Wc\/UQ7B7Dlko4I\/AAAAAAAABDg\/cO8OsSJgFAg\/s1600\/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+5.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Mengatasi Alexa Rank No Data Di Blog\" border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-TbGiyn2j7Wc\/UQ7B7Dlko4I\/AAAAAAAABDg\/cO8OsSJgFAg\/s1600\/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+5.jpg\" title=\"Cara Mengatasi Alexa Rank No Data Di Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n3. Silahkan sobat klik pilihan Tools \u0026gt;\u0026gt; \u003Cb\u003EClaim Your Site\u003C\/b\u003E, seperti gambar screenshot yang saya beri tanda panah di atas.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n4. Lalu sobat akan dibawa kehalaman seperti di bawah ini, \u003Cb\u003Emasukkan alamat URL situs atau blog\u003C\/b\u003E sobat ke dalam form. Kemudian sobat klik lagi \u0026gt;\u0026gt; \u003Cb\u003EClaim Your Site\u003C\/b\u003E. Lihat contoh gambar berikut.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-zL7Cnfs6Yss\/UQ67pgIws0I\/AAAAAAAABDY\/dXsl9JmuBkA\/s1600\/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+4.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Mengatasi Alexa Rank No Data Di Blog\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-zL7Cnfs6Yss\/UQ67pgIws0I\/AAAAAAAABDY\/dXsl9JmuBkA\/s1600\/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+4.jpg\" title=\"Cara Mengatasi Alexa Rank No Data Di Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n5. Lihat \u0026gt;\u0026gt; \u003Cb\u003EStatus: \u003Cspan style=\"color: red;\"\u003ENot Claimed Yet\u003C\/span\u003E\u003C\/b\u003E. Itu artinya widget Alexa Rank yang terpasang di blog sobat belum di Verifikasi oleh sobat. Sehingga mengakibatkan widget Alexa Rank di blog sobat menjadi \u003Cb\u003ENo Data\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAda dua Option untuk melakukan verifikasi widget Alexa Rank pada blog sobat. Namun untuk lebih mudahnya melakukan Verifikasi, saya sarankan sobat menggunakan Opsi yang kedua.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-TvBib1i7LH4\/UQ7MeI9ihEI\/AAAAAAAABDo\/brXrshNmIkE\/s1600\/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+6.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Mengatasi Alexa Rank No Data Di Blog\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-TvBib1i7LH4\/UQ7MeI9ihEI\/AAAAAAAABDo\/brXrshNmIkE\/s1600\/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+6.jpg\" title=\"Cara Mengatasi Alexa Rank No Data Di Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cdiv style=\"text-align: center;\"\u003E\nOption 1\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-Ue3rdkvaNdU\/UQ7R_jcTt_I\/AAAAAAAABEc\/FpNsFCxz8I0\/s1600\/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+9.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Mengatasi Alexa Rank No Data Di Blog\" border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-Ue3rdkvaNdU\/UQ7R_jcTt_I\/AAAAAAAABEc\/FpNsFCxz8I0\/s1600\/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+9.jpg\" title=\"Cara Mengatasi Alexa Rank No Data Di Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cdiv style=\"text-align: center;\"\u003E\nOption 2\u003C\/div\u003E\n\u003Cbr \/\u003E\n6. Silahkan sobat ambil \u003Cb\u003EKode ID Verifikasi widget Alexa Rank\u003C\/b\u003E untuk blog sobat, lihat gambar diatas yang saya beri tanda kotak hijau. Contoh kode Verifikasi untuk blog KUCOPAS ini adalah\u003Cbr \/\u003E\n\u003Cdiv style=\"text-align: center;\"\u003E\n\u003Cb\u003ESQhAGdSPiuUlASEX8sTsFa418nc\u003C\/b\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECara penerapan Kode ID Verifikasi widget Alexa Rank kedalam template blog\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003ESilahkan sobat \u003Cb\u003EMasuk atau Login ke \u0026gt;\u0026gt; \u003Ca href=\"http:\/\/www.blogger.com\/\" target=\"_blank\"\u003EBlogger.com\u003C\/a\u003E\u003C\/b\u003E menggunakan akun sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EPada \u003Cb\u003EDashboard\u003C\/b\u003E tampilan blogger baru, pilih \u003Cb\u003EMenu\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003ETemplate\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003EEdit HTML\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003ELanjutkan.\u003C\/b\u003E\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EKemudian \u003Cb\u003Ecari kode\u003C\/b\u003E \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E\u0026lt;head\u0026gt;\u003C\/span\u003E\u003C\/b\u003E (Gunakan \u003Cb\u003ECTRL+F\u003C\/b\u003E untuk memudahkan pencarian).\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003ELangkah selanjutnya \u003Cb\u003Eletakkan Kode ID Verifikasi Alexa Rank\u003C\/b\u003E tepat di bawah kode \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E\u0026lt;head\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003C\/li\u003E\n\u003C\/ul\u003E\nCara penerapannya seperti contoh dibawah ini:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv style=\"text-align: left;\"\u003E\n\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E\u0026lt;head\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003C\/div\u003E\n\u003Cdiv style=\"text-align: left;\"\u003E\n\u003Cb\u003E\u0026lt;meta name=\"alexaVerifyID\" content=\"\u003Cspan style=\"color: red;\"\u003ESQhAGdSPiuUlASEX8sTsFa418nc\u003C\/span\u003E\" \/\u0026gt;\u003C\/b\u003E\u003C\/div\u003E\n\u003Cul\u003E\n\u003Cli\u003EGanti kode warna \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EMerah\u003C\/span\u003E\u003C\/b\u003E dengan \u003Cb\u003EKode ID Verifikasi Alexa Rank\u003C\/b\u003E sobat, seperti pada langkah yang ke 6 di atas.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EKemudian klik \u0026gt;\u0026gt; \u003Cb\u003ESimpan Template\u003C\/b\u003E.\u003C\/li\u003E\n\u003C\/ul\u003E\n7. Setelah \u003Cb\u003EKode ID Verifikasi Alexa Rank\u003C\/b\u003E sudah terpasang dan tersimpan pada template blog sobat, silahkan sobat kembali lagi ke \u003Cb\u003EAlexa.com\u003C\/b\u003E untuk \u003Cb\u003Emelakukan Verifikasi\u003C\/b\u003E dengan klik \u0026gt;\u0026gt; \u003Cb\u003EVerify my ID\u003C\/b\u003E pada option 2 seperti gambar di atas.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n8. Selesai dan buka blog sobat di tab browser yang baru untuk melihat hasilnya dengan sempurna.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003ECatatan:\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003ESetelah selesai melakukan \u003Cb\u003EClaim Site\u003C\/b\u003E dan \u003Cb\u003EVerify my ID\u003C\/b\u003E, namun widget Alexa Rank masih belum berubah dan tetap menampilkan \u003Cb\u003ENo Data\u003C\/b\u003E, silahkan sobat ganti saja kode widget alexa rank-nya dengan yang baru.\u003C\/li\u003E\n\u003C\/ul\u003E\nBerikut dibawah ini \u003Cb\u003Esaya cantumkan widget alexa rank yang aktif\u003C\/b\u003E hasil dari keberhasilan setelah saya melakukan Claim Site dan Verify my ID untuk widget Alexa Rank di blog KUCOPAS ini.\u003Cbr \/\u003E\n\u003Chr \/\u003E\n\u003Cdiv style=\"text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/www.alexa.com\/siteinfo\/kuc0pas.blogspot.com\"\u003E\u003Cscript src=\"http:\/\/xslt.alexa.com\/site_stats\/js\/s\/a?url=kuc0pas.blogspot.com\" type=\"text\/javascript\"\u003E\u003C\/script\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Chr \/\u003E\nSemoga artikel posting ini yang membahas tentang \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/02\/cara-mengatasi-alexa-rank-no-data-di-blog.html\"\u003ECara Mengatasi Alexa Rank No Data Di Blog\u003C\/a\u003E\u003C\/b\u003E, bisa sangat berguna dan bermanfaat bagi sobat KUCOPAS semua.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv style=\"text-align: center;\"\u003E\nSelamat Berkarya\u003C\/div\u003E\n\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/2618495281770679992\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2013\/02\/cara-mengatasi-alexa-rank-no-data-di-blog.html#comment-form","title":"38 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/2618495281770679992"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/2618495281770679992"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/-oUWa4JOxOCo\/UQ5Y8dMcbZI\/AAAAAAAABCc\/-LvJGpkVNzM\/s72-c\/Cara+Mengatasi+Widget+Alexa+Rank+No+Data+Di+Blog+1.jpg","height":"72","width":"72"},"thr$total":{"$t":"38"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-3643753437170542281"},"published":{"$t":"2013-01-25T05:47:00.000+07:00"},"updated":{"$t":"2014-04-11T11:22:33.215+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"loading blog"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"}],"title":{"type":"text","$t":"Cara Meringankan Loading Blog Dengan Google Code"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/01\/cara-meringankan-loading-blog-dengan-google-code.html\"\u003ECara Meringankan Loading Blog Dengan Google Code\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nPada artikel yang sudah pernah saya share sebelumnya yaitu tentang \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-mengatasi-loading-lama-pada-blog.html\" target=\"_blank\"\u003ECara mengatasi loading lama pada blog dengan kode LazyLoad\u003C\/a\u003E\u003C\/b\u003E, 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nPada 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nOleh sebab itu disini saya akan memberikan trik untuk cara membuat kode javascript menjadi milik sendiri dengan upload ke google code.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-dVsjv2l_kcY\/UQG04uimmFI\/AAAAAAAAA94\/T5_F0VeAWWo\/s1600\/Cara+upload+JavaScript+kedalam+google+code.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Meringankan Loading Blog Dengan Google Code\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-dVsjv2l_kcY\/UQG04uimmFI\/AAAAAAAAA94\/T5_F0VeAWWo\/s1600\/Cara+upload+JavaScript+kedalam+google+code.jpg\" title=\"Cara Meringankan Loading Blog Dengan Google Code\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003EKeuntungan memiliki kode css atau javascript yang kita upload sendiri\u003C\/b\u003E\u003Cbr \/\u003E\nJika 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECara upload kode JavaScript ke dalam Google code\u003C\/b\u003E\u003Cbr \/\u003E\nAda beberapa cara untuk meng-upload kode kedalam Google code.\u003Cbr \/\u003E\n\u003Col\u003E\n\u003Cli\u003ECara upload kode javascript yang masih default atau asli dan belum disingkat atau disimpan ke dalam google code.\u003C\/li\u003E\n\u003Cli\u003ECara upload kode javascript milik orang lain yang sudah disingkat atau sudah di upload orang lain kedalam google code agar menjadi milik sobat sendiri.\u003C\/li\u003E\n\u003C\/ol\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003E1. Cara upload kode JavaScript yang masih default atau asli dan belum disingkat atau disimpan ke dalam Google Code.\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cbr \/\u003E\n\u003C\/b\u003E Contoh kode javascript yang belum disimpan kedalam google code.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026lt;script language='javascript'\u0026gt;\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar 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\u0026amp;\u0026amp;F[1]){C.webkit=parseFloat(F[1])}else{F=G.match(\/MSIE\\s([^;]*)\/);if(F\u0026amp;\u0026amp;F[1]){C.ie=parseFloat(F[1])}else{if((\/Gecko\\\/(\\S*)\/).test(G)){C.gecko=1;F=G.match(\/rv:([^\\s\\)]*)\/);if(F\u0026amp;\u0026amp;F[1]){C.gecko=parseFloat(F[1])}}}}}return{load:function(K,L,J,I){var H=E.getElementsByTagName(\"head\")[0],G,F;if(K){K=K.constructor===Array?K:[K];for(G=0;G\u0026lt;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(\"script\");F.src=D.url;if(C.ie){F.onreadystatechange=function(){if(this.readyState===\"loaded\"||this.readyState===\"complete\"){LazyLoad.requestComplete()}}}else{if(C.gecko||C.webkit\u0026gt;=420){F.onload=LazyLoad.requestComplete;F.onerror=LazyLoad.requestComplete}}H.appendChild(F);if(!C.ie\u0026amp;\u0026amp;!C.gecko\u0026amp;\u0026amp;!(C.webkit\u0026gt;=420)){F=E.createElement(\"script\");F.appendChild(E.createTextNode(\"LazyLoad.requestComplete();\"));H.appendChild(F)}},loadOnce:function(N,O,L,P,G){var H=[],I=E.getElementsByTagName(\"script\"),M,J,K,F;N=N.constructor===Array?N:[N];for(M=0;M\u0026lt;N.length;++M){K=false;F=N[M];for(J=0;J\u0026lt;I.length;++J){if(F===I[J].src){K=true;break}}if(!K){H.push(F)}}if(H.length\u0026gt;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()}}}}();\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003ECatatan:\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003EKode warna \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EMerah\u003C\/span\u003E\u003C\/b\u003E 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.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cb\u003ECara menyimpan file agar bereksistensi .js pada Notepad\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003EUntuk menyimpan kode javascript warna \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EMerah\u003C\/span\u003E\u003C\/b\u003E diatas kedalam google code, sebelumnya silahkan sobat \u003Cb\u003EBuka Notepad\u003C\/b\u003E dan copy paste kode JavaScript warna \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EMerah\u003C\/span\u003E\u003C\/b\u003E kedalam Notepad.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EKemudian simpan file dengan cara klik \u0026gt;\u0026gt; \u003Cb\u003EFile\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003ESave As\u003C\/b\u003E.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EPada \u003Cb\u003EFile Name\u003C\/b\u003E beri nama file itu dengan akhiran \u003Cb\u003E.js\u003C\/b\u003E (misalnya: \u003Cb\u003Econtohku.js\u003C\/b\u003E)\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EPada \u003Cb\u003ESave as type\u003C\/b\u003E pilih \u0026gt;\u0026gt; \u003Cb\u003EAll files\u003C\/b\u003E.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EPada \u003Cb\u003EEconding\u003C\/b\u003E pilih \u0026gt;\u0026gt; \u003Cb\u003EANSI\u003C\/b\u003E.\u003C\/li\u003E\n\u003C\/ul\u003E\nLihat contoh gambar screenshot berikut dibawah ini\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-g3TmmM7Kp70\/UQF8W3EBGrI\/AAAAAAAAA7Y\/Y0nNR4Dwmuo\/s1600\/Cara+upload+JavaScript+kedalam+google+code1.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Meringankan Loading Blog Dengan Google Code\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-g3TmmM7Kp70\/UQF8W3EBGrI\/AAAAAAAAA7Y\/Y0nNR4Dwmuo\/s1600\/Cara+upload+JavaScript+kedalam+google+code1.jpg\" title=\"Cara Meringankan Loading Blog Dengan Google Code\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECara membuat akun google code\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003ESilahkan sobat langsung \u0026gt;\u0026gt; \u003Cb\u003EMasuk\/Login\u003C\/b\u003E ke \u0026gt;\u0026gt; \u003Cb\u003E\u003Ca href=\"http:\/\/code.google.com\/\" target=\"_blank\"\u003EGoogle Code\u003C\/a\u003E\u003C\/b\u003E menggunakan akun google sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003ESetelah masuk, silahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003ECreate a new project\u003C\/b\u003E.\u003C\/li\u003E\n\u003C\/ul\u003E\nLihat gambar screenshot di bawah ini\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-Ehr7KmvISr8\/UQF6UPmTu7I\/AAAAAAAAA6w\/IHmsd1LIS3k\/s1600\/Cara+meng-upload+JavaScript+kedalam+google+code3.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Meringankan Loading Blog Dengan Google Code\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-Ehr7KmvISr8\/UQF6UPmTu7I\/AAAAAAAAA6w\/IHmsd1LIS3k\/s1600\/Cara+meng-upload+JavaScript+kedalam+google+code3.jpg\" title=\"Cara Meringankan Loading Blog Dengan Google Code\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003ESetelah klik \u003Cb\u003ECreate a new project\u003C\/b\u003E kemudian isikan kotak seperti contoh gambar dibawah ini.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-cwaExZcN5YI\/UQF7wQnGLsI\/AAAAAAAAA7Q\/Vq4JlKaqU5E\/s1600\/Cara+upload+JavaScript+kedalam+google+code.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Meringankan Loading Blog Dengan Google Code\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-cwaExZcN5YI\/UQF7wQnGLsI\/AAAAAAAAA7Q\/Vq4JlKaqU5E\/s1600\/Cara+upload+JavaScript+kedalam+google+code.jpg\" title=\"Cara Meringankan Loading Blog Dengan Google Code\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cul\u003E\n\u003Cli\u003EPada \u003Cb\u003EVersion control system\u003C\/b\u003E pilih \u0026gt;\u0026gt; \u003Cb\u003EMercurial\u003C\/b\u003E\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EPada \u003Cb\u003ESource code license\u003C\/b\u003E pilih \u0026gt;\u0026gt; \u003Cb\u003EGNU GPL v3\u003C\/b\u003E\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003ESetelah semua kotak sudah terisi seperti contoh di atas, silahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003ECreate project\u003C\/b\u003E.\u003C\/li\u003E\n\u003C\/ul\u003E\nSekarang 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECara upload JavaScript kedalam google code\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-CqLjIzbMvgE\/UQGB5bxhvWI\/AAAAAAAAA74\/vSe_uhCP3-M\/s1600\/Cara+upload+JavaScript+kedalam+google+code5.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Meringankan Loading Blog Dengan Google Code\" border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-CqLjIzbMvgE\/UQGB5bxhvWI\/AAAAAAAAA74\/vSe_uhCP3-M\/s1600\/Cara+upload+JavaScript+kedalam+google+code5.jpg\" title=\"Cara Meringankan Loading Blog Dengan Google Code\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cul\u003E\n\u003Cli\u003ESilahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003EDownloads\u003C\/b\u003E seperti \u003Cb\u003Etanda panah no 1\u003C\/b\u003E pada gambar di atas.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EKemudian klik \u0026gt;\u0026gt; \u003Cb\u003ENew download\u003C\/b\u003E seperti \u003Cb\u003Etanda panah no 2\u003C\/b\u003E di pada gambar di atas.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EPada \u003Cb\u003ESummary\u003C\/b\u003E masukkan ringkasan kode javascript sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EPada \u003Cb\u003EDescription\u003C\/b\u003E masukkan diskripsi kode javascript sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003ELangkah selanjutnya klik \u0026gt;\u0026gt; \u003Cb\u003EPilih File\u003C\/b\u003E seperti \u003Cb\u003Etanda panah no 3\u003C\/b\u003E 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. (\u003Cb\u003Econtohku.js\u003C\/b\u003E)\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EKemudian sobat klik \u0026gt;\u0026gt; \u003Cb\u003ESubmit file\u003C\/b\u003E seperti \u003Cb\u003Etanda panah no 4\u003C\/b\u003E pada gambar di atas.\u003C\/li\u003E\n\u003C\/ul\u003E\nSekarang 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECara mengambil kode yang tersimpan dalam google code\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-glvUeLPhels\/UQGKyjJ0hEI\/AAAAAAAAA8Y\/q1OZBOKInx0\/s1600\/Cara+upload+JavaScript+kedalam+google+code7.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Meringankan Loading Blog Dengan Google Code\" border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-glvUeLPhels\/UQGKyjJ0hEI\/AAAAAAAAA8Y\/q1OZBOKInx0\/s1600\/Cara+upload+JavaScript+kedalam+google+code7.jpg\" title=\"Cara Meringankan Loading Blog Dengan Google Code\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003ESilahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003EFile yang sudah di upload\u003C\/b\u003E ke dalam google code tadi. Seperti \u003Cb\u003Econtohku.js\u003C\/b\u003E gambar di atas. Kemudian sobat akan dibawa ke halaman seperti gambar dibawah ini.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-sb-4G7iPLOE\/UQGOq6JdRaI\/AAAAAAAAA84\/MDuEqkQjJPc\/s1600\/Cara+upload+JavaScript+kedalam+google+code9.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Meringankan Loading Blog Dengan Google Code\" border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-sb-4G7iPLOE\/UQGOq6JdRaI\/AAAAAAAAA84\/MDuEqkQjJPc\/s1600\/Cara+upload+JavaScript+kedalam+google+code9.jpg\" title=\"Cara Meringankan Loading Blog Dengan Google Code\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003ESilahkan sobat \u0026gt;\u0026gt; \u003Cb\u003EKlik Kanan pada file\u003C\/b\u003E seperti \u003Cb\u003Etanda panah no 1\u003C\/b\u003E pada gambar di atas.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EKemudian pilih \u0026gt;\u0026gt; \u003Cb\u003ESalin alamat tautan\u003C\/b\u003E jika sobat menggunakan browser Google chrome. Atau pilih \u0026gt;\u0026gt; \u003Cb\u003ECopy link location\u003C\/b\u003E jika sobat menggunakan browser Mozilla firefox. Seperti \u003Cb\u003Etanda panah no 2\u003C\/b\u003E pada gambar screenshot di atas.\u003C\/li\u003E\n\u003C\/ul\u003E\nSetelah sobat melakukan langkah diatas, untuk cara pemasangan pada blog, kodenya harus tersusun seperti contoh penerapan kode di bawah ini.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026lt;script src=\"\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ehttp:\/\/kucopaskode.googlecode.com\/files\/contohku.js\u003C\/span\u003E\u003C\/b\u003E\" type=\"text\/javascript\"\/\u0026gt;\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nKode warna \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EMerah\u003C\/span\u003E\u003C\/b\u003E 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003E2. Cara upload kode javascript milik orang lain yang sudah disingkat atau sudah di upload kedalam google code agar menjadi milik kita sendiri.\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nBerikut di bawah ini adalah contoh kode javascript yang sudah di simpan kedalam google code.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026lt;script src=\"\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/kucopas-js.googlecode.com\/files\/LazyLoad.js\u003C\/span\u003E\u003C\/b\u003E\" type=\"text\/javascript\"\/\u0026gt;\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAgar kode javascript di atas menjadi milik kita sendiri, maka kita harus upload sendiri ke dalam google code. Caranya sebagai berikut:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003ESilahkan sobat buka atau copy dan paste URL yang berwarna \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003EBiru\u003C\/span\u003E\u003C\/b\u003E diatas pada browser lalu tekan Enter. Lihat gambar berikut.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-GFPNjhv9vyM\/UQGb0rYivzI\/AAAAAAAAA9Y\/DQJVjhZHPVE\/s1600\/Cara+upload+JavaScript+kedalam+google+code11.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Meringankan Loading Blog Dengan Google Code\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-GFPNjhv9vyM\/UQGb0rYivzI\/AAAAAAAAA9Y\/DQJVjhZHPVE\/s1600\/Cara+upload+JavaScript+kedalam+google+code11.jpg\" title=\"Cara Meringankan Loading Blog Dengan Google Code\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cspan style=\"font-size: large;\"\u003E\u003Cb\u003ECatatan:\u003C\/b\u003E\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003EJika setelah sobat tekan Enter kemudian \u003Cb\u003Emuncul kode yang banyak dan panjang\u003C\/b\u003E, silahkan sobat copy semua kodenya kemudian paste kedalam notepad dan simpan seperti langkah \u003Cb\u003ECara menyimpan file agar bereksistensi .js pada Notepad\u003C\/b\u003E diatas. Lalu upload kembali kedalam akun google code milik sendiri seperti langkah \u003Cb\u003ECara upload JavaScript kedalam google code\u003C\/b\u003E di atas dan seterusnya.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EJika setelah sobat tekan Enter kemudian \u003Cb\u003Emuncul pilihan Save (Download)\u003C\/b\u003E, silahkan sobat simpan langsung pada folder komputer sobat. Lalu upload kembali kedalam akun google code milik sendiri seperti langkah \u003Cb\u003ECara upload JavaScript kedalam google code\u003C\/b\u003E di atas dan seterusnya.\u003C\/li\u003E\n\u003C\/ul\u003E\nSetelah membaca artikel ini dengan seksama mungkin akan timbul pertanyaan yang kurang lebih seperti ini. \u003Cb\u003EApakah bisa meringankan loading blog dengan menyimpan kode javascript ke dalam google code milik sendiri?\u003C\/b\u003E 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nKecuali 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDemikian trik tutorial blog yang mengulas tentang \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/01\/cara-meringankan-loading-blog-dengan-google-code.html\"\u003ECara Meringankan Loading Blog Dengan Google Code\u003C\/a\u003E\u003C\/b\u003E, semoga bisa sangat bermanfaat bagi sobat KUCOPAS semua.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv style=\"text-align: center;\"\u003E\nSelamat Berkarya\u003C\/div\u003E\n\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/3643753437170542281\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2013\/01\/cara-meringankan-loading-blog-dengan-google-code.html#comment-form","title":"12 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/3643753437170542281"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/3643753437170542281"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/-dVsjv2l_kcY\/UQG04uimmFI\/AAAAAAAAA94\/T5_F0VeAWWo\/s72-c\/Cara+upload+JavaScript+kedalam+google+code.jpg","height":"72","width":"72"},"thr$total":{"$t":"12"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-8999030155984521406"},"published":{"$t":"2013-01-21T02:00:00.000+07:00"},"updated":{"$t":"2014-04-11T11:22:33.357+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"posting"},{"scheme":"http://www.blogger.com/atom/ns#","term":"share otomatis"},{"scheme":"http://www.blogger.com/atom/ns#","term":"trik facebook"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"}],"title":{"type":"text","$t":"Cara Share Otomatis Postingan Blog Ke Twitter Dan Facebook"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/01\/cara-share-otomatis-posting-blog-ke-twitter-dan-facebook.html\"\u003ECara Share Otomatis Postingan Blog Ke Twitter Dan Facebook\u003C\/a\u003E\u003C\/b\u003E. 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 \"Visitor Is Money\" kurang lebih artinya pengunjung adalah uang.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSalah 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/01\/cara-share-otomatis-posting-blog-ke-twitter-dan-facebook.html\"\u003E\u003Cimg alt=\"Cara Share Otomatis Postingan Blog Ke Twitter Dan Facebook\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-Z7m3lrecGw4\/UPw8XKW1WJI\/AAAAAAAAA4o\/NtnIH2p89i8\/s1600\/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook.jpg\" title=\"Cara Share Otomatis Postingan Blog Ke Twitter Dan Facebook\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nCara 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 \u003Cb\u003Etips dan trik untuk share otomatis postingan blog ke twitter dan facebook melalui dlvr.it\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nTidak 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 \u003Cb\u003Ecara share otomatis postingan blog atau situs web ke banyak akun twitter dan facebook\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECara Share Otomatis Postingan Blog Ke Twitter Dan Facebook Melalui dlvr.it\u003C\/b\u003E\u003Cbr \/\u003E\nKarena cara share yang akan sobat gunakan ini adalah cara otomatis, maka silahkan sobat mengikuti langkah-langkah yang saya berikan sebagai berikut:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n1. Langkah yang pertama, silahkan sobat \u0026gt;\u0026gt; Masuk ke situs \u003Cb\u003E\u003Ca href=\"http:\/\/dlvr.it\/\" target=\"_blank\"\u003Edlvr.it\u003C\/a\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n2. Kemudian \u003Cb\u003Emasukkan email\u003C\/b\u003E dan \u003Cb\u003Epassword\u003C\/b\u003E, lalu klik \u003Cb\u003Esign up\u003C\/b\u003E.\u003Cbr \/\u003E\nLihat gambar screenshot di bawah ini.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-FF2p64GrYL8\/UPwhPdrEGdI\/AAAAAAAAA1o\/OMixd9aV--g\/s1600\/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+1.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook\" border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-FF2p64GrYL8\/UPwhPdrEGdI\/AAAAAAAAA1o\/OMixd9aV--g\/s1600\/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+1.jpg\" title=\"Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n3. Setelah sing up, maka sobat akan dibawa ke halaman seperti screenshot dibawah ini, kemudian \u003Cb\u003Emasukkan alamat url blog\u003C\/b\u003E sobat, lalu klik \u003Cb\u003Enext\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-q20JxzloUpE\/UPwji3iMasI\/AAAAAAAAA2I\/ClRR2UceENg\/s1600\/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+2.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook\" border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-q20JxzloUpE\/UPwji3iMasI\/AAAAAAAAA2I\/ClRR2UceENg\/s1600\/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+2.jpg\" title=\"Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n4. Langkah yang selanjutnya, silahkan sobat \u003Cb\u003Epilih situs jejaring sosial\u003C\/b\u003E 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 \u003Cb\u003E\u003Ca href=\"https:\/\/twitter.com\/\" target=\"_blank\"\u003ETwitter\u003C\/a\u003E\u003C\/b\u003E atau \u003Cb\u003E\u003Ca href=\"http:\/\/www.facebook.com\/\" target=\"_blank\"\u003EFacebook\u003C\/a\u003E\u003C\/b\u003E, hal ini untuk mempermudah dalam proses menautkan situs blog sobat ke akun jejaring sosial sobat.\u003Cbr \/\u003E\nLihat gambar berikut dibawah ini.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-MWJwqWCOu1g\/UPwlN0P8pyI\/AAAAAAAAA2o\/9p_ZU5_nR8Q\/s1600\/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+3.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-MWJwqWCOu1g\/UPwlN0P8pyI\/AAAAAAAAA2o\/9p_ZU5_nR8Q\/s1600\/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+3.jpg\" title=\"Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n5. 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 \u003Cb\u003E\"izinkan aplikasi\"\u003C\/b\u003E.\u003Cbr \/\u003E\nLihat gambar berikut.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-L7BkTLpuVUM\/UPwnknA22LI\/AAAAAAAAA3I\/2GXHEgPSPIc\/s1600\/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+4.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook\" border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-L7BkTLpuVUM\/UPwnknA22LI\/AAAAAAAAA3I\/2GXHEgPSPIc\/s1600\/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+4.jpg\" title=\"Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n6. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-4_TvgrifSt8\/UPwrP8g0ORI\/AAAAAAAAA3o\/q699uC91OuA\/s1600\/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+5.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-4_TvgrifSt8\/UPwrP8g0ORI\/AAAAAAAAA3o\/q699uC91OuA\/s1600\/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+5.jpg\" title=\"Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cspan style=\"font-size: large;\"\u003E\u003Cb\u003EKeterangan:\u003C\/b\u003E\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cb\u003ESources\u003C\/b\u003E kotak box sebelah kiri adalah \u003Cb\u003Esumber dari posting blog\u003C\/b\u003E yang akan share otomatis ke situs jejaring sosial. Sobat bisa menambah lagi dengan blog yang lain dengan cara klik tombol \u003Cb\u003E+add\u003C\/b\u003E pada Sources, kemudian masukkan alamat url blog sobat seperti pada langkah nomor 3 di atas.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cb\u003EDestinations\u003C\/b\u003E kotak box sebelah kanan adalah \u003Cb\u003Eakun situs jejaring sosial\u003C\/b\u003E sobat yang akan melakukan share posting blog secara otomatis. Sobat bisa menambah lagi dengan akun jejaring sosial sobat yang lain dengan cara klik tombol \u003Cb\u003E+add\u003C\/b\u003E pada Destinations, kemudian tautkan akun jejaring sosial sobat yang lain.\u003C\/li\u003E\n\u003C\/ul\u003E\nKesimpulannya, 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nBerikut contoh gambar screenshot share otomatis posting blog ke twitter\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-CVp71n222Eo\/UPwyQVc4pAI\/AAAAAAAAA4I\/osO2CMJ6FO4\/s1600\/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+6.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-CVp71n222Eo\/UPwyQVc4pAI\/AAAAAAAAA4I\/osO2CMJ6FO4\/s1600\/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook+6.jpg\" title=\"Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nDemikian tips dan trik tutorial blog tentang \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/01\/cara-share-otomatis-posting-blog-ke-twitter-dan-facebook.html\"\u003ECara Share Otomatis Postingan Blog Ke Twitter Dan Facebook\u003C\/a\u003E\u003C\/b\u003E, bagi sobat yang ingin mengikuti share artikel posting terbaru dari blog KUCOPAS ini bisa langsung \u003Cb\u003E\u003Ca href=\"https:\/\/plus.google.com\/100958578841728806908\" target=\"_blank\"\u003Eadd Google+\u003C\/a\u003E\u003C\/b\u003E,\u0026nbsp;\u003Cb\u003E\u003Ca href=\"https:\/\/twitter.com\/kucopas\" target=\"_blank\"\u003Efollow twitter\u003C\/a\u003E\u003C\/b\u003E dan \u003Cb\u003E\u003Ca href=\"http:\/\/www.facebook.com\/kucopas\" target=\"_blank\"\u003Elike fans page\u003C\/a\u003E\u003C\/b\u003E blog KUCOPAS. Semoga tips dan trik yang saya posting ini bisa sangat bermanfaat bagi sobat KUCOPAS semua.\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/8999030155984521406\/comments\/default","title":"Post Comments"},{"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"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/8999030155984521406"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/8999030155984521406"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/-Z7m3lrecGw4\/UPw8XKW1WJI\/AAAAAAAAA4o\/NtnIH2p89i8\/s72-c\/Cara+Share+Otomatis+Posting+Blog+Ke+Twitter+Dan+Facebook.jpg","height":"72","width":"72"},"thr$total":{"$t":"9"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-4678477404052317137"},"published":{"$t":"2013-01-20T02:04:00.000+07:00"},"updated":{"$t":"2014-02-26T10:52:02.751+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"baterai"},{"scheme":"http://www.blogger.com/atom/ns#","term":"laptop"},{"scheme":"http://www.blogger.com/atom/ns#","term":"trik komputer"}],"title":{"type":"text","$t":"Cara Mengatasi Baterai Laptop Yang Ngedrop"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/01\/cara-mengatasi-baterai-laptop-yang-ngedrop.html\"\u003ECara Mengatasi Baterai Laptop Yang Ngedrop\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nBarang 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/01\/cara-mengatasi-baterai-laptop-yang-ngedrop.html\"\u003E\u003Cimg alt=\"Cara Mengatasi Baterai Laptop Yang Ngedrop\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-AP5Xf6YmkEw\/UPrsn4ow6ZI\/AAAAAAAAA1A\/1wGMWsnFnCY\/s1600\/Cara+Mengatasi+Baterai+Laptop+Yang+Ngedrop.jpg\" title=\"Cara Mengatasi Baterai Laptop Yang Ngedrop\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nMeski 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSangat 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nPengalaman 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 \u003Cb\u003E\u003Ca href=\"http:\/\/www.youtube.com\/\" target=\"_blank\"\u003EYoutube\u003C\/a\u003E\u003C\/b\u003E 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/\" target=\"_blank\"\u003E\u003Cimg alt=\"Cara Mengatasi Baterai Laptop Yang Ngedrop\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-avaiKFsLaA4\/UPrtH0IpVhI\/AAAAAAAAA1I\/3UkMkOMXvlw\/s1600\/Cara+Mengatasi+Baterai+Laptop+Yang+Ngedrop.jpg\" title=\"Cara Mengatasi Baterai Laptop Yang Ngedrop\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003EPenyebab Baterai Laptop Drop\u003C\/b\u003E\u003Cbr \/\u003E\nBanyak 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nBaterai 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 \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/01\/cara-merawat-baterai-laptop-agar-tahan-lama.html\" target=\"_blank\"\u003EMerawat baterai laptop agar awet tahan lama dengan cara baik dan benar\u003C\/a\u003E\u003C\/b\u003E, namun jika sobat sedang mengalami masalah baterai laptop yang ngedrop, saya punya solusinya.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003ESolusi Cara Mengatasi Dan Mengembalikan Daya Baterai Laptop Yang Ngedrop\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSebelum kita mempraktekkan cara-caranya, silahkan sobat siapkan dulu bahan-bahan dan peralatannya sebagai berikut:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E1. Kulkas atau lemari es (Freezer)\u003C\/b\u003E\u003Cbr \/\u003E\nJika belum mempunyai kulkas atau lemari es, sobat bisa menggunakan kulkasnya tetangga alias titip atau pinjam. hehehe.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E2. Plastik pembungkus\u003C\/b\u003E\u003Cbr \/\u003E\nSobat bisa gunakan plastik pembungkus es yang cukup tebal atau plastik yang lainya, asal tidak bolong alias bocor.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E3. Tali Pengikat\u003C\/b\u003E\u003Cbr \/\u003E\nTali 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.\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cbr \/\u003E\n\u003C\/b\u003E \u003Cb\u003E4. Baterai Yang Mengalami Drop\u003C\/b\u003E\u003Cbr \/\u003E\nLepaskan 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nJika 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:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Col style=\"text-align: left;\"\u003E\n\u003Cli\u003EMasukkan 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.\u003C\/li\u003E\n\u003Cli\u003EJika baterai laptop sudah terbungkus plastik dengan rapat, kemudian masukkan kedalam Freezer kulkas atau lemari es.\u003C\/li\u003E\n\u003Cli\u003EBiarkan 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.\u003C\/li\u003E\n\u003Cli\u003ESetelah melakukan langkah yang ketiga diatas, silahkan sobat keluarkan baterai laptop yang masih terbungkus plastik dengan rapat.\u003C\/li\u003E\n\u003Cli\u003EKeluarkan 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.\u003C\/li\u003E\n\u003Cli\u003EJika 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.\u003C\/li\u003E\n\u003Cli\u003ELangkah 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.\u003C\/li\u003E\n\u003Cli\u003ESilahkan 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.\u003C\/li\u003E\n\u003Cli\u003ESesudah 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.\u003C\/li\u003E\n\u003C\/ol\u003E\n\u003Cbr \/\u003E\nDemikian 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSaran 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDemikian artikel tips dan trik yang mengulas tentang \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/01\/cara-mengatasi-baterai-laptop-yang-ngedrop.html\"\u003ECara Mengatasi Baterai Laptop Yang Ngedrop\u003C\/a\u003E\u003C\/b\u003E, Semoga artikel yang saya share ini bisa sangat bermanfaat dan berguna untuk sobat KUCOPAS semua yang baterai laptopnya sedang mengalami drop.\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/4678477404052317137\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2013\/01\/cara-mengatasi-baterai-laptop-yang-ngedrop.html#comment-form","title":"14 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/4678477404052317137"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/4678477404052317137"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/-AP5Xf6YmkEw\/UPrsn4ow6ZI\/AAAAAAAAA1A\/1wGMWsnFnCY\/s72-c\/Cara+Mengatasi+Baterai+Laptop+Yang+Ngedrop.jpg","height":"72","width":"72"},"thr$total":{"$t":"14"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-7886091868347904449"},"published":{"$t":"2013-01-19T13:08:00.001+07:00"},"updated":{"$t":"2014-02-26T08:27:50.441+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"baterai"},{"scheme":"http://www.blogger.com/atom/ns#","term":"laptop"},{"scheme":"http://www.blogger.com/atom/ns#","term":"trik komputer"}],"title":{"type":"text","$t":"Cara Merawat Baterai Laptop Agar Tahan Lama"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/01\/cara-merawat-baterai-laptop-agar-tahan-lama.html\"\u003ECara Merawat Baterai Laptop Notebook Secara Baik Dan Benar, Agar Awet Tahan Lama\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nBaterai 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAlhasil 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/01\/cara-merawat-baterai-laptop-agar-tahan-lama.html\"\u003E\u003Cimg alt=\"Cara Merawat Baterai Laptop Dan Netbook Agar Tahan Lama\" border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-YvmKtunk4SA\/UPnSqSecRJI\/AAAAAAAAAzw\/d_Tmz2oXNf8\/s1600\/Cara+Merawat+Baterai+Laptop+Dan+Netbook+Agar+Tahan+Lama.jpg\" title=\"Cara Merawat Baterai Laptop Dan Netbook Agar Tahan Lama\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nSalah 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nHasilnya 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003ETips Dan Trik Cara Merawat Baterai Laptop Dan Notebook Dengan Baik Dan Benar Agar Tahan Lama\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E1. Jangan Charge Dalam Jangka Waktu Yang Lama Hingga Baterai Kepenuhan Saat Laptop Dalam Keadaan Kondisi Mati\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDengan 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E2. Jangan Melepaskan Baterai Ketika Laptop Akan Dihidupkan\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nMenghidupkan 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSebaliknya 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E3. Bersihkan Logam Kontak Baterai Laptop Secara Berkala Dan Rutin\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSobat 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-cBAtDmh3rLY\/UPnTPMYKXwI\/AAAAAAAAAz4\/U0UxBcUE42g\/s1600\/melepas+baterai+laptop.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"melepas baterai laptop\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-cBAtDmh3rLY\/UPnTPMYKXwI\/AAAAAAAAAz4\/U0UxBcUE42g\/s1600\/melepas+baterai+laptop.jpg\" title=\"melepas baterai laptop\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E4. Lepaskan Baterai Laptop Jika Laptop Tidak Digunakan Dalam Jangka Waktu Yang Lama\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nJika 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E5. Lakukan Kalibrasi Baterai Laptop Setiap 30 Kali Charge\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nKalibrasi digunakan agar kalkulasi daya baterai laptop tetap akurat, berikut tips dan trik caranya:\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003ECharge 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.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EAktifkan system hibernate. Setting agar system hibernate dijalakan otomatis jika baterai laptop sudah habis atau critical battery.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EGunakan laptop untuk aktifitas-aktifitas sobat dan tunggu sampai baterai habis dan system hibernate akan dilakukan secara otomatis.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003ESelama proses hibernate diamkan laptop selama kurang lebih 8 jam dengan kondisi baterai tetap tertancap dan terpasang pada laptop.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003ESetelah mencapai 8 jam, kemudian charge laptop hingga sampai penuh, namun laptop dalam kondisi masih hibernate atau belum dihidupkan.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EAgar 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 \u003Cb\u003E\u003Ca href=\"http:\/\/batterycare.net\/en\/download.html\" target=\"_blank\"\u003Ewww.batterycare.net\u003C\/a\u003E\u003C\/b\u003E\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cb\u003E6. Pastikan Bahwa Ada Udara Yang Bebas Mengalir Dan Bersirkulasi Dengan Baik Melalui Laptop\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nBaterai 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 \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/07\/cara-mengatasi-laptop-yang-cepat-panas.html\" target=\"_blank\"\u003Elaptop jadi panas\u003C\/a\u003E\u003C\/b\u003E 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-UBjDeLnrg-k\/UPnTs6m2_HI\/AAAAAAAAA0A\/jaJ2m8oVwDA\/s1600\/Cooling+Pad+laptop.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cooling Pad\" border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-UBjDeLnrg-k\/UPnTs6m2_HI\/AAAAAAAAA0A\/jaJ2m8oVwDA\/s1600\/Cooling+Pad+laptop.jpg\" title=\"Cooling Pad\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E7. Jangan Menggunakan Multitasking Atau Membuka Banyak Aplikasi Secara Bersamaan\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSering 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E8. Jangan Menggunakan Device Perangkat Eksternal Yang Berlebihan\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nMenggunakan 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E9. Non Aktifkan Update Otomatis Anti Virus Dan Juga Windows\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nMematikan 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E10. Kurangi Volume Speaker Laptop Atau Notebook\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nMenggunakan volume speaker yang keras juga bisa cepat menguras daya baterai. Jadi kurangi volume speaker laptop atau matikan saja jika tidak terlalu diperlukan.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E11. Jaga Suhu Baterai Agar Tidak Terlalu Panas Atau \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/07\/cara-mengatasi-laptop-yang-cepat-panas.html\" target=\"_blank\"\u003EOver Hot\u003C\/a\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nUsahakan 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E12. Hindari Penggunaan Laptop Atau Notebook Dalam Jangka Waktu Yang Sangat Lama\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nMengoperasikan 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 \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/07\/cara-mengatasi-laptop-yang-cepat-panas.html\" target=\"_blank\"\u003Eheatsing dan juga sistem pendingin laptop atau netbook\u003C\/a\u003E. Jika memungkinkan sebaiknya lepaskan baterai dari laptop atau notebook bila penggunaan lebih dari 6 jam.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDemikian beberapa tips dan trik cara merawat baterai laptop atau netbook agar tahan lama awet dan juga \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2013\/01\/cara-merawat-baterai-laptop-agar-tahan-lama.html\"\u003Ecara merawat baterai laptop dengan cara baik dan benar\u003C\/a\u003E\u003C\/b\u003E. Semoga bisa di jadikan pedoman untuk menjaga dan antisipasi dari segala kerusakan baterai laptop atau netbook sobat.\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/7886091868347904449\/comments\/default","title":"Post Comments"},{"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"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/7886091868347904449"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/7886091868347904449"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/-YvmKtunk4SA\/UPnSqSecRJI\/AAAAAAAAAzw\/d_Tmz2oXNf8\/s72-c\/Cara+Merawat+Baterai+Laptop+Dan+Netbook+Agar+Tahan+Lama.jpg","height":"72","width":"72"},"thr$total":{"$t":"6"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-6299638475115534974"},"published":{"$t":"2012-12-21T18:05:00.000+07:00"},"updated":{"$t":"2014-02-25T23:10:43.203+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"slider"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widget"}],"title":{"type":"text","$t":"Cara Membuat Widget Gallery Foto Gambar Bergerak Berjalan Di Blog"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html\"\u003ECara Membuat Widget Gallery Foto Gambar Bergerak Berjalan Di Blog\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nUntuk 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nTampilan 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 \u003Cb\u003E\u003Ca href=\"http:\/\/demokucopas.blogspot.com\/\" target=\"_blank\"\u003EDemo Kucopas\u003C\/a\u003E\u003C\/b\u003E yang sudah saya pasang widget Gallery\u0026nbsp;foto gambar bergerak berjalan di blog.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html\"\u003E\u003Cimg alt=\"Cara Membuat Widget Gallery Foto Gambar Bergerak Berjalan Di Blog\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-mtrin_6XFHo\/UNQy3KPMpnI\/AAAAAAAAAyI\/SoNyUiKin8I\/s1600\/Cara+Membuat+Widget+Gallery+Foto+Gambar+Bergerak+Berjalan+Di+Blog.jpg\" title=\"Cara Membuat Widget Gallery Foto Gambar Bergerak Berjalan Di Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cspan style=\"font-size: large;\"\u003E\u003Cb\u003E\u003Ca href=\"http:\/\/demokucopas.blogspot.com\/\" target=\"_blank\"\u003EDEMO\u003C\/a\u003E\u003C\/b\u003E\u003C\/span\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nAda beberapa opsi atau pilihan dari gallery photo gambar bergerak berjalan di blog yang bisa sobat pilih, diantaranya:\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cb\u003EGallery photo gambar bergerak berjalan di blog default (Biasa)\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EGallery photo gambar bergerak berjalan di blog dengan \u003Cspan style=\"color: blue;\"\u003EUrl Link\u003C\/span\u003E tujuan bila di klik\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003EDan masih banyak lagi, tergantung pandai-pandainya sobat untuk berexperiment menambahkan kode-kode tertentu dalam gallery photo tersebut.\u003C\/li\u003E\n\u003C\/ul\u003E\nAgar sobat tidak bingung dengan penjelasan saya di atas, nanti akan saya jelaskan caranya satu-persatu, biar sobat bisa mengerti maksudnya dengan mudah.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003ECara Membuat Gallery Photo gambar bergerak berjalan di blog \u003Cspan style=\"color: red;\"\u003Edefault\u003C\/span\u003E (Biasa)\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n1. Silahkan sobat \u0026gt;\u0026gt; \u003Cb\u003EMasuk\/Login\u003C\/b\u003E ke \u003Cb\u003E\u003Ca href=\"http:\/\/www.blogger.com\/\" target=\"_blank\"\u003EBlogger.com\u003C\/a\u003E\u003C\/b\u003E menggunakan akun sobat.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n2. Pada \u003Cb\u003EDasbor\u003C\/b\u003E tampilan blogger baru, pilih Menu \u0026gt;\u0026gt; \u003Cb\u003ETata Letak\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003ETambah Gadget\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n3. Beri judul pada Widget, Contoh \"My Foto Gallery\". Kemudian letakkan semua kode di bawah ini pada kotak \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cdiv style=\"margin: 5px;\"\u003E\n\u003Cdiv class=\"smallfont\" style=\"margin-bottom: 2px;\"\u003E\n\u003Cinput onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }\" style=\"font-size: 12px; margin: 0px; padding: 0px; width: 80px;\" type=\"button\" value=\"Buka Kode\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"alt2\" style=\"background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;\"\u003E\n\u003Cdiv style=\"display: none;\"\u003E\n\u0026lt;marquee direction=\"\u003Cspan style=\"color: magenta;\"\u003Eup\u003C\/span\u003E\" onmouseover=\"this.stop()\" scrollamount=\"3\" onmouseout=\"this.start()\"\u0026gt;\u003Cbr \/\u003E\n\u0026lt;img src=\"\u003Cspan style=\"color: red;\"\u003Ehttp:\/\/4.bp.blogspot.com\/-YSoXwW8kkIA\/UFKQ-sSozHI\/AAAAAAAAAmI\/J3fa0HBzczU\/s1600\/PINK1.jpg\u003C\/span\u003E\" \u003Cspan style=\"color: blue;\"\u003Ewidth=\"120\" height=\"120\"\u003C\/span\u003E \/\u0026gt;\u0026lt;br \/\u0026gt;\u003Cbr \/\u003E\n\u0026lt;img src=\"\u003Cspan style=\"color: red;\"\u003Ehttp:\/\/4.bp.blogspot.com\/-XEW42dRnZ-0\/UFKVPssLidI\/AAAAAAAAAmY\/jPKLVuvL7-s\/s1600\/HT3.jpg\u003C\/span\u003E\" \u003Cspan style=\"color: blue;\"\u003Ewidth=\"120\" height=\"120\"\u003C\/span\u003E \/\u0026gt;\u0026lt;br \/\u0026gt;\u003Cbr \/\u003E\n\u0026lt;img src=\"\u003Cspan style=\"color: red;\"\u003Ehttp:\/\/1.bp.blogspot.com\/-SLq8OdXIx_A\/UETzLOe5zkI\/AAAAAAAAAiI\/5HikAGLMhxM\/s1600\/sonal_chauhan.jpg\u003C\/span\u003E\" \u003Cspan style=\"color: blue;\"\u003Ewidth=\"120\" height=\"120\"\u003C\/span\u003E \/\u0026gt;\u0026lt;\/marquee\u0026gt;\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026lt;a href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html\" target=\"blank\"\u0026gt;\u0026lt;b\u0026gt;Get Widget\u0026lt;\/b\u0026gt;\u0026lt;\/a\u0026gt;\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cb\u003EKeterangan:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EMerah\u003C\/span\u003E\u003C\/b\u003E adalah \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EAlamat URL gambar atau foto image\u003C\/span\u003E\u003C\/b\u003E. Silahkan sobat ganti dengan \u003Cb\u003Ealamat URL gambar\u003C\/b\u003E atau foto image sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EWarna \u003Cb\u003EBiru\u003C\/b\u003E, \u003Cspan style=\"color: blue; font-weight: bold;\"\u003Ewidth=\"\u003C\/span\u003E\u003Cspan style=\"color: blue; font-weight: bold;\"\u003E120\u003C\/span\u003E\u003Cspan style=\"color: blue; font-weight: bold;\"\u003E\" \u003C\/span\u003Edan\u003Cspan style=\"color: blue; font-weight: bold;\"\u003E height=\"\u003C\/span\u003E\u003Cspan style=\"color: blue; font-weight: bold;\"\u003E120\u003C\/span\u003E\u003Cspan style=\"color: blue; font-weight: bold;\"\u003E\"\u003C\/span\u003E adalah ukuran \u003Cb\u003ELebar dan Tinggi\u003C\/b\u003E image gambar atau foto. Silahkan sobat atur nilainya sesuai dengan keinginan sobat agar sesuai dengan widget blog sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cb\u003E\u0026lt;marquee direction=\"\u003Cspan style=\"color: magenta;\"\u003Eup\u003C\/span\u003E\"\u003C\/b\u003E adalah arah bergerak berjalan ke atas. Silahkan sobat ganti \u003Cb\u003E\u003Cspan style=\"color: magenta;\"\u003Eup\u003C\/span\u003E\u003C\/b\u003E jadi \u003Cb\u003E\u003Cspan style=\"color: magenta;\"\u003Edown\u003C\/span\u003E\u003C\/b\u003E jika ingin arah berjalan bergerak ke bawah.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cspan style=\"font-size: large;\"\u003E\u003Cb\u003ECara Membuat Gallery Photo gambar bergerak berjalan di blog dengan \u003Cspan style=\"color: red;\"\u003EUrl Link\u003C\/span\u003E tujuan bila di klik\u003C\/b\u003E.\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nCara 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003EBerikut kode yang menggunakan alamat url link tujuan bila image gambar foto di klik\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cdiv style=\"margin: 5px;\"\u003E\n\u003Cdiv class=\"smallfont\" style=\"margin-bottom: 2px;\"\u003E\n\u003Cinput onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }\" style=\"font-size: 12px; margin: 0px; padding: 0px; width: 80px;\" type=\"button\" value=\"Buka Kode\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"alt2\" style=\"background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;\"\u003E\n\u003Cdiv style=\"display: none;\"\u003E\n\u0026lt;marquee direction=\"\u003Cspan style=\"color: magenta;\"\u003Eup\u003C\/span\u003E\" onmouseover=\"this.stop()\" scrollamount=\"3\" onmouseout=\"this.start()\"\u0026gt;\u0026lt;a href=\"\u003Cspan style=\"color: lime;\"\u003Ehttp:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html\u003C\/span\u003E\" target=\"blank\" title=\"\u003Cspan style=\"color: orange;\"\u003ECara membuat Galeri foto Gambar bergerak\u003C\/span\u003E\"\u0026gt;\u0026lt;img src=\"\u003Cspan style=\"color: red;\"\u003Ehttp:\/\/4.bp.blogspot.com\/-YSoXwW8kkIA\/UFKQ-sSozHI\/AAAAAAAAAmI\/J3fa0HBzczU\/s1600\/PINK1.jpg\u003C\/span\u003E\" \u003Cspan style=\"color: blue;\"\u003Ewidth=\"270\" height=\"270\"\u003C\/span\u003E \/\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;br \/\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a href=\"\u003Cspan style=\"color: lime;\"\u003Ehttp:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html\u003C\/span\u003E\" target=\"blank\" title=\"\u003Cspan style=\"color: orange;\"\u003ECara membuat Galeri foto Gambar bergerak\u003C\/span\u003E\"\u0026gt;\u0026lt;img src=\"\u003Cspan style=\"color: red;\"\u003Ehttp:\/\/4.bp.blogspot.com\/-XEW42dRnZ-0\/UFKVPssLidI\/AAAAAAAAAmY\/jPKLVuvL7-s\/s1600\/HT3.jpg\u003C\/span\u003E\" \u003Cspan style=\"color: blue;\"\u003Ewidth=\"270\" height=\"270\"\u003C\/span\u003E \/\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;br \/\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a href=\"\u003Cspan style=\"color: lime;\"\u003Ehttp:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html\u003C\/span\u003E\" target=\"blank\" title=\"\u003Cspan style=\"color: orange;\"\u003ECara membuat Galeri foto Gambar bergerak\u003C\/span\u003E\"\u0026gt;\u0026lt;img src=\"\u003Cspan style=\"color: red;\"\u003Ehttp:\/\/1.bp.blogspot.com\/-SLq8OdXIx_A\/UETzLOe5zkI\/AAAAAAAAAiI\/5HikAGLMhxM\/s1600\/sonal_chauhan.jpg\u003C\/span\u003E\" \u003Cspan style=\"color: blue;\"\u003Ewidth=\"270\" height=\"270\"\u003C\/span\u003E \/\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;\/marquee\u0026gt;\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026lt;a href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html\" target=\"blank\"\u0026gt;\u0026lt;b\u0026gt;Get Widget\u0026lt;\/b\u0026gt;\u0026lt;\/a\u0026gt;\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cb\u003EKeterangan:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: lime;\"\u003EHijau\u003C\/span\u003E\u003C\/b\u003E adalah \u003Cb\u003EAlamat Url tujuan bila image gambar foto di klik\u003C\/b\u003E. Silahkan di ganti dengan alamat url tujuan sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: orange;\"\u003EOrange\u003C\/span\u003E\u003C\/b\u003E adalah \u003Cb\u003ETitle teks yang keluar jika Mouse pointer menyantuh gambar image foto\u003C\/b\u003E pada gallery. Silahkan sobat ganti dengan title teks sesuai keinginan sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EKode yang saya berikan di atas adalah \u003Cb\u003Econtoh untuk tiga gambar image foto saja\u003C\/b\u003E. Sobat bisa \u003Cb\u003Emenambahkan kode image-nya\u003C\/b\u003E sesuai dengan keinginan sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\nDemikian tutorial blog tentang \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html\"\u003E\u003Cb\u003ECara Membuat Widget Gallery Foto Gambar Bergerak Berjalan Di Blog\u003C\/b\u003E\u003C\/a\u003E 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.\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/6299638475115534974\/comments\/default","title":"Post Comments"},{"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":"23 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/6299638475115534974"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/6299638475115534974"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/-mtrin_6XFHo\/UNQy3KPMpnI\/AAAAAAAAAyI\/SoNyUiKin8I\/s72-c\/Cara+Membuat+Widget+Gallery+Foto+Gambar+Bergerak+Berjalan+Di+Blog.jpg","height":"72","width":"72"},"thr$total":{"$t":"23"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-6805058299695174580"},"published":{"$t":"2012-12-14T16:10:00.000+07:00"},"updated":{"$t":"2014-04-11T11:22:33.306+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"followers"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widget"}],"title":{"type":"text","$t":"Cara Mengembalikan Widget (Gadget) Followers Blog Yang Menghilang"},"content":{"type":"html","$t":"\u0026nbsp;\u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-mengembalikan-widget-followers-blog-yang-hilang.html\"\u003ECara Mengembalikan Widget (Gadget) Followers Blog Yang Menghilang\u003C\/a\u003E\u003C\/b\u003E - 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026nbsp;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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-HIa2l1bVnM8\/UMtEoloJnBI\/AAAAAAAAAxI\/i_jq0QQRxak\/s1600\/Cara+Mengembalikan+Widget+(Gadget)+Followers+Blog+Yang+Menghilang+1.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Mengembalikan Widget (Gadget) Followers Blog Yang Menghilang\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-HIa2l1bVnM8\/UMtEoloJnBI\/AAAAAAAAAxI\/i_jq0QQRxak\/s1600\/Cara+Mengembalikan+Widget+(Gadget)+Followers+Blog+Yang+Menghilang+1.jpg\" title=\"Cara Mengembalikan Widget (Gadget) Followers Blog Yang Menghilang\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003EBukti kemungkinan Google Friend Connect akan di hilangkan.\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026nbsp;Buktinya\u0026nbsp;sekarang\u0026nbsp;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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003EWidget Google+ Followers jadi pengganti Widget Followers Google Friend Connect.\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026nbsp;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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-CFmQGB-oxmg\/UMtBB7NiAQI\/AAAAAAAAAwo\/C82xi9TDfWY\/s1600\/Cara+Mengembalikan+Widget+(Gadget)+Followers+Blog+Yang+Menghilang.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Mengembalikan Widget (Gadget) Followers Blog Yang Menghilang\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-CFmQGB-oxmg\/UMtBB7NiAQI\/AAAAAAAAAwo\/C82xi9TDfWY\/s1600\/Cara+Mengembalikan+Widget+(Gadget)+Followers+Blog+Yang+Menghilang.jpg\" title=\"Cara Mengembalikan Widget (Gadget) Followers Blog Yang Menghilang\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u0026nbsp;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\u0026nbsp;\u003Cb\u003E\u003Ca href=\"http:\/\/googleblog.blogspot.com\/2011\/11\/more-spring-cleaning-out-of-season.html\" target=\"_blank\"\u003EDISINI\u003C\/a\u003E\u003C\/b\u003E. Gunakan translate untuk mempermudah mengartikannya.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003EPengalaman pribadi saat Widget Followers di blog menghilang.\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026nbsp;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 \"Kami minta maaf…Gadget ini salah dikonfigurasi. Petunjuk webmaster: Pastikan bahwa \"Setelan Jalinan Teman – URL Beranda\" sesuai dengan URL situs ini\".\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003EAnalisa dalam setelan blog.\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026nbsp;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.\u0026nbsp;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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECara mengatasi dan mengembalikan widget gadget Followers blog yang menghilang.\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026nbsp;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\u0026nbsp;widget gadget followers blog saya jadi menghilang secara tiba-tiba.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026nbsp;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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ELangkah-langkah untuk mengembalikan widget gadget followers blog yang menghilang.\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026nbsp;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:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n1. Langkah yang pertama saya lakukan adalah cek followers atau pengikut blog pada dashboard akun blogger saya.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECara melakukannya:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003ESilahkan sobat \u0026gt;\u0026gt; \u003Cb style=\"background-color: lime;\"\u003EMasuk atau Login\u003C\/b\u003E ke Blogger.com menggunakan akun sobat.\u003C\/li\u003E\n\u003Cli\u003EPada \u003Cb style=\"background-color: lime;\"\u003EDashboard\u003C\/b\u003E tampilan blogger baru, Pilih Blog sobat, Kemudian Klik \u0026gt;\u0026gt; \u003Cb style=\"background-color: lime;\"\u003EPengikut atau Followers\u003C\/b\u003E.\u0026nbsp;Lihat contoh gambar screenshot dibawah ini.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-ercJp6qSJX8\/UMpZsQbSFuI\/AAAAAAAAAu0\/4Uf1agbZl10\/s1600\/Cara+Mengembalikan+Followers+Blog+Yang+Menghilang+1.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Mengembalikan Followers Blog Yang Menghilang\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-ercJp6qSJX8\/UMpZsQbSFuI\/AAAAAAAAAu0\/4Uf1agbZl10\/s1600\/Cara+Mengembalikan+Followers+Blog+Yang+Menghilang+1.jpg\" title=\"Cara Mengembalikan Followers Blog Yang Menghilang\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: left;\"\u003E\n\u003C\/div\u003E\n\u003Cul\u003E\n\u003Cli\u003ESetelah klik \u003Cb style=\"background-color: lime;\"\u003EPengikut atau Followers\u003C\/b\u003E, Maka akan muncul seperti halaman dibawah ini.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cbr \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-MRijpRFDmkc\/UMpfSNbA-aI\/AAAAAAAAAvQ\/-qnzKv2oY74\/s1600\/Cara+Mengembalikan+Followers+Blog+Yang+Menghilang+2.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Mengembalikan Followers Blog Yang Menghilang\" border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-MRijpRFDmkc\/UMpfSNbA-aI\/AAAAAAAAAvQ\/-qnzKv2oY74\/s1600\/Cara+Mengembalikan+Followers+Blog+Yang+Menghilang+2.jpg\" title=\"Cara Mengembalikan Followers Blog Yang Menghilang\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: left;\"\u003E\n\u003C\/div\u003E\n\u003Cul\u003E\n\u003Cli\u003ESilahkan sobat klik \u0026gt;\u0026gt; \u003Cb style=\"background-color: lime;\"\u003EInvite your Friends\u003C\/b\u003E. Lalu akan muncul halaman seperti gambar screenshot dibawah ini.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-MlzPQauuB2M\/UMpi99yG1GI\/AAAAAAAAAvs\/KYtCS1MW1jI\/s1600\/Cara+Mengembalikan+Followers+Blog+Yang+Menghilang+3.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Mengembalikan Followers Blog Yang Menghilang\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-MlzPQauuB2M\/UMpi99yG1GI\/AAAAAAAAAvs\/KYtCS1MW1jI\/s1600\/Cara+Mengembalikan+Followers+Blog+Yang+Menghilang+3.jpg\" title=\"Cara Mengembalikan Followers Blog Yang Menghilang\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: left;\"\u003E\n\u003C\/div\u003E\n\u003Cul\u003E\n\u003Cli\u003ECara 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.\u003C\/li\u003E\n\u003Cli\u003EJika alamat URL situs sudah cocok, Sobat tidak perlu melakukan langkah yang kedua. Karena mungkin ada kesalahan yang lain\u0026nbsp;yang diterapkan\u0026nbsp;dalam kode HTML template blog sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: left;\"\u003E\n2. 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.\u003C\/div\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: left;\"\u003E\n\u003Cbr \/\u003E\u003C\/div\u003E\n\u003Cb\u003ECara melakukannya:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003ESilahkan sobat kembali lagi pada \u003Cb style=\"background-color: lime;\"\u003EDashboard\u003C\/b\u003E blog sobat, Kemudian klik \u0026gt;\u0026gt; \u003Cb style=\"background-color: lime;\"\u003ESetelan\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb style=\"background-color: lime;\"\u003EDasar\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003ELalu edit \u003Cb style=\"background-color: lime;\"\u003EPenerbitan\u003C\/b\u003E \u003Cb style=\"background-color: lime;\"\u003EAlamat Blog\u003C\/b\u003E sobat. Klik \u0026gt;\u0026gt; \u003Cb style=\"background-color: lime;\"\u003EEdit\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb style=\"background-color: lime;\"\u003EMasukkan Alamat URL Blog\u003C\/b\u003E Sobat \u0026gt;\u0026gt; Jangan lupa klik \u0026gt;\u0026gt; \u003Cb style=\"background-color: lime;\"\u003ESimpan\u003C\/b\u003E. Lihat contoh gambar screenshot di bawah ini.\u0026nbsp;\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-e0KF1rKnr_E\/UMpsJCGgX8I\/AAAAAAAAAwI\/eTDGnJQ0-VU\/s1600\/Cara+Mengembalikan+Followers+Blog+Yang+Menghilang+4.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Mengembalikan Followers Blog Yang Menghilang\" border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-e0KF1rKnr_E\/UMpsJCGgX8I\/AAAAAAAAAwI\/eTDGnJQ0-VU\/s1600\/Cara+Mengembalikan+Followers+Blog+Yang+Menghilang+4.jpg\" title=\"Cara Mengembalikan Followers Blog Yang Menghilang\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECatatan:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cdiv style=\"text-align: left;\"\u003E\n\u003C\/div\u003E\n\u003Cul\u003E\n\u003Cli\u003EMeski 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.\u003C\/li\u003E\n\u003Cli\u003ECara 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\u0026nbsp;\"Kami minta maaf…Gadget ini salah dikonfigurasi. Petunjuk Webmaster: Pastikan bahwa \"Setelan Jalinan Teman – URL Beranda\" sesuai dengan URL situs ini\".\u003C\/li\u003E\n\u003Cli\u003EOleh sebab petunjuk itu saya melakukan pembenahan konfigurasi setelan dasar dan menyimpan ulang alamat URL situs agar sesuai atau cocok dengan URL situs blog KUCOPAS.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u0026nbsp;Jika sobat masih mengalami kesulitan memahami penjelasan saya, Silahkan sobat bertanya pada form komentar yang tersedia. Sebisa mungkin saya dengan senang hati\u0026nbsp;akan\u0026nbsp;membantu sobat.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026nbsp;Semoga tips dan trik tutorial blog yang mengulas tentang \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-mengembalikan-widget-followers-blog-yang-hilang.html\"\u003ECara Mengatasi Dan Mengembalikan Widget Gadget Followers Blog Yang Menghilang\u003C\/a\u003E, Bisa sangat membantu dan bermanfaat banget bagi sobat KUCOPAS semua.\u003Cbr \/\u003E\n\u003Cdiv style=\"text-align: center;\"\u003E\nSelamat Berkarya...\u003C\/div\u003E\n\u003Chr \/\u003E\n\u003Cdiv align=\"center\"\u003E\n| Supported by \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/\"\u003E \u003Cspan style=\"color: green;\" title=\"KUCOPAS\"\u003Ehttp:\/\/kuc0pas.blogspot.com\u003C\/span\u003E\u003C\/a\u003E | \u003C\/div\u003E\n\u003Chr \/\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/6805058299695174580\/comments\/default","title":"Post Comments"},{"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"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/6805058299695174580"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/6805058299695174580"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/-HIa2l1bVnM8\/UMtEoloJnBI\/AAAAAAAAAxI\/i_jq0QQRxak\/s72-c\/Cara+Mengembalikan+Widget+(Gadget)+Followers+Blog+Yang+Menghilang+1.jpg","height":"72","width":"72"},"thr$total":{"$t":"6"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-1572379971972224631"},"published":{"$t":"2012-12-11T01:33:00.000+07:00"},"updated":{"$t":"2014-04-11T11:22:33.155+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"daftar isi"},{"scheme":"http://www.blogger.com/atom/ns#","term":"label kategori"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widget"}],"title":{"type":"text","$t":"Cara Membuat Daftar Isi Label Tertentu Atau Banyak Label Di Blog"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-membuat-daftar-isi-label-tertentu.html\"\u003ECara Membuat Daftar Isi Label Tertentu Atau Banyak Label (Category) Di Blog\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nTampilan 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 \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2011\/11\/cara-baru-membuat-daftar-isi-jquery.html\" target=\"_blank\"\u003EJquery Accordion\u003C\/a\u003E\u003C\/b\u003E 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nOke 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nLihat contoh gambar screenshot berikut.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-membuat-daftar-isi-label-tertentu.html\"\u003E\u003Cimg alt=\"Cara Membuat Daftar Isi Label Tertentu Atau Banyak Label Di Blog\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-Mba92H76tlE\/UMJtVbJ9XJI\/AAAAAAAAAs0\/UKGwY5k5jZU\/s1600\/Cara+Membuat+Daftar+Isi+Label+Tertentu+Atau+Banyak+Label+Di+Blog.jpg\" title=\"Cara Membuat Daftar Isi Label Tertentu Atau Banyak Label Di Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cdiv style=\"text-align: center;\"\u003E\n\u003Cb\u003E\u003Cspan style=\"color: green; font-size: large;\"\u003E\u003Ca href=\"http:\/\/demokucopas.blogspot.com\/\" target=\"_blank\"\u003EDEMO\u003C\/a\u003E\u003C\/span\u003E\u003C\/b\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECara Membuat Dan Memasang Daftar Isi Label Tertentu Atau Banyak Label Di Blog\u003C\/b\u003E\u003Cbr \/\u003E\nAda dua cara yaitu:\u003Cbr \/\u003E\n1. Pada \u003Cb\u003EWidget blog\u003C\/b\u003E.\u003Cbr \/\u003E\n2. Pada \u003Cb\u003EPosting dan Laman blog\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E1. Cara Membuat Dan Memasang Daftar Isi Label Tertentu Atau Banyak Label \u003Cspan style=\"color: red;\"\u003EPada Widget Blog\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003ESilahkan sobat \u0026gt;\u0026gt; \u003Cb\u003ELogin atau Masuk\u003C\/b\u003E ke \u0026gt;\u0026gt; \u003Cb\u003E\u003Ca href=\"http:\/\/www.blogger.com\/\" target=\"_blank\"\u003EBlogger.com\u003C\/a\u003E\u003C\/b\u003E menggunakan akun sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EPada \u003Cb\u003EDasbor\u003C\/b\u003E tampilan blogger baru, pilih Menu \u0026gt;\u0026gt; \u003Cb\u003ETata Letak\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003ETambah Gadget\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EKemudian \u003Cb\u003Emasukkan semua kode\u003C\/b\u003E berikut ke dalam kotak \u0026gt;\u0026gt; \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cdiv style=\"margin: 5px;\"\u003E\n\u003Cdiv class=\"smallfont\" style=\"margin-bottom: 2px;\"\u003E\n\u003Cinput onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }\" style=\"font-size: 12px; margin: 0px; padding: 0px; width: 80px;\" type=\"button\" value=\"Buka Kode\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"alt2\" style=\"background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;\"\u003E\n\u003Cdiv style=\"display: none;\"\u003E\n\u0026lt;script\u0026gt;\u003Cbr \/\u003E\nvar numposts = 100;\u003Cbr \/\u003E\nvar standardstyling = true;\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\n\u0026lt;script src=\"http:\/\/kucopas-js.googlecode.com\/files\/DaftarIsiByLabel.js\" type=\"text\/javascript\"\u0026gt;\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\n\u003Cspan style=\"color: magenta;\"\u003E\u0026lt;div style=\"border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;\"\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u0026lt;h3\u0026gt;\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003ETUTORIAL BLOG\u003C\/span\u003E\u003C\/b\u003E\u0026lt;\/h3\u0026gt;\u003Cbr \/\u003E\n\u0026lt;ul\u0026gt;\u0026lt;script src=\"\u003Cb\u003E\u003Cspan style=\"color: green;\"\u003Ehttp:\/\/kuc0pas.blogspot.com\u003C\/span\u003E\u003C\/b\u003E\/feeds\/posts\/default\/-\/\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003ETUTORIAL%20BLOG\u003C\/span\u003E\u003C\/b\u003E?orderby=published\u0026amp;amp;alt=json-in-script\u0026amp;amp;callback=showrecentposts\u0026amp;amp;max-results=999\"\u0026gt;\u0026lt;\/script\u0026gt; \u0026lt;\/ul\u0026gt;\u003Cbr \/\u003E\n\u0026lt;h3\u0026gt;\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003ETRIK FACEBOOK\u003C\/span\u003E\u003C\/b\u003E\u0026lt;\/h3\u0026gt;\u003Cbr \/\u003E\n\u0026lt;ul\u0026gt;\u0026lt;script src=\"\u003Cb\u003E\u003Cspan style=\"color: green;\"\u003Ehttp:\/\/kuc0pas.blogspot.com\u003C\/span\u003E\u003C\/b\u003E\/feeds\/posts\/default\/-\/\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003Etrik%20facebook\u003C\/span\u003E\u003C\/b\u003E?orderby=published\u0026amp;amp;alt=json-in-script\u0026amp;amp;callback=showrecentposts\u0026amp;amp;max-results=999\"\u0026gt;\u0026lt;\/script\u0026gt; \u0026lt;\/ul\u0026gt;\u003Cbr \/\u003E\n\u0026lt;h3\u0026gt;\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003ETECHNO\u003C\/span\u003E\u003C\/b\u003E\u0026lt;\/h3\u0026gt;\u003Cbr \/\u003E\n\u0026lt;ul\u0026gt;\u0026lt;script src=\"\u003Cb\u003E\u003Cspan style=\"color: green;\"\u003Ehttp:\/\/kuc0pas.blogspot.com\u003C\/span\u003E\u003C\/b\u003E\/feeds\/posts\/default\/-\/\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003Etrik%20komputer\u003C\/span\u003E\u003C\/b\u003E?orderby=published\u0026amp;amp;alt=json-in-script\u0026amp;amp;callback=showrecentposts\u0026amp;amp;max-results=999\"\u0026gt;\u0026lt;\/script\u0026gt; \u0026lt;\/ul\u0026gt;\u003Cbr \/\u003E\n\u003Cspan style=\"color: magenta;\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cul\u003E\n\u003Cli\u003EJika sudah di masukkan semua kodenya, silahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003ESimpan\u003C\/b\u003E dan lihat hasilnya.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cb\u003EKeterangan:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul style=\"text-align: left;\"\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: green;\"\u003EHijau\u003C\/span\u003E\u003C\/b\u003E : Silahkan sobat ganti dengan \u003Cb\u003Ealamat URL blog\u003C\/b\u003E sobat.\u003C\/li\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EMerah\u003C\/span\u003E\u003C\/b\u003E : \u003Cb\u003ENama Judul Label\u003C\/b\u003E, silahkan sobat ganti sesuai dengan keinginan sobat.\u003C\/li\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003EBiru\u003C\/span\u003E\u003C\/b\u003E : \u003Cb\u003ENama label blog\u003C\/b\u003E yang daftar isinya akan di tampilkan, silahkan sobat ganti dengan label blog sobat, besar kecil huruf harus sesuai dengan label blog sobat. Gunakan \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E%20\u003C\/span\u003E\u003C\/b\u003E untuk label yang ada space atau spasinya.\u003C\/li\u003E\n\u003Cli\u003EJika sobat ingin menambahkan atau mengurangi daftar label yang di tampilkan, silahkan sobat bisa menambah atau mengurangi kode script-nya.\u003C\/li\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: magenta;\"\u003EPink\u003C\/span\u003E\u003C\/b\u003E adalah \u003Cb\u003Eukuran box atau kotak scroll\u003C\/b\u003E. Silahkan sobat ganti sesuai dengan keinginan sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cb\u003E2. Cara Membuat Dan Memasang Daftar Isi Label Tertentu Atau Banyak Label \u003Cspan style=\"color: red;\"\u003EPada Posting Dan Laman Blog\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003ESilahkan sobat \u0026gt;\u0026gt; \u003Cb\u003ELogin atau Masuk\u003C\/b\u003E ke \u0026gt;\u0026gt; \u003Cb\u003E\u003Ca href=\"http:\/\/www.blogger.com\/\" target=\"_blank\"\u003EBlogger.com\u003C\/a\u003E\u003C\/b\u003E menggunakan akun sobat.\u003C\/li\u003E\n\u003Cli\u003EPada \u003Cb\u003EDasbor\u003C\/b\u003E pilih Menu \u0026gt;\u0026gt; \u003Cb\u003EBuat Entri Baru\u003C\/b\u003E untuk posting.\u003C\/li\u003E\n\u003Cli\u003EUntuk Laman pilih Menu \u0026gt;\u0026gt; \u003Cb\u003ELaman\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003ELaman Baru\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003EPada \u003Cb\u003EKotak Posting atau Laman\u003C\/b\u003E, pilih Mode \u003Cb\u003EHTML\u003C\/b\u003E. Bukan \u003Cb\u003ECompose\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003EKemudian \u003Cb\u003Emasukkan semua kode\u003C\/b\u003E di atas tadi.\u003C\/li\u003E\n\u003Cli\u003EJika sudah, silahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003EPublikasikan\u003C\/b\u003E dan lihat hasilnya.\u003C\/li\u003E\n\u003C\/ul\u003E\nJika 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDemikian artikel trik tentang \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-membuat-daftar-isi-label-tertentu.html\"\u003E\u003Cb\u003ECara Membuat Daftar Isi Label Tertentu Atau Banyak Label Di Blog\u003C\/b\u003E\u003C\/a\u003E, semoga bisa sangat bermanfaat bagi sobat KUCOPAS semua.\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/1572379971972224631\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-membuat-daftar-isi-label-tertentu.html#comment-form","title":"8 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/1572379971972224631"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/1572379971972224631"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/-Mba92H76tlE\/UMJtVbJ9XJI\/AAAAAAAAAs0\/UKGwY5k5jZU\/s72-c\/Cara+Membuat+Daftar+Isi+Label+Tertentu+Atau+Banyak+Label+Di+Blog.jpg","height":"72","width":"72"},"thr$total":{"$t":"8"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-3522990110201247377"},"published":{"$t":"2012-12-05T05:09:00.000+07:00"},"updated":{"$t":"2014-04-11T11:22:33.203+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"loading blog"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"}],"title":{"type":"text","$t":"Cara Mengatasi Loading Lama Pada Blog"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-mengatasi-loading-lama-pada-blog.html\"\u003ECara Mengatasi Loading Lama Pada Blog\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nJika 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nUntuk 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nTips 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-mengatasi-loading-lama-pada-blog.html\"\u003E\u003Cimg alt=\"Cara Mengatasi Loading Lama Pada Blog\" border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-e2SxMeq2tV8\/UL5zn4kQqUI\/AAAAAAAAAr8\/C1sh8Or8KoM\/s1600\/loading7.gif\" title=\"Cara Mengatasi Loading Lama Pada Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nJika 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...\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-mengatasi-loading-lama-pada-blog.html\"\u003E\u003Cimg alt=\"Cara Mengatasi Loading Lama Pada Blog\" border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-vqWH4gEq1Gc\/UL52AdedvYI\/AAAAAAAAAsI\/GnCqCZM7xyQ\/s320\/Cara+Mengatasi+Loading+Lama+Pada+Blog.jpg\" height=\"238\" title=\"Cara Mengatasi Loading Lama Pada Blog\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nCara 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003ECara Memasang Kode Script LazyLoad Pada Blog\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n1. Langkah pertama, silahkan sobat \u0026gt;\u0026gt; \u003Cb\u003EMasuk\u003C\/b\u003E atau \u003Cb\u003ELogin\u003C\/b\u003E ke \u003Ca href=\"http:\/\/www.blogger.com\/\" target=\"_blank\"\u003E\u003Cb\u003EBlogger.com\u003C\/b\u003E\u003C\/a\u003E menggunakan akun sobat.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n2. Setelah masuk, pilih blog sobat yang ingin di pasangi script LazyLoad ini.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n3. Pada \u003Cb\u003EDasbor\u003C\/b\u003E tampilan blogger baru, pilih dan klik Menu \u0026gt;\u0026gt; \u003Cb\u003ETemplate\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003EEdit HTML\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n4. Kemudian cari kode \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E\u0026lt;\/head\u0026gt;\u003C\/span\u003E\u003C\/b\u003E (Gunakan \u003Cb\u003ECTRL+F\u003C\/b\u003E untuk mempermudah pencarian).\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n5. Setelah ketemu, silahkan sobat tambahkan kode berikut tepat diatas kode \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E\u0026lt;\/head\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cdiv style=\"margin: 5px;\"\u003E\n\u003Cdiv class=\"smallfont\" style=\"margin-bottom: 2px;\"\u003E\n\u003Cinput onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }\" style=\"font-size: 12px; margin: 0px; padding: 0px; width: 80px;\" type=\"button\" value=\"Buka Kode\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"alt2\" style=\"background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;\"\u003E\n\u003Cdiv style=\"display: none;\"\u003E\n\u003Cspan style=\"color: green;\"\u003E\u0026lt;script charset='utf-8' src='%3Cspan%20style=%22color:%20black;%22%3Ehttp:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.3.2\/jquery.min.js%3C\/span%3E' type='text\/javascript'\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003E\u0026nbsp;\u0026lt;script src='http:\/\/kucopas-js.googlecode.com\/files\/LazyLoad.js' type='text\/javascript'\/\u0026gt; \u0026lt;script charset='utf-8' type='text\/javascript'\u0026gt; $(function() {\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003E$(\u0026amp;quot;img\u0026amp;quot;) .lazyload({placeholder \u0026nbsp;:\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003E\u0026amp;quot;https:\/\/lh5.googleusercontent.com\/_u4rBCfM4eII\/TXksAi6R_OI\/AAAAAAAABZY\/2k63Mrtswf0\/grey.png\u0026amp;quot;,threshold\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003E\u0026nbsp; : 200}); }); \u0026lt;\/script\u0026gt; \u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cbr \/\u003E\n6. Sebelum di simpan, ada baiknya sobat klik \u0026gt;\u0026gt; \u003Cb\u003EPreview\u003C\/b\u003E atau \u003Cb\u003EPratinjau\u003C\/b\u003E terlebih dahulu, demi untuk menghindari kesalahan saat Edit HTML Template blog sobat.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n7. Jika hasil Pratinjau atau Preview tidak mengalami eror pada blog sobat, silahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003ESimpan Template\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n8. Selesai dan lihat hasilnya pada halaman blog sobat sudah dapat dipastikan loadingnya sangat ringan saat di buka atau di akses oleh para pengunjung.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSemoga tips dan trik blog yang saya share kali ini tentang \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-mengatasi-loading-lama-pada-blog.html\"\u003E\u003Cb\u003ECara Mengatasi Loading Lama Pada Blog\u003C\/b\u003E\u003C\/a\u003E, bisa sangat bermanfaat bagi sobat KUCOPAS semua yang mengalami loading berat pada blog saat di akses atau di buka. Selamat berkarya...\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/3522990110201247377\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-mengatasi-loading-lama-pada-blog.html#comment-form","title":"18 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/3522990110201247377"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/3522990110201247377"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/4.bp.blogspot.com\/-e2SxMeq2tV8\/UL5zn4kQqUI\/AAAAAAAAAr8\/C1sh8Or8KoM\/s72-c\/loading7.gif","height":"72","width":"72"},"thr$total":{"$t":"18"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-3500671270582773866"},"published":{"$t":"2012-12-03T03:06:00.002+07:00"},"updated":{"$t":"2014-04-11T11:22:33.196+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"komentar"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"}],"title":{"type":"text","$t":"Cara Mengatasi Tombol Balas Komentar Blog Tidak Berfungsi"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/tombol-balas-komentar-blog-tidak-berfungsi.html\"\u003ECara Mengatasi Tombol Balas (Reply) Komentar Blog Yang Tidak Berfungsi\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSolusi 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nUntuk lebih jelasnya sobat bisa melihat perbedaan pada dua contoh gambar screenshot di bawah ini.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv style=\"text-align: center;\"\u003E\n\u003Cb\u003EContoh Tombol Balas (Reply) Komentar Blog Yang \u003Cspan style=\"color: red;\"\u003ETidak Berfungsi\u003C\/span\u003E Untuk Membalas Komentar\u003C\/b\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/tombol-balas-komentar-blog-tidak-berfungsi.html\"\u003E\u003Cimg alt=\"Cara agar tombol Balas di komentar bisa berfungsi\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-jx7mEsTGTAM\/ULt9XZAN3BI\/AAAAAAAAAqs\/CLTf22jy30Q\/s1600\/Cara+agar+tombol+Balas+di+komentar+bisa+berfungsi.jpg\" title=\"Cara agar tombol Balas di komentar bisa berfungsi\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nKeterangan 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv style=\"text-align: center;\"\u003E\n\u003Cb\u003EContoh Tombol Balas (Reply) Komentar Blog Yang \u003Cspan style=\"color: red;\"\u003ESudah Berfungsi\u003C\/span\u003E Untuk Membalas Komentar\u003C\/b\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/tombol-balas-komentar-blog-tidak-berfungsi.html\"\u003E\u003Cimg alt=\"Cara Mengatasi Tombol Balas Komentar Blog Tidak Berfungsi\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-HMFlzAJeCBw\/ULuDFUE9GbI\/AAAAAAAAArI\/KGUnW15Lp88\/s1600\/Cara+Mengatasi+Tombol+Balas+Komentar+Blog+Tidak+Berfungsi.jpg\" title=\"Cara Mengatasi Tombol Balas Komentar Blog Tidak Berfungsi\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nKeterangan 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nJika sobat mengalami hal yang sama seperti apa yang pernah saya alami, yaitu\u0026nbsp;Tombol Balas Komentar Blog Tidak Berfungsi. Maka sobat bisa mengikuti cara saya agar tombol balas (reply) komentar blog bisa berfungsi dengan sempurna.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECara Agar Tombol Balas (Reply) Komentar Blog Bisa Berfungsi\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n1. Silahkan sobat \u0026gt;\u0026gt; \u003Cb\u003EMasuk\/Login\u003C\/b\u003E \u0026gt;\u0026gt; Ke \u003Ca href=\"http:\/\/www.blogger.com\/\" target=\"_blank\"\u003E\u003Cb\u003EBlogger.com\u003C\/b\u003E\u003C\/a\u003E menggunakan akun sobat.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n2. Pada \u003Cb\u003EDasbor\u003C\/b\u003E tampilan blog yang baru, klik Menu \u0026gt;\u0026gt; \u003Cb\u003ETemplate\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n3. Klik \u0026gt;\u0026gt; \u003Cb\u003ECadangkan\/Pulihkan\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003EUnduh Template lengkap\u003C\/b\u003E. Guna untuk mengembalikan template blog ke seperti semula, jika terjadi kesalahan saat Edit HTML Template.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n4. Klik \u0026gt;\u0026gt; \u003Cb\u003EEdit HTML\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n5. Silahkan sobat cari kode berikut di bawah ini. (Gunakan \u003Cb\u003ECTRL+F\u003C\/b\u003E untuk mempermudah pencarian).\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: green;\"\u003E\u0026lt;script defer='defer' expr:src='data:post.commentSrc' type='text\/javascript'\/\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n6. Jika sudah ketemu, silahkan sobat hapus semua kode, mulai dari kode diatas sampai kode di bawah ini.\u003Cbr \/\u003E\n(Keseluruhan kode yang di hapus dan diganti cukup panjang).\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: green;\"\u003Ewindow.goog.comments = window.goog.comments || {};\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: green;\"\u003Ewindow.goog.comments.loadQueue = window.goog.comments.loadQueue || [];\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: green;\"\u003Ewindow.goog.comments.loadQueue.push(render);\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: green;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: green;\"\u003E})();\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: green;\"\u003E\/\/ ]]\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: green;\"\u003E\u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n7. Jika sudah di hapus, silahkan sobat ganti dengan semua kode yang baru di bawah ini.\u003Cbr \/\u003E\n\u003Cdiv style=\"margin: 5px;\"\u003E\n\u003Cdiv class=\"smallfont\" style=\"margin-bottom: 2px;\"\u003E\n\u003Cinput onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }\" style=\"font-size: 12px; margin: 0px; padding: 0px; width: 80px;\" type=\"button\" value=\"Buka Kode\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"alt2\" style=\"background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;\"\u003E\n\u003Cdiv style=\"display: none;\"\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E\u0026lt;script async='async' expr:src='data:post.commentSrc' type='text\/javascript'\/\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E\u0026lt;script type='text\/javascript'\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E(function() {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar items = \u0026lt;data:post.commentJso\/\u0026gt;;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar msgs = \u0026lt;data:post.commentMsgs\/\u0026gt;;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar config = \u0026lt;data:post.commentConfig\/\u0026gt;;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E\/\/ \u0026lt;![CDATA[\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar cursor = null;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (items \u0026amp;\u0026amp; items.length \u0026gt; 0) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ecursor = parseInt(items[items.length - 1].timestamp) + 1;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar bodyFromEntry = function(entry) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (entry.gd$extendedProperty) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Efor (var k in entry.gd$extendedProperty) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ereturn '\u0026lt;span class=\"deleted-comment\"\u0026gt;' + entry.content.$t + '\u0026lt;\/span\u0026gt;';\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ereturn entry.content.$t;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar parse = function(data) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ecursor = null;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar comments = [];\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (data \u0026amp;\u0026amp; data.feed \u0026amp;\u0026amp; data.feed.entry) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Efor (var i = 0, entry; entry = data.feed.entry[i]; i++) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar comment = {};\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E\/\/ comment ID, parsed out of the original id format\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar id = \/blog-(\\d+).post-(\\d+)\/.exec(entry.id.$t);\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ecomment.id = id ? id[2] : null;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ecomment.body = bodyFromEntry(entry);\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ecomment.timestamp = Date.parse(entry.published.$t) + '';\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (entry.author \u0026amp;\u0026amp; entry.author.constructor === Array) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar auth = entry.author[0];\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (auth) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ecomment.author = {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ename: (auth.name ? auth.name.$t : undefined),\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EprofileUrl: (auth.uri ? auth.uri.$t : undefined),\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EavatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E};\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (entry.link) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (entry.link[2]) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ecomment.link = comment.permalink = entry.link[2].href;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (entry.link[3]) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar pid = \/.*comments\\\/default\\\/(\\d+)\\?.*\/.exec(entry.link[3].href);\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (pid \u0026amp;\u0026amp; pid[1]) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ecomment.parentId = pid[1];\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ecomment.deleteclass = 'item-control blog-admin';\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (entry.gd$extendedProperty) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Efor (var k in entry.gd$extendedProperty) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ecomment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ecomments.push(comment);\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ereturn comments;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E};\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar paginator = function(callback) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (hasMore()) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar url = config.feed + '?alt=json\u0026amp;v=2\u0026amp;orderby=published\u0026amp;reverse=false\u0026amp;max-results=50';\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (cursor) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eurl += '\u0026amp;published-min=' + new Date(cursor).toISOString();\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewindow.bloggercomments = function(data) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar parsed = parse(data);\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ecursor = parsed.length \u0026lt; 50 ? null\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E: parseInt(parsed[parsed.length - 1].timestamp) + 1\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ecallback(parsed);\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewindow.bloggercomments = null;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eurl += '\u0026amp;callback=bloggercomments';\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar script = document.createElement('script');\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Escript.type = 'text\/javascript';\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Escript.src = url;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Edocument.getElementsByTagName('head')[0].appendChild(script);\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E};\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar hasMore = function() {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ereturn !!cursor;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E};\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar getMeta = function(key, comment) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif ('iswriter' == key) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar matches = !!comment.author\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E\u0026amp;\u0026amp; comment.author.name == config.authorName\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E\u0026amp;\u0026amp; comment.author.profileUrl == config.authorUrl;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ereturn matches ? 'true' : '';\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E} else if ('deletelink' == key) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ereturn config.baseUri + '\/delete-comment.g?blogID='\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E+ config.blogId + '\u0026amp;postID=' + comment.id;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E} else if ('deleteclass' == key) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ereturn comment.deleteclass;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ereturn '';\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E};\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar replybox = null;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar replyUrlParts = null;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar replyParent = undefined;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar onReply = function(commentId, domId) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (replybox == null) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E\/\/ lazily cache replybox, and adjust to suit this style:\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ereplybox = document.getElementById('comment-editor');\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (replybox != null) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ereplybox.height = '250px';\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ereplybox.style.display = 'block';\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EreplyUrlParts = replybox.src.split('#');\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (replybox \u0026amp;\u0026amp; (commentId !== replyParent)) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Edocument.getElementById(domId).insertBefore(replybox, null);\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ereplybox.src = replyUrlParts[0]\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E+ (commentId ? '\u0026amp;parentID=' + commentId : '')\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E+ '#' + replyUrlParts[1];\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EreplyParent = commentId;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E};\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar hash = (window.location.hash || '#').substring(1);\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar startThread, targetComment;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (\/^comment-form_\/.test(hash)) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EstartThread = hash.substring('comment-form_'.length);\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E} else if (\/^c[0-9]+$\/.test(hash)) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EtargetComment = hash.substring(1);\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E\/\/ Configure commenting API:\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar configJso = {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E'maxDepth': config.maxThreadDepth\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E};\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar provider = {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E'id': config.postId,\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E'data': items,\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E'loadNext': paginator,\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E'hasMore': hasMore,\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E'getMeta': getMeta,\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E'onReply': onReply,\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E'rendered': true,\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E'initComment': targetComment,\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E'initReplyThread': startThread,\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E'config': configJso,\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E'messages': msgs\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E};\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar render = function() {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (window.goog \u0026amp;\u0026amp; window.goog.comments) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Evar holder = document.getElementById('comment-holder');\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewindow.goog.comments.render(holder, provider);\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E};\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E\/\/ render now, or queue to render when library loads:\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Eif (window.goog \u0026amp;\u0026amp; window.goog.comments) {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Erender();\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E} else {\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewindow.goog = window.goog || {};\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewindow.goog.comments = window.goog.comments || {};\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewindow.goog.comments.loadQueue = window.goog.comments.loadQueue || [];\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ewindow.goog.comments.loadQueue.push(render);\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E})();\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E\/\/ ]]\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E\u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cbr \/\u003E\n8. Klik \u0026gt;\u0026gt; \u003Cb\u003EPreview\u003C\/b\u003E atau \u003Cb\u003EPratinjau\u003C\/b\u003E. Jika tidak terjadi eror pada template sobat, maka klik \u0026gt;\u0026gt; \u003Cb\u003ESimpan Template\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n9. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSemoga tutorial blog yang saya share ini bisa sangat bermanfaat bagi sobat KUCOPAS semua. Jika ada pertanyaan yang berhubungan dengan \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/tombol-balas-komentar-blog-tidak-berfungsi.html\"\u003E\u003Cb\u003ECara Mengatasi Tombol Balas (Reply) Komentar Blog Yang Tidak Berfungsi\u003C\/b\u003E\u003C\/a\u003E, silahkan sobat bertanya pada form komentar yang telah tersedia dibawah.\u003Cbr \/\u003E\n\u003Cdiv style=\"text-align: center;\"\u003E\nSelamat berkarya...\u003C\/div\u003E\n\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/3500671270582773866\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2012\/12\/tombol-balas-komentar-blog-tidak-berfungsi.html#comment-form","title":"21 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/3500671270582773866"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/3500671270582773866"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/-jx7mEsTGTAM\/ULt9XZAN3BI\/AAAAAAAAAqs\/CLTf22jy30Q\/s72-c\/Cara+agar+tombol+Balas+di+komentar+bisa+berfungsi.jpg","height":"72","width":"72"},"thr$total":{"$t":"21"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-5314171737049516100"},"published":{"$t":"2012-12-01T00:33:00.001+07:00"},"updated":{"$t":"2014-04-11T11:22:33.281+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"footer"},{"scheme":"http://www.blogger.com/atom/ns#","term":"kolom"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"}],"title":{"type":"text","$t":"Cara Membuat Footer 3 Kolom Di Blog"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-membuat-dan-memasang-footer-3.html\"\u003ECara Membuat Footer 3 Kolom Di Blog\u003C\/a\u003E\u003C\/b\u003E. Pada artikel posting sebelumnya saya sudah pernah menjelaskan tentang cara membuat dan memasang \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/05\/cara-membuat-footer-multi-kolom-di-blog.html\" target=\"_blank\"\u003E\u003Cb\u003EFooter Multi Kolom\u003C\/b\u003E\u003C\/a\u003E dan juga \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/11\/cara-membuat-dan-memasang-footer-2-dua.html\" target=\"_blank\"\u003EFooter 2 Kolom\u003C\/a\u003E\u003C\/b\u003E 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nBagi 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-membuat-dan-memasang-footer-3.html\"\u003E\u003Cimg alt=\"Cara Membuat Dan Memasang Footer 3 Kolom Di Blog\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-nkwhRmG4e2g\/ULjlQkPSutI\/AAAAAAAAApk\/9C40ENu9PuM\/s1600\/Cara+Membuat+Dan+Memasang+Footer+3+Kolom+Di+Blog.gif\" title=\"Cara Membuat Dan Memasang Footer 3 Kolom Di Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nOke 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECara Membuat Dan Memasang Footer 3 Kolom Di Blog\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Col\u003E\n\u003Cli\u003ELangkah yang pertama, silahkan sobat \u0026gt;\u0026gt; \u003Cb\u003EMasuk atau Login\u003C\/b\u003E ke \u003Cb\u003E\u003Ca href=\"http:\/\/www.blogger.com\/\" target=\"_blank\"\u003EBlogger.com\u003C\/a\u003E\u003C\/b\u003E menggunakan akun sobat. \u003C\/li\u003E\n\u003Cli\u003ESetelah masuk, silahkan sobat pilih blog yang akan di pasangi footer 3 kolom.\u003C\/li\u003E\n\u003Cli\u003EPada Dasbor blog pilih Menu \u0026gt;\u0026gt; \u003Cb\u003ETemplate\u003C\/b\u003E, kemudian \u0026gt;\u0026gt; \u003Cb\u003EUnduh template lengkap\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003EJika sudah, silahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003EEdit HTML\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003EKemudian cari kode \u003Cb\u003E\u003Cspan style=\"color: green;\"\u003E]]\u0026gt;\u0026lt;\/b:skin\u0026gt;\u003C\/span\u003E\u003C\/b\u003E (Gunakan \u003Cb\u003ECTRL + F\u003C\/b\u003E untuk mempercepat pencarian).\u003C\/li\u003E\n\u003Cli\u003ESetelah ketemu, langkah yang selanjutnya silahkan sobat tambahkan semua kode berikut diatas atau sebelum kode \u003Cb\u003E\u003Cspan style=\"color: green;\"\u003E]]\u0026gt;\u0026lt;\/b:skin\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003C\/li\u003E\n\u003C\/ol\u003E\n\u003Chr \/\u003E\n\u003Cspan style=\"color: red;\"\u003E#footer-column-divide {\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: red;\"\u003Eclear:both;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: red;\"\u003E.footer-column {\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: red;\"\u003Epadding: 10px;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: red;\"\u003E}\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Chr \/\u003E\n7. Langkah yang ke tujuh, masih dalam \u003Cb\u003EEdit HTML\u003C\/b\u003E. Silahkan sobat cari kode berikut di bawah ini. (Gunakan \u003Cb\u003ECTRL + F\u003C\/b\u003E kembali untuk memudahkan pencarian). Cari salah satu kode saja.\u003Cbr \/\u003E\n\u003Chr \/\u003E\n\u003Cspan style=\"color: purple;\"\u003E\u0026lt;div id='footer-wrapper'\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: purple;\"\u003E\u0026lt;b:section class='footer' id='footer' showaddelement='yes'\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: purple;\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\natau\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;div id='footer'\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;b:section class='footer' id='footer' showaddelement='yes'\/\u0026gt;\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Chr \/\u003E\n8. Jika sudah ketemu, untuk membuat footer 3 kolom di blog, sobat wajib dan harus menambahkan kode berikut dibawah atau sesudah kode \u003Cspan style=\"color: purple;\"\u003E\u0026lt;b:section class='footer' id='footer' showaddelement='yes'\/\u0026gt;\u003C\/span\u003E atau \u003Cspan style=\"color: blue;\"\u003E\u0026lt;b:section class='footer' id='footer' \/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Chr \/\u003E\n\u003Cspan style=\"color: green;\"\u003E\u0026lt;div id='footer-column-divide'\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003E\u0026lt;div id='footer1' style='width: 33%; float:left;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003Emargin:0; text-align:left;'\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003E\u0026lt;b:section class='footer-column' id='col1'\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003Epreferred='yes' style='float:left;'\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003E\u003Cbr \/\u003E\n\u003C\/span\u003E \u003Cspan style=\"color: green;\"\u003E\u0026lt;div id='footer2' style='width: 33%; float: left;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003Emargin:0; text-align: left;'\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003E\u0026lt;b:section class='footer-column' id='col2'\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003Epreferred='yes' style='float:left;'\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003E\u003Cbr \/\u003E\n\u003C\/span\u003E \u003Cspan style=\"color: green;\"\u003E\u0026lt;div id='footer3' style='width: 33%; float: right;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003Emargin:0; text-align: left;'\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003E\u0026lt;b:section class='footer-column' id='col3'\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003Epreferred='yes' style='float:right;'\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003E\u003Cbr \/\u003E\n\u003C\/span\u003E \u003Cspan style=\"color: green;\"\u003E\u0026lt;div style='clear:both;'\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: green;\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Chr \/\u003E\n\u003Cb\u003ECatatan:\u003C\/b\u003E\u003Cbr \/\u003E\nJika pada template blog yang sobat gunakan tidak ada kode \u003Cspan style=\"color: purple;\"\u003E\u0026lt;b:section class='footer' id='footer' showaddelement='yes'\/\u0026gt;\u003C\/span\u003E Maka tambahkan saja kode-nya dibawah atau sesudah kode \u003Cspan style=\"color: blue;\"\u003E\u0026lt;div id='footer'\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n9. Sebelum sobat klik Simpan, sebaiknya klik dulu \u003Cb\u003EPreview atau Pratinjau\u003C\/b\u003E. Jika tidak terjadi eror pada blog sobat saat Edit HTML Template, silahkan sobat klik \u003Cb\u003ESimpan Template\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n10. Selesai dan lihat hasilnya pada Dasbor \u003Cb\u003ETata letak\u003C\/b\u003E blog sobat. Jika sudah jadi seperti yang ada pada contoh gambar screenshot diatas, itu artinya sobat sudah berhasil \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-membuat-dan-memasang-footer-3.html\"\u003E\u003Cb\u003EMembuat Dan Memasang Footer 3 Kolom Pada Blog\u003C\/b\u003E\u003C\/a\u003E sobat.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nJika 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.\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/5314171737049516100\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2012\/12\/cara-membuat-dan-memasang-footer-3.html#comment-form","title":"4 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/5314171737049516100"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/5314171737049516100"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/-nkwhRmG4e2g\/ULjlQkPSutI\/AAAAAAAAApk\/9C40ENu9PuM\/s72-c\/Cara+Membuat+Dan+Memasang+Footer+3+Kolom+Di+Blog.gif","height":"72","width":"72"},"thr$total":{"$t":"4"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-4032722286290098094"},"published":{"$t":"2012-11-30T19:13:00.000+07:00"},"updated":{"$t":"2014-04-11T11:22:33.231+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"footer"},{"scheme":"http://www.blogger.com/atom/ns#","term":"kolom"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widget"}],"title":{"type":"text","$t":"Cara Membuat Footer 2 Kolom Di Blog"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/11\/cara-membuat-dan-memasang-footer-2-dua.html\"\u003ECara Membuat Footer 2 Kolom Di Blog\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nUntuk lebih jelasnya sobat bisa melihat contoh gambar screenshot berikut di bawah ini.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/11\/cara-membuat-dan-memasang-footer-2-dua.html\"\u003E\u003Cimg alt=\"Cara Membuat Footer 2 (Dua) Kolom Di Blog\" border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-WdveqGMWCjI\/ULiFcb1dVjI\/AAAAAAAAApI\/emD29CgSpvI\/s1600\/Cara+Membuat+Footer+2+(Dua)+Kolom+Di+Blog.gif\" title=\"Cara Membuat Footer 2 (Dua) Kolom Di Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nKeterangan 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nUntuk cara membuat dan memasang footer 2 (dua) kolom di blog, caranya sangat mudah. Silahkan sobat ikuti langkah-langkahnya sebagai berikut:\u003Cbr \/\u003E\n\u003Col\u003E\n\u003Cli\u003ESilahkan sobat \u0026gt;\u0026gt; \u003Cb\u003ELogin atau Masuk\u003C\/b\u003E ke \u003Cb\u003E\u003Ca href=\"http:\/\/www.blogger.com\/\" target=\"_blank\"\u003EBlogger.com\u003C\/a\u003E\u003C\/b\u003E menggunakan akun sobat.\u003C\/li\u003E\n\u003Cli\u003EPada Dasbor, pilih Menu \u003Cb\u003ETemplate\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003ESebelum sobat klik Edit HTML, Ada baiknya sobat \u003Cb\u003EUnduh template lengkap\u003C\/b\u003E, guna untuk berjaga-jaga jika ada kesalahan saat Edit HTML dan sobat bisa mengembalikan template seperti semula. Caranya klik \u0026gt;\u0026gt; \u003Cb\u003ECadangkan \/ Pulihkan\u003C\/b\u003E (Tombol berada di bagian kanan atas) \u0026gt;\u0026gt; \u003Cb\u003EUnduh template lengkap\u003C\/b\u003E. Jika sudah di unduh, silahkan klik tutup atau close.\u003C\/li\u003E\n\u003Cli\u003ESekarang kita kebagian \u003Cb\u003EEdit HTML\u003C\/b\u003E. Silahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003EEdit HTML\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003EJika sudah, silahkan sobat cari kode \u003Cb\u003E\u003Cspan style=\"color: green;\"\u003E]]\u0026gt;\u0026lt;\/b:skin\u0026gt;\u003C\/span\u003E\u003C\/b\u003E (Gunakan \u003Cb\u003ECTRL+F\u003C\/b\u003E untuk mempermudah pencarian).\u003C\/li\u003E\n\u003Cli\u003EKemudian tambahkan semua kode berikut diatas atau sebelum kode \u003Cb\u003E\u003Cspan style=\"color: green;\"\u003E]]\u0026gt;\u0026lt;\/b:skin\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003C\/li\u003E\n\u003C\/ol\u003E\n\u003Cspan style=\"color: blue;\"\u003E#footer-column-divide {\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Eclear:both;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E}\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E.footer-column {\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Epadding: 10px;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E}\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n7. Langkah yang selanjutnya, sobat cari kode berikut di bawah ini. (Gunakan \u003Cb\u003ECTRL+F\u003C\/b\u003E kembali untuk mempercepat pencarian). Cari salah satu kode saja.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;div id='footer-wrapper'\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;b:section class='footer' id='footer' showaddelement='yes'\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\natau\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cspan style=\"color: red;\"\u003E\u0026lt;div id='footer'\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: red;\"\u003E\u0026lt;b:section class='footer' id='footer' showaddelement='yes'\/\u0026gt;\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n8. Jika sudah ketemu, kemudian sobat tambahkan kode berikut dibawah atau sesudah kode \u003Cspan style=\"color: blue;\"\u003E\u0026lt;b:section class='footer' id='footer' showaddelement='yes'\/\u0026gt;\u003C\/span\u003E atau \u003Cspan style=\"color: red;\"\u003E\u0026lt;b:section class='footer' id='footer' \/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cspan style=\"color: lime;\"\u003E\u0026lt;div id='footer-column-divide'\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: lime;\"\u003E\u003Cbr \/\u003E\n\u003C\/span\u003E \u003Cspan style=\"color: lime;\"\u003E\u0026lt;div id='footer1' style='width: 50%; float:left;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: lime;\"\u003Emargin:0; text-align:left;'\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: lime;\"\u003E\u0026lt;b:section class='footer-column' id='col1'\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: lime;\"\u003Epreferred='yes' style='float:left;'\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: lime;\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: lime;\"\u003E\u003Cbr \/\u003E\n\u003C\/span\u003E \u003Cspan style=\"color: lime;\"\u003E\u0026lt;div id='footer2' style='width: 50%; float: left;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: lime;\"\u003Emargin:0; text-align: left;'\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: lime;\"\u003E\u0026lt;b:section class='footer-column' id='col2'\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: lime;\"\u003Epreferred='yes' style='float:left;'\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: lime;\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: lime;\"\u003E\u003Cbr \/\u003E\n\u003C\/span\u003E \u003Cspan style=\"color: lime;\"\u003E\u0026lt;div style='clear:both;'\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: lime;\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECatatan:\u003C\/b\u003E\u003Cbr \/\u003E\nJika pada template yang sobat gunakan tidak ada kode \u003Cspan style=\"color: blue;\"\u003E\u0026lt;b:section class='footer' id='footer' showaddelement='yes'\/\u0026gt;\u003C\/span\u003E maka tambahkan saja kode-nya dibawah atau sesudah kode \u003Cspan style=\"color: red;\"\u003E\u0026lt;div id='footer'\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n9. Sebelum sobat klik Simpan, ada baiknya klik dulu \u0026gt;\u0026gt; \u003Cb\u003EPreview\u003C\/b\u003E atau \u003Cb\u003EPratinjau\u003C\/b\u003E. Jika tidak terjadi eror pada template blog sobat, langkah yang terakhir silahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003ESimpan Template\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n10. Selesai dan lihat hasilnya pada Dasbor Tata letak blog sobat. Jika sudah seperti yang ada pada contoh gambar screenshot diatas, berarti sobat sudah berhasil \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/11\/cara-membuat-dan-memasang-footer-2-dua.html\"\u003E\u003Cb\u003EMembuat Dan Memasang Footer 2 (Dua) Kolom Di Blog\u003C\/b\u003E\u003C\/a\u003E sobat.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nApabila 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.\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/4032722286290098094\/comments\/default","title":"Post Comments"},{"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"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/4032722286290098094"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/4032722286290098094"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/4.bp.blogspot.com\/-WdveqGMWCjI\/ULiFcb1dVjI\/AAAAAAAAApI\/emD29CgSpvI\/s72-c\/Cara+Membuat+Footer+2+(Dua)+Kolom+Di+Blog.gif","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-2755063435975648897"},"published":{"$t":"2012-09-14T23:53:00.000+07:00"},"updated":{"$t":"2014-04-11T11:22:33.181+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"label kategori"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widget"}],"title":{"type":"text","$t":"Cara Membuat Kategori Label Otomatis Dengan Thumbnail Gambar Atau Foto Di Blog"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-kategori-label-otomatis.html\"\u003ECara Membuat Kategori Label Otomatis Dengan Thumbnail Gambar Atau Foto Di Blog\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nFitur kategori label otomatis dengan thumbnail sebenarnya merupakan pengembangan dari trik sebelumnya mengenai \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-dan-memasang-daftar-isi.html\" target=\"_blank\"\u003ECara Membuat Dan Memasang Daftar Isi Berdasarkan Label Di Blog\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nContoh tampilan dan penerapan dari fitur Kategori Label Otomatis Dengan Thumbnail Gambar Atau Foto Di Blog, bisa sobat lihat pada Blog \u003Cb\u003E\u003Ca href=\"http:\/\/demokucopas.blogspot.com\/\" target=\"_blank\"\u003EDemo Kucopas\u003C\/a\u003E\u003C\/b\u003E. Kurang lebih tampilanya seperti gambar screenshot di bawah ini.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-kategori-label-otomatis.html\"\u003E\u003Cimg alt=\"Cara Membuat Kategori Label Otomatis Dengan Thumbnail Gambar Atau Foto Di Blog\" border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-F98z_1-QCHc\/UFKcgqKzl-I\/AAAAAAAAAm4\/992SPNW02dg\/s320\/Cara+Membuat++Label+Kategori+Otomatis+Dengan+Thumbnail+Gambar+Atau+Foto.jpg\" height=\"320\" title=\"Cara Membuat Kategori Label Otomatis Dengan Thumbnail Gambar Atau Foto Di Blog\" width=\"303\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-dan-memasang-daftar-isi.html\" target=\"_blank\"\u003EDEMO\u003C\/a\u003E\u003C\/span\u003E\u003C\/b\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nFungsi 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nJika sobat tertarik untuk membuat dan memasangnya di blog sobat, silahkan ikuti langkah-langkahnya sebagai berikut.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECara Membuat Dan Memasang Label Otomatis With Thumbnail Pada Blog\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003ELangkah pertama\u003C\/span\u003E\u003C\/b\u003E\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Col\u003E\n\u003Cli\u003ESilahkan sobat \u0026gt;\u0026gt; \u003Cb\u003ELogin\/Masuk\u003C\/b\u003E \u0026gt;\u0026gt; Ke Blog sobat.\u003C\/li\u003E\n\u003Cli\u003EPada \u003Cb\u003EDashboard\u003C\/b\u003E tampilan blog baru, pilih dan klik Menu \u0026gt;\u0026gt; \u003Cb\u003ETemplate\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003EEdit HTML\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003EKemudian cari Kode \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E]]\u0026gt;\u0026lt;\/b:skin\u0026gt;\u003C\/span\u003E\u003C\/b\u003E (Gunakan \u003Cb\u003ECTRL+F\u003C\/b\u003E untuk mempermudah pencarian).\u003C\/li\u003E\n\u003Cli\u003ESetelah ketemu, silahkan sobat \u003Cb\u003ETaruh semua Kode\u003C\/b\u003E berikut tepat \u003Cb\u003Esebelum atau di atas\u003C\/b\u003E Kode \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E]]\u0026gt;\u0026lt;\/b:skin\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003C\/li\u003E\n\u003C\/ol\u003E\n\u003Cdiv style=\"margin: 5px;\"\u003E\n\u003Cdiv class=\"smallfont\" style=\"margin-bottom: 2px;\"\u003E\n\u003Cinput onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }\" style=\"font-size: 12px; margin: 0px; padding: 0px; width: 80px;\" type=\"button\" value=\"Buka Kode\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"alt2\" style=\"background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;\"\u003E\n\u003Cdiv style=\"display: none;\"\u003E\n\/*** Fitur Kategori ***\/\u003Cbr \/\u003E\nimg.label_thumb{\u003Cbr \/\u003E\nfloat:left;\u003Cbr \/\u003E\npadding:5px;\u003Cbr \/\u003E\nborder:1px solid #8f8f8f;\u003Cbr \/\u003E\nbackground:#D2D0D0;\u003Cbr \/\u003E\nmargin-right:10px;\u003Cbr \/\u003E\nheight:55px;\u003Cbr \/\u003E\nwidth:55px;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\nimg.label_thumb:hover{\u003Cbr \/\u003E\nbackground:#f7f6f6;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n.label_with_thumbs {\u003Cbr \/\u003E\nfloat: left;\u003Cbr \/\u003E\nwidth: 100%;\u003Cbr \/\u003E\nmin-height: 70px;\u003Cbr \/\u003E\nmargin: 0px 10px 2px 0px;\u003Cbr \/\u003E\nadding: 0;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\nul.label_with_thumbs li {\u003Cbr \/\u003E\npadding:8px 0;\u003Cbr \/\u003E\nmin-height:65px;\u003Cbr \/\u003E\nmargin-bottom:10px;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n.label_with_thumbs a {}\u003Cbr \/\u003E\n.label_with_thumbs strong {}\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cspan style=\"font-size: large;\"\u003E\u003Cb\u003ELangkah Kedua\u003C\/b\u003E\u003C\/span\u003E\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Col\u003E\n\u003Cli\u003EMasih dalam \u003Cb\u003EEdit HTML\u003C\/b\u003E Template, silahkan sobat cari Kode \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E\u0026lt;\/head\u0026gt;\u003C\/span\u003E\u003C\/b\u003E (Gunakan \u003Cb\u003ECTRL+F \u003C\/b\u003Elagi untuk mempercepat pencarian).\u003C\/li\u003E\n\u003Cli\u003EJika sudah ketemu, silahkan sobat \u003Cb\u003ETaruh semua Kode\u003C\/b\u003E berikut tepat \u003Cb\u003ESebelum atau di atas\u003C\/b\u003E Kode \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E\u0026lt;\/head\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003C\/li\u003E\n\u003C\/ol\u003E\n\u003Cdiv style=\"margin: 5px;\"\u003E\n\u003Cdiv class=\"smallfont\" style=\"margin-bottom: 2px;\"\u003E\n\u003Cinput onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }\" style=\"font-size: 12px; margin: 0px; padding: 0px; width: 80px;\" type=\"button\" value=\"Buka Kode\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"alt2\" style=\"background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;\"\u003E\n\u003Cdiv style=\"display: none;\"\u003E\n\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E\n\/\/\u0026lt;![CDATA[\u003Cbr \/\u003E\nfunction labelthumbs(json){document.write('\u0026lt;ul class=\"label_with_thumbs\"\u0026gt;');for(var i=0;i\u0026lt;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\u0026lt;entry.link.length;k++){if(entry.link[k].rel=='replies'\u0026amp;\u0026amp;entry.link[k].type=='text\/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}\u003Cbr \/\u003E\nif(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)\u003Cbr \/\u003E\n{s=entry.content.$t;a=s.indexOf(\"\u0026lt;img\");b=s.indexOf(\"src=\\\"\",a);c=s.indexOf(\"\\\"\",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)\u0026amp;\u0026amp;(b!=-1)\u0026amp;\u0026amp;(c!=-1)\u0026amp;\u0026amp;(d!=\"\")){thumburl=d;}else thumburl='http:\/\/2.bp.blogspot.com\/_IKigl6y9hFA\/TMdcT1jzo5I\/AAAAAAAAAHA\/hAKuT9rJpFU\/noimage.jpg';}\u003Cbr \/\u003E\nvar 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]=\"Jan\";monthnames[2]=\"Feb\";monthnames[3]=\"Mar\";monthnames[4]=\"Apr\";monthnames[5]=\"May\";monthnames[6]=\"Jun\";monthnames[7]=\"Jul\";monthnames[8]=\"Aug\";monthnames[9]=\"Sep\";monthnames[10]=\"Oct\";monthnames[11]=\"Nov\";monthnames[12]=\"Dec\";document.write('\u0026lt;li class=\"clearfix\"\u0026gt;');if(showpostthumbnails==true)\u003Cbr \/\u003E\ndocument.write('\u0026lt;a href=\"'+posturl+'\" target =\"_top\"\u0026gt;\u0026lt;img class=\"label_thumb\" src=\"'+thumburl+'\"\/\u0026gt;\u0026lt;\/a\u0026gt;');document.write('\u0026lt;strong\u0026gt;\u0026lt;a href=\"'+posturl+'\" target =\"_top\"\u0026gt;'+posttitle+'\u0026lt;\/a\u0026gt;\u0026lt;\/strong\u0026gt;\u0026lt;br\u0026gt;');if(\"content\"in entry){var postcontent=entry.content.$t;}\u003Cbr \/\u003E\nelse\u003Cbr \/\u003E\nif(\"summary\"in entry){var postcontent=entry.summary.$t;}\u003Cbr \/\u003E\nelse var postcontent=\"\";var re=\/\u0026lt;\\S[^\u0026gt;]*\u0026gt;\/g;postcontent=postcontent.replace(re,\"\");if(showpostsummary==true){if(postcontent.length\u0026lt;numchars){document.write('');document.write(postcontent);document.write('');}\u003Cbr \/\u003E\nelse{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(\" \");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}\u003Cbr \/\u003E\nvar towrite='';var flag=0;document.write('\u0026lt;br\u0026gt;');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}\u003Cbr \/\u003E\nif(showcommentnum==true)\u003Cbr \/\u003E\n{if(flag==1){towrite=towrite+' | ';}\u003Cbr \/\u003E\nif(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='\u0026lt;a href=\"'+commenturl+'\" target =\"_top\"\u0026gt;'+commenttext+'\u0026lt;\/a\u0026gt;';towrite=towrite+commenttext;flag=1;;}\u003Cbr \/\u003E\nif(displaymore==true)\u003Cbr \/\u003E\n{if(flag==1)towrite=towrite+' | ';towrite=towrite+'\u0026lt;a href=\"'+posturl+'\" class=\"url\" target =\"_top\"\u0026gt;More »\u0026lt;\/a\u0026gt;';flag=1;;}\u003Cbr \/\u003E\ndocument.write(towrite);document.write('\u0026lt;\/li\u0026gt;');if(displayseparator==true)\u003Cbr \/\u003E\nif(i!=(numposts-1))\u003Cbr \/\u003E\ndocument.write('');}document.write('\u0026lt;\/ul\u0026gt;');}\u003Cbr \/\u003E\n\/\/]]\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cbr \/\u003E\n3. Demi untuk \u003Cb\u003Emenghindari kesalahan\u003C\/b\u003E saat \u003Cb\u003EEdit HTML\u003C\/b\u003E dalam Template, silahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003EPreview\/Pratinjau\u003C\/b\u003E, jika tidak terjadi eror, silahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003ESimpan Template\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cul style=\"text-align: left;\"\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003ELangkah Ketiga\u003C\/span\u003E\u003C\/b\u003E\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Col\u003E\n\u003Cli\u003ESilahkan sobat menuju ke \u003Cb\u003EDashboard\u003C\/b\u003E, Pada tampilan blog baru pilih dan klik Menu \u0026gt;\u0026gt; \u003Cb\u003ETata Letak\u003C\/b\u003E \u0026gt;\u0026gt; kemudian pilih dan klik \u0026gt;\u0026gt; \u003Cb\u003ETambah Gadget\u003C\/b\u003E \u0026gt;\u0026gt; Lalu pilih dan klik \u0026gt;\u0026gt; \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003ELangkah yang berikutnya, Silahkan sobat \u003Cb\u003EMasukkah semua kode\u003C\/b\u003E berikut kedalam kotak \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E.\u003C\/li\u003E\n\u003C\/ol\u003E\n\u003Cdiv style=\"margin: 5px;\"\u003E\n\u003Cdiv class=\"smallfont\" style=\"margin-bottom: 2px;\"\u003E\n\u003Cinput onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }\" style=\"font-size: 10px; margin: 0px; padding: 0px; width: 60px;\" type=\"button\" value=\"Buka Kode\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"alt2\" style=\"background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;\"\u003E\n\u003Cdiv style=\"display: none;\"\u003E\n\u0026lt;script type='text\/javascript'\u0026gt;\u003Cspan style=\"color: magenta;\"\u003Evar numposts = 5\u003C\/span\u003E;var showpostthumbnails = \u003Cspan style=\"color: lime;\"\u003Etrue\u003C\/span\u003E;var displaymore = \u003Cspan style=\"color: orange;\"\u003Efalse\u003C\/span\u003E;var displayseparator = \u003Cspan style=\"color: orange;\"\u003Efalse\u003C\/span\u003E;var showcommentnum = \u003Cspan style=\"color: orange;\"\u003Efalse\u003C\/span\u003E;var showpostdate = \u003Cspan style=\"color: orange;\"\u003Efalse\u003C\/span\u003E;var showpostsummary = \u003Cspan style=\"color: lime;\"\u003Etrue\u003C\/span\u003E;\u003Cspan style=\"color: red;\"\u003Evar numchars = 50\u003C\/span\u003E;\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026lt;script type=\"text\/javascript\" src=\"\/feeds\/posts\/default\/-\/\u003Cspan style=\"color: blue;\"\u003ETUTORIAL%2OBLOG\u003C\/span\u003E?orderby=updated\u0026amp;alt=json-in-script\u0026amp;callback=labelthumbs\"\u0026gt;\u0026lt;\/script\u0026gt;\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cbr \/\u003E\n3. Silahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003ESimpan dan lihat hasilnya\u003C\/b\u003E pada blog sobat akan ada widget Label Otomatis With Thumbnail Pada Blog.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cspan style=\"font-size: large;\"\u003E\u003Cb\u003EKeterangan:\u003C\/b\u003E\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cspan style=\"color: magenta;\"\u003E\u003Cb\u003Evar numposts = 5\u003C\/b\u003E\u003C\/span\u003E adalah \u003Cb\u003EJumlah daftar isi label atau kategori\u003C\/b\u003E yang di tampilkan. Silahkan sobat ganti nilainya sesuai dengan keinginan sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cspan style=\"color: red;\"\u003E\u003Cb\u003Evar numchars = 50\u003C\/b\u003E\u003C\/span\u003E adalah \u003Cb\u003EJumlah karakter ringkasan isi posting\u003C\/b\u003E yang di tampilkan. Silahkan sobat ganti nilainya seperti keinginan sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cspan style=\"color: lime;\"\u003E\u003Cb\u003Etrue\u003C\/b\u003E\u003C\/span\u003E adalah Kode perintah untuk \u003Cb\u003Edi tampilkan\u003C\/b\u003E.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cspan style=\"color: orange;\"\u003E\u003Cb\u003Efalse\u003C\/b\u003E\u003C\/span\u003E adalah Kode perintah untuk \u003Cb\u003Etidak di tampilkan\u003C\/b\u003E.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cspan style=\"color: blue;\"\u003E\u003Cb\u003ETUTORIAL%2OBLOG\u003C\/b\u003E\u003C\/span\u003E adalah \u003Cb\u003ELabel yang isinya akan di tampilkan\u003C\/b\u003E. 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 \u003Cb\u003E%20\u003C\/b\u003E jika label atau \u003Cb\u003Ekategori sobat ada space\u003C\/b\u003E atau spasinya.\u003C\/li\u003E\n\u003C\/ul\u003E\nSampai disini pastinya sobat sudah bisa mempraktekkan \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-kategori-label-otomatis.html\"\u003ECara Membuat Dan Memasang Kategori Label Otomatis Dengan Thumbnail Gambar Atau Foto Di Blog\u003C\/a\u003E\u003C\/b\u003E 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...\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/2755063435975648897\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-kategori-label-otomatis.html#comment-form","title":"4 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/2755063435975648897"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/2755063435975648897"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/4.bp.blogspot.com\/-F98z_1-QCHc\/UFKcgqKzl-I\/AAAAAAAAAm4\/992SPNW02dg\/s72-c\/Cara+Membuat++Label+Kategori+Otomatis+Dengan+Thumbnail+Gambar+Atau+Foto.jpg","height":"72","width":"72"},"thr$total":{"$t":"4"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-7060635589260005475"},"published":{"$t":"2012-09-12T12:23:00.000+07:00"},"updated":{"$t":"2014-04-11T11:22:33.310+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"label kategori"},{"scheme":"http://www.blogger.com/atom/ns#","term":"recent post"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widget"}],"title":{"type":"text","$t":"Cara Membuat Recent Post Berdasarkan Label Kategori Dengan Thumbnail Gambar Di Blog"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-recent-post-berdasarkan.html\"\u003ECara Membuat Recent Post Berdasarkan Label Kategori Dengan Thumbnail Gambar Di Blog\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nRecent 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nFungsi 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSobat bisa melihat contohnya yang sudah saya pasang pada laman blog ini, Silahkan sobat klik menu \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/p\/trik-tutorial-blog.html\" target=\"_blank\"\u003ETrik Blog\u003C\/a\u003E\u003C\/b\u003E pada menu bagian atas blog ini. Tampilan dari recent post perlabel dengan thumbnail ini kurang lebih seperti gambar screenshot berikut dibawah ini.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-recent-post-berdasarkan.html\"\u003E\u003Cimg alt=\"Cara Membuat Recent Post Berdasarkan Label Kategori Dengan Thumbnail Gambar Di Bog\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-MuzORGk9u-I\/UE_zf1gRqFI\/AAAAAAAAAlo\/QyksLyHQi9g\/s1600\/Cara+Membuat+Recent+Post+Berdasarkan+Label+Kategori+Dengan+Thumbnail+Gambar+Di+Bog.jpg\" title=\"Cara Membuat Recent Post Berdasarkan Label Kategori Dengan Thumbnail Gambar Di Bog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/p\/trik-tutorial-blog.html\" target=\"_blank\"\u003EDEMO\u003C\/a\u003E\u003C\/span\u003E\u003C\/b\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nCara 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nJika sobat tertarik untuk memasang recent post perlabel atau kategori dengan gambar atau thumbnail di blog sobat, silahkan ikuti langkah-langkahnya sebagai berikut.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECara Memasang Recent Post By Label With Thumbnail \u003Cspan style=\"color: red;\"\u003EDi Sidebar Blog\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Col\u003E\n\u003Cli\u003ELangkah pertama, silahkan sobat \u0026gt;\u0026gt; \u003Cb\u003EMasuk\/Login\u003C\/b\u003E\u0026nbsp;ke \u003Cb\u003E\u003Ca href=\"http:\/\/www.blogger.com\/\" target=\"_blank\"\u003EBlogger.com\u003C\/a\u003E\u003C\/b\u003E menggunakan akun sobat. \u003C\/li\u003E\n\u003Cli\u003EPada \u003Cb\u003EDashboard\u003C\/b\u003E tampilan blogger baru, pilih dan klik Menu \u0026gt;\u0026gt; \u003Cb\u003ETata Letak\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003ETambah gadget\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003EKemudian \u0026gt;\u0026gt; \u003Cb\u003EMasukkan semua Kode\u003C\/b\u003E berikut ke dalam kotak \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E.\u003C\/li\u003E\n\u003C\/ol\u003E\n\u003Cdiv style=\"margin: 5px;\"\u003E\n\u003Cdiv class=\"smallfont\" style=\"margin-bottom: 2px;\"\u003E\n\u003Cinput onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }\" style=\"font-size: 12px; margin: 0px; padding: 0px; width: 80px;\" type=\"button\" value=\"Buka Kode\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"alt2\" style=\"background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;\"\u003E\n\u003Cdiv style=\"display: none;\"\u003E\n\u0026lt;style\u0026gt;\u003Cbr \/\u003E\nimg.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;}\u003Cbr \/\u003E\n\u0026lt;\/style\u0026gt;\u0026lt;script src=\"http:\/\/kucopas.googlecode.com\/files\/recent-post-by-label-thumbnail.js\"\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u0026lt;script\u0026gt;\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Evar numposts = 10\u003C\/span\u003E;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;\u003Cspan style=\"color: red;\"\u003Evar numchars = 150\u003C\/span\u003E;\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u0026lt;script src=\"\u003Cspan style=\"color: lime;\"\u003Ehttp:\/\/kuc0pas.blogspot.com\u003C\/span\u003E\/feeds\/posts\/default\/-\/\u003Cspan style=\"color: magenta;\"\u003ETUTORIAL%20BLOG\u003C\/span\u003E?orderby=published\u0026amp;alt=json-in-script\u0026amp;callback=showrecentpostswiththumbs\"\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cbr \/\u003E\n4. Setelah sobat masukkan semua kode kedalam kotak \u003Cb\u003EHTML\/javaScript\u003C\/b\u003E, langkah yang terakhir silahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003ESimpan\u003C\/b\u003E dan lihat hasilnya.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECara Memasang Recent Post By Label With Thumbnail Pada \u003Cspan style=\"color: red;\"\u003EPostingan Dan Laman Blog\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Col\u003E\n\u003Cli\u003ESilahkan sobat \u0026gt;\u0026gt; \u003Cb\u003EMasuk\/Login\u003C\/b\u003E \u0026gt;\u0026gt; Ke Blog sobat.\u003C\/li\u003E\n\u003Cli\u003ESetelah berhasil masuk, silahkan sobat pilih dan klik \u0026gt;\u0026gt; \u003Cb\u003EBuat Entri Baru\u003C\/b\u003E atau klik Menu \u003Cb\u003ELaman\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003EKemudian sobat \u003Cb\u003Emasukkan semua Kode\u003C\/b\u003E di atas tadi, dengan catatan sobat \u003Cb\u003Emasukkan Kode\u003C\/b\u003E pada \u003Cb\u003EMode\u003C\/b\u003E \u003Cb\u003EHTML\u003C\/b\u003E dan bukan \u003Cb\u003ECompose\u003C\/b\u003E dalam \u003Cb\u003EEntri Baru\u003C\/b\u003E maupun \u003Cb\u003ELaman\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003ELangkah yang terakhir silahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003EPublikasikan\u003C\/b\u003E dan lihat hasilnya.\u003C\/li\u003E\n\u003C\/ol\u003E\n\u003Cb\u003EKeterangan:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cspan style=\"color: blue;\"\u003E\u003Cb\u003Evar numposts = 10\u003C\/b\u003E\u003C\/span\u003E adalah \u003Cb\u003EJumlah artikel posting\u003C\/b\u003E yang akan di tampilakan. Ganti nilainya sesuai dengan keinginan sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cspan style=\"color: red;\"\u003E\u003Cb\u003Evar numchars = 150\u003C\/b\u003E\u003C\/span\u003E adalah \u003Cb\u003EJumlah karakter atau cuplikan tulisan\u003C\/b\u003E posting yang akan di tampilkan. Ganti nilainya sesuai dengan keinginan sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cspan style=\"color: lime;\"\u003E\u003Cb\u003Ehttp:\/\/kuc0pas.blogspot.com\u003C\/b\u003E\u003C\/span\u003E Ganti dengan \u003Cb\u003Ealamat URL blog\u003C\/b\u003E sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cspan style=\"color: magenta;\"\u003ETUTORIAL%20BLOG\u003C\/span\u003E adalah \u003Cb\u003ELabel atau kategori\u003C\/b\u003E yang akan di tampilkan daftar isinya. Ganti dengan Label atau kategori blog sobat. Besar kecil huruf harus harus sesuai dengan label blog sobat. Gunakan \u003Cb\u003E\u003Cspan style=\"color: magenta;\"\u003E%20\u003C\/span\u003E\u003C\/b\u003E jika label blog sobat ada Space atau spasinya.\u003C\/li\u003E\n\u003C\/ul\u003E\nSampai disini saya kira sobat pasti sudah bisa membuat dan memasangnya di blog sobat. Namun jika sobat masih menemui kesulitan untuk \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-recent-post-berdasarkan.html\"\u003EMembuat Dan memasang Recent Post Berdasarkan Label Kategori Dengan Thumbnail Gambar Di Blog\u003C\/a\u003E\u003C\/b\u003E sobat, silahkan bertanya dalam form komentar yang tersedia.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSemoga trik artikel seputar dunia blog yang saya share ini bisa sangat bermanfaat bagi sobat KUCOPAS semua. Selamat berkarya...\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/7060635589260005475\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-recent-post-berdasarkan.html#comment-form","title":"7 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/7060635589260005475"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/7060635589260005475"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/-MuzORGk9u-I\/UE_zf1gRqFI\/AAAAAAAAAlo\/QyksLyHQi9g\/s72-c\/Cara+Membuat+Recent+Post+Berdasarkan+Label+Kategori+Dengan+Thumbnail+Gambar+Di+Bog.jpg","height":"72","width":"72"},"thr$total":{"$t":"7"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-7264763116798560455"},"published":{"$t":"2012-09-11T16:34:00.001+07:00"},"updated":{"$t":"2014-04-11T11:22:33.318+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"recent post"},{"scheme":"http://www.blogger.com/atom/ns#","term":"slider"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"}],"title":{"type":"text","$t":"Cara Membuat Recent Post Thumbnail Gambar Bergerak Slide Di Blog"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-recent-post-thumbnail.html\"\u003ECara Membuat Recent Post Thumbnail Gambar Bergerak Slide Di Blog\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nPada 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nTampilan dari Recent post ini sangat bagus dan menarik, sobat bisa melihat contohnya pada sidebar blog \u003Ca href=\"http:\/\/demokucopas.blogspot.com\/\" target=\"_blank\"\u003EDemo\u003C\/a\u003E saya, yaitu pada widget \"Artikel Terbaru\".\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-recent-post-thumbnail.html\"\u003E\u003Cimg alt=\"Cara Membuat Recent Post Thumbnail Gambar Bergerak Slide Di Blog\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-IeHY8Z7EnJA\/UE72WHtm-HI\/AAAAAAAAAlI\/5sYQOBsN7dg\/s1600\/Cara+Membuat+Recent+Post+Thumbnail+Gambar+Bergerak+Slide+Di+Blog.jpg\" title=\"Cara Membuat Recent Post Thumbnail Gambar Bergerak Slide Di Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cdiv style=\"text-align: center;\"\u003E\n\u003Cb\u003E\u003Ca href=\"http:\/\/demokucopas.blogspot.com\/\" target=\"_blank\"\u003EDEMO\u003C\/a\u003E\u003C\/b\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nJika 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECara Membuat Recent Post Thumbnail Gambar Bergerak Slide Di Blog\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Col\u003E\n\u003Cli\u003ELangkah yang pertama. Silahkan sobat \u0026gt;\u0026gt; \u003Cb\u003EMasuk\/Login\u003C\/b\u003E \u0026gt;\u0026gt; Ke \u003Cb\u003E\u003Ca href=\"http:\/\/www.blogger.com\/\" target=\"_blank\"\u003EBlogger.com\u003C\/a\u003E\u003C\/b\u003E menggunakan akun sobat.\u003C\/li\u003E\n\u003Cli\u003EPada \u003Cb\u003EDashboard\u003C\/b\u003E tampilan blogger baru, pilih dan klik Menu \u0026gt;\u0026gt; \u003Cb\u003ETata Letak\u003C\/b\u003E \u0026gt;\u0026gt; pilih dan klik \u0026gt;\u0026gt; \u003Cb\u003ETambah Gadget\u003C\/b\u003E \u0026gt;\u0026gt; pilih dan klik tanda \u003Cb\u003E+\u003C\/b\u003E pada \u0026gt;\u0026gt; \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003EKemudian silahkan sobat masukkan semua Kode Script berikut ke dalam kotak \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E.\u003C\/li\u003E\n\u003C\/ol\u003E\n\u003Cdiv style=\"margin: 5px;\"\u003E\n\u003Cdiv class=\"smallfont\" style=\"margin-bottom: 2px;\"\u003E\n\u003Cinput onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }\" style=\"font-size: 12px; margin: 0px; padding: 0px; width: 80px;\" type=\"button\" value=\"Buka Kode\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"alt2\" style=\"background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;\"\u003E\n\u003Cdiv style=\"display: none;\"\u003E\n\u0026lt;script src=\"http:\/\/kucopas.googlecode.com\/files\/RecentPostThumnailBergerak.js\" type=\"text\/javascript\"\u0026gt;\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\n\u0026lt;style type=\"text\/css\" media=\"screen\"\u0026gt;\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026lt;!--\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n#spylist {\u003Cbr \/\u003E\noverflow:hidden;\u003Cbr \/\u003E\nmargin-top:5px;\u003Cbr \/\u003E\npadding:0px 0px;\u003Cbr \/\u003E\nheight:350px;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n#spylist ul{\u003Cbr \/\u003E\nwidth:355px;\u003Cbr \/\u003E\noverflow:hidden;\u003Cbr \/\u003E\nlist-style-type: none;\u003Cbr \/\u003E\npadding: 0px 0px;\u003Cbr \/\u003E\nmargin:0px 0px;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n#spylist li {\u003Cbr \/\u003E\nwidth:335px;\u003Cbr \/\u003E\npadding: 5px 5px;\u003Cbr \/\u003E\nmargin:0px 0px 5px 0px;\u003Cbr \/\u003E\nlist-style-type:none;\u003Cbr \/\u003E\nfloat:none;\u003Cbr \/\u003E\nheight:70px;\u003Cbr \/\u003E\noverflow: hidden;\u003Cbr \/\u003E\nbackground:#fff url(http:\/\/i879.photobucket.com\/albums\/ab351\/bloggerblogimage\/blogger\/post.jpg) repeat-x;\u003Cbr \/\u003E\nborder:1px solid #ddd;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n#spylist li a {\u003Cbr \/\u003E\ntext-decoration:none;\u003Cbr \/\u003E\ncolor:#4B545B;\u003Cbr \/\u003E\nfont-size:11px;\u003Cbr \/\u003E\nheight:18px;\u003Cbr \/\u003E\noverflow:hidden;\u003Cbr \/\u003E\nmargin:0px 0px;\u003Cbr \/\u003E\npadding:0px 0px 2px 0px;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n#spylist li img {\u003Cbr \/\u003E\nfloat:left;\u003Cbr \/\u003E\nmargin-right:5px;\u003Cbr \/\u003E\nbackground:#EFEFEF;\u003Cbr \/\u003E\nborder:0;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n.spydate{\u003Cbr \/\u003E\noverflow:hidden;\u003Cbr \/\u003E\nfont-size:10px;\u003Cbr \/\u003E\ncolor:#0284C2;\u003Cbr \/\u003E\npadding:2px 0px;\u003Cbr \/\u003E\nmargin:1px 0px 0px 0px;\u003Cbr \/\u003E\nheight:15px;\u003Cbr \/\u003E\nfont-family:Tahoma,Arial,verdana, sans-serif;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n.spycomment{\u003Cbr \/\u003E\noverflow:hidden;\u003Cbr \/\u003E\nfont-family:Tahoma,Arial,verdana, sans-serif;\u003Cbr \/\u003E\nfont-size:10px;\u003Cbr \/\u003E\ncolor:#262B2F;\u003Cbr \/\u003E\npadding:0px 0px;\u003Cbr \/\u003E\nmargin:0px 0px;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n--\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026nbsp; \u0026nbsp; \u0026lt;script language='javascript'\u0026gt;\u003Cbr \/\u003E\nimgr = new Array();\u003Cbr \/\u003E\nimgr[0] = \"http:\/\/i43.tinypic.com\/orpg0m.jpg\";\u003Cbr \/\u003E\nimgr[1] = \"http:\/\/i43.tinypic.com\/orpg0m.jpg\";\u003Cbr \/\u003E\nimgr[2] = \"http:\/\/i43.tinypic.com\/orpg0m.jpg\";\u003Cbr \/\u003E\nimgr[3] = \"http:\/\/i43.tinypic.com\/orpg0m.jpg\";\u003Cbr \/\u003E\nimgr[4] = \"http:\/\/i43.tinypic.com\/orpg0m.jpg\";\u003Cbr \/\u003E\nshowRandomImg = true;\u003Cbr \/\u003E\n\u003Cspan style=\"color: cyan;\"\u003Eboxwidth = 300\u003C\/span\u003E;\u003Cbr \/\u003E\ncellspacing = 6;\u003Cbr \/\u003E\nborderColor = \"#232c35\";\u003Cbr \/\u003E\nbgTD = \"#000000\";\u003Cbr \/\u003E\nthumbwidth = 60;\u003Cbr \/\u003E\nthumbheight = 60;\u003Cbr \/\u003E\nfntsize = 12;\u003Cbr \/\u003E\nacolor = \"#666\";\u003Cbr \/\u003E\naBold = true;\u003Cbr \/\u003E\nicon = \" \";\u003Cbr \/\u003E\ntext = \"\u003Cspan style=\"color: lime;\"\u003EReply(s)\u003C\/span\u003E\";\u003Cbr \/\u003E\nshowPostDate = false;\u003Cbr \/\u003E\nsummaryPost = 40;\u003Cbr \/\u003E\nsummaryFontsize = 10;\u003Cbr \/\u003E\nsummaryColor = \"#666\";\u003Cbr \/\u003E\nicon2 = \" \";\u003Cbr \/\u003E\n\u003Cspan style=\"color: purple;\"\u003Enumposts = 10\u003C\/span\u003E;\u003Cbr \/\u003E\nhome_page = \" \u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/kuc0pas.blogspot.com\/\u003C\/span\u003E \";\u003Cbr \/\u003E\n\u003Cspan style=\"color: magenta;\"\u003Elimitspy=5\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: orange;\"\u003Eintervalspy=5000\u003C\/span\u003E\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026lt;div id=\"spylist\"\u0026gt;\u003Cbr \/\u003E\n\u0026nbsp; \u0026nbsp; \u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E\n\/\/\u0026lt;![CDATA[\u003Cbr \/\u003E\njQuery(function(){jQuery(\"ul.spy\").simpleSpy(limitspy,intervalspy).bind(\"mouseenter\",function(){jQuery(this).trigger(\"stop\")}).bind(\"mouseleave\",function(){jQuery(this).trigger(\"start\")})});(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(\"\u0026gt; li:first\").height();l.find(\"\u0026gt; li\").each(function(){i.push(\"\u0026lt;li\u0026gt;\"+e(this).html()+\"\u0026lt;\/li\u0026gt;\")});o=i.length;l.wrap('\u0026lt;div class=\"spyWrapper\" \/\u0026gt;').parent().css({height:h*f});l.find(\"\u0026gt; li\").filter(\":gt(\"+(f-1)+\")\").remove();l.bind(\"stop\",function(){k=false}).bind(\"start\",function(){k=true});function n(){if(k){var p=e(i[m]).css({height:0,opacity:0,display:\"none\"}).prependTo(l);l.find(\"\u0026gt; li:last\").animate({opacity:0},1000,function(){p.animate({height:h},1000).animate({opacity:1},1000);e(this).remove()});m++;if(m\u0026gt;=o){m=0}}setTimeout(n,g)}n()})}})(jQuery);function showrecentposts(z){document.write('\u0026lt;ul class=\"spy\"\u0026gt;');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var o=0;o\u0026lt;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\u0026lt;w.link.length;l++){if(w.link[l].rel==\"alternate\"){p=w.link[l].href;break}}for(var l=0;l\u0026lt;w.link.length;l++){if(w.link[l].rel==\"replies\"\u0026amp;\u0026amp;w.link[l].type==\"text\/html\"){f=w.link[l].title.split(\" \")[0];break}}if(\"content\" in w){var r=w.content.$t}else{if(\"summary\" in w){var r=w.summary.$t}else{var r=\"\"}}postdate=w.published.$t;if(j\u0026gt;imgr.length-1){j=0}img[o]=imgr[j];s=r;a=s.indexOf(\"\u0026lt;img\");b=s.indexOf('src=\"',a);c=s.indexOf('\"',b+5);d=s.substr(b+5,c-b-5);if((a!=-1)\u0026amp;\u0026amp;(b!=-1)\u0026amp;\u0026amp;(c!=-1)\u0026amp;\u0026amp;(d!=\"\")){img[o]=d}cmtext=(text!=\"no\")?'\u0026lt;i\u0026gt;\u0026lt;font color=\"'+acolor+'\"\u0026gt;('+f+\" \"+text+\")\u0026lt;\/font\u0026gt;\u0026lt;\/i\u0026gt;\":\"\";var q=[1,2,3,4,5,6,7,8,9,10,11,12];var x=[\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sep\",\"Oct\",\"Nov\",\"Dec\"];var u=postdate.split(\"-\")[2].substring(0,2);var h=postdate.split(\"-\")[1];var t=postdate.split(\"-\")[0];for(var e=0;e\u0026lt;q.length;e++){if(parseInt(h)==q[e]){h=x[e];break}}var n=(showPostDate)?'\u0026lt;i\u0026gt;\u0026lt;font color=\"'+acolor+'\"\u0026gt; ('+u+\" \"+h+\" \"+t+\")\u0026lt;\/font\u0026gt;\u0026lt;\/i\u0026gt;\":\"\";g=(aBold)?\"\u0026lt;b\u0026gt;\"+g+\"\u0026lt;\/b\u0026gt;\":g;var v='\u0026lt;li\u0026gt;\u0026lt;a href=\"'+p+'\"\u0026gt;\u0026lt;img src=\"'+img[o]+'\" width=\"'+thumbwidth+'\" height=\"'+thumbheight+'\" class=\"recent-thumb\"\/\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;a href=\"'+p+'\" class=\"recent-link\"\u0026gt;'+g+'\u0026lt;\/a\u0026gt;\u0026lt;div class=\"spydate\"\u0026gt;'+n+'\u0026lt;\/div\u0026gt;\u0026lt;div class=\"spycomment\"\u0026gt;'+cmtext+\"\u0026lt;\/div\u0026gt;\";document.write(v);j++}document.write(\"\u0026lt;\/ul\u0026gt;\")}document.write('\u0026lt;script src=\"'+home_page+\"feeds\/posts\/default?max-results=\"+numposts+'\u0026amp;orderby=published\u0026amp;alt=json-in-script\u0026amp;callback=showrecentposts\"\u0026gt;\u0026lt;\\\/script\u0026gt;');\u003Cbr \/\u003E\n\/\/]]\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/div\u0026gt;\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cbr \/\u003E\n4. Langkah yang terakhir. Setelah semua kode script di masukkan ke dalam kotak \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E, silahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003ESimpan\u003C\/b\u003E dan lihat hasilnya pada halaman widget blog sobat sudah terpasang widget recent post thumbnail gambar bergerak slide ke bawah.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003EKeterangan:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul style=\"text-align: left;\"\u003E\n\u003Cli\u003EGanti \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/kuc0pas.blogspot.com\/\u003C\/span\u003E\u003C\/b\u003E dengan URL blog sobat. Pastikan ada tanda slash ( \/ ) di belakang url blog.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: lime;\"\u003EReply(s)\u003C\/span\u003E\u003C\/b\u003E adalah \u003Cb\u003Eteks jumlah komentar\u003C\/b\u003E, ganti Reply(s) sesuai dengan keinginan sobat, misalnya: komentar, comment, dan lain sebagainya.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: cyan;\"\u003Eboxwidth = 300\u003C\/span\u003E\u003C\/b\u003E adalah \u003Cb\u003Eukuran Lebar widget\u003C\/b\u003E dalam pixel (px), ganti nilainya sesuai dengan lebar sidebar blog sobat.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: purple;\"\u003Enumposts = 10\u003C\/span\u003E\u003C\/b\u003E adalah \u003Cb\u003EJumlah posting terbaru\u003C\/b\u003E yang akan muncul di blog sobat, ganti nilainya sesuai keinginan dengan keinginan sobat.\u003C\/li\u003E\n\u003Cli\u003E\u003Cspan style=\"color: magenta;\"\u003E\u003Cb\u003Elimitspy=5\u003C\/b\u003E\u003C\/span\u003E adalah \u003Cb\u003EJumlah posting terbaru dalam sekali tampilan\u003C\/b\u003E, ganti nilainya sesuai dengan keinginan sobat.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003E\u003Cspan style=\"color: orange;\"\u003Eintervalspy=5000\u003C\/span\u003E\u003C\/b\u003E adalah \u003Cb\u003Ekecepatan scroll, spy atau slide\u003C\/b\u003E dalam milisecond (ms), silahkan sobat ganti nilainya untuk mengatur kecepatannya. Tambah untuk lambat, Kurang untuk cepat.\u003C\/li\u003E\n\u003C\/ul\u003E\nSampai di sini saya kira sobat pasti sudah faham tentang \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-recent-post-thumbnail.html\"\u003ECara Membuat Recent Post Thumbnail Gambar Bergerak Slide Di Blog\u003C\/a\u003E\u003C\/b\u003E. 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.\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/7264763116798560455\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-recent-post-thumbnail.html#comment-form","title":"4 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/7264763116798560455"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/7264763116798560455"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/-IeHY8Z7EnJA\/UE72WHtm-HI\/AAAAAAAAAlI\/5sYQOBsN7dg\/s72-c\/Cara+Membuat+Recent+Post+Thumbnail+Gambar+Bergerak+Slide+Di+Blog.jpg","height":"72","width":"72"},"thr$total":{"$t":"4"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-4133906735374459847"},"published":{"$t":"2012-09-11T13:09:00.001+07:00"},"updated":{"$t":"2014-04-11T11:22:33.245+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"kursor"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"}],"title":{"type":"text","$t":"Cara Membuat Kursor Mouse Di Ikuti Teks Atau Tulisan Di Blog"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-kursor-mouse-di-ikuti-teks.html\"\u003ECara Membuat Kursor Mouse Di Ikuti Teks Atau Tulisan Di Blog\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nEfek 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nHebatnya 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 \u003Ca href=\"http:\/\/demokucopas.blogspot.com\/\" target=\"_blank\"\u003EDEMO\u003C\/a\u003E dan lihatlah dibagian kursor mouse akan di ikuti teks pada blog tersebut.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-kursor-mouse-di-ikuti-teks.html\"\u003E\u003Cimg alt=\"Cara Membuat Kursor Mouse Di Ikuti Teks Atau Tulisan Di Blog\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-2NVieFFw3lc\/UE69O8uWqhI\/AAAAAAAAAko\/NQbYmhFvsjA\/s1600\/Cara+Membuat+Kursor+Mouse+Di+Ikuti+Teks+Atau+Tulisan+Di+Blog.jpg\" title=\"Cara Membuat Kursor Mouse Di Ikuti Teks Atau Tulisan Di Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003E\u003Ca href=\"http:\/\/demokucopas.blogspot.com\/\" target=\"_blank\"\u003EDEMO\u003C\/a\u003E\u003C\/span\u003E\u003C\/b\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nCara 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nJika sobat tertarik ingin membuat dan memasang kursor mouse di ikuti teks atau tulisan di blog sobat, silahkan ikuti langkah-langkahnya sebagai berikut:\u003Cbr \/\u003E\n\u003Col\u003E\n\u003Cli\u003ELangkah yang pertama. Silahkan sobat \u0026gt;\u0026gt; \u003Cb\u003EMasuk\/Login\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb\u003Eke Blogger.com\u003C\/b\u003E menggunakan akun sobat.\u003C\/li\u003E\n\u003Cli\u003EPada \u003Cb\u003EDashboard\u003C\/b\u003E tampilan blogger baru, pilih dan klik Menu \u0026gt;\u0026gt; \u003Cb\u003ETata Letak\u003C\/b\u003E \u0026gt;\u0026gt; pilih posisi dan klik \u0026gt;\u0026gt; \u003Cb\u003ETambah Gadget\u003C\/b\u003E \u0026gt;\u0026gt; pilih \u0026gt;\u0026gt; \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E lalu klik tanda \u003Cb\u003E+\u003C\/b\u003E\u003C\/li\u003E\n\u003Cli\u003EKemudian silahkan sobat \u003Cb\u003Emasukkan semua Kode Script\u003C\/b\u003E berikut kedalam kotak \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E.\u003C\/li\u003E\n\u003C\/ol\u003E\n\u003Cdiv style=\"margin: 5px;\"\u003E\n\u003Cdiv class=\"smallfont\" style=\"margin-bottom: 2px;\"\u003E\n\u003Cinput onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }\" style=\"font-size: 12px; margin: 0px; padding: 0px; width: 80px;\" type=\"button\" value=\"Buka Kode\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"alt2\" style=\"background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;\"\u003E\n\u003Cdiv style=\"display: none;\"\u003E\n\u0026lt;style type=\"text\/css\"\u0026gt;\u003Cbr \/\u003E\n#outerCircleText {\u003Cbr \/\u003E\nfont-style: italic;\u003Cbr \/\u003E\nfont-weight: bold;\u003Cbr \/\u003E\nfont-family: 'comic sans ms', verdana, arial;\u003Cbr \/\u003E\ncolor: \u003Cspan style=\"color: red;\"\u003E#FF0000\u003C\/span\u003E;\u003Cbr \/\u003E\nposition: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}\u003Cbr \/\u003E\n#outerCircleText div {position: relative;}\u003Cbr \/\u003E\n#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}\u003Cbr \/\u003E\n\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\n\u0026lt;script type=\"text\/javascript\"\u0026gt;\u003Cbr \/\u003E\n;(function(){\u003Cbr \/\u003E\nvar msg = \"\u003Cspan style=\"color: blue;\"\u003EBlog Kucopas\u003C\/span\u003E\";\u003Cbr \/\u003E\nvar size = 24;\u003Cbr \/\u003E\nvar circleY = 0.75; var circleX = 2;\u003Cbr \/\u003E\nvar letter_spacing = 5;\u003Cbr \/\u003E\nvar diameter = 10;\u003Cbr \/\u003E\nvar rotation = 0.4;\u003Cbr \/\u003E\nvar speed = 0.3;\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nif (!window.addEventListener \u0026amp;\u0026amp; !window.attachEvent || !document.createElement) return;\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nmsg = msg.split('');\u003Cbr \/\u003E\nvar n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,\u003Cbr \/\u003E\nymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],\u003Cbr \/\u003E\no = document.createElement('div'), oi = document.createElement('div'),\u003Cbr \/\u003E\nb = document.compatMode \u0026amp;\u0026amp; document.compatMode != \"BackCompat\"? document.documentElement : document.body,\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nmouse = function(e){\u003Cbr \/\u003E\ne = e || window.event;\u003Cbr \/\u003E\nymouse = !isNaN(e.pageY)? e.pageY : e.clientY; \/\/ y-position\u003Cbr \/\u003E\nxmouse = !isNaN(e.pageX)? e.pageX : e.clientX; \/\/ x-position\u003Cbr \/\u003E\n},\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nmakecircle = function(){ \/\/ rotation\/positioning\u003Cbr \/\u003E\nif(init.nopy){\u003Cbr \/\u003E\no.style.top = (b || document.body).scrollTop + 'px';\u003Cbr \/\u003E\no.style.left = (b || document.body).scrollLeft + 'px';\u003Cbr \/\u003E\n};\u003Cbr \/\u003E\ncurrStep -= rotation;\u003Cbr \/\u003E\nfor (var d, i = n; i \u0026gt; -1; --i){ \/\/ makes the circle\u003Cbr \/\u003E\nd = document.getElementById('iemsg' + i).style;\u003Cbr \/\u003E\nd.top = Math.round(y[i] + a * Math.sin((currStep + i) \/ letter_spacing) * circleY - 15) + 'px';\u003Cbr \/\u003E\nd.left = Math.round(x[i] + a * Math.cos((currStep + i) \/ letter_spacing) * circleX) + 'px';\u003Cbr \/\u003E\n};\u003Cbr \/\u003E\n},\u003Cbr \/\u003E\n\u003Cbr \/\u003E\ndrag = function(){ \/\/ makes the resistance\u003Cbr \/\u003E\ny[0] = Y[0] += (ymouse - Y[0]) * speed;\u003Cbr \/\u003E\nx[0] = X[0] += (xmouse - 20 - X[0]) * speed;\u003Cbr \/\u003E\nfor (var i = n; i \u0026gt; 0; --i){\u003Cbr \/\u003E\ny[i] = Y[i] += (y[i-1] - Y[i]) * speed;\u003Cbr \/\u003E\nx[i] = X[i] += (x[i-1] - X[i]) * speed;\u003Cbr \/\u003E\n};\u003Cbr \/\u003E\nmakecircle();\u003Cbr \/\u003E\n},\u003Cbr \/\u003E\n\u003Cbr \/\u003E\ninit = function(){ \/\/ appends message divs, \u0026amp; sets initial values for positioning arrays\u003Cbr \/\u003E\nif(!isNaN(window.pageYOffset)){\u003Cbr \/\u003E\nymouse += window.pageYOffset;\u003Cbr \/\u003E\nxmouse += window.pageXOffset;\u003Cbr \/\u003E\n} else init.nopy = true;\u003Cbr \/\u003E\nfor (var d, i = n; i \u0026gt; -1; --i){\u003Cbr \/\u003E\nd = document.createElement('div'); d.id = 'iemsg' + i;\u003Cbr \/\u003E\nd.style.height = d.style.width = a + 'px';\u003Cbr \/\u003E\nd.appendChild(document.createTextNode(msg[i]));\u003Cbr \/\u003E\noi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;\u003Cbr \/\u003E\n};\u003Cbr \/\u003E\no.appendChild(oi); document.body.appendChild(o);\u003Cbr \/\u003E\nsetInterval(drag, 25);\u003Cbr \/\u003E\n},\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nascroll = function(){\u003Cbr \/\u003E\nymouse += window.pageYOffset;\u003Cbr \/\u003E\nxmouse += window.pageXOffset;\u003Cbr \/\u003E\nwindow.removeEventListener('scroll', ascroll, false);\u003Cbr \/\u003E\n};\u003Cbr \/\u003E\n\u003Cbr \/\u003E\no.id = 'outerCircleText'; o.style.fontSize = size + 'px';\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nif (window.addEventListener){\u003Cbr \/\u003E\nwindow.addEventListener('load', init, false);\u003Cbr \/\u003E\ndocument.addEventListener('mouseover', mouse, false);\u003Cbr \/\u003E\ndocument.addEventListener('mousemove', mouse, false);\u003Cbr \/\u003E\nif (\/Apple\/.test(navigator.vendor))\u003Cbr \/\u003E\nwindow.addEventListener('scroll', ascroll, false);\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\nelse if (window.attachEvent){\u003Cbr \/\u003E\nwindow.attachEvent('onload', init);\u003Cbr \/\u003E\ndocument.attachEvent('onmousemove', mouse);\u003Cbr \/\u003E\n};\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n})();\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cbr \/\u003E\n4. Langkah yang terakhir. Setelah sobat selesai masukkan semua kode script kedalam kotak \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E, silahkan sobat klik \u0026gt;\u0026gt; \u003Cb\u003ESimpan\u003C\/b\u003E dan lihat hasilnya pada semua halaman blog sobat, Kursor mouse akan di ikuti teks kemanapun arah kursor itu di gerakkan pada halaman blog sobat.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003EKeterangan:\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cspan style=\"color: red;\"\u003E\u003Cb\u003E#FF0000\u003C\/b\u003E\u003C\/span\u003E adalah Kode warna Teks atau tulisan yang mengikuti kursor mouse, silahkan sobat ganti dengan kode warna yang lain sesuai dngan keinginan sobat. \u003Cb\u003EKode warna HTML\u003C\/b\u003E bisa di lihat pada artikel \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/05\/kode-warna-html.html\" target=\"_blank\"\u003EDaftar Kode warna HTML\u003C\/a\u003E\u003C\/b\u003E.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003EBIRU\u003C\/span\u003E\u003C\/b\u003E adalah Teks yang mengikuti kursor mouse, silahkan ganti dengan Teks atau tulisan seperti yang sobat inginkan.\u003C\/li\u003E\n\u003C\/ul\u003E\nSelamat 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDemikian tutorial ringan tentang trik \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-kursor-mouse-di-ikuti-teks.html\"\u003ECara Membuat Kursor Mouse Di Ikuti Teks Atau Tulisan Di Blog\u003C\/a\u003E\u003C\/b\u003E yang telah saya share, semoga bisa bermanfaat untuk sobat KUCOPAS semua.\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/4133906735374459847\/comments\/default","title":"Post Comments"},{"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"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/4133906735374459847"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/4133906735374459847"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/-2NVieFFw3lc\/UE69O8uWqhI\/AAAAAAAAAko\/NQbYmhFvsjA\/s72-c\/Cara+Membuat+Kursor+Mouse+Di+Ikuti+Teks+Atau+Tulisan+Di+Blog.jpg","height":"72","width":"72"},"thr$total":{"$t":"1"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-5599308197104510158"},"published":{"$t":"2012-09-11T01:55:00.000+07:00"},"updated":{"$t":"2014-04-11T11:22:33.293+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"menu"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widget"}],"title":{"type":"text","$t":"Cara Membuat Menu Tab View Tanpa Edit HTML Template Blog"},"content":{"type":"html","$t":"\u0026nbsp;\u003Cb\u003E\u003Ci\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-menu-tab-view-tanpa-edit.html\"\u003ECara Membuat Menu Tab View Tanpa Edit HTML Template Blog\u003C\/a\u003E\u003C\/i\u003E\u003C\/b\u003E - 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 \u003Ca href=\"http:\/\/demokucopas.blogspot.com\/\" target=\"_blank\"\u003EDEMO\u003C\/a\u003E saya.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026nbsp;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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026nbsp;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 \u003Ca href=\"http:\/\/demokucopas.blogspot.com\/\" target=\"_blank\"\u003EDEMO\u003C\/a\u003E 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).\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026nbsp;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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026nbsp;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 \u003Ca href=\"http:\/\/demokucopas.blogspot.com\/\" target=\"_blank\"\u003EDEMO\u003C\/a\u003E saya.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-mYwTBSYLS1M\/UE4lkaiQaYI\/AAAAAAAAAkM\/0ebkqtN3Dug\/s1600\/Cara+Membuat+Menu+Tab+View+Tanpa+Edit+HTML+Template+Blog.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Membuat Menu Tab View Tanpa Edit HTML Template Blog\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-mYwTBSYLS1M\/UE4lkaiQaYI\/AAAAAAAAAkM\/0ebkqtN3Dug\/s1600\/Cara+Membuat+Menu+Tab+View+Tanpa+Edit+HTML+Template+Blog.jpg\" title=\"Cara Membuat Menu Tab View Tanpa Edit HTML Template Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003E\u003Ca href=\"http:\/\/demokucopas.blogspot.com\/\" target=\"_blank\"\u003EDEMO\u003C\/a\u003E\u003C\/span\u003E\u003C\/b\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u0026nbsp;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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026nbsp;Jika sobat tertarik untuk membuat dan memasang menu tab view ini di blog sobat, Silahkan sobat ikuti langkah-langkahnya sebagai berikut:\u003Cbr \/\u003E\n\u003Col\u003E\n\u003Cli\u003ESilahkan sobat \u0026gt;\u0026gt; \u003Cb style=\"background-color: lime;\"\u003ELogin\/Masuk\u003C\/b\u003E \u0026gt;\u0026gt; \u003Cb style=\"background-color: lime;\"\u003Eke Blog\u003C\/b\u003E sobat. \u003C\/li\u003E\n\u003Cli\u003EPada \u003Cb style=\"background-color: lime;\"\u003E\"Dashboard\"\u003C\/b\u003E tampilan blog baru, Sobat pilih dan klik Menu \u0026gt;\u0026gt; \u003Cb style=\"background-color: lime;\"\u003ETata Letak\u003C\/b\u003E \u0026gt;\u0026gt; kemudian klik \u0026gt;\u0026gt; \u003Cb style=\"background-color: lime;\"\u003ETambah Gadget\u003C\/b\u003E \u0026gt;\u0026gt; Lalu pilih dan klik tanda \u003Cb style=\"background-color: lime;\"\u003E+\u003C\/b\u003E\u0026nbsp;pada \u0026gt;\u0026gt; \u003Cb style=\"background-color: lime;\"\u003EHTML\/JavaScript\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003ELangkah selanjutnya, Silahkan sobat \u003Cb style=\"background-color: lime;\"\u003EMasukkan semua kode script\u003C\/b\u003E berikut ke dalam kotak\u0026nbsp; \u003Cb style=\"background-color: lime;\"\u003EHTML\/JavaScript\u003C\/b\u003E.\u003C\/li\u003E\n\u003C\/ol\u003E\n\u003Cdiv style=\"margin: 5px;\"\u003E\n\u003Cdiv class=\"smallfont\" style=\"margin-bottom: 2px;\"\u003E\n\u003Cinput onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }\" style=\"font-size: 10px; margin: 0px; padding: 0px; width: 60px;\" type=\"button\" value=\"Buka Kode\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"alt2\" style=\"background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;\"\u003E\n\u003Cdiv style=\"display: none;\"\u003E\n\u0026lt;style type=\"text\/css\"\u0026gt;\u003Cbr \/\u003E\ndiv.TabView div.Tabs\u003Cbr \/\u003E\n{height: 30px;overflow: hidden}\u003Cbr \/\u003E\ndiv.TabView div.Tabs a {float:left; display:block; \u003Cspan style=\"color: red;\"\u003Ewidth: 83px;\u003C\/span\u003E \u003Cspan style=\"color: orange;\"\u003E\/* Lebar Menu Utama Atas *\/\u003C\/span\u003E\u003Cbr \/\u003E\ntext-align:center ; \u003Cspan style=\"color: red;\"\u003Eheight: 30px;\u003C\/span\u003E \u003Cspan style=\"color: orange;\"\u003E\/* Tinggi Menu Utama Atas *\/\u003C\/span\u003E\u003Cbr \/\u003E\npadding-top:8px; vertical-align:middle; border:1px solid \u003Cspan style=\"color: red;\"\u003E#BDBDBD;\u003C\/span\u003E \u003Cspan style=\"color: orange;\"\u003E\/* Warna border Menu Atas *\/\u003C\/span\u003E\u003Cbr \/\u003E\nborder-bottom-width:0; text-decoration: none; font-family: \"Verdana\", Serif; \u003Cspan style=\"color: orange;\"\u003E\/* Font Menu Utama Atas *\/\u003C\/span\u003E\u003Cbr \/\u003E\nfont-weight:bold; color:\u003Cspan style=\"color: red;\"\u003E#000000;\u003C\/span\u003E \u003Cspan style=\"color: orange;\"\u003E\/* Warna Font Menu Utama Atas *\/\u003C\/span\u003E -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}\u003Cbr \/\u003E\ndiv.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: \u003Cspan style=\"color: red;\"\u003E#3d85c6;\u003C\/span\u003E \u003Cspan style=\"color: orange;\"\u003E\/* Warna background Menu Utama Atas *\/\u003C\/span\u003E }\u003Cbr \/\u003E\ndiv.TabView div.Pages {clear:both; border:1px solid \u003Cspan style=\"color: red;\"\u003E#BDBDBD; \u003C\/span\u003E\u003Cspan style=\"color: orange;\"\u003E\/* Warna border Kotak Utama *\/ \u003C\/span\u003Eoverflow:hidden; background-color:\u003Cspan style=\"color: red;\"\u003E#ffffff;\u003C\/span\u003E \u003Cspan style=\"color: orange;\"\u003E\/* Warna background Kotak Utama *\/\u003C\/span\u003E }\u003Cbr \/\u003E\ndiv.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}\u003Cbr \/\u003E\ndiv.TabView div.Pages div.Page div.Pad {padding: 5px 5px}\u003Cbr \/\u003E\n\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\n\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E\n\/\/\u0026lt;![CDATA[\u003Cbr \/\u003E\nfunction tabview_aux(TabViewId, id)\u003Cbr \/\u003E\n{\u003Cbr \/\u003E\nvar TabView = document.getElementById(TabViewId);\u003Cbr \/\u003E\n\/\/ ----- Tabs -----\u003Cbr \/\u003E\nvar Tabs = TabView.firstChild;\u003Cbr \/\u003E\nwhile (Tabs.className != \"Tabs\" ) Tabs = Tabs.nextSibling;\u003Cbr \/\u003E\nvar Tab = Tabs.firstChild;\u003Cbr \/\u003E\nvar i = 0;\u003Cbr \/\u003E\ndo\u003Cbr \/\u003E\n{\u003Cbr \/\u003E\nif (Tab.tagName == \"A\")\u003Cbr \/\u003E\n{\u003Cbr \/\u003E\ni++;\u003Cbr \/\u003E\nTab.href = \"javascript:tabview_switch('\"+TabViewId+\"', \"+i+\");\";\u003Cbr \/\u003E\nTab.className = (i == id) ? \"Active\" : \"\";\u003Cbr \/\u003E\nTab.blur();\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\nwhile (Tab = Tab.nextSibling);\u003Cbr \/\u003E\n\/\/ ----- Pages -----\u003Cbr \/\u003E\nvar Pages = TabView.firstChild;\u003Cbr \/\u003E\nwhile (Pages.className != 'Pages') Pages = Pages.nextSibling;\u003Cbr \/\u003E\nvar Page = Pages.firstChild;\u003Cbr \/\u003E\nvar i = 0;\u003Cbr \/\u003E\ndo\u003Cbr \/\u003E\n{\u003Cbr \/\u003E\nif (Page.className == 'Page')\u003Cbr \/\u003E\n{\u003Cbr \/\u003E\ni++;\u003Cbr \/\u003E\nif (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+\"px\";\u003Cbr \/\u003E\nPage.style.overflow = \"auto\";\u003Cbr \/\u003E\nPage.style.display = (i == id) ? 'block' : 'none';\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\nwhile (Page = Page.nextSibling);\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n\/\/ ----- Functions -------------------------------------------------------------\u003Cbr \/\u003E\nfunction tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }\u003Cbr \/\u003E\nfunction tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }\u003Cbr \/\u003E\n\/\/]]\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\n\u0026lt;form action=\"tabview.html\" method=\"get\"\u0026gt;\u003Cbr \/\u003E\n\u0026lt;div id=\"TabView\" class=\"TabView\"\u0026gt;\u003Cbr \/\u003E\n\u0026lt;div style=\"width: 300px;\" class=\"Tabs\"\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a\u0026gt;\u003Cspan style=\"color: cyan;\"\u003ETerbaru\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a\u0026gt;\u003Cspan style=\"color: cyan;\"\u003EPopular\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a\u0026gt;\u003Cspan style=\"color: cyan;\"\u003ELabel\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\n\u0026lt;div style=\"\u003Cspan style=\"color: magenta;\"\u003Ewidth:255px; height:250px;\u003C\/span\u003E \" class=\"Pages\"\u0026gt;\u003Cbr \/\u003E\n\u0026lt;div class=\"Page\"\u0026gt;\u003Cbr \/\u003E\n\u0026lt;div class=\"Pad\"\u0026gt;\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;script src=\"http:\/\/kucopas.googlecode.com\/files\/Recent%20Post.js\"\u0026gt;\u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;script\u0026gt;var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; \u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;script src=\"\u003C\/span\u003E\u003Cspan style=\"color: lime;\"\u003Ehttp:\/\/kuc0pas.blogspot.com\u003C\/span\u003E\u003Cspan style=\"color: blue;\"\u003E\/feeds\/posts\/default?orderby=published\u0026amp;amp;alt=json-in-script\u0026amp;amp;callback=rp\"\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026nbsp;[ \u0026lt;a href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-menu-tab-view-tanpa-edit.html\" target=\"blank\"\u0026gt;\u0026lt;b\u0026gt;\u0026lt;font color=\"green\"\u0026gt;Get Widget\u0026lt;font\u0026gt;\u0026lt;\/font\u0026gt;\u0026lt;\/font\u0026gt;\u0026lt;\/b\u0026gt;\u0026lt;\/a\u0026gt; ]\u003C\/span\u003E\u003Cbr \/\u003E\n\u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\n\u0026lt;div class=\"Page\"\u0026gt;\u003Cbr \/\u003E\n\u0026lt;div class=\"Pad\"\u0026gt;\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;script type=\"text\/javascript\"\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Efunction getYpipePP(feed) {\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Edocument.write('\u0026lt;ol style=\"\"\u0026gt;');\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Evar i;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Efor (i = 0; i \u0026lt; feed.count ; i++)\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E{\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Evar href = \"'\" + feed.value.items[i].link + \"'\";\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Evar pTitle = feed.value.items[i].title;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Evar pComment = \" (\" + feed.value.items[i].commentcount + \")\";\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Evar pList = \"\u0026lt;li\u0026gt;\" + \"\u0026lt;a href=\"+ href + '\" target=\"_blank\"\u0026gt;' + pTitle;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Edocument.write(pList);\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Edocument.write(pComment); \/\/to remove comment count delete this line\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Edocument.write('\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;');\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E}\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Edocument.write('\u0026lt;\/ol\u0026gt;');\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E}\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;script src=\"http:\/\/pipes.yahoo.com\/pipes\/pipe.run?\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003EYourBlogUrl=\u003C\/span\u003E\u003Cspan style=\"color: lime;\"\u003Ehttp:\/\/kuc0pas.blogspot.com\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026amp;ShowHowMany=10\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026amp;_id=390e906036f48772b2ed4b5d837af4cd\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026amp;_callback=getYpipePP\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026amp;_render=json\"\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Etype=\"text\/javascript\"\u0026gt;\u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\n\u0026lt;div class=\"Page\"\u0026gt;\u003Cbr \/\u003E\n\u0026lt;div class=\"Pad\"\u0026gt;\u003Cbr \/\u003E\n\u0026lt;div id=\"w2bFlashContent\"\u0026gt;\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;script type=\"text\/javascript\"\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\/*\u0026lt;![CDATA[*\/\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Evar w2bFlashLabelSettings = {\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Eblogurl \u0026nbsp; \u0026nbsp; \u0026nbsp; : \"\u003C\/span\u003E\u003Cspan style=\"color: lime;\"\u003Ehttp:\/\/kuc0pas.blogspot.com\u003C\/span\u003E\u003Cspan style=\"color: blue;\"\u003E\/\", \u003C\/span\u003E\u003Cspan style=\"color: orange;\"\u003E\/* ganti dgn alamat blog sobat *\/\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Ecolor \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp;: \"000000\", \/* warna link menu claud \u0026nbsp;*\/\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003EhoverColor \u0026nbsp; \u0026nbsp; : \"0000FF\", \/* hover link menu claud*\/\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003EbackgroundColor: \"transparent\", \/* \u0026nbsp;background claud*\/\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Esize \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; : 10, \/* ukuran font claud*\/\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Espeed \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; : 100, \/* kecepatan animasi claud*\/\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Ewidth \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp;: 210, \/* lebar label cloud animasi *\/\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003Eheight \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; : 200 \/* tinggi label cloud animasi *\/\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E};\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\/*]]\u0026gt;*\/\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;script type=\"text\/javascript\" src=\"http:\/\/kucopas.googlecode.com\/files\/Label%20Cloud.js\"\u0026gt;\u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/form\u0026gt;\u003Cbr \/\u003E\n\u0026lt;script type=\"text\/javascript\"\u0026gt;\u003Cbr \/\u003E\ntabview_initialize('TabView');\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n4. Jika semua kode sudah sobat taruh dalam kotak\u0026nbsp;\u003Cb style=\"background-color: lime;\"\u003EHTML\/JavaScript\u003C\/b\u003E, Silahkan sobat klik \u0026gt;\u0026gt; \u003Cb style=\"background-color: lime;\"\u003ESimpan\u003C\/b\u003E dan lihat hasilnya.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003EKeterangan:\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003EWarana \u003Cb\u003E\u003Cspan style=\"color: orange;\"\u003EORANGE\u003C\/span\u003E\u003C\/b\u003E adalah \u003Cb style=\"background-color: lime;\"\u003Eketerangan\u003C\/b\u003E dari menu tab view, silahkan sobat ganti sesuai dengan keinginan sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EMERAH\u003C\/span\u003E\u003C\/b\u003E adalah \u003Cb style=\"background-color: lime;\"\u003Ekode warna dan ukuran\u003C\/b\u003E dari tampilan menu tab view, silahkan sobat ganti sesuai dengan keinginan sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: cyan;\"\u003EBIRU MUDA\u003C\/span\u003E\u003C\/b\u003E adalah \u003Cb style=\"background-color: lime;\"\u003EJudul bagian atas\u003C\/b\u003E dari menu tab view.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EWarana \u003Cb\u003E\u003Cspan style=\"color: magenta;\"\u003EPINK\u003C\/span\u003E\u003C\/b\u003E adalah \u003Cb style=\"background-color: lime;\"\u003Eukuran lebar dan tinggi kotak widget\u003C\/b\u003E dari menu tab view.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EWarna \u003Cspan style=\"color: blue;\"\u003E\u003Cb\u003EBIRU\u003C\/b\u003E\u003C\/span\u003E adalah \u003Cb style=\"background-color: lime;\"\u003EKode widget yang ditampilkan\u0026nbsp;\u003C\/b\u003E\u0026nbsp;(Recent Post, Popular, Label)\u0026nbsp;pada menu tab view, Sobat bisa menggantinya dengan widget blog atau apapun yang sobat inginkan.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cul\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: lime;\"\u003EHIJAU\u003C\/span\u003E\u003C\/b\u003E silahkan sobat \u003Cb style=\"background-color: lime;\"\u003Eganti dengan URL blog\u003C\/b\u003E sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u0026nbsp;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.\u0026nbsp;Jika sobat menemui kesulitan, Silahkan bertanya dalam form komentar.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u0026nbsp;Semoga artikel tutorial blog tentang \u003Ci\u003Ecara membuat menu tab view tanpa edit html template blog\u003C\/i\u003E ini bisa sangat bermanfaat bagi sobat \u003Cb\u003EKUCOPAS\u003C\/b\u003E semua. Happy Blogging...\u003Cbr \/\u003E\n\u003Chr \/\u003E\n\u003Cdiv align=\"center\"\u003E\n| Supported by \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/\"\u003E \u003Cspan style=\"color: lime;\" title=\"KUCOPAS\"\u003Ehttp:\/\/kuc0pas.blogspot.com\u003C\/span\u003E\u003C\/a\u003E | \u003C\/div\u003E\n\u003Chr \/\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/5599308197104510158\/comments\/default","title":"Post Comments"},{"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"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/5599308197104510158"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/5599308197104510158"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/-mYwTBSYLS1M\/UE4lkaiQaYI\/AAAAAAAAAkM\/0ebkqtN3Dug\/s72-c\/Cara+Membuat+Menu+Tab+View+Tanpa+Edit+HTML+Template+Blog.jpg","height":"72","width":"72"},"thr$total":{"$t":"11"}},{"id":{"$t":"tag:blogger.com,1999:blog-5680454114530316294.post-3617042488048137577"},"published":{"$t":"2012-09-08T14:07:00.001+07:00"},"updated":{"$t":"2014-04-11T11:22:33.207+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"screensaver"},{"scheme":"http://www.blogger.com/atom/ns#","term":"TUTORIAL BLOG"}],"title":{"type":"text","$t":"Cara Membuat Dan Memasang Screensaver Di Blog"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\n\u003Cb\u003EKUCOPAS - \u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-dan-memasang-screensaver.html\"\u003ECara Membuat Dan Memasang Screensaver Di Blog\u003C\/a\u003E\u003C\/b\u003E. 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSekedar 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nTrik 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-dan-memasang-screensaver.html\"\u003E\u003Cimg alt=\"Cara Membuat Dan Memasang Screensaver Di Blog\" border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-oBLmDQyapbA\/UErfHi45HoI\/AAAAAAAAAjw\/LtxQXJWA7gQ\/s1600\/Cara+Membuat+Dan+Memasang+Screensaver+Di+Blog.jpg\" title=\"Cara Membuat Dan Memasang Screensaver Di Blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cb style=\"font-size: x-large;\"\u003E\u003Ca href=\"http:\/\/demokucopas.blogspot.com\/\" target=\"_blank\"\u003EDEMO\u003C\/a\u003E\u003C\/b\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nCara 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.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECara Membuat Dan Memasang Screensaver Di Blog\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Col\u003E\n\u003Cli\u003ESilahkan sobat \u0026gt;\u0026gt; \u003Cb\u003EMasuk\/Login\u003C\/b\u003E \u0026gt;\u0026gt; Ke \u003Cb\u003E\u003Ca href=\"http:\/\/blogger.com\/\" target=\"_blank\"\u003EBlogger.com\u003C\/a\u003E\u003C\/b\u003E menggunakan akun sobat. \u003C\/li\u003E\n\u003Cli\u003EPada \u003Cb\u003EDashboard\u003C\/b\u003E tampilan blogger baru, pilih dan klik menu \u0026gt;\u0026gt; \u003Cb\u003ETata Letak\u003C\/b\u003E \u0026gt;\u0026gt; klik \u0026gt;\u0026gt; \u003Cb\u003ETambah Gadget\u003C\/b\u003E \u0026gt;\u0026gt; Pilih dan klik \u0026gt;\u0026gt; \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003EKemudian \u003Cb\u003EMasukkan semua Kode CSS\u003C\/b\u003E berikut pada kotak \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E.\u003C\/li\u003E\n\u003C\/ol\u003E\n\u003Cdiv style=\"margin: 5px;\"\u003E\n\u003Cdiv class=\"smallfont\" style=\"margin-bottom: 2px;\"\u003E\n\u003Cinput onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }\" style=\"font-size: 12px; margin: 0px; padding: 0px; width: 80px;\" type=\"button\" value=\"Buka Kode\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"alt2\" style=\"background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;\"\u003E\n\u003Cdiv style=\"display: none;\"\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;style type=\"text\/css\"\u0026gt;body .saving{position: fixed;width: 100%;top: 0;left:0;height: 100%;opacity: 0.98;filter: \u0026nbsp;alpha(opacity=98);-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)\";background: #000;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";background: #0a7f01;border-bottom: 5px solid #333;-o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width: 92%;background: transparent;font-size: 100px;font-family: \"Serif\", Times New Roman;color: #FF0000;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, \u0026nbsp; 2px -10px 10px #f10;position: relative;margin-top: 200px;line-height: 20px;font-weight: bold;text-align: center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s;}body:hover .saving p.esm1{font-size: 10px;color: red;width: 25%;margin: 340px 0 0 300px;padding: 25px;background: #aaa;border: 20px solid #888;border-radius: 170px;-moz-border-radius: 170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\";display: block;text-align: center;width: 300px;margin: -10px auto; font-weight: normal;padding: 2px 8px;background: #000;border: 1px solid #333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow: none;font-family: Arial, Helvetica, sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding: 0;}.saving p span.esm3{color: #ccc;font-family: \"Tahoma\", Arial, Helvetica;display: block;margin:10px auto;background: url http:\/\/i964.photobucket.com\/albums\/ae124...) left center repeat-x;background: -moz-linear-gradient(top,#666,#111);background: -webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));opacity: 0.6;filter: alpha(opacity=60);-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)\";width: 250px;text-shadow: 1px 1px 1px #000;border: 1px solid #333;border-radius: 4px;padding:2px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;font-weight: normal;line-height: 16px;}.saving .by_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;}\u0026lt;\/style\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u003Cbr \/\u003E\n\u003C\/span\u003E \u003Cspan style=\"color: blue;\"\u003E\u0026lt;div class='saving'\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;p class='esm1'\u0026gt;\u003C\/span\u003E\u003Cb\u003E\u003Cspan style=\"color: lime;\"\u003EKUCOPAS\u003C\/span\u003E\u003C\/b\u003E\u003Cspan style=\"color: blue;\"\u003E\u0026lt;br\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;span class='esm2'\u0026gt;Energy Saving Mode using CSS3\u0026lt;\/span\u0026gt;\u0026lt;br\/\u0026gt;\u0026lt;br\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;span class='esm3'\u0026gt;\u003C\/span\u003E\u003Cspan style=\"color: red;\"\u003EMove your mouse to go back to the page!\u003C\/span\u003E\u003Cspan style=\"color: blue;\"\u003E\u0026lt;br\/\u0026gt;\u003C\/span\u003E\u003Cspan style=\"color: red;\"\u003EGerakkan mouse anda dan silahkan baca kembali posting kami!\u003C\/span\u003E\u003Cspan style=\"color: blue;\"\u003E\u0026lt;\/span\u0026gt;\u0026lt;\/p\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;div class='by_kucopas'\u0026gt;Support design by: \u0026lt;span class='esm4'\u0026gt;KUCOPAS\u0026lt;\/span\u0026gt; - September 2012\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cspan style=\"color: blue;\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cb\u003EKeterangan:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003ESobat bisa mengedit kode CSS tersebut dengan catatan bila sudah mahir mengenai kode CSS.\u003C\/li\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: lime;\"\u003EHIJAU\u003C\/span\u003E\u003C\/b\u003E silahkan sobat ganti dengan \u003Cb\u003ENama sobat\u003C\/b\u003E atau \u003Cb\u003ENama blog\u003C\/b\u003E sobat. \u003C\/li\u003E\n\u003Cli\u003EWarna \u003Cb\u003E\u003Cspan style=\"color: red;\"\u003EMERAH\u003C\/span\u003E\u003C\/b\u003E silahkan sobat ganti dengan \u003Cb\u003Ekata-kata\u003C\/b\u003E atau \u003Cb\u003Etulisan\u003C\/b\u003E sesuai dengan keinginan sobat.\u003C\/li\u003E\n\u003C\/ul\u003E\n4. Setelah sobat selesai mengganti dan mengedit kode CSS diatas, jangan lupa kilk \u0026gt;\u0026gt; \u003Cb\u003ESimpan\u003C\/b\u003E dan nikmati hasil screensaver yang sudah terpasang disemua halaman blog sobat.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDemikian artikel posting ringan tentang trik \u003Cb\u003E\u003Ca href=\"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-dan-memasang-screensaver.html\"\u003ECara Membuat Dan Memasang Screensaver Di Blog\u003C\/a\u003E\u003C\/b\u003E yang dapat saya share, semoga bisa sangat bermanfaat bagi sobat KUCOPAS semua. Happy Blogging...\u003C\/div\u003E\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/kuc0pas.blogspot.com\/feeds\/3617042488048137577\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/kuc0pas.blogspot.com\/2012\/09\/cara-membuat-dan-memasang-screensaver.html#comment-form","title":"8 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/3617042488048137577"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5680454114530316294\/posts\/default\/3617042488048137577"},{"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":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06430395479819965511"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/4.bp.blogspot.com\/-oBLmDQyapbA\/UErfHi45HoI\/AAAAAAAAAjw\/LtxQXJWA7gQ\/s72-c\/Cara+Membuat+Dan+Memasang+Screensaver+Di+Blog.jpg","height":"72","width":"72"},"thr$total":{"$t":"8"}}]}});