Warna Terbaik untuk Website: Biru!

<b>Warna Terbaik, Terpopuler, dan Terfavorit untuk Website: Biru (Blue)</b><br /><b><br /></b><b>SUDAH </b>dua kali CB share soal warna (color) dalam desain blog/web, yaitu <a href="http://contohblognih.blogspot.com/2015/01/warna-dominan-tampilan-blog-hindari-merah-orange.html" target="_blank">Hindari Dominan Warna Merah & Orange</a>, <a href="http://contohblognih.blogspot.com/2015/03/jangan-gunakan-merah-orange-di-link-posting-blog.html" target="_blank">Jangan Gunakan Merah & Orange sebagai warna Link</a>, dan <a href="http://contohblognih.blogspot.com/2014/04/warna-biru-untuk-link-hyperlink-blog.html" target="_blank">Gunakan Biru sebagai Warna Link</a>.<br /><br />Kali ini, untuk melengkapi kedua posting itu, CB share posting yang memperkuat biru (blue) merupakan warna terbaik, terfavorit, dan terpopuler.<br /><div><br /></div><div style="text-align: center;">Mari kita simak data statistik dari berikut ini:</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO2in7AlWK4uJepB8PemsJJWgwug7n5F05-R1csfE8wor98C1yiYZTD__vHzYdnCAVXN3iHlih4MaIpe5L121eLqPP3IV0rZDeX4iPBZDy51losLuqYKCaIxYcnP7sWzUtilluTYKjfr9x/s1600/warna+favorit+biru.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Warna Terbaik untuk Website" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO2in7AlWK4uJepB8PemsJJWgwug7n5F05-R1csfE8wor98C1yiYZTD__vHzYdnCAVXN3iHlih4MaIpe5L121eLqPP3IV0rZDeX4iPBZDy51losLuqYKCaIxYcnP7sWzUtilluTYKjfr9x/s1600/warna+favorit+biru.JPG" title="Warna Terbaik untuk Website" width="338" /></a></div><div><br /></div><div>Data yang dicopy dari laman <a href="http://blog.crazyegg.com/2014/10/28/3-popular-colors-websites-use/" rel="nofollow" target="_blank">Crazyegg</a> di atas, di data warna favorit, menunjukkan dominasi biru (42%) sebagai warna terfavorit. Di posisi dua ada hijau (green) dan ungu (purle) dengan angka yang cukup jauh, hanya 14%. Lainnya --merah, hitam, oranye, kuning, cokelat, abu, putih-- di bawah 10%.</div><div><br /></div><div>Di data kedua, warna yang sangat tidak disukai (least favorit), orange menempati posisi pertama dengan nilai 30%. Brown (cokelat) di urutan kedua dengan 23%. Warna biru 0% alias tidak masuk kategori warna yang tidak disukai.</div><div><br /></div><div>Alasan utama biru menjadi warna favorit adalah "aman". "Blue is safe," tulis Crazzyegg. "Sekama warna teraman adalah biru. Bayangan apa pun dari biru bekerja dan kombinasi apa pun dari buru dalam skema warna adalah efektif."</div><ul><li>Safe = Blue is the favorite color of the majority of the population, regardless of gender, age, etc.</li><li>Safe = Blue is a color that people associate with trust, authority, and reliability.</li></ul><div>Biru, hitam, hijau, dan warna gelap lainnya lebih nyaman di mata pembaca (user friendly). Warna merah, orange, dan warna terang lainnya membuat silau mata user alias tidak nyaman dilihat di layar monitor.<br /><br />Itulah sebabnya, mayoritas situs-situs ternama di dunia memilih warna biru sebagai warna utama, termasuk logo. Sedikit sekali situs terkemuka yang logonya berwarna orange. Tentu, blogger adalah pengecualian, namun tulisan "Blogger"-nya biru juga; hanya favicon / logo "B"-nya berlatar orange.</div><div><br /></div><div>Tercatat Facebook, Twitter, Linkedin, Walmart, Bank of America, Citibank, memilih biru.<br /><br />Salah satu sebab biru menjadi warna favorit dengan baik digambarkan laman <a href="http://www.onextrapixel.com/2010/01/22/anatomy-of-colors-in-web-design-blue-and-the-cool-look/" rel="nofollow" target="_blank">OXP</a> berikut ini:<br /><br /><blockquote class="tr_bq">Blue is an overwhelmingly "Popular Color". The color of the sea and sky, blue is seen as trustworthy, dependable and committed. We are surrounded by the color blue, from the blue skies above to the deep blue of the oceans.</blockquote></div><div><br /></div><div>Warna Merah dan Orange sangat baik digunakan untuk button (tombol), misalnya tombol download atau "beli", sebagaimana data <a href="https://blog.kissmetrics.com/color-psychology/" rel="nofollow" target="_blank">Kissmetric</a> berikut ini:<br /><br /></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5EsAgY_ElvCxOp5QzZg3RR13f5Fl6P1QsY1ni2MLWwMcj2JiruOF6OXbjyWF9ZJgh29Gh7EmwNlqIaV7os1QBFU34jnX5AeV-OtUwO2qgtKadhyMHh0AZDTQ3GsHoyV58aSIaRkzgavrW/s1600/color+button+buy+website.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="buy button" border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5EsAgY_ElvCxOp5QzZg3RR13f5Fl6P1QsY1ni2MLWwMcj2JiruOF6OXbjyWF9ZJgh29Gh7EmwNlqIaV7os1QBFU34jnX5AeV-OtUwO2qgtKadhyMHh0AZDTQ3GsHoyV58aSIaRkzgavrW/s1600/color+button+buy+website.JPG" title="buy button" width="400" /></a></div><br />Warna biru bahkan dinilai tidak cocok untuk tombol khusus yang memerlukan perhatian khusus semacam "buy button".<br /><br /><i>"...blue is not a good color for grabbing the user’s attention because it doesn’t stand out as much against contrasting colors" </i>(<a href="http://tympanus.net/codrops/2012/09/17/build-a-color-scheme-the-fundamentals/" rel="nofollow" target="_blank">Codrops</a>)</div><div>Kini pilihan ada pada kita: warna biru ataukah warna lain. Data di atas bukan aturan yang wajib dipatuhi. Google dan mesin pencari lain mengindeks posting blog kita bukan atas dasar warna, tapi kualitas.<br /><br /><b>Baca Juga:</b><br />1. <a href="http://contohblognih.blogspot.com/2015/01/cara-mengubah-warna-tampilan-blog.html" target="_blank">Cara Mengubah Warna Tampilan Blog</a><br />2. <a href="http://contohblognih.blogspot.com/p/kode-warna-html.html" target="_blank">Daftar Kode Warna HTML</a><br /><br />Soal warna logo atau website lebih terkait dengan kenyamananan mata dan "pengalaman user" (user experience/UX). Biru adalah warna paling umum untuk website dan aplikasi. (http://contohblognih.blogspot.com).*</div>

Warna Terbaik untuk Website: Biru!

Warna Terbaik, Terpopuler, dan Terfavorit untuk Website: Biru (Blue) SUDAH dua kali CB share soal warna (color) dalam desain blog/web, yaitu...

Baca selengkapnya »

Cara Membuat Blog Ramah Mesin Pencari (Google Friendly)

<b>Daftar situs untuk memperbaiki blog agar SEO Friendly, Mobile Friendly, User Friendly, dan Google Friendly sehingga mudah diindeks Google.</b><br /><b><br /></b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj8EWpk0g7Iakbgbdj3nKHmkfO0qG2madqRHfwsF1_OrxwK2PBNjOx95Lp63RGZj7OykAFBLvviYEEzz_0fYA0HLZA2XNTwxM-Mk3_TzuOOZOskkKTtqiUz0aVBvZ3bcLvdQGx-fNluIm6/s1600/Google-Friendly-Website.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Membuat Blog Ramah Mesin Pencari" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj8EWpk0g7Iakbgbdj3nKHmkfO0qG2madqRHfwsF1_OrxwK2PBNjOx95Lp63RGZj7OykAFBLvviYEEzz_0fYA0HLZA2XNTwxM-Mk3_TzuOOZOskkKTtqiUz0aVBvZ3bcLvdQGx-fNluIm6/s1600/Google-Friendly-Website.png" title="Membuat Blog Ramah Mesin Pencari" /></a></div><b>BLOG</b> yang ramah Google (Google Friendly) akan mudan dan cepat terindeks Google, bahkan bisa berada ada peringkat teratas di halaman hasil pencarian (SERP).<br /><br />Google memang bukan satu-satunya mesin pencari, namun hingga kini kayanya belum ada yang mengalahkan keunggulan dan popularitasnya sebagai search engine nomor satu di dunia.<br /><br />Karena itu, sebagai blogger, apalagi blogspot itu milik Google, maka kita mesti "nurut" sama petunjuk Google dalam blogging.<br /><br />Baca Juga: <a href="http://contohblognih.blogspot.com/2015/04/cara-setting-seo-blog-standar.html" target="_blank">Cara Setting SEO Standar di Blog</a><br /><br />Ada dua aspek yang diberikan Google dalam panduannya, yaitu menyangkut:<br /><ol><li>Desain (tampilan) </li><li>Konten (isi).</li></ol><br />Dari sisi desain, blog kita mesti Fast Loading dan Responsive. "Jadikan blog Anda tampil lebih cepat," kata Google.  <a href="https://support.google.com/blogger/answer/42394?hl=en" rel="nofollow" target="_blank">Make your blog load faster</a>!<br /><br />Selain itu, Google merekomendasikan desain responsive: <a href="https://developers.google.com/webmasters/mobile-sites/mobile-seo/configurations/responsive-design" rel="nofollow" target="_blank">Responsive Web Design</a>. Sejak 21 April 2015, Google bahkan memberlakukan algoritma baru benama <a href="http://contohblognih.blogspot.com/2015/04/mobilegeddon-mengacaukan-pemenang-pencarian-google.html" target="_blank">MobileGeddon</a> yang fokus ke blog mobile friendly dan "menyingkirkan" blog yang tidak responsive.<br /><br />Dari sisi konten, Google sudah lama memberikan panduan agar blogger menyajikan Konten Berkualitas dan memberikan <a href="http://contohblognih.blogspot.com/2014/06/membuat-konten-blog-berkualitas.html" target="_blank">Panduan Menulis Konten Berkualitas</a>.<br /><br />Dengan mengikuti ketiga panduan Google itulah, maka blog kita akan ramah Google sehingga mudah diindeks dan bisa tampil di halaman pertama hasil pencarian.<br /><h3><b>Cara Agar Blog  Ramah Mesin Pencari (Google Friendly</b>)</h3>Berikut ini sejumlah perangkat (tools) untuk memperbaiki tampilan (desain) blog kita agar ramah mesin pencari Google. Cek atau tes blog Anda di situs-situs berikut ini:<br /><ol><li><a href="https://www.google.com/webmasters/tools/mobile-friendly/" rel="nofollow" target="_blank">Mobile-Friendly Test</a>. Untuk memastikan blog kita responsive/mobile friendly.</li><li><a href="https://developers.google.com/speed/pagespeed/insights/" rel="nofollow" target="_blank">Page Speed Insights</a>. Untuk memastikan tampilan/loading blog kita cepat.</li><li><a href="https://developers.google.com/structured-data/testing-tool/" rel="nofollow" target="_blank">Structured Data Testing Tools</a>. Untuk memastikan struktur data blog kita tidak ada masalah.</li><li><a href="http://gtmetrix.com/" rel="nofollow" target="_blank">GT Metrix</a>. Untuk melihat skor kecepatan dan loding time blog kita.</li><li><a href="https://chkme.com/" rel="nofollow" target="_blank">Chkme</a>. Untuk memastikan Meta Tags blog kita diisi dengan benar sekaligus skor SEO.</li><li><a href="http://troy.labs.daum.net/" rel="nofollow" target="_blank">Troy</a>. Untuk melihat tampilan blog kita di berbagai ukuran layar monitor. (Baca: <a href="http://contohblognih.blogspot.com/2015/04/cek-keresponsifan-blog-anda-di-troy.html" target="_blank">Troy Tester Responsive Terlengkap</a>).</li><li><a href="http://csscompressor.com/" rel="nofollow" target="_blank">CSS Compressor</a>. Untuk mengkompress kode CSS agar loading blog lebih cepat.</li><li><a href="http://javascript-compressor.com/" rel="nofollow" target="_blank">JavaScript Compressor</a>. Untuk mengkompress JavaScript agar menambah kecepatan loading blog.</li><li><a href="http://tools.dynamicdrive.com/imageoptimizer/" rel="nofollow" target="_blank">Image Optimizer</a>. Untuk mengubah ukuran gambar agar lebih ringan.</li></ol><div>Demikian 9 alamat situs untuk memperbaiki blog kita sehingga ramah mesin pencari (Google Friendly) dan cepat/mudah terindeks Google juga ramah pengguna (user friendly). Good Luck and Happy Blogging! (http://contohblognih.blogspot.com).*</div>

Cara Membuat Blog Ramah Mesin Pencari (Google Friendly)

Daftar situs untuk memperbaiki blog agar SEO Friendly, Mobile Friendly, User Friendly, dan Google Friendly sehingga mudah diindeks Google. B...

Baca selengkapnya »

Tips Membuat Konten Berkualitas dan Disukai Google

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOmbhEWnePOQzWNTu1W427OWaowqzXnOQkDsN1O5gjmWVe2KTv9zZc73CjHfuE78Bbh7VpA27JRK13vD2NGVy7Z_GlVArA66qjyLdfowbYHatNpAazDZLe64BUM9sJsdbOPRJ1MXUxtNAv/s1600/konten++berkualitas+-+content+is+king.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Tips Membuat Konten Berkualitas dan Disukai Google" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOmbhEWnePOQzWNTu1W427OWaowqzXnOQkDsN1O5gjmWVe2KTv9zZc73CjHfuE78Bbh7VpA27JRK13vD2NGVy7Z_GlVArA66qjyLdfowbYHatNpAazDZLe64BUM9sJsdbOPRJ1MXUxtNAv/s1600/konten++berkualitas+-+content+is+king.jpg" title="Tips Membuat Konten Berkualitas dan Disukai Google" width="400" /></a></div><b>Tips Membuat Konten Blog Berkualitas dan Disukai Mesin Pencari Google dan Pembaca.</b><br /><br /><b>KONTEN </b>(isi) adalah raja (Content is King) adalah ungkapan populer di kalangan blogger dan editor konten situs web di seluruh dunia. Kontenlah yang menjadi pembeda satu blog dengan blog lainnya sekaligus penentu peringkat di halaman hasil pencarian (SERP).<br /><div><br /></div><div>Yang dimaksud konten blog bukan hanya tulisan (teks), tapi juga foto, gambar, atau image dan video- audio. Konten blog, sebagaimana konten media online pada umumnya, merupakan multimedia --teks, video, audio, grafis, dan link.<br /><br />Maka, yang dimaksua konten berkualitas adalah tulisan yang baik, foto yang baik, video yang bagus, grafis yang menarik, audio yang pas di telinga, dan link yang berguna dan tidak rusak (broken).</div><div><br /></div><div>Google sangat baik bagi kita, para blogger. Selain menyediakan domain dan hosting gratis dan aman, juga memberikan banyak panduan dalam soal desain dan konten blog, termasuk panduan membuat konten berkualitas (quality content).<br /><h3>Panduan Membuat Konten Berkualitas</h3><div>Berikut ini ringkasan panduan membuat isi blog yang berkualitas sehingga disukai mesin pencari dan pembaca, sebagaimana dikemukakan Google dalam <a href="https://support.google.com/webmasters/answer/6001093" rel="nofollow" target="_blank">Cara Membuat Konten Berharga</a>.</div><br /><div><b>1. ASLI</b></div><div>Kata kunci untuk konten berkualitas asalah <b>asli. </b>Kata Google, tulisan atau konten asli (<i>original</i>), bukan copy paste apalagi plagiat, adalah kunci sukses dalam membuat situs web yang hebat. </div></div><div><br /></div><div>"Jika orang merasa situs Anda berguna dan unik, mereka mungkin akan kembali lagi atau menautkan konten Anda di situs web mereka. Hal ini dapat membantu menarik lebih banyak orang ke situs Anda seiring waktu," jelas Google.</div><div><br /><b>2. BERGUNA & INFORMATIF</b></div><div>Berguna dan informatif. Contohnya, jika membuat blog tentang restoran, Google menyarankan blog kita menyertakan lokasi, jam buka, informasi kontak, menu, dan berbagi acara (jadwal event).<br /><br /><b>3. LEBIH BERNILAI</b><br />Blog Anda harus lebih bernilai dan berguna daripada blog atau situs lain. "Jika Anda menulis cara melatih anjing, pastikan artikel Anda memberikan nilai lebih atau perspektif yang berbeda dibanding sejumlah artikel di web terkait pelatihan anjing," jelas Google, memberi contoh.<br /><br /><b>4. KREDIBEL</b></div><div>Dapat dipercaya. Tampilkan kredibilitas situs Anda dengan menggunakan sumber daya, kutipan, tautan, ulasan, dan testimoni asli. Biografi penulis atau testimoni dari pelanggan dapat membantu meningkatkan reputasi dan kepercayaan situs Anda. (Lihat juga: <a href="http://contohblognih.blogspot.com/2015/02/daftar-menu-wajib-ada-di-blog-untuk.html" target="_blank">daftar menu untuk kredibilita blog</a>).</div><div><br /><b>5. HIGH QUALITY</b></div><div>Kualitas tinggi. Sebaiknya situs Anda memiliki konten yang unik, spesifik, dan berkualitas tinggi. Konten sebaiknya tidak diproduksi secara massal atau dialihdayakan ke sejumlah besar situs lain alias diposting di banyak blog. </div><div><br /></div><div><b>6. FOKUS KE PEMBACA!</b></div><div>Perlu diingat, konten blog Anda sebaiknya dibuat dengan tujuan utama <b>memberikan pengalaman terbaik bagi pengguna, bukan untuk memiliki peringkat tinggi di mesin telusur</b>.</div><div><br /></div><div>Itu peringatan Google: buatlah tulisan untuk pembaca, bukan untuk mesin pencari! Kayanya banyak <i>nih</i> blogger yang orientasi postingnya ke mesin pencari, sehingga tulisannya tampak tidak alami alias dibuat-buat atau dipaksakan, misalnya kata kunci ditulis berulang-ulang. <i>CB termasuk juga kayaknya nih, hi hih!</i></div><div><br /></div><div><b>7. MENARIK</b></div><div>Buat situs / blog Anda berwarna dan terasa hidup dengan menambahkan gambar produk, tim, atau diri Anda sendiri. Jangan cuma tulisan, lengkapi dengan grafis, dan jika perlu video dan audio.</div><h3><b>Pantangan: Hal-Hal yang Harus Dihindari</b></h3><div>Selain ke-7 hal di atas, ada juga pantangan yang harus dihindari agar blog kita memiliki konten berkualitas dan terpercaya.</div><div><br /></div><div>"Berhati-hatilah dengan hal-hal yang dapat membuat pengunjung Anda tidak memercayai situs atau meninggalkannya," kata Google, mengingatkan.</div><div><ol><li>Pastikan pengunjung tidak terganggu dengan kesalahan ejaan, gaya, dan fakta. </li><li>Jangan terlalu banyak pasang iklan. Iklan yang terlalu banyak juga dapat mengganggu pengunjung. </li><li>Hindari kesalahan seperti tautan rusak (broken link) atau informasi yang salah.</li><li>Hindari Kesalahan tata bahasa dan ejaan.</li><li>Hindari Spam, seperti spam komentar atau forum</li></ol></div><div>Google juga menganjurkan agar blogger melibatkan pengunjung dengan berinteraksi dengan mereka melalui pembaruan rutin (update) dan kotak komentar (comment box) serta memasang widget media sosial.<br /><div><br /></div><div>Itu dia Tips Membuat Konten Berkualitas dan Disukai Google dari Google sendiri. Panduan konten itu pula yang menjadi <a href="http://contohblognih.blogspot.com/2014/01/cara-daftar-dan-syarat-iklan-google.html" target="_blank">kunci diterima Google Adsense</a>. Good Luck! (http://contohblognih.blogspot.com).*</div></div>

Tips Membuat Konten Berkualitas dan Disukai Google

Tips Membuat Konten Blog Berkualitas dan Disukai Mesin Pencari Google dan Pembaca. KONTEN (isi) adalah raja (Content is King) adalah ungkapa...

Baca selengkapnya »

Top 10 Posting Terbanyak Dibaca di Blog CB

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0UJuzLc6v4-NHH_0a9j-dYLLYqra0KaGLcaZzujxkS3MudyzKQWXby8WLeCeG9qM0u-9k9kmd_KKrT_UkKI9bsDFOCz-DNEZsftrpySXLIRTL_ihkmmHw35UBLCdyejwDPNOn78_6KHDc/s1600/popular-blog-posts.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Posting Terbanyak Dibaca " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0UJuzLc6v4-NHH_0a9j-dYLLYqra0KaGLcaZzujxkS3MudyzKQWXby8WLeCeG9qM0u-9k9kmd_KKrT_UkKI9bsDFOCz-DNEZsftrpySXLIRTL_ihkmmHw35UBLCdyejwDPNOn78_6KHDc/s1600/popular-blog-posts.jpg" title="Posting Terbanyak Dibaca " /></a></div><b>Dengan jumlah kunjungan (pageviews) sudah mencapai 2 juta lebih, berikut ini kompilasi 10 posting dan 10 halaman terbanyak dibaca.</b><br /><b><br /></b><b>DAFTAR</b> posting terpopuler bisa dilihat di sidebar blog ini. CB set menurut data mingguan, bukan harian ataupun all time history.<br /><br />Namun, rupanya data posting terbanyak dibaca itu tidak jauh beda dengan daftar posting terpopuler versi Statistik Dashboard Blogger (Data Pageviews).<br /><br />Pageviews per hari CB sendiri sudah mencapai lebih dari 10 ribu. Fluktuatif, antara 10 hingga 20 ribu pageviews tiap harinya, bahkan pernah <a href="http://contohblognih.blogspot.com/2015/04/wow-pageviews-contoh-blog-mencapai-27-ribu.html" target="_blank">mencapai 27.000 pageviews</a>.<br /><br />Untuk jumlah kunjungan <i>All Time History </i>alias sejak blog ini dibuat hingga posting ini ditulis, alhamdulillah, pagevies <a href="http://contohblognih.blogspot.com/" rel="nofollow" target="_blank">CB</a> sudah mencapai lebih dari 2 juta.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitvC97RaKs6tqjsTqfh_dUt9sJjbwuQz3sJEOdRyIsmY6m2wOCzzFYJneqrzcDbj8qH3DhyseagS4dLuVcOHz_sVAdGI7X-yA6aM6h453fq6kqjoJIWlyGbP7BeW36dXus-TxHZecjD6We/s1600/2+juta+pageviews.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="2 juta pageviews" border="0" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitvC97RaKs6tqjsTqfh_dUt9sJjbwuQz3sJEOdRyIsmY6m2wOCzzFYJneqrzcDbj8qH3DhyseagS4dLuVcOHz_sVAdGI7X-yA6aM6h453fq6kqjoJIWlyGbP7BeW36dXus-TxHZecjD6We/s1600/2+juta+pageviews.JPG" title="2 juta pageviews" width="320" /></a></div><br /><br />Berikut ini daftar posting dan halaman statis (static page) terbanyak dibaca di <a href="http://contohblognih.blogspot.com/" target="_blank">CB Blogger</a> hingga Kamis 23 April 2015 Pkl. 19.00 WIB.<br /><h3>Top 10 Most Popular Posts</h3><b>1. <a href="http://contohblognih.blogspot.com/2014/02/Cara-Mengganti-Template-Blog-Mengubah-Tampilan-Blog.html" target="_blank">Cara Mengganti Template Blog (Mengubah Tampilan)</a></b><br />Ditulis Feb 11, 2014. Jumlah komentar: 193 comments. Posting ini masih belum tergoyahkan di posisi pertama terbanyak dibaca.<br /><br />Isi posting tentang tahapan cara mengganti template blog atau mengubah tampilan. Rupanya masih banyak blogger, terutama newbie, yang belum tahu cara ganti template blog "nyangkut" di posting ini.<br /><br /><b>2.<a href="http://contohblognih.blogspot.com/2014/05/10-Template-Blog-Toko-Online-Terbaik.html" target="_blank"> 10 Template Blog Toko Online Terbaik</a></b><br />Ditulis May 10, 2014. Jumlah komentar: 79 comments. Isi tulisan tentang daftar 10 template blog untuk toko online (online store).<br /><br />Banyak admin blogger toko online mencari template terbaik buat menunjang bisnis onlinenya. Desain tampilan blog memang harus bagus, agar tampak profesional, selain SEO Friendly, Responsive, dan Fast Loading.<br /><br /><b>3. <a href="http://contohblognih.blogspot.com/2014/09/template-blog-toko-online-responsive-free.html" target="_blank">9 Template Blog Toko Online Responsive Terbaik</a></b><br />Diposkan Sep 22, 2014. Jumlah komentar: 31 comments. Posting ini bersaing dengan posting kedua, soalnya  sama-sama tentang template blog toko inline. Bedanya, ada tambahan kata "reponsive".<br /><br /><b>4.<a href="http://contohblognih.blogspot.com/2014/06/12-template-blog-keren-responsif-free.html" target="_blank"> 12 Template Blog Keren Responsif - Free Download</a></b><br />Diposkan Jun 29, 2014. Jumlah komentar: cuma 12 comments. Kata kunci "template blog keren" termasuk paling banyak dientry user di mesin pencari.<br /><br />Dengan bidikan kata kunci "template blog keren" itu kayanta posting berisi 12 template blog mobile friendly ini masuk urutan 4 klasemen sementara daftar posting terpopuler <a href="http://contohblognih.blogspot.com/" target="_blank">CB</a>.<br /><br /><b>5.<a href="http://contohblognih.blogspot.com/2014/11/download-kalender-2015-indonesia.html" target="_blank"> Download Kalender 2015 Indonesia Lengkap CorelDraw</a></b><br />Diposkan Nov 30, 2014. Jumlah komentar: cuma 4 comments. Ini rada aneh, sudah bulan April 2015 masih menjadi posting terpopuler.<br /><br />Apakah sudah bulan April masih banyak yang cari File Kalender 2015 CorelDraw? Kayanya bukan begitu. Tapi, jumlah pageviews posting ini belum tergeser oleh jumlah pageviews tulisan terpopuler posisi di bawahnya.<br /><br /><b>6.<a href="http://contohblognih.blogspot.com/2014/01/cara-membuat-toko-online-dengan-blogspot.html" target="_blank"> Cara Membuat Toko Online dengan Blogspot</a></b><br />Diposkan Jan 4, 2014. Jumlah komentar: 76 comments. Isi tulisan tentang cara membuat toko online (online store) dengan menggunakan blog gratis blogspot.<br /><br />Membuat toko online dengan blogger sebenarnya sama saja dengan cara membuat blog biasa. Yang membedakannya, desain tampilan dan/atau jenis postingannya saja.<br /><br /><b>7.<a href="http://contohblognih.blogspot.com/2015/01/memunculkan-start-menu-windows-8-ala-windows7.html" target="_blank"> Mengubah Tampilan Windows 8 ke Windows 7 (Start Menu)</a></b><br />Diposkan Jan 30, 2015. Jumlah komentar: cuma 1 comment! Biarpun suma satu komentar, namun posting ini menempati posisi 7, angka yang melegenda di Manchester United! Ini postingan non-blog yang berhasil masuk ke jajajaran posting terbanyak dibaca.<br /><br />Isi tulisan tentang cara mengubah tampilan Windows 8 menjadi seperti Windows 7, terutama di bagian Start Menu. Secara,  Win 8 'kan modelnya Metro UI. Bagi yang belum terbiasa, lumayan bikin pusing karena terbiasa dengan tampilan Win 7.<br /><br /><b>8.<a href="http://contohblognih.blogspot.com/2014/06/Template-Blog-SEO-Responsif-Keren-Terbaru-2014.html" target="_blank"> 10 Template Blog SEO Responsif Keren, Terbaru 2014</a></b><br />Ditulis Jun 8, 2014. Jumlah komentar: 100 comments. Kata kunci "template blog terbaru" jadi salah satu trending saat itu, sehingga turut mendongkrak pageviews tulisan ini.<br /><br />Isinya berupa daftar 10 template blog ramah mesin pencari dan ramah mobile (mobile friendly). Kata "keren" menjadi "trik" yang sukses untuk indeks mesin pencari.<br /><br /><b>9. <a href="http://contohblognih.blogspot.com/2014/04/cara-mengatasi-error-404-page-not-found.html" target="_blank">Cara Mengatasi Error 404 Page Not Found dari Google</a></b><br />Diposkan Apr 26, 2014. Jumlah komentar: 24 comments. Isi posting tentang cara mengatasi error 404 itu menurut Google.<br /><br />Soal "kesalahan 404 halaman tidak ditemukan" menjadi masalah serius para blogger. Makin banyak error 404 makin banyak pula bounce rate. Makin turun pula reputasi blog di mata Google dan bagi user.<br /><br /><b>10. <a href="http://contohblognih.blogspot.com/2014/02/pengertian-nama-nama-domain-ekstensi.html" target="_blank">Pengertian Nama-Nama Domain Ekstensi dot Com, dot Net</a></b><br />Ditulis Feb 11, 2014. Jumlah komentar: 13 comments. Isi posting tentang dasar-dasar IT / Internet, yaitu soal pengertian nama-nama ekstensi Top Level Domain (TLD) .com, .net, .org, dan sebagainya.<br /><br />Itulah Top 10 Posting Terbanyak Dibaca di Blog CB. Berikutnya adalah Halaman Statis (Static Page) terbanyak dibuka oleh pengunjung, sebagai berikut.<br /><h3>Top 10 Most Popular Statis Page</h3><b>1. <a href="http://contohblognih.blogspot.com/p/kode-warna-html.html" target="_blank">Kode Warna HTML</a></b><br />Jumlah komentar: 15 comments. Mengubah warna tampilan di blog harus masuk ke kode template > HTML dan menggunakan kode warna HTML. Rupanya banyak yang suka mengubah-ubah warna, baik desain maupun warna huruf. Maka, populerlah halaman berisi daftar kode warna HTML untuk blogger ini.<br /><br /><b>2. <a href="http://contohblognih.blogspot.com/p/layanan-premium-cb.html" target="_blank">Layanan Premium CB</a></b><br />Jumlah komentar: 16 comments. Ini halaman statis terbaru yang dibuat CB. Banyak juga pengunjungnya. Kebanyakan komentar seputar "konfirmasi" atau "notifikasi" bahwa sudah kirim pesan via email.<br /><br />CB menyediakan layanan premium bagi Anda yang gak mau pusing utak-atik tampilan, SEO, atau desain blog. Serahkan saja sama CB dan Anda tinggal fokus ke konten berkualitas. CB sediakan juga blog siap pake, dalam artian tinggal dipasangkan di blog Anda!<br /><br /><b>3. <a href="http://contohblognih.blogspot.com/p/konsultasi.html" target="_blank">Konsultasi</a></b><br />Jumlah komentar: 162 comments. Halaman ini disediakan bagi pengunjung yang mau tanya atau komentar Out of Topic (OOT) alias gak nyambung sama tema postingan. Meskipun banyak juga konsultasi atau pertanyaan yang sebenarnya bisa dituliskan di kolom komentar.<br /><br /><b>4. <a href="http://contohblognih.blogspot.com/p/forum-blogger.html" target="_blank">Forum Blogger</a></b><br />Jumlah komentar:  5 comments. Halaman ini baru dibuat. Berisi halaman Forum di Google untuk diskusi atau sharing seputar blogging. Sekalin nih, bagi Anda yang sudah gabung, silakan manfaatkan untuk menulis komentar atau posting di sana. Itu diindeks Google lho!<br /><br /><b>5. <a href="http://contohblognih.blogspot.com/p/disclaimer.html" target="_blank">Disclaimer</a></b><br />Komentar ditutup. Isi halaman tentang "sangkalan" atau informasi umum mengenai konten blog.<br /><br /><b>6. <a href="http://contohblognih.blogspot.com/p/sitemap.html" target="_blank">Sitemap</a></b><br />Jumlah komentar: 10 comments. Berisi daftar isi posting blog CB model tabulasi, plus cara membuatnya.<br /><br /><b>7. <a href="http://contohblognih.blogspot.com/p/daftar-isi.html" target="_blank">Daftar Isi </a></b><br />Jumlah komentar: 39 comments. Saingan sama Sitemap. Isinya sama dengan Sitemap, sama-sama daftar posting blog berdasarkan label/kategori, namun model "lama", bukan tabulasi kaya Sitemap.<br /><br /><b>8. <a href="http://contohblognih.blogspot.com/p/kontak.html" target="_blank">Kontak</a></b><br />Berisi alamat email CB bagi Anda yang akan mengontak CB untuk pesan pribadi atau Layanan Premioum.<br /><b><br /></b><b>9. <a href="http://contohblognih.blogspot.com/p/about-cb.html" target="_blank">About CB</a></b><br />Ini halaman statis tertua. Jumlah komentar: 16 comments. Diklik oleh pengunjung yang penasaran soal admin blog ini. Isinya informasi mengenai blog CB.<br /><br /><b>10. <a href="http://contohblognih.blogspot.com/p/page-password.html" target="_blank">Protected Page</a></b><br />Ini halaman menggunakan password. Untuk demo atau contoh halaman statis blogger yang dilindungi password sehingga hanya pengunjung yang punya password yang bisa buka. Demo bagi tips <a href="http://contohblognih.blogspot.com/2013/10/cara-membuat-halaman-blogspot-pake.html" target="_blank">membuat halaman statis blog pake password</a>.<br /><br />Demikian Top 10 Halaman Statis terbanyak dikunjungi di blog ini. Bagi Anda yang baru pertama kali berkunjung ke blog CB ini, rugi loh kalo gak juga kunjung ke-20 halaman terbanyak dikunjungi di atas! Wasalam. (http://contohblognih.blogspot.com).*

Top 10 Posting Terbanyak Dibaca di Blog CB

Dengan jumlah kunjungan (pageviews) sudah mencapai 2 juta lebih, berikut ini kompilasi 10 posting dan 10 halaman terbanyak dibaca. DAFTAR p...

Baca selengkapnya »

Cara Menambah Jumlah Ringkasan (Snippet) di Auto Readmore

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjYlk9M9ktpj9HSHD0mwUckFwdkwAvc6quyV58-tVkz7xesElwnWaTY8MJvhi5TGpDJ_YxvZOLvOChxS1y5LGDd7IZoMEdCIPX4euv6a5x10tV3ZH-43UCveDmEieR1vyT0CXWVleQ5W7q/s1600/auto+readmore+snippet+blog.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt=" Ringkasan (Snippet) di Auto Readmore" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjYlk9M9ktpj9HSHD0mwUckFwdkwAvc6quyV58-tVkz7xesElwnWaTY8MJvhi5TGpDJ_YxvZOLvOChxS1y5LGDd7IZoMEdCIPX4euv6a5x10tV3ZH-43UCveDmEieR1vyT0CXWVleQ5W7q/s1600/auto+readmore+snippet+blog.JPG" title=" Ringkasan (Snippet) di Auto Readmore" /></a></div><b>Menambah Jumlah atau Mengubah Panjang-Pendek Ringkasan (Snippet/Summary) Posting di Home Blog yang Menggunakan Auto Readmore.</b><br /><br /><b>JUMLAH</b> ringkasan, summary, snippet, atau alinea pertama tulisan (posting) yang ideal berjumlah sekitar 160 karakter (huruf) atau sekitar 25 kata (words), sama dengan jumlah ideal isi SMS (<a href="http://www.tatango.com/blog/why-is-a-text-message-only-160-characters/" rel="nofollow" target="_blank">Text Message</a>) biar efisien.<br /><div><br /></div><div>Sejumlah itulah kata yang diindeks dan ditampilkan Google di hasil halaman pencarian yang dikenal sebagai Rich Snippet, yakni dua baris "microdata" yang ditampilkan di bawah judul dan permalink posting:<br /><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGrrfGoCf1Kga5aCbqclstZUh0UNQyYhUH-SYT4x6Z42e0E4MjLEqguP0cyz3ShDPjDCbrHCuklkfu75zDPXUmYKQ20RV3aNvh6gZiow60aaOSeeY3C3US_f8a7_j1VDL6VUlc1rdsBFZ1/s1600/snippet+blog.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="snippet blog post" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGrrfGoCf1Kga5aCbqclstZUh0UNQyYhUH-SYT4x6Z42e0E4MjLEqguP0cyz3ShDPjDCbrHCuklkfu75zDPXUmYKQ20RV3aNvh6gZiow60aaOSeeY3C3US_f8a7_j1VDL6VUlc1rdsBFZ1/s1600/snippet+blog.JPG" title="snippet blog post" /></a></div><div><br /></div><div><div>Jumlah kata default di Summary Text Popular Post blogger 140 karakter, sama dengan limit Twitter.</div><div><br /></div><div>Jumlah karakter di<a href="http://contohblognih.blogspot.com/2014/02/membuat-auto-read-more-di-halaman-depan.html" target="_blank"> auto readmore tanpa javascript </a>rata-rata lebih sedikit lagi, yaitu sekitar 100 karakter. Ada juga yang diset menjadi 140 karakter, sama dengan popular post dan twitter.</div><h3>Cara Menambah Jumlah Ringkasan (Snippet) di Auto Readmore</h3><div>Jika template blog Anda menggunakan kode <data:post.snippet/> dan ingin menambah atau mengurangi jumlah karakter di ringkasan/summary posting di halaman depan, maka gunakan tips berikut ini:</div><div><br /></div><div>1. Template > Edit HTML</div><div>2. Copas kode berikut ini di atas kode <b></head></b><br /><b><br /></b></div><div style="background-color: #fafafc; border: 1px solid #ddd; padding: 10px; text-align: left;"><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;"><script type='text/javascript'></div><div style="border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #222222;">snippet_count =</span><b><span style="color: red;"> 160</span></b><span style="color: #222222;">;</span></div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">//<![CDATA[</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">function removeHtmlTag(strx,chop){</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">if(strx.indexOf("<")!=-1)</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">{</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">var snippet = strx.split("<");</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">for(var i=0;i<snippet.length;i++){</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">if(snippet[i].indexOf(">")!=-<wbr></wbr>1){</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">snippet[i] = snippet[i].substring(snippet[<wbr></wbr>i].indexOf(">")+1,snippet[i].<wbr></wbr>length);</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">}</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">}</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">strx = snippet.join("");</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">}</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">chop = (chop < strx.length-1) ? chop : strx.length-2;</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">strx = strx.substring(0,chop-1);</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">return strx+'...';</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">}</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">function createSnippet(pID){</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">var div = document.getElementById(pID);</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">var summ = snippet_count;</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">var summary = '<div class="snippets">' + removeHtmlTag(div.innerHTML,<wbr></wbr>summ) + '</div>';</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">div.innerHTML = summary;</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">}</div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">//]]></div><div style="border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;"></script></div></div><div><div style="background-color: white; border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></div><div style="background-color: white; border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;"><div style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></div></div><b>Note:</b> Angka <b><span style="color: red;">160</span></b> bisa diubah menjadi 140, 180, 200, dan sebagainya</div><div><br /></div><div>3. Replace atau GANTI semua kode <data:post.snippet/> dengan kode berikut ini:</div><div><br /><div style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><div style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 1px solid rgb(221, 221, 221); padding: 10px;"><div style="background-color: white; border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;"><div expr:id='&quot;summary&quot; + data:<a href="http://post.id/" rel="nofollow" style="border: 0px; color: #6611cc; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">post.id</a>'><data:post.body/<wbr></wbr>></div></div><div style="background-color: white; border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;"><div style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><script type='text/javascript'><wbr></wbr>createSnippet(&quot;summary<<wbr></wbr>data:<a href="http://post.id/" rel="nofollow" style="border: 0px; color: #6611cc; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">post.id/</a>>&quot;);</<wbr></wbr>script></div></div></div><div style="background-color: white; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px;"><div style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></div><div style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><div style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"></div></div></div></div><div style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">4.  Save Template!<br /><br /><b>Contoh:</b><br />Jumlah snippet di <a href="http://proadsensecb.blogspot.com/" target="_blank">Template Pro Adsense</a> sudah ditambah dengan cara di atas. Aslinya, <a href="http://responsivetemplatefree.blogspot.com/" target="_blank">Responsive Template Free</a>, hanya 100 karakter.<br /><br />Itu dia cara Menambah Jumlah atau mengubah panjang-pendek ringkasan (snippet) posting home blog yang menggunakan<a href="http://contohblognih.blogspot.com/2014/02/membuat-auto-read-more-di-halaman-depan.html" target="_blank"> Auto Readmore</a>. (http://contohblognih.blogspot.com).*<br /><br /><i><b>Sumber</b><br /><span style="background-color: transparent; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px;">https://groups.google.com/forum/#!topic/bloggerdev/8jUR9uISmA0</span></i></div></div></div></div>

Cara Menambah Jumlah Ringkasan (Snippet) di Auto Readmore

Menambah Jumlah atau Mengubah Panjang-Pendek Ringkasan (Snippet/Summary) Posting di Home Blog yang Menggunakan Auto Readmore. JUMLAH ringka...

Baca selengkapnya »

SEO Friendly Blogger Template dalam Berbagai Bahasa

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi7z5ahocS-HFYSA1r9eI5b4clZYEADg5Og_RqLdwRXfWFwzT5wZSqZb1AfwFpdYih3zuxPbu3Fw5BASpcQ2CimrdbLbleawYeA0l38Xls26vcGn6dicpZcmqB2FQyWmix8aQ2TerQWnaz/s1600/seo+friendly+blogger+template.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="SEO Friendly Blogger Template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi7z5ahocS-HFYSA1r9eI5b4clZYEADg5Og_RqLdwRXfWFwzT5wZSqZb1AfwFpdYih3zuxPbu3Fw5BASpcQ2CimrdbLbleawYeA0l38Xls26vcGn6dicpZcmqB2FQyWmix8aQ2TerQWnaz/s1600/seo+friendly+blogger+template.png" title="SEO Friendly Blogger Template" /></a></div><b>Template Blog SEO yang FULL responsive (mobile friendly) makin diburu terkait MobileGeddon!</b><br /><b><br /></b><b>MAU </b>tau <b>SEO Friendly Blogger Template</b> alias Template Blogger Ramah SEO dalam Berbagai Bahasa?<br /><b><br /></b>Dalam bahasa <b>Malaysia</b>: Template Blogger Mesra SEO atau Templat SEO Friendly Blogger. <b>Spanyol</b>: SEO friendly gratuito Plantilla Blogger. <b>Jepang</b>: SEOフレンドリーBloggerのテンプレート. Arab: قالب SEO ودية مدون<br /><br /><b>Rusia</b>: Бесплатный SEO Шаблон Дружественный Blogger. <b>Chinese</b>: Бесплатный SEO Шаблон Дружественный Blogger.<br /><br /><b>Sunda</b>:Cithakan SEO Friendly Blogger. <b>Jawa</b>: Cithakan SEO Friendly Blogger. Kok, sama ya?<br /><br /><b>Turki</b>: SEO Friendly Blogger Şablon. <b>Urdu</b>: SEO دوستانہ بلاگر سانچہ. <b>Prancis</b>: Modèle SEO Friendly Blogger. <b>Vietnam</b>: Template SEO thân Blogger.<br /><br />Bahasa lainnya? Silakan ke <a href="https://translate.google.com/" rel="nofollow" target="_blank">Google Translate</a>. It's just for fun! Penasaran aja, apa sih istilah SEO Friendly Blogger Template dalam bahasa lain? Non-Inggris dan non-Indonesia maksudnya.<br /><br />Jelas, istilah SEO sendiri tidak berubah dalam bahasa non-Inggris. Tentu saja, ia sudah menjadi istilah global di dunia blogging atau webdesign.<br /><br />Blogger di seluruh dunia tentu mencari Template Blog SEO Friendly. Teknik SEO "wajib" dilakukan untuk mendukung posting blog kita dalam bersaing di hasil pencarian.<br /><br />Selain Eropa dan Amerika Serikat, dalam "penemuan" CB selama ini, blogger yang rajin mendesain dan berbagai template blog SEO Friendly adalah blogger Indonesia, India, Pakistan, dan Vietnam.<br /><br />Setelah <a href="http://contohblognih.blogspot.com/2015/04/mobilegeddon-mengacaukan-pemenang-pencarian-google.html" target="_blank">Algoritma MobileGeddon</a> diberlakukan secara resmi oleh Google pada 21 April 2015, kini yang semakin dicari dan populer adalah template SEO yang FULL responsive (mobile friendly). Beberapa template blog yang CB koleksi di <a href="http://contohblognih.blogspot.com/search/label/Template%20Blog%20SEO" rel="nofollow" target="_blank">Template SEO</a> tidak lolos <a href="https://www.google.com/webmasters/tools/mobile-friendly/" rel="nofollow" target="_blank">Mobile-Friendly Test</a> milik Google.<br /><br />Mengetahui istilah SEO Friendly Blogger Template dalam Berbagai Bahasa bisa membantu kita Googling template unik yang siapa tahu belum pernah kita temukan. (http://contohblognih.blogspot.com).*

SEO Friendly Blogger Template dalam Berbagai Bahasa

Template Blog SEO yang FULL responsive (mobile friendly) makin diburu terkait MobileGeddon! MAU tau  SEO Friendly Blogger Template  alias Te...

Baca selengkapnya »

MobileGeddon Akan Mengacaukan Pemenang di Pencarian Google

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJpMe1t9ALOWqVVUGMn50xhznoJmEb58cz8OYLY7k37NXKkTV0qoV66YeY5VqmzFvrs_L46AuwQ78PmCIHC0e5PQw4fQnwVzRHPmy080yInbzSXI5qigh717cG7-0ELTWZtAllp2WIcq35/s1600/mobilegeddon+google+algoritma+2015.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Mobilegeddon Google 2015" border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJpMe1t9ALOWqVVUGMn50xhznoJmEb58cz8OYLY7k37NXKkTV0qoV66YeY5VqmzFvrs_L46AuwQ78PmCIHC0e5PQw4fQnwVzRHPmy080yInbzSXI5qigh717cG7-0ELTWZtAllp2WIcq35/s1600/mobilegeddon+google+algoritma+2015.JPG" title="Mobilegeddon Google 2015" width="320" /></a></div>ALGORITMA baru Google yang mulai berlaku hari ini, Rabu 21 April 2015, bertepatan dengan Hari Kartini di Indonesia, akan mengacaukan para pemenang di Pencarian Google. "Mobilegeddon' could cause disruption in Google search winners," tulis <a href="http://www.usatoday.com/story/tech/2015/04/20/mobilegeddon-could-impact-your-business/26090627/" rel="nofollow" target="_blank">USA Today</a>.<br /><br /><div>Disebutkan, jika trafik situs web Anda tiba-tiba menurun tajam Selasa (20/4/2015), Anda bisa menyalahkan Mobilegeddon.</div><br /><div>Google, yang mendominasi pencarian online, meluncurkan algoritma baru yang mengistimewakan situs/blog yang ramah mobil (mobile friendly) alias responsive. Itu artinya, para pengguna internet yang menggunakan SmartPhone mungkin tidak akan menemukan situs favoritnya di peringkat atas (<i>top of the rankings</i>), jika situs tersebut tidak responsive.<br /><br /><blockquote class="tr_bq">Search giant Google, which has a 65% market share of U.S. Internet searches, wants sites to load quickly and be easy to navigate on a mobile phone. (USA Today)</blockquote></div><div><br /></div><div>Google digunakan oleh 65% pengguna di Amerika Serikat, mungkin juga di seluruh dunia. Artinya, mayoritas pengguna internet menggunakan Google untuk mencari informasi di internet. </div><div><br /></div><div>Google, dengan algoritma barunya itu, ingin situs web tampil cepat dan mudah dibuka di ponsel, HP, atau SmartPhone. Google melakukan itu karena ngin konsumen "menemukan konten yang tidak hanya relevan dan aktual, tapi juga mudah dibaca dan mudah diakses di layar mobile yang lebih kecil".<br /><br />MobileGeddon tidak akan berpengaruh terhadap hasil pencarian di desktop. "The update will not affect results from desktop searches," kata Google.</div><div><br /></div><div>Google menyediakan "<a href="https://www.google.com/webmasters/tools/mobile-friendly/" rel="nofollow" target="_blank">Mobile-Friendly" test page</a> untuk membantu para blogger atau webdeveloper untuk memastikan situsnya responsive dan tidak kena dampak MobileGeddon. The URL: https://www.google.com/webmasters/tools/mobile-friendly/</div><div><br /></div><div>Situs Web atau blog yang tidak mobile friendly akan dihukum. "Situs web yang tidak bisa diakses dengan baik di smartphone akan mulai dihukum oleh semua mesin pencari yang powerful milik Google," tulis situs <a href="http://www.cnbc.com/id/102602537" rel="nofollow" target="_blank">CNBC</a>.</div><div><br /></div><div>Selamat datang MobileGeddon! Semoga Anda bersahabat dengan blog CB :) (http://contohblognih.blogspot.com).*</div>

MobileGeddon Akan Mengacaukan Pemenang di Pencarian Google

ALGORITMA baru Google yang mulai berlaku hari ini, Rabu 21 April 2015, bertepatan dengan Hari Kartini di Indonesia, akan mengacaukan para pe...

Baca selengkapnya »

Cara Membuat Recent Posts, Recent Comments, Most Commented, dan Random Posts

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-9YciooIHsAQ4cqhfpGAcDcX78FrbW4fJwtzAEuEQ42Ykh8bRKBk6n76sFmZx1ZPlFXaJvuf3xdQj7VP3eRT_82jIj1p9bh9nkeHyJXJE01z222MpZIVSUcGT2uG2saLffNkFR8COFwlW/s1600/widget+blogger+populer+terbaru.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="posting komentar terbaru label blog" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-9YciooIHsAQ4cqhfpGAcDcX78FrbW4fJwtzAEuEQ42Ykh8bRKBk6n76sFmZx1ZPlFXaJvuf3xdQj7VP3eRT_82jIj1p9bh9nkeHyJXJE01z222MpZIVSUcGT2uG2saLffNkFR8COFwlW/s1600/widget+blogger+populer+terbaru.JPG" title="posting komentar terbaru label blog" width="311" /></a></div><b>DI</b> blog ini <a href="http://contohblognih.blogspot.com/" target="_blank">CB</a> memasang widget <b>Posting Terbaru </b>(Recent Posts), <b>Komentar Terbaru</b> (Recent Comments), <b>Paling Banyak Dikomentari</b> (Most Commented), dan <b>Posting Acak</b> (Random Posts).<br /><br />Tujuan menampilkan daftar posting tersebut untuk meningkatkan Pageviews & Traffic. Sejauh ini terbukti sukses. (Lihat: <a href="http://contohblognih.blogspot.com/2015/04/wow-pageviews-contoh-blog-mencapai-27-ribu.html" target="_blank">Pageviews CB 27 Ribu</a>).<br /><br />CB juga memasang Posting Terbaru plus Gambar Thumbnail berdasarkan Kategori di sidebar widget halaman dalam bagian terbawah. CB pilih Label "Template Blog SEO".<br /><br />Banyak pengunjung yang bertanya cara membuatnya dan kodenya. Sebenarnya sudah banyak di-share blogger lain.<br /><br />Berikut ini CB share semua cara dan kode-kode untuk memasang widget-widget yang berfungsi sebagai menu <a href="http://contohblognih.blogspot.com/2014/08/cara-membuat-link-internal-posting-blog.html" target="_blank">navigasi dan internal link blog</a> untuk memudahkan user dan meningkatkan pageview & trafik ini.<br /><br /><b>Cara Membuat Widget Recent Posts, Recent Comments, Most Commented, dan Random Posts di Sidebar Blog.</b><br /><h3>Menampilkan Widget Posting Terbaru</h3>1. Layout > Add a Gadget > pilih "Feed"<br />2. Masukkan Alamat Blog Anda<br />3. Klik "Continue"<br />4. Ubah judul dengan "Recent Posts" atau apalah apalah... :)<br />5. Save!<br /><h3>Posting Terbaru plus Gambar Thumbnail Berdasarkan Label</h3>Demonya ada di sidebar paling bawah blog ini.<br />1. Layout > Add a Gadget > HTML/JavaScript<br /><div>2. Isi judul sesuai dengan Label/Kategori Post yang akan ditampilkan.</div><div>3. Isi kolom "Content" dengan kode berikut ini:</div><br /><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><style><br />img.recent_thumb {padding:1px;width:72px;height:72px;border:0; float:left;margin:0 10px 5px 1px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 72px;margin: 5px 10px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:72px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;} </style><br /><script><br />function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < 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 < entry.link.length;k++){<br />if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}<br />if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)<br />{<br />s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){<br />thumburl=d;} else thumburl='http://lh4.ggpht.com/_IjrRiI_bVb0/TOCYn1fMjII/AAAAAAAAF24/5Fvv-HJqh74/loading-2.gif';<br />}<br />var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "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('<li class="clearfix">');<br />if(showpostthumbnails==true)<br />document.write('<img class="recent_thumb" src="'+thumburl+'"/>');<br />document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><br>');<br /><br />    if ("content" in entry) {<br />      var postcontent = entry.content.$t;}<br />    else<br />    if ("summary" in entry) {<br />      var postcontent = entry.summary.$t;}<br />    else var postcontent = "";<br />    var re = /<\S[^>]*>/g;<br />    postcontent = postcontent.replace(re, "");<br />if (showpostsummary == true) {<br />      if (postcontent.length < numchars) {<br />          document.write('<i>');<br />         document.write(postcontent);<br />          document.write('</i>');}<br />      else {<br />          document.write('<i>');<br />         postcontent = postcontent.substring(0, numchars);<br />         var quoteEnd = postcontent.lastIndexOf(" ");<br />         postcontent = postcontent.substring(0,quoteEnd);<br />         document.write(postcontent + '...');<br />          document.write('</i>');}<br />}<br /><br />var towrite='';var flag=0;<br />document.write('<br><strong>');<br /><br />if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}<br /><br />if(showcommentnum==true)<br />{<br />if (flag==1) {towrite=towrite+' | ';}<br />if(commenttext=='1 Comments') commenttext='1 Comment';<br />if(commenttext=='0 Comments') commenttext='No Comments';<br />commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';<br />towrite=towrite+commenttext;<br />flag=1;<br />;<br />}<br /><br />if(displaymore==true)<br />{<br />if (flag==1) towrite=towrite+' | ';<br />towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Read more&#187;&#187;</a>';<br />flag=1;<br />;<br />}<br />document.write(towrite);<br />document.write('</strong></li>');<br />if(displayseparator==false)<br />if (i!=(numposts-1))<br />document.write('<hr color="#d9f1fa" size=0.5>');<br />}document.write('</ul>');<br /><br />}<br /></script><br /><script><br />var numposts = <b><span style="color: red;">5</span></b>;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;<br /></script><script src="/feeds/posts/default/-/<b><span style="color: red;">Label</span></b>?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"><br /></script><div class="clear"/></div></div><br />4. Save!<br /><br /><i>Jangan lupa ganti Label dengan Label posting Anda. Jumlah posting 5 juga bisa diubah sesuai dengan selera Anda.</i><br /><h3>Membuat Widget Komentar Terbaru </h3>Recent Comments dengan menampilkan nama komentato, judul posting, dan kutipan isi komentar. Ini bagus buat SEO. Secara, widget itu diindeks juga lho oleh Google!<br /><br />1. Layout > Add a Gadget > HTML JavaScript<br />2. Isi judul dengan Komentar Terbaru atau apalah apalah...<br />3. Isi kolom Content dengan kode berikut ini:<br /><br /><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><script style=text/javascript><br />function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="May";k_rc[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc[10]="Oct";k_rc[11]="Nov";k_rc[12]="Dec";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_rc=l_rc.replace(re,"");document.write('<div class="rcw-comments">');if(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');document.write('<span class="author-rc"><a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a></span> commented');if(n_rc==true)document.write(' on '+f_rc);<br />if(o_rc==0){<br />document.write('</div>');<br />           }<br />else{<br />document.write(': ');if(l_rc.length<o_rc){document.write('<i>&#8220;');document.write(l_rc);document.write('&#8221;</i></div>');}else{document.write('<i>&#8220;');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'&hellip;&#8221;</i></div>');document.write('');}<br />    }<br />}<br />}<br /></script><br /><script style=text/javascript><br />    var a_rc = <b><span style="color: red;">5</span></b>;<br />    var m_rc = false;<br />    var n_rc = true;<br />    var o_rc = 100;<br /></script><br /><script src=/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script><br /><style type="text/css"><br />.rcw-comments a {<br />    text-transform: capitalize;<br />}<br />.rcw-comments {<br />    border-bottom: 1px dotted;<br />    padding-top: 7px!important;<br />    padding-bottom: 7px!important;<br />}<br /></style></div><br />4. Save!<br /><h3>Widget Post Terbanyak Dikomentari</h3>1. Layout > Add a Gadget > HTML/JavaScript<br />2. Isi judul dengan "Terbanyak Dikomentari" atau apalah apalah....<br />3. Isi Content dengan kode berikut ini:<br /><br /><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><script type="text/javascript"><br />function getYpipePP(feed) {<br /> document.write('<ul style="">');<br /> var i;<br /> for (i = 0; i < feed.count ; i++)<br /> {<br />var href = "'" + feed.value.items[i].link + "'";<br />var pTitle = feed.value.items[i].title;<br />var pComment = " \(" + feed.value.items[i].commentcount + "\)";<br />var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;<br /> document.write(pList);<br /> document.write(pComment); //to remove comment count delete this line<br /> document.write('</a></li>');<br /> }<br /> document.write('</ul>');<br /> }<br /> </script><br /> <script src="http://pipes.yahoo.com/pipes/pipe.run?<br /> YourBlogUrl=<b><span style="color: red;">http://contohblognih.blogspot.com/</span></b><br /> &ShowHowMany=<b><span style="color: red;">5</span></b><br /> &_id=390e906036f48772b2ed4b5d837af4cd<br /> &_callback=getYpipePP<br /> &_render=json"<br />type="text/javascript"></script></div><br />4. Save!<br /><h3>Widget Random Posts</h3>Random Post memunculkan daftar judul posting secara acak di widget. Gunanya tentu saja untuk navigasi dan internal link agar user makin lama di blog kita (PageViews).<br /><br />1. Layout > Add a Gadger > HTML JavaScript<br />2. Isi judul dengan "Random Post", "Posting Acak", atau apalah apalah....<br />3. Isi Content dengan kode berikut ini:<br /><br /><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><div id='random-post-container'>Memuat...</div><br /><script><br />//<![CDATA[<br />// Feed configuration<br />var homePage = '<span style="color: red;"><b>http://contohblognih.blogspot.com</b></span>',<br />    maxResults = <b><span style="color: red;">5</span></b>,<br />    containerId = 'random-post-container';<br />// Function to generate random number limited from `min` to `max`<br />// Used to create a valid and safe random feed `start-index`<br />function getRandomInt(min, max) {<br />    return Math.floor(Math.random() * (max - min + 1)) + min;<br />}<br />// Function to shuffle arrays<br />// Used to randomize order of the generated JSON feed<br />function shuffleArray(arr) {<br />    var i = arr.length, j, temp;<br />    if (i === 0) return false;<br />    while (--i) {<br />        j = Math.floor(Math.random() * (i + 1));<br />        temp = arr[i];<br />        arr[i] = arr[j];<br />        arr[j] = temp;<br />    }<br />    return arr;<br />}<br />// Get a random start index<br />function createRandomPostsStartIndex(json) {<br />    var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));<br />    // console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));<br />    document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');<br />}<br />// Widget's main function<br />function randomPosts(json) {<br />    var link, ct = document.getElementById(containerId),<br />        entry = shuffleArray(json.feed.entry),<br />        skeleton = "<ul>";<br />    for (var i = 0, len = entry.length; i < len; i++) {<br />        for (var j = 0, jen = entry[i].link.length; j < jen; j++) {<br />            link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';<br />        }<br />        skeleton += '<li><a href="' + link + '">' + entry[i].title.$t + '</a></li>';<br />    }<br />    ct.innerHTML = skeleton + '</ul>';<br />}<br />document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=createRandomPostsStartIndex"></scr' + 'ipt>');<br />//]]><br /></script></div><br />4. Save!<br /><br /><i>Jangan lupa ganti alamat blognya dengan kepunyaan Anda. Jumlahnya juga bisa ditambah dari 5 menjadi lebih besar.</i><br /><br />Kode Lain: <a href="http://contohblognih.blogspot.com/2014/04/cara-membuat-widget-random-posts-di-blogspot.html" target="_blank">Random Post dengan Gambar Thumbnail</a><br /><h3>Widget RSS Feed dari Blog Lain</h3>CB juga memasang RSS dari Sepakbola Magz, salah satu klien CB, di bagian footer. Anda bisa memasang juga daftar posting terbaru dari blog lain itu di blog Anda. Cara memasangnya:<br /><br />1. Layout > Add a Gadget > Feed<br />2. Masukkan alamat blog yang akan ditampilkan<br />3. Klik "Continue"<br />4. Ubah judulnya jika perlu<br />5. Centang "Open New Tab"<br />6. Save!<br /><br />Jika mau menampilkan widget-widget tersebut hanya di halaman dalam (single page/single post), gunakan kode dalam posting ini: <a href="http://contohblognih.blogspot.com/2014/05/widget-posting-terbaru-di-halaman-posting.html" target="_blank">Mengatur Posisi Widget di Blog</a>.<br /><br />Jika Anda gak mau ribet pasang sendiri, bingung, apalagi gagal, silakan gunakan saja <a href="http://contohblognih.blogspot.com/p/layanan-premium-cb.html" target="_blank">Layanan Premium CB</a>.<br /><br />Demikian Cara Membuat Recent Posts, Recent Comments, Most Commented, dan Random Posts yang sebetulnya secara sendiri-sendiri sudah lama juga <a href="http://contohblognih.blogspot.com/" target="_blank">CB</a> share di blog ini. Dikompilasi dalam posting baru agar memudahkan CB, juga Anda, untuk menggunakannya. Good Luck! (http://contohblognih.blogspot.com).*

Cara Membuat Recent Posts, Recent Comments, Most Commented, dan Random Posts

DI blog ini CB memasang widget Posting Terbaru (Recent Posts), Komentar Terbaru (Recent Comments), Paling Banyak Dikomentari (Most Comme...

Baca selengkapnya »

Cara Setting SEO Blog Standar

<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiioeDrrzMevhQ82l1ZTs_3_1CCLiHR_NSb08zoUuVYoKaoRP__aHSqTO3UHwSBtzz5t6VRCIUyfAoImnu7OCJSNZ4fkt2NLlptTKehS_0uat3MIuo0MP4nXjpaTxzhbyCvpzY307oO-nVk/s1600/SEO+Blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Setting SEO Blog Standar " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiioeDrrzMevhQ82l1ZTs_3_1CCLiHR_NSb08zoUuVYoKaoRP__aHSqTO3UHwSBtzz5t6VRCIUyfAoImnu7OCJSNZ4fkt2NLlptTKehS_0uat3MIuo0MP4nXjpaTxzhbyCvpzY307oO-nVk/s1600/SEO+Blog.jpg" title="Setting SEO Blog Standar " /></a></div><b>Dasar-Dasar SEO untuk Blog</b><br /><b><br /></b><b>BLOG</b> yang tidak dioptimisasi SEO akan sulit diindeks Google dan kalah bersaing dengan blog lain, kecuali tulisan, posting, atau kontennya benar-benar unik, fresh, asli, langka, dan banyak dicari.<br /><br />SEO --singkatan dari Search Engine Optimization atau Optimisasi Mesin Pencari-- dibutuhkan untuk menunjang konten blog agar lebih mudah dan cepat diindeks Google dan tampil di halaman pertama hasil pencarian Google (SERP).<br /><br />Berikut ini Cara Setting SEO Blog Standar, yakni tips SEO "minimal" yang harus diterapkan pada blog yang baru kita buat:<br /><br /><ol><li>Pastikan Template Blog yang digunakan SEO Friendly dengan ciri utama: fast loading, responsive, dan Meta Tags SEO.</li><li>Klik "Setting" > Basic > Description (Isi dengan Deskripsi Blog)</li><li>Klik "Setting" > Search Preference > Isi dengan kata-kata kunci yang dibidik atau bisa juga sama dengan deskripsi blog.</li><li>Cek <b>Meta Tags</b> di Template > Edit HTML > Kode Meta Tags (Meta Description & Meta Keywords). Biasanya ada tulisan "Your Deskription Here" dan "Your Keywords Here".</li><li>Daftarkan atau <b>Submit URL </b>Blog Anda ke Google dan Bing</li><li>Buka akun <b>Google Webmaster Tools</b> > Add Site > Add Sitemap.</li><li>Buka akun <b>Feedburner </b>dan daftarkan blog Anda untuk membuat "Email Subscription" atau Form Berlangganan posting blog.</li><li>Pastikan setiap kali membuat posting (tulisan) mengisi "Search Description" di sidebar kanan, klik "Properties" Image/Gambar untik mengisi "Title Text" dan "Alt Text" yang mengandung kata kunci dan sesuai dengan gambar.</li><li>Pastikan pula setiap gambar yang dipuload sebagai ilustrasi diberi nama (file name) sesuai dengan gambar dan mengandung kata kunci.</li><li>Share atau bagikan ke media sosial, minimal Facebook & Twitter, setiap kali membuat posting baru.</li></ol><br /><br /><div>Demikian Cara Setting SEO Standar untuk blog. Setelah standar SEO dipenuhi, langkah berikutnya adalah SEO Onpage berupa optimisasi postingan, yaitu dalam teknis penulisan yang sudah CB share di <a href="http://contohblognih.blogspot.com/search/label/Posting%20SEO" target="_blank">Posting Tips</a>, termasuk <a href="http://contohblognih.blogspot.com/2014/12/cara-membuat-konten-blog-seo-friendly.html" target="_blank">Cara Membuat Konten Blog SEO Friendly</a>.</div><div><br /></div><div>Jika Anda menggunakan <a href="http://contohblognih.blogspot.com/p/layanan-premium-cb.html" target="_blank">Layanan Premium CB</a> berupa <b>membuat blog baru</b>, maka setting standar SEO no. 1 s.d. 7 sudah termasuk dari layanan. (http://contohblognih.blogspot.com).*</div>

Cara Setting SEO Blog Standar

Dasar-Dasar SEO untuk Blog BLOG yang tidak dioptimisasi SEO akan sulit diindeks Google dan kalah bersaing dengan blog lain, kecuali tulisan...

Baca selengkapnya »

Cara Memasang Blogger Chat Widget untuk Toko Online

<div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2G75OQPPARBWy87aScPc1P4KnUN34xiBF3i_91iWbrfXsRa9SSJML6CfPIjaeEVidO259zZv3ohz_V9d-5efIr6cMOtoo2OIcay88KgAVpL4PtSJdFDg2bt9fhaecvNnCC4SQXH6qNSXg/s1600/LiveChat.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Blogger Chat Widget untuk Toko Online" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2G75OQPPARBWy87aScPc1P4KnUN34xiBF3i_91iWbrfXsRa9SSJML6CfPIjaeEVidO259zZv3ohz_V9d-5efIr6cMOtoo2OIcay88KgAVpL4PtSJdFDg2bt9fhaecvNnCC4SQXH6qNSXg/s1600/LiveChat.jpg" title="Blogger Chat Widget untuk Toko Online" /></a></div><b>PEMILIK </b>blog <a href="http://contohblognih.blogspot.com/2014/01/cara-membuat-toko-online-dengan-blogspot.html" target="_blank">Toko Online</a> (Online Store), jualan produk, atau Penyedia Jasa Online sebaiknya memasang Blogger Chat Widget untuk interaksi langsung dengan pelanggan atau klien.<br /><br />Tanya jawab dan bahkan transaksi bisa dilakukan di "widget percakapan" ini.<br /><br />>>> Lihat <a href="http://mylivechat.blogspot.com/" rel="nofollow" target="_blank">DEMO LIVE CHAT</a>.<br /><br />Di blog CB juga ada tuh di <b>kanan bawah</b>, tapi nanti dilepas lagi. Sekadar uji coba aja :)<br /><br />Selain interaksi langsung dengan customer atau client, Anda juga bisa memantau langsung lokasi pengunjung yang sedang online atau membuka blog Anda.<br /><br />Tidak hanya itu, posting apa yang sedang dibuka/dibaca,  juga tampak di sana. Klik aja lokasi, maka akan ada daftar posting yang sedang dibuka oleh user. Mantap 'kan? Ini contohnya:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgj7CrGdvAn98GDfJLzXxgV_v-tTyW4o5Z82VjWraNB-S4-9HkggfnfZxBUW2SbqA8RXnQvOmtb30jIAjelPQFFTZckiUBcdJCPHc21KvtFjjvhk_-c4hE0J0nzJ4fRfoqxAgfOXZjz18Z/s1600/live+chat+pengunjung+blog.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Live Chat Pengunjung Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgj7CrGdvAn98GDfJLzXxgV_v-tTyW4o5Z82VjWraNB-S4-9HkggfnfZxBUW2SbqA8RXnQvOmtb30jIAjelPQFFTZckiUBcdJCPHc21KvtFjjvhk_-c4hE0J0nzJ4fRfoqxAgfOXZjz18Z/s1600/live+chat+pengunjung+blog.JPG" title="Live Chat Pengunjung Blog" /></a></div><br /><br />Tentu, lokasi yang sedang chat dengan Anda pun akan tampak, selama Anda online di akun My Live Chat itu.<br /><h3>Cara Memasang Blogger Chat Widget untuk Toko Online</h3></div>1. Buka dan Daftar di <a href="https://mylivechat.com/addons/blogger-live-chat.aspx" rel="nofollow" target="_blank">My Live Chat</a>.<br />2. Akan muncul kode dan perintah "Install live chat code on your website"<br />3. Login ke admin panel atau Dashbord Blogger<br />4. Click Template > Edit HTML<br /><div>5. Insert My Live Chat Code (chat button/chat box/chat text link) <b>di atas</b> kode </body></div><div>6. Save Template!</div><div><br /><b>Kini Widget Live Chat sudah muncul di kanan bawah blog Anda. </b><br />Untuk mulai membuka chatting dengan pelanggan atau pengunjung blog, kita harus:<br /><br />7. Download install dulu <a href="https://mylivechat.com/download/mylivechat-online-installer-win.zip">install desktop agent console</a> atau <a href="https://mylivechat.com/webconsole">use web agent console</a>.<br />8. Login dengan username (email Anda), ID, dan password akun My Live Chat Anda!<br />9. Selesai.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS5tkCGFLLjy_Fxp9k3lBm9nnVf2hNK5ay-hCQPxAgPP4e0ciHfcMDKcy6OuIzewKWmplSiCi-JjHtTc3XxBLj8jtPkGkwLyg0pVB7ZyMZDL2mISyHyFsYYABntgiC6t5Wlql0bb55VlkL/s1600/Live+Chat+Blogger.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger Chat Widget" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS5tkCGFLLjy_Fxp9k3lBm9nnVf2hNK5ay-hCQPxAgPP4e0ciHfcMDKcy6OuIzewKWmplSiCi-JjHtTc3XxBLj8jtPkGkwLyg0pVB7ZyMZDL2mISyHyFsYYABntgiC6t5Wlql0bb55VlkL/s1600/Live+Chat+Blogger.JPG" title="Blogger Chat Widget" width="313" /></a></div><br />Demikian Cara Memasang <b>Blogger Live Chat Widget</b> untuk Toko Online. Blogger bukan toko online juga bisa pasang, minimal buat memantau pengunjung blog kita, atau siapa tahu ada yang mau ngobrol langsung via widget ini. Good Luck! (http://contohblognih.blogspot.com).*</div>

Cara Memasang Blogger Chat Widget untuk Toko Online

PEMILIK blog  Toko Online (Online Store), jualan produk, atau Penyedia Jasa Online sebaiknya memasang Blogger Chat Widget untuk interaksi l...

Baca selengkapnya »

Cek Keresponsifan Blog Anda di Troy - Best Responsive Tester!

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGDzkQ1X3VxBbolIDQHDkfLsY-ALtnbxmhs16mPzvbef_hA6Tvb3_m1AvhwUfgdUyYYrYTEeXrTVihf2kiBPIj_ejl8awEL1FL5bxddcFfUtcaTj77gqyhHpXpX0DhXiSO5uImGZ5ZgD4/s1600/Troy+Responsive+Tester.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Troy - Best Responsive Tester" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGDzkQ1X3VxBbolIDQHDkfLsY-ALtnbxmhs16mPzvbef_hA6Tvb3_m1AvhwUfgdUyYYrYTEeXrTVihf2kiBPIj_ejl8awEL1FL5bxddcFfUtcaTj77gqyhHpXpX0DhXiSO5uImGZ5ZgD4/s1600/Troy+Responsive+Tester.JPG" title="Troy - Best Responsive Tester" width="185" /></a></div><b>GOOGLE</b> meluncurkan algoritma terbaru pada 21 April 2015 yang bernama <b><a href="http://contohblognih.blogspot.com/2015/04/ini-dia-algoritma-terbaru-google-2015.html" target="_blank">MobileGeddon</a></b>. Cara terbaru Google dalam mengindeks dan memeringkat situs/blog itu intinya mengutamakan blog yang responsive alias mobile friendly.<br /><div><br /></div><div>Menurut <a href="http://contohblognih.blogspot.com/" target="_blank">CB</a>, situs "responsive tester" terbaik dan terlengkap adalah <a href="http://troy.labs.daum.net/" rel="nofollow" target="_blank">TROY</a>. </div><div><br /></div><div>Begitu kita masukkan alamat blog kita di sana, atau memasukkan alamat URL blog demo template yang akan kita gunakan, maka akan muncul tampilan blog kita di berbagai ukuran layar HP, mulai 320 pixel hingga 800 pixel (Tablet), mulai dari merek Samsung hingga PC Screen.<br /><div><br /><b>View Multiple Devices</b><br /><br /><ol><li>Samsung</li><li>Apple</li><li>LG</li><li>Google</li><li>Pantech</li><li>HTC</li><li>Sony</li><li>Xiaomi</li><li>Huawei</li><li>Lenovo</li><li>ZTE</li><li>PC Screen</li></ol><div>Masing-masing ukuran merek HP/SmartPhone itu juga relatif lengkap. Untuk Samsung misalnya, Troy menyediakan hampir semua ukuran layar:</div><div><ol><li>Galaxy Note4 360 x 640 </li><li>Galaxy S5, Note3 360 x 640</li><li>Galaxy S3, Note2 360 x 640</li><li>Galaxy Note1 400 x 640</li><li>Galaxy S2, S1 320 x 533</li><li>Galaxy Tab S 800 x 1280</li></ol></div><br /><div><div>Untuk LG, misalnya, juga lengkap:</div></div></div></div><div><ol><li>G3 360 x 640</li><li>G2 360 x 640</li><li>Optimus G Pro 360 x 640</li><li>Optimus G 384 x 640</li><li>Optimus View 384 x 512</li><li>G Pad 8.3 600 x 960</li></ol><div>Dengan mengetes keresponsifan blog di Troy, kita juga bisa memperbaiki tampilan mobile yang kurang, misalnya kurang lebar, kurang besar, dan sebagainya, dengan cara memperbaiki CSS di @media di dalam template blog kita.<br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4OkvoTZiv2l5jdH6EvklLDvVwKTVI9dBETh7uk39yXzoyzz_Ba7kdCxfusFUpvgrn0SF2ZwMZDCAvXlOCzlCZuhzHHr1gxHGvKRAtzU9Ek-mIVV4c7Ao6o3bO670VRIN5Al7QnNf06eXl/s1600/tester+responsive+blog+troy.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="cb blogger responsive troy" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4OkvoTZiv2l5jdH6EvklLDvVwKTVI9dBETh7uk39yXzoyzz_Ba7kdCxfusFUpvgrn0SF2ZwMZDCAvXlOCzlCZuhzHHr1gxHGvKRAtzU9Ek-mIVV4c7Ao6o3bO670VRIN5Al7QnNf06eXl/s1600/tester+responsive+blog+troy.JPG" title="cb blogger responsive troy" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><i>Penampakan Hasil Test CB Blogger di TROY.*</i></td></tr></tbody></table><br /></div></div><div><a href="http://contohblognih.blogspot.com/" rel="nofollow" target="_blank">CB</a> sarankan kita mengecek keresponsifan blog di Troy karena sejauh ini menilai Troy-lah Best Responsive Tester! Karena lengkapnya itu! Tentu masih ada yang sejenis, bahkan mungkin lebih baik menurut Anda.</div><div><br /></div><div>Anda sendiri, suka ngetes ke-responsive-an blog Anda di mana? </div>

Cek Keresponsifan Blog Anda di Troy - Best Responsive Tester!

GOOGLE  meluncurkan algoritma terbaru pada 21 April 2015 yang bernama MobileGeddon . Cara terbaru Google dalam mengindeks dan memeringkat si...

Baca selengkapnya »

Algoritma Terbaru Google 2015: MobileGeddon

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUru5QR0GYwlaKYOU7wrFZFlZZ3j4bfMxd1zKs-OGCYFnny1mfeOpszBMre77g0eY23WqEMJWY_zpcY2WadklZ3ALNa1XgHZ-_qeS5chQiLZpjTc6wDUClRACZLR3Wq6a2aNTcWyGGuI-A/s1600/MOBILE-FRIENDLY-MOBILEGEDDON.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt=" Algoritma Terbaru Google 2015: MobileGeddon" border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUru5QR0GYwlaKYOU7wrFZFlZZ3j4bfMxd1zKs-OGCYFnny1mfeOpszBMre77g0eY23WqEMJWY_zpcY2WadklZ3ALNa1XgHZ-_qeS5chQiLZpjTc6wDUClRACZLR3Wq6a2aNTcWyGGuI-A/s1600/MOBILE-FRIENDLY-MOBILEGEDDON.jpg" title=" Algoritma Terbaru Google 2015: MobileGeddon" width="320" /></a></div><b></b><br /><div><b><b><i>Algoritma Terbaru Google 2015, MobileGeddon, mulai Berlaku 21 April 2015.</i></b></b></div><b><div><b><br /></b></div>SEIRING</b> meningkatnya penggunaan mobile (HP/SmartPhone) untuk membuka situs/blog, dalam dua hari ke depan Google akan meluncurkan <b>Algoritma Terbaru 2015: MobileGeddon</b>.<br /><div><br /></div><div>Istilah Mobile kita sudah paham. Nah, istilah Geddon? Dalam kamus, kita tidak menemukan istilah Geddon. Kamus <a href="http://www.merriam-webster.com/dictionary/geddon" rel="nofollow" target="_blank">Merriam-Webster</a> mengatakan: </div><div><br /></div><div><i>"The word you've entered isn't in the dictionary. Click on a spelling suggestion below or try again using the search bar above" seraya merujuk kepada istilah a.l. Gideon, get on, godown, dan get down.</i></div><div><br /></div><div>Istilah Geddon ditemukan di kamus Slang <a href="http://www.urbandictionary.com/define.php?term=Geddon" rel="nofollow" target="_blank">Urban Dictionary</a>: </div><div><br /></div><i>"Comes from the work armogeddon referring to stinky sweaty person of Armenian decent who denies the existence of deodorant. They can be quickly distinguished by their immense amount of hair, and sweat. They wear white t-shirts and tear off sweat pants with a lot of "bling bling" around their neck. They enjoy smoking stinking and being annoying.  Usually preceded by the word damn."</i><br /><div><br /></div><div>Kita abaikan saja deh apa arti MobileGeddon sebenarnya. Yang jelas, ia adalah algoritma baru Google untuk mengindeks dan memeringkat blog/situs berdasarkan "ramah perangkat mobil" (mobile device friendly). </div><div><br /></div><div>Artinya, jika blog kita tidak responsive, tidak mobile friendly, maka kita akan didepak oleh Google.</div><div><br /></div><div>Situs-sitis web atau blog yang <i>responsive</i> akan mendapatkan peringkat tertinggi dalam hasil pencarian google (SERP) yang diakses melalui perangkat mobile.<br /><br />Ini sebagian pernyataan resmi Google di <a href="http://googlewebmastercentral.blogspot.com/2015/02/finding-more-mobile-friendly-search.html" rel="nofollow" target="_blank">Webmaster Central Blog</a>:</div><div><i>"Starting April 21, we will be expanding our use of mobile-friendliness as a ranking signal. This change will affect mobile searches in all languages worldwide and will have a significant impact in our search results"</i></div><div><br /></div><blockquote class="tr_bq">Mulai tanggal 21 April 2015, kami (Google) akan memperluas penggunaan mobile friendly sebagai sebuah sinyal ranking. Perubahan ini akan mempengaruhi pencarian mobile dalam semua bahasa di seluruh dunia dan akan memiliki pengaruh signifikan di hasil-hasil pencarian kami.</blockquote><div><br /></div><div><b>SOLUSI</b></div><div>Ya... blog kita harus responsive dong! Jelas dan itu sangat mudah: gunakan saja template blog responsive. Banyak. Gratis pula!</div><div><br /></div><div>Cek dulu template blog yang Anda gunakan sekarang atau yang akan digunakan di <a href="https://www.google.com/webmasters/tools/mobile-friendly/" rel="nofollow" target="_blank">Tools Mobile Friendly Google</a> atau di <a href="http://troy.labs.daum.net/" rel="nofollow" target="_blank">Troy</a>.</div><div><br /></div><div>Google selalu berpihak pada user (pengguna). Algoritma terbaru MobileGeddon ini juga demi memberikan kenyamanan kepada user internet yang mengakses situs/blog via HP/SmartPhone.</div><div><br /></div><div>Google sudah lama menyerukan kepada setiap pengelola situs atau website/blog supaya lebih mementingkan kegunaan situs yang dikelola ramah terhadap perangkat mobile.</div><div><br /></div><div>Koleksi Template SEO CB mayoritas mobile friendly (responsive). Klik: <a href="http://contohblognih.blogspot.com/search/label/Template%20Blog%20SEO" target="_blank">Template SEO</a>.</div><div><br /></div><div>Di posting sebelumnya CB sudah beberapa kali share tentang pentingnya menggunakan template blog respinsive:</div><div>1. <a href="http://contohblognih.blogspot.com/2015/02/7-alasan-menggunakan-template-blog-responsive.html" target="_blank">7 Alasan Mengapa Harus Gunakan Template Responsive</a></div><div>2. <a href="http://contohblognih.blogspot.com/2015/01/top-5-trends-desain-website-blog-2015.html" target="_blank">Trend Desain Blog 2015</a></div><div><br /></div><div>Dalam trend desain website/blog, reponsive menempati posisi pertama. Mobile First menjadi kata kunci dan ada peringatannya: Responive or Go Home!</div><div><br /></div><div>Dengan demikian, Algoritma Terbaru Google 2015 bernama <b>MobileGeddon</b> ini sebenarnya sudah diantisipasi oleh para desainer website. MobileGeddon menegaskan pentingnya blog mobile friendly. (http://contohblognih.blogspot.com).*</div>

Algoritma Terbaru Google 2015: MobileGeddon

Algoritma Terbaru Google 2015, MobileGeddon, mulai Berlaku 21 April 2015. SEIRING meningkatnya penggunaan mobile (HP/SmartPhone) untuk memb...

Baca selengkapnya »

Template Blog Simple Responsive Cocok untuk Adsense

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-N2HasIXzBSHiwKPcSBjviq2Ac-2n5Z8RNPQHKMIP-gAFuST1uCwBgfhJBp7-gOA87zRxpbWQKGGWoHtKvt_fyhFErNXiSEuhGYd4xrbXwYvlOEmVfWWyoOLS8IsVoQ8Zd4mdjO2ZNkRz/s1600/simple+responsive+blogger+template.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Simple & Clean Blogger Responsive Template" border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-N2HasIXzBSHiwKPcSBjviq2Ac-2n5Z8RNPQHKMIP-gAFuST1uCwBgfhJBp7-gOA87zRxpbWQKGGWoHtKvt_fyhFErNXiSEuhGYd4xrbXwYvlOEmVfWWyoOLS8IsVoQ8Zd4mdjO2ZNkRz/s1600/simple+responsive+blogger+template.jpg" title="Simple & Clean Blogger Responsive Template" width="320" /></a><br /><b>Template Blog Simple Responsive Terbaru 2015. Cocok Banget buat Google Adsense!</b><br /><br />Template Blog Simple & Clean: Blogger Responsive Template. Free Download! Ini template simple pisan. SEO Friendly dan Responsive, selain Fast Loading. Bisa menjadi alternatif bagi Anda yang bingung memilih template.<br /><br />Akhir pekan, Sabtu-Minggu, merupakan waktu terbaik ganti template. Pengunjung rata-rata menurun di akhir pekan.<br /><br />Sebaiknya sih, coba dulu templatenya di blog baru, misalnya bikin aja blog baru dengan nama apa saja, lalu isi saja blognya dengan Sample Posting ini: <a href="http://contohblognih.blogspot.com/2015/03/dummy-content-untuk-sample-posting-blog.html" target="_blank">Dummy Content Blogger</a>.<br /><h3><span style="font-weight: normal;">Simple & Clean Blogger Responsive Template</span></h3><a href="http://responsivetemplatefree.blogspot.com/" rel="nofollow" target="_blank">Live DEMO</a><br /><a href="http://my-responsive-design-template.googlecode.com/files/ResponsiveTemplateFree.xml" rel="nofollow" target="_blank">DOWNLOAD</a><br /><a href="http://proadsensecb.blogspot.com/" target="_blank">Live DEMO MODIF</a><br /><br /><b>Fitur:</b><br /><b>Blogger Responsive Template Free Features</b><br /><ul><li>2 Columns (Post and Sidebar)</li><li>3 Columns Footer.</li><li>Auto read-more, thumbnail for third party images.</li><li>Responsive Design.</li><li>Responsive Menu Design (Sub menu ready).</li><li>Social Frofil.</li><li>Threaded comment system.</li><li>Auto resize image in post.</li><li>Sidebar Advertisment ready.</li><li>Header Advertisment ready.</li><li>Subscribe box.</li></ul>KODE SUBSCRIBE BOX:<br />1. Layout > Add a Gadget > HTML/JavaScript<br />2. Copas kode berikut ini di kolom "Content"<br /><pre style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhur4IGR0XE5zdrqAipcVYShVq7Y1xECLP6Af_0rc5xYYbzfU8CwSOIif7oy2SrYrQ2IwPpCYcHe1x9h-8LA-cO4e3lrQOALz7ZyGN-_IsiOJem8KbVtLjo4pHO0CFP_RsPtWleZ2LNRmrU/s1600/code-pre.png) 10px 2px no-repeat rgb(249, 249, 249); border: 1px solid rgb(213, 213, 213); color: #333333; font-size: 13px; line-height: 22.1000003814697px; margin-bottom: 15px; margin-top: 15px; overflow: auto; padding: 2em 1em 1em;"><style type="text/css"><br />.emailsub{<br />border-bottom: 0px solid #e6e6e6;<br />padding: 15px 0 0px 0;<br />float: left;<br />width: 100%;<br />font-family: Helvetica, Arial;<br />}  <br />.emailsub .emailicon{<br />background: url(https://lh3.googleusercontent.com/-vXSxBUpddig/UKni7x8iqhI/AAAAAAAAG4c/lRhz5kh9pfI/s32/Subscribe%252Bblogger%252Bhero%252Bsubscribe.png) no-repeat 0 2px;<br />float: left;<br />padding: 0px 15px 10px 40px;<br />margin: 0 0 0 5px;<br />width: 300px;  line-height: 20px;<br />vertical-align: middle;<br />font-size: 14px;<br />color: #333;<br />}<br />.emailbutton{<br />background:#f7f8f9;<br />background:-webkit-gradient(linear,left top,left bottom,color-stop(#f7f8f9,0),color-stop(#e9e9e9,1));<br />background:-webkit-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);<br />background:-moz-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);<br />background:-o-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);<br />background:linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);<br />filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f9', endColorstr='#e9e9e9',GradientType=0 );<br />border:1px solid #ddd;<br />-webkit-border-radius:4px;<br />-moz-border-radius:4px;<br />border-radius:4px;<br />padding:6px 12px;<br />margin:0;<br />-webkit-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);<br />-moz-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);<br />box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);<br />color:#888;<br />text-shadow:0 1px 0 #fff;<br />line-height:1.2;<br />cursor:pointer;<br />font-size:13px;<br />}<br />.emailbutton:hover{<br />background:#f1f1f1;<br />background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1f1f1,0),color-stop(#e0e0e0,1));<br />background:-webkit-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);<br />background:-moz-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);<br />background:-o-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);<br />background:linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);<br />filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e0e0e0',GradientType=0 );<br />text-decoration:none !important;<br />}<br />.email{<br />clear:both;<br />width:100%;<br />margin:10px 0;<br />}<br />.emailform{<br />position:relative;<br />width:300px;<br />margin:0 auto;<br />}<br />.emailinput{<br />width:200px;<br />height:18px;<br />margin:0 auto;<br />padding:8px 40px 8px 10px;<br />border:1px solid #ddd;<br />-webkit-border-radius:4px;<br />-moz-border-radius:4px;<br />border-radius:4px;<br />font-family:georgia;<br />font-style:italic;<br />-webkit-box-shadow:1px 1px 2px #dfdfdf;<br />-moz-box-shadow:1px 1px 2px #dfdfdf;<br />box-shadow:1px 1px 2px #dfdfdf;<br />font-size:14px;color:#666;<br />}<br />.emailbutton{<br />-webkit-border-top-right-radius:4px;<br />-webkit-border-bottom-right-radius:4px;<br />-moz-border-radius-topright:4px;<br />-moz-border-radius-bottomright:4px;<br />border-top-right-radius:4px;<br />border-bottom-right-radius:4px;<br />-webkit-border-top-left-radius:0px;<br />-webkit-border-bottom-left-radius:0px;<br />-moz-border-radius-topleft:0px;<br />-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;<br />border-bottom-left-radius:0px;<br />padding:9px;<br />position:absolute;<br />right:-2px;<br />top:0;<br />display:block;<br />line-height:16px;<br />}<br />.emailbutton{<br />padding:8px !important;<br />}<br />.emailform, .emailinput{<br />width:98% !important;<br />-webkit-box-sizing:border-box;<br />-moz-box-sizing:border-box;<br />box-sizing:border-box;<br />height:auto;<br />}<br /></style><br /><div class="emailsub"><br /><div class="emailicon"><br /><p style=" width:240px;<br />font-size: 11px;<br />padding:0;<br />margin:0;<br />">Receive Quality Responsive Templates Straight in your Inbox   by submitting your Email ID below.</p><br /></div>  <br /><div class="email"><br /><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: red; line-height: 22.1000003814697px;">YOUR FEEDBURNER ID</span><span style="line-height: 22.1000003814697px;">', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="emailform"></span><br /><input type="hidden" value="<span style="color: red; margin: 0px; padding: 0px;">YOUR FEEDBURNER ID</span>" name="uri" /><br /><input type="hidden" name="loc" value="en_US" /> <input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" class="emailinput" /> <input type="submit" class="emailbutton" value="Submit" title='' /></form></div></div><br /></div></pre>Template Blog <b>Simple & Clean: Blogger Responsive Template</b>. Free! Cocok buat Google Adsense.<br /><br />Minat? Jika Anda ingin memodifikasi template simple namun keren ini sesuai dengan selera atau kebutuhan blog Anda, silakan gunakan <a href="http://contohblognih.blogspot.com/p/layanan-premium-cb.html" target="_blank">Layanan Premium CB</a>.*

Template Blog Simple Responsive Cocok untuk Adsense

Template Blog Simple Responsive Terbaru 2015. Cocok Banget buat Google Adsense! Template Blog Simple & Clean: Blogger Responsive Templat...

Baca selengkapnya »

Cara Memasang Tombol "Back to Top" di Blog Blogspot

<b><i>Cara Memasang Tombol "Back to Top" di Blog Blogspot. Hanya Muncul Saat Halaman Blog Discroll ke Bawah.</i></b><br /><br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilZt80pdj_6yxMirzh950VIvOg0X0fbEI9TFvN4GLyLlNsDDuGDfy6J08KxgU2kcKwLJjve6fC8rkP-tQ8xPtaCe-rAUx1L2E3rxyDRFvtvMQmk3FmgXbnxPAGJwTltk0bPI7gRaRwKDuZ/s1600/BacktoTop.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Tombol "Back to Top"" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilZt80pdj_6yxMirzh950VIvOg0X0fbEI9TFvN4GLyLlNsDDuGDfy6J08KxgU2kcKwLJjve6fC8rkP-tQ8xPtaCe-rAUx1L2E3rxyDRFvtvMQmk3FmgXbnxPAGJwTltk0bPI7gRaRwKDuZ/s1600/BacktoTop.jpg" title="Tombol "Back to Top"" /></a></div><b>TOMBOL</b> "Back to Top" (Kembali ke Atas) adalah elemen ekstra dalam sebuah blog atau situs web untuk memudahkan pengunjung kembali ke bagian atas blog tanpa scroll mouse.<br /><br />Dengan adanya tombol back to top, pengunjung tinggal klik tombol itu dan tampilan bagian atas blog akan muncul secara otomatis.<br /><br />Sebelumnya CB sudah dua kali share tentang Cara Menampilkan, Membuat, atau Memasang "Back to Top" Bottom (Tombol Kembali ke Atas) di Blog Blogspot, yaitu <a href="http://contohblognih.blogspot.com/2014/08/cara-memasang-back-to-top-di-blog.html" target="_blank">Cara Memasang Back to Top di Blog Versi 1</a> dan <a href="http://contohblognih.blogspot.com/2014/12/back-to-top-blog-seo-tanpa-javascript.html" target="_blank">Cara Memasang Back to Top di Blog Versi 2</a>.<br /><br />Tombol "kembali ke atas" versi 1 menggunakan Javascript. BtT versi 2 menggunakan CSS/HTML saja, tanpa JS, sehingga Fast Loading.<br /><br />Kali ini, sebut saja Versi 3, <a href="http://contohblognih.blogspot.com/" rel="nofollow" target="_blank">CB</a> share Cara Memasang Tombol "Back to Top" yang kodenya diambil dari template blog <a href="http://demo.bloggertheme9.com/2014/03/news-wire.html" target="_blank">Newswire</a> yang sudah <a href="http://contohblognih.blogspot.com/" rel="nofollow" target="_blank">CB</a> modif menjadi <a href="http://newswirecb.blogspot.com/" target="_blank">Newswire CB</a> (for sale!).<br /><br />Tutorial dan kode-kode untuk memasang tombol Back to Top (BtT) ini sudah dipraktekkan dan sukses di template demo <a href="http://new-maxmag.blogspot.com/" target="_blank">New Max Mag</a>. Di template aslinya, <a href="http://maxmagdemo.blogspot.com/" rel="nofollow" target="_blank">Max Mag</a>, tidak ada tombol kembali ke atas.<br /><br />Apa bedanya tombol BtT yang versi 3 ini dengan versi sebelumnya? Bedanya, dua BtT sebelumnya muncul terus, halaman discroll ataupun tidak. Sedangkan versi 3 ini, tombol "kembali ke atas" alias Back to Top itu HANYA MUNCUL jika halaman blog dicroll ke bawah. Itu dia kelebihannya.<br /><h3>Cara Memasang Tombol "Back to Top"</h3>1. Tempate > Edit HTML<br />2. Copas kode CSS berikut ini di atas kode <b> ]]</b:skin></b><br /><b><br /></b><br /><div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">#MD-StoTop {padding:12px;position:fixed;bottom:5px;right:3px;cursor:pointer;z-index:999}</div><br />3. Pasang kode Javascript berikut ini di atas kode <b></head></b><br /><br /><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><script type='text/javascript'><br />$(function() {<br />    $.fn.scrollToTop = function() {<br />    $(this).hide().removeAttr(&quot;href&quot;);<br />    if ($(window).scrollTop() != &quot;0&quot;) {<br />        $(this).fadeIn(&quot;slow&quot;)<br />    }<br />    var scrollDiv = $(this);<br />    $(window).scroll(function() {<br />        if ($(window).scrollTop() == &quot;0&quot;) {<br />        $(scrollDiv).fadeOut(&quot;slow&quot;)<br />        } else {<br />        $(scrollDiv).fadeIn(&quot;slow&quot;)<br />        }<br />    });<br />    $(this).click(function() {<br />        $(&quot;html, body&quot;).animate({<br />        scrollTop: 0<br />        }, &quot;slow&quot;)<br />    })<br />    }<br />});<br />$(function() {<br />    $(&quot;#MD-StoTop&quot;).scrollToTop();<br />});<br /></script></div><br />4. Pasang kode HTML berikut ini di atas kode <b></body></b><br /><br /><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><a href='#' id='MD-StoTop'><img alt='back to top' src='<span style="color: red;">http://2.bp.blogspot.com/-USm_7qiKVXc/UxUYG09tz_I/AAAAAAAACTA/6BRDkVAwLek/s1600/backtotop.PNG</span>'/></a></div><br /><b><i>Catatan:</i></b><br /><i>1. Kita bisa mengganti gambar panah (</i><i>Tombol "Back to Top" ) dengan gambar pilihan sendiri dengan cara mengganti URL Gambar yang berwarna merah. </i><br /><i>2. Lihat: <a href="http://contohblognih.blogspot.com/2014/08/cara-memasang-back-to-top-di-blog.html" target="_blank">Koleksi Gambar Tombol Back to Top untuk Blog</a></i><br /><br />5. <b>Save Template!</b><br /><br />Kini <b>Tombol "Back to Top"</b> sudah terpasang di Blog Blogspot Anda! Good Luck! (http://contohblognih.blogspot.com).*

Cara Memasang Tombol "Back to Top" di Blog Blogspot

Cara Memasang Tombol "Back to Top" di Blog Blogspot. Hanya Muncul Saat Halaman Blog Discroll ke Bawah. TOMBOL "Back to Top&q...

Baca selengkapnya »

Wow! Pageviews Contoh Blog Mencapai 27 Ribu!

<b>DI</b> tulisan sebelumnya <a href="http://contohblognih.blogspot.com/" target="_blank">CB</a> pernah menulis tentang <a href="http://contohblognih.blogspot.com/2015/03/pageviews-10000-per-hari.html" target="_blank">Pageviews CB yang Sudah Mencapai Target 10.000 Per Har</a>i. Hari ini, 14 April 2015, CB dibuat kaget campur senang karena data blogger menyebutkan Pageviews CB kemarin, 13 April 2015, mencapai 27.171!!! Wow, hampir gak percaya, sepesat itukah peningkatannya?<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjozuexexZnvniG7xkMRnhhM4h9n7JvFHecEWgumh7GQNAFsTJvKlFmiCXcb7h-KN1112YKN_Ww8-dZR9Wx9OT352y7vIs3frpaMGghMwKSWysKqxDZGWLHYQwGkSP7Xk12o_YsckwIJ2tc/s1600/pageviews+27+ribu.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="pageviews 27 ribu" border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjozuexexZnvniG7xkMRnhhM4h9n7JvFHecEWgumh7GQNAFsTJvKlFmiCXcb7h-KN1112YKN_Ww8-dZR9Wx9OT352y7vIs3frpaMGghMwKSWysKqxDZGWLHYQwGkSP7Xk12o_YsckwIJ2tc/s1600/pageviews+27+ribu.JPG" title="pageviews 27 ribu" width="320" /></a></div>Hanya menduga-duga, kemungkinan peningkatan pageveiw yang fantastis ini disebabkan "keberuntungan" sedang menghampiri blog ini.<br /><br />Namun, bisa juga ini membuktikan bahwa Google sudah benar-benar menerapkan algoritmanya yang baru (Baca: <a href="http://contohblognih.blogspot.com/2015/04/algoritma-pemeringkat-situs-google-terbaru-2015.html" target="_blank">Algoritma Google Terbaru 2015</a>).<br /><br />Peningkatan pageview dan update tentang algoritma Google itu juga mengingatkan CB pada sebuah situs yang dulu nyaris selalu nongol di halaman depan SERP Google ketika mencari informasi. Kini, situs tersebut entah ada di posisi berapa. Penyebabnnya, mungkin, karena konten situs tersebut banyak copy paste. Parahnya lagi, tidak menyebutkan sumber.<br /><br /><a href="http://en.wikipedia.org/wiki/Page_view" rel="nofollow" target="_blank">Pageviews</a> adalah jumlah kunjungan atau banaykanya halaman blog kita yang dibuka/dibaca oleh pengunjung. Pageviews ini tidak sama dengan jumlah pengunjung. Bisa jadi, satu pengunjung membuka hingga 10 halaman dalam sebuah situs/blog.<br /><br />Jika jumlah pengunjung 100 orang, misalnya, dan masing-masing membuka 10 halaman (tulisan/posting) blog, maka pageviews blog kita 10 X 100 = 1000 Pageviews.<br /><br />Nah, yang membuat kaget CB adalah jumlah pageviews yang biasanya di kisaran 10.000 per hari, kini tiba-tiba naik tajam menjadi 27 ribu!<br /><br />Semoga saja terus meningkat karena itu berarti postingan CB diminati banyak pengunjung dan mudah ditemuka (findability) di hasil pencarian Google.<br /><h3>Rahasia Pageviews CB</h3>Apa rahasianya? Utamanya, CB berusaha menyajikan <a href="http://contohblognih.blogspot.com/2014/06/membuat-konten-blog-berkualitas.html" target="_blank">konten berkualitas</a> dan "menulis dengan hati". Semangatnya adalah berbagi. CB tidak terlalu "neko-neko" soal tampilan/desain. Yang penting SEO Friendly, Fast Loading, Responsive, itu sudah cukup untuk mendukung postingan blog kita.<br /><br />Tips meningkatkan pageviews antara lain kita harus membuat betah pengunjung dengan tampilan blog yang enak dilihat (good looking), nyaman di mata, tidak kumuh, fast loading (tampil cepat), juga membangun internal link seperti latest post, popular post, related post, dan random posts. (http://contohblognih.blogspot.com).*

Wow! Pageviews Contoh Blog Mencapai 27 Ribu!

DI tulisan sebelumnya CB pernah menulis tentang Pageviews CB yang Sudah Mencapai Target 10.000 Per Har i. Hari ini, 14 April 2015, CB dibu...

Baca selengkapnya »