Praditya MyID

Cara Menghindari & Mengatasi Komentar Spam di Blog

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx84BNnQpoUUHdT0flv0x8NrPMqphVI5HBvBTFEaHTbgZzD3NzaZvqJvsz_i9uFX_Dra04dTxa0yfCBs254L0QA724updnImvTz4UaDCItr1l-vkBhk_0NUVaHUaevs62GpMH6mZ7LvN1Q/s1600/komentar+spam+blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Komentar Spam di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx84BNnQpoUUHdT0flv0x8NrPMqphVI5HBvBTFEaHTbgZzD3NzaZvqJvsz_i9uFX_Dra04dTxa0yfCBs254L0QA724updnImvTz4UaDCItr1l-vkBhk_0NUVaHUaevs62GpMH6mZ7LvN1Q/s1600/komentar+spam+blog.jpg" title="Komentar Spam di Blog" /></a></div>
<b>Banyak cara mengatasi komentar Spam di Blog, mulai dari menghapus link otomatis dengan kode css & script anti-spam hingga settingan kolom komentar.</b><br />
<b><br /></b><b>SPAM</b> merupakan musuh para blogger. <a href="http://contohblognih.blogspot.com/2015/04/contoh-komentar-spam-sampah-di-blog.html" target="_blank">Komentar Spam mengotori blog</a>. Komentar spam (<i>spam comment</i>), umumnya berupa link hidup (<i>live link</i>) atau tautan aktif (<i>active link</i>), masuk kategori <a href="http://contohblognih.blogspot.com/2014/08/Komentar-Sampah-Spam-Blog.html" target="_blank">komentar sampah</a> (<i>junk comment</i>). Blogger yang suka nyepam dan 'nyampah" antara lain <a href="http://contohblognih.blogspot.com/2015/04/komentar-spam-blog-penjual-obat.html" target="_blank">penjual obat online</a>, setidaknya di blog <a href="http://contohblognih.blogspot.com/" rel="nofollow" target="_blank">CB </a>ini.<br />
<br />
Jangan pernah biarkan komentar di blog Anda muncul secara otomatis. Harus dimoderasi. Seiring perkembangan bisnis online, berkembang pula "strategi pemasaran" dengan cara nyepam atau nyebar link.<br />
<br />
Komentar spam merusak reputasi blog Anda, juga blog spammer. Komentar spam juga bisa menurunkan SEO blog Anda jika link aktif mengarah ke blog "berkualitas rendah".<br />
<h3>
Tips Mengatasi Komentar Spam dari Google</h3>
Sebagai pemilik blogger, Google sudah membantu para blogger mengatasi komentar spam secara otomatis. Google juga memberikan panduan mengatasi komentar spam dalam<a href="https://support.google.com/blogger/answer/42064?hl=en" rel="nofollow" target="_blank"> Prevent unwanted comments and comment spam</a>.<br />
<br />
Dengan panduan ini, jelas sekali Google juga benci banget sama komentar spam. Makanya, tadi diebutkan menurunkan ranking seo dan reputasi blog di mata mesin pencari dan pengguna.<br />
<br />
Menurut Google, semua link di kolom kementar menggunakan tag rel="nofollow". Dengan begitu, komentator spam tidak akan mendapatkan PageRank (<i>they'll receive no PageRank boost</i>). Google menyarankan kotak komentar dimoderasi.<br />
<h3>
Melindungi Blog dari Komentar Spam: Moderasi Komentar</h3>
Untuk memoderasi komentar yang masuk, maka lakukan setting berikut ini:<br />
1. Settings > Posts and comments<br />
2. Comment moderation > Always!<br />
<h3>
Hapus Otomatis Komentar Spam: Pasang Kode</h3>
Banyak sekali kode anti-komentar spam yang dibagikan sejumlah blogger. Kita bisa memilih salah satu saja yang berfungsi.<br />
<br />
1. Template > Edit HTML<br />
2. Copas salah satu kode di bawah in <b>di atas</b> kode <b></body> </b><br />
<br />
<div style="background-color: #fafafc; border: 1px solid rgb(221, 221, 221); padding: 10px;">
<script type='text/javascript'><br />
$(function() {<br />
    $('#comment-holder p').find('a').remove();<br />
});<br />
</script></div>
<br />
ATAU<br />
<br />
<div style="background-color: #fafafc; border: 1px solid rgb(221, 221, 221); padding: 10px;">
<script><br />
$('.comment-content a[rel$=nofollow]').replaceWith(function(){return ($(this).text());});<br />
</script></div>
<br />
ATAU<br />
<br />
<div style="background-color: #fafafc; border: 1px solid rgb(221, 221, 221); padding: 10px;">
<script type='text/javascript'><br />
//<![CDATA[<br />
$(function(){$('#comments p').find('a').contents().unwrap();});<br />
//]]><br />
</script></div>
<br />
ATAU<br />
<br />
<div style="background-color: #fafafc; border: 1px solid rgb(221, 221, 221); padding: 10px;">
<script type='text/javascript'><br />
//<![CDATA[<br />
function blockLinks(parentID, children) {<br />
    var parent = document.getElementById(parentID),<br />
        content = parent.getElementsByTagName(children);<br />
    for (var i = 0; i < content.length; i++) {<br />
        if (content[i].innerHTML.indexOf('</a>') !== -1) {<br />
            content[i].innerHTML = "<mark>No live link!!!</mark> No SPAM Here!!!";<br />
            content[i].className = "spammer-detected";<br />
        }<br />
    }<br />
}<br />
blockLinks('comment-holder', 'p');<br />
//]]><br />
</script></div>
<br />
<i>Bingung? Pilih saja kode terakhir, ditambah kode CSS di bawah ini, biar mantap!</i><br />
<h3>
Kode CSS Anti Komentar Spam</h3>
Ada juga kode css anti komentar spam. Link hidup atau tautan aktif tidak akan muncul. Kode ini hanya menyembunyikan link, bukan menghapusnya.<br />
<br />
1. Template > Edit HTML<br />
2. Copas kode berikut ini <b>di atas</b> kode <b>]]></b:skin></b><br />
<br />
<div style="background-color: #fafafc; border: 1px solid rgb(221, 221, 221); padding: 10px;">
#comment-holder p a {display:none;}</div>
<br />
ATAU<br />
<br />
<div style="background-color: #fafafc; border: 1px solid rgb(221, 221, 221); padding: 10px;">
.comment-content a {display: none;}</div>
<br />
Itulah ragam Cara Menghindari & Mengatasi Komentar Spam di Blog, demi keamanan nasional dan keutuhan negara kesatuan blogger Indonesia. Merdeka! (http://contohblognih.blogspot.com/).*<br />
<br />
<i><b><span style="font-size: x-small;">Sumber:</span></b></i><br />
<ul>
<li><i><span style="font-size: x-small;">https://www.linkedin.com/pulse/20140613095244-132778290-how-to-automatically-remove-spam-links-from-blogger-comments</span></i></li>
<li><i><span style="font-size: x-small;">http://www.dte.web.id/2012/07/no-live-links.html</span></i></li>
<li><i><span style="font-size: x-small;">http://www.mybloggerlab.com/2014/05/how-to-automatically-remove-spam-links-from-blogger-comments.html</span></i></li>
<li><i><span style="font-size: x-small;">http://www.bloggingtipsandtricks.com/2014/05/prevent-spam-comments-blogger.html (ilustrasi)</span></i></li>
</ul>

Cara Menghindari & Mengatasi Komentar Spam di Blog

Banyak cara mengatasi komentar Spam di Blog, mulai dari menghapus link otomatis dengan kode css & script anti-spam hingga settingan ko...

Baca selengkapnya »

Featured Post Image Slider untuk Blog - Manual dan Otomatis

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLyd8okDVl_zK7q1_cweOMbkaG_dAajRuAoOvlZwiMBuzzLI67KPm5etl-2FeU4D-H4cqrJr5o2U0lK_fjQKpMztLyOPwRPp-PtM8Vopw6DZzZuPgLFaBhYrn7tgkSwlchvDjJY7j0oZRE/s1600/Featured+Content+Slider+For+Blogger.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Featured Post Image Slider " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLyd8okDVl_zK7q1_cweOMbkaG_dAajRuAoOvlZwiMBuzzLI67KPm5etl-2FeU4D-H4cqrJr5o2U0lK_fjQKpMztLyOPwRPp-PtM8Vopw6DZzZuPgLFaBhYrn7tgkSwlchvDjJY7j0oZRE/s1600/Featured+Content+Slider+For+Blogger.PNG" title="Featured Post Image Slider " /></a></div><b>Cara Membuat atau Memasang Featured Posts Image (Content Slider Carousel) untuk di Halaman Depan Blog Blogspot.</b><br /><b><br /></b><b>MEMASANG, </b>menampilkan, atau membuat Featured Content Post Image Slider (Carousel) untuk blog tidak disarankan oleh sebagian pakar SEO dan Web Usability.<br /><br />Pasalnya, selain membuat berat loading blog (karena ada javascript dan gambar), posts slider juga tidak user friendly.<br /><br />Slider akan membuat "silau" mata pengunjung. Slider juga jarang diklik. Sejumlah <a href="https://thrivethemes.com/why-sliders-suck/" rel="nofollow" target="_blank">studi dan survei tentang slider di web</a> menunjukkan, slider yang diklik pengunjung hanya di bawah 1%. Itu pun yang diklik hanya gambar pertama.<br /><br />CB sudah share soal featured content slider ini:  <a href="http://contohblognih.blogspot.com/2014/05/featured-content-slider-seo-blog.html">Featured Content Slider di Homepage Blog Tidak Bagus buat SEO</a>.  Namun, toko online atau blog foto kayaknya cocok pake Featured Slider, asalkan diatur slide-nya jangan terlalu cepat dan lebih baik di-off-kan otomatis slidenya.<br /><br /><i>Btw... posting ini "sekadar" menyimpan dokumentasi. Soalnya, suka adaaaaa aja klien<a href="http://contohblognih.blogspot.com/p/layanan-premium-cb.html" target="_blank"> Layanan Premium CB</a> yang "keukeuh" ingin memasangnya, meski sudah dikasih tau.</i><br /><h3><b>Cara Membuat Featured Post Slider Manual</b></h3>Tutorial <b>Featured Post Slider Manual </b>sangat banyak bahkan kebanyakan. Salah satunya ada di <a href="http://infotechbloging.blogspot.com/2013/07/featured-content-slider-for-blogger.html" rel="nofollow" target="_blank">Windows Reloded</a>. Sebanyak 17+ lainnya ada di <a href="http://24work.blogspot.com/2012/02/17-featured-content-slider-for-blogger.html" rel="nofollow" target="_blank">Blogspot Tutorials</a>.<br /><br />Yang dimaksud "manual" adalah kita harus memasukkan link gambar, link posting, judul, dan deskirpnya satu per satu di widget Featured Content Slider ini. Ribet bener! Tapi gampang banget pasangnya. Silakan cek cara memasangnya ada di kedua link tadi.<br /><h3><b>Cara Memaang Featured Post Slider Otomatis</b></h3>Yang dimaksud otomatis adalah kita gak perlu pasang satu per satu gambar, link, dan judul di widget ini. Gambar plus link dan judul akan muncul otomatis, bisa posting terbaru, bisa juga per label (kategori tertentu).<br /><br />Yang otomatis sudah di-share dari <a href="http://contohblognih.blogspot.com/2015/01/membuat-featured-post-content-slider-image-gambar-blog.html" target="_blank">maskolis</a>. Featured post di halaman depan atau <a href="http://contohblognih.blogspot.com/2014/05/cara-membuat-featured-post-tanpa-slider.html" target="_blank">ala New Johy Wuss</a> juga sudah. Berikut ini ada dua lagi sebagai tambahan dan alternatif:<br /><br /><b>Featured Image Slider Otomatis #1</b><br />Yang ini dari <a href="http://www.helperblogger.com/2012/04/automatic-recent-posts-slider-with.html" rel="nofollow" target="_blank">Help Blogger</a>. Tampilannya keren banget, beda dengan yang biasa. Silakan klik link tersebut untuk detailnya.<br /><br /><b>Featured Image Slider </b><b>Otomatis </b><b>#2</b><br />Yang ini dari <a href="http://www.dte.web.id/2013/03/blogger-feed-rotator-plugin.html" rel="nofollow" target="_blank">DTE</a>. Demonya bisa dilihat di halaman depan <a href="http://cara-cb.blogspot.com/" target="_blank">Cara CB</a>. Caranya gampang banget.<br /><br />1. Layout → Add Widget → HTML/JavaScript<br />2. Copy & Paste kode berikut ini:<br /><br /><div style="background-color: #fafafc; border: 1px solid #ddd; padding: 10px; text-align: left;"><link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/><br /><style type="text/css"><br />.slider-rotator {<br />  width:430px;<br />  height:240px;<br />  padding:0 0;<br />  background-color:white;<br />  font:italic normal 13px/1.4 Arial,Sans-serif;<br />  color:white;<br />  border:1px solid black;<br />}<br />.slider-rotator .slider-item {<br />  background-color:white;<br />  height:240px; /* Same with `.slider-rotator` height */<br />  padding:0 0;<br />}<br />.slider-rotator h4 {margin-top:0;color:#ff6}<br />.slider-rotator p {margin:2px 0 0}<br /><br />/* Slider details as caption */<br />.slider-rotator .detail-wrapper {<br />  position:absolute;<br />  top:auto;<br />  right:0;<br />  bottom:0;<br />  left:0;<br />  background-color:black;<br />  background-color:rgba(0,0,0,.9);<br />  padding:.5em 1em;<br />  z-index:4;<br />}<br />.slider-rotator-nav {<br />  text-align: center;<br />  background: #777;<br />}<br /></style><br /><div id="slider-rotator" class="slider-rotator loading"></div><br /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><br /><script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script><br /><script type="text/javascript"><br />    makeSlider({<br />    url: "<b><span style="color: red;">http://cara-cb.blogspot.com</span></b>", // Your blog URL<br />    thumbWidth: 430 // Thumbnail width in pixels (same with slideshow width)<br />});<br /></script></div><br />3. Ganti alamat blog warna merah dengan alamat blog Anda.<br />4. Save!<br /><br />Itu dia ragam cara membuat Featured Post Image Slider untuk Blog, baik versi manual maupun otomatis. Sekali lagi, NOT RECOMMENDED untuk blog pribadi atau yang fokus ke loading blog yang cepat. (http://contohblognih.blogspot.com).*

Featured Post Image Slider untuk Blog - Manual dan Otomatis

Cara Membuat atau Memasang Featured Posts Image (Content Slider Carousel) untuk di Halaman Depan Blog Blogspot. MEMASANG, menampilkan, atau ...

Baca selengkapnya »

Cara Membuat Sitemap Daftar Isi Blog Fast Loading

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPhmMWzft4o368R6px_Y7ZAejKSN-HVWTeYuvkcmZgapT7F_KUr0uLpFCUmaYWxdgwk1w8o9mB2qliOfatdFj9kx3dSWV4O1CyP4mAKin5c5xlswBLenLqwXwpqZ4WIPa_hxO2AvHkBG2u/s1600/daftar+isi+sitemap+blog+cb.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Daftar Isi Blog Fast Loading" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPhmMWzft4o368R6px_Y7ZAejKSN-HVWTeYuvkcmZgapT7F_KUr0uLpFCUmaYWxdgwk1w8o9mB2qliOfatdFj9kx3dSWV4O1CyP4mAKin5c5xlswBLenLqwXwpqZ4WIPa_hxO2AvHkBG2u/s1600/daftar+isi+sitemap+blog+cb.JPG" title="Daftar Isi Blog Fast Loading" /></a></div><b>DI</b> era serba cepat, tentu banyak blogger yang mencari kode<a href="http://contohblognih.blogspot.com/p/sitemap.html" target="_blank"> sitemap atau daftar isi </a>(table of content) blog fast loading alias ringan, cepat, bin nggak lambat.<br /><br />Ada? Bisa dikatakan: <b>tidak ada!</b> Pasalnya, yang namanya daftar isi, tentu membutuhkan waktu untuk tampil.<br /><br />Sang kodok, eh... sang kode, membutuhkan waktu untuk "memanggil" satu per satu posting yang ada. Apalagi jika posting blognya sudah ratusan atau ribuan.<br /><br />Kalo postingnya cuma 5 biji, misalnya, dijamin cepat!<br /><br />Jadi, klo ada yang "ngaku" punya script daftar isi fast loading, jangan percaya dulu, cek aja kodenya, pasti sama saja dengan kode lainnya.<br /><br /><b>Jenis-Jenis Tampilan Daftar Isi</b><br />Sebelumnya <a href="http://contohblognih.blogspot.com/" target="_blank">CB</a> sudah share dua tips cara membuat daftar isi <a href="http://contohblognih.blogspot.com/2014/04/cara-membuat-daftar-isi-blog-sitemap.html" target="_blank">versi simple</a> dan <a href="http://contohblognih.blogspot.com/2015/01/Daftar-Isi-Sitemap-Blog-Tabulasi.html" target="_blank">versi tabulasi</a>.<br /><br />Desain tampilan Daftar Isi Blog bermacam-macam. Terpopuler adalah daftar isi simple, gaya tabulasi, dan model accordion. Anda bisa bandingkan loading time ketiganya dengan melihat demonya berikut ini:<br /><br /><ol><li><a href="http://contohblognih.blogspot.com/p/daftar-isi.html" target="_blank">Daftar Isi Blog Versi Simple</a> </li><li><a href="http://contohblognih.blogspot.com/p/sitemap.html" target="_blank">Daftar Isi Blog Gaya Tabulasi</a></li><li><a href="http://testemplatecb.blogspot.com/p/sitemap-accordion.html" target="_blank">Sitemap Gaya Accordion</a></li></ol><br /><h3><b>Cara Membuat Sitemap Daftar Isi Blog Fast Loading</b></h3>Meski daftar isi fast loading tidak ada yang bisa fast loding, namun kita bisa "berusaha" mengurangi beban loadingnya dengan cara:<br /><br /><b>Cara 1 : Menyimpan Sendiri Kode JavaScriptnya</b><br /><br />Sebagai contoh, misalkan kita menggunakan kode sitemap simple. Kode aslinya seperti ini:<br /><br /><div style="background-color: #fafafc; border: 1px solid #ddd; padding: 10px; text-align: left;"><script type="text/javascript" src="<span style="color: red;">http://yourjavascript.com/7366511402/simplesitemap.js</span>"></script><br /><script src="http://contohblognih.blogspot.com/feeds/posts/default?max-<br />results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script></div><br />1. Buka link file javascript tersebut dengan cara copas ke address bar.<br />2. Copas semua kode yang terbuka<br />3. Paste di Notepade<br />4. Klik Save!<br /><br />5. Tulis nama file dengan menambah <b>.js </b> di belakangnya (misalnya: <i>simplesitemap.js</i>)<br />5. Pilih Save as type: <b>All Files</b><br />6. Encoding: <b>UTF-8</b><br />7. Klik Save!<br /><br />8. Buka situs penyimpanan javasrcipt seperti <a href="http://yourjavascript.com/" rel="nofollow" target="_blank">Your Java Script</a>.<br />9. Upload file yang disave tadi.<br />10. Buka inbox email. Akan ada link file JS Anda untuk me-replace link JS yang lama.<br /><br /><b>Cara 2 : "Ekstrak" Kode JavaScriptnya</b><br />1. Lakukan langkah no.1 & 2 di atas<br />2. Simpan langsung kode yang ada dalam kode sccript seperti ini:<br /><br /><div style="background-color: #fafafc; border: 1px solid rgb(221, 221, 221); padding: 10px;"><script type="text/javascript"><br /><b><br /></b><b><span style="color: red;">Paste Kode JavaScript di Sini</span></b><br /><br /></script><br /><script src="http://contohblognih.blogspot.com/feeds/posts/default?max-<br />results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script></div><br />Setahu CB yang "newbie" ini, hanya dua cara itulah untuk Cara Membuat Sitemap Daftar Isi Blog Fast Loading. Lainnya, semoga ada yang bisa share di kolom komentar. Good Luck! (http://contohblognih.blogspot.com).*

Cara Membuat Sitemap Daftar Isi Blog Fast Loading

DI era serba cepat, tentu banyak blogger yang mencari kode sitemap atau daftar isi (table of content) blog fast loading alias ringan, cepa...

Baca selengkapnya »

Banyak Juga Alamat Blog yang Menggunakan Kata "Nih"

<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/AVvXsEgpeynaWPCn3fBumKtaLIvj7mUAv2310Uu1fqS7PIH57SBM5qoLtr6jX51CtQQD8dbpkTvsHuIAgeWC2K1pZMH1J9LYjoPzPZSPR1DqUGVJI8GWFRKHtjhOt8rKTrCfnxDzyJgJ5BoOZJ95/s1600/cb+blogger+-+contoh+blog+nih.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Contoh Blog Nih CB Blogger 2015" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpeynaWPCn3fBumKtaLIvj7mUAv2310Uu1fqS7PIH57SBM5qoLtr6jX51CtQQD8dbpkTvsHuIAgeWC2K1pZMH1J9LYjoPzPZSPR1DqUGVJI8GWFRKHtjhOt8rKTrCfnxDzyJgJ5BoOZJ95/s320/cb+blogger+-+contoh+blog+nih.JPG" title="Contoh Blog Nih CB Blogger " width="267" /></a></div><b>Alamat Blog (Blog Address) adalah link URL blog kita. Judul Blog (Blog Title) adalah Nama Blog yang muncul di Header (Logo).</b><br /><b><br /></b><b>ENTAH </b>"nyontek" sama CB atau hanya kebetulan, banyak blogger yang menggunakan kata "nih" di belakangn nama blognya. Secara, nama blog CB 'kan <span style="color: red;"><b>Contoh Blog</b></span> dengan nama domain "contohblog<b><span style="color: red;">nih</span></b>".<br /><br />Nah, rupanya, blog ini benar-benar menginspirasi banyak blogger untuk menambahkan kata "nih" di belakang alamat blognya.<br /><br />Contohnya? Ah, jangan dong, nanti dituduh "pencemaran nama baik" :) CB menemukannya "gak sengaja" saat <i>blogwalking</i> atau <i>browsing & surfing.</i><br /><br />Beberapa di antaranya terang-terangan "mengaku" kepada <a href="http://contohblognih.blogspot.com/" rel="nofollow" target="_blank">CB</a>, nama domain blognya terinspirasi alamat blog CB yang menggunakan kata "nih" di belakangnya.<br /><br />Padahal, dalam perspektif dan konteks <a href="http://contohblognih.blogspot.com/search/label/Tips%20SEO%20Blog" target="_blank">Pengoptimalan Mesin Pencari (SEO)</a>, kata kunci "nih" itu sama sekali tidak masuk itungan lho! Coba saja, ketik kata "nih" di Google. Hasilnya? Silakan cek sendiri.<br /><br />Penambahan kata nih memang cara termudah untuk membuat alamat blog sesuai dengan keinginan, jika alamat yang kita pilih sudah diambil blogger lain.<br /><br /><blockquote class="tr_bq"><b>CB sendiri, kenapa menggunakan nama "nih" di belakang "contohblog", karena alamat "contohblog" saja sudah diambil duluan sama blogger lain. </b></blockquote><br />Demikian halnya Top Level Domain dot com sudah ada yang punya. CB hanya "kebagian" yang dot net (<a href="http://www.contogblog.net/" target="_blank">www.contogblog.net</a>).<br /><br />Memilih alamat blog yang sesuai dengan niche atau topik posting sangat bagus buat SEO. Selengkapnya bisa disimak di posting ini: <a href="http://contohblognih.blogspot.com/2014/07/cara-memilih-nama-blog.html" target="_blank">Cara Memilih Nama Blog</a>.<br /><br />Kembali ke laptop! Soal "nih", sekali lagi, itu salah satu cara agar kita mempunyai alamat blog sesuai dengan niche, produk, brand, nama blogger, dll.<br /><br />Ternyata dan terbukti, menambahkan nama "nih" tidak masalah buat indeks <a href="http://www.google.co.id/" rel="nofollow" target="_blank">Google</a>. Buktinya? Ya... blog CB ini! Pake  "nih" bukan kendala bagi blog ini untuk sering "nongol" di halaman pertama hasil pencarian Google (SERP).<br /><br />So, jika Anda ingin membuat alamat<a href="http://blogger.com/" rel="nofollow" target="_blank"> blog</a> sesuai dengan nama Anda atau nama toko Anda, sedangkan alamat blog tersebut sudah diambil orang, maka tambahkan saja kata "nih" di belakangnya, bisa juga kata lain yang "lebih bermakna", seperti "keren", "seo", "media", "news", "store", "shop", dll.<br /><br />Btw, bagi yang belum tahu, Alamat Blog dan Nama Blog itu berbeda ya! Alamat Blog (<i>Blog Address</i>) adalah Link URL blog kita, misalnya: <i>http://contohblognih.blogspot.com</i>. Judul Blog (<i>Blog Title</i>) adalah Nama Blog yang muncul di Header (Logo) dan di halaman hasil pencarian Google, seperti <b>Contoh Blog</b>.<br /><br />Good Luck & Happy Blogging! (http://contohblognih.blogspot.com).*

Banyak Juga Alamat Blog yang Menggunakan Kata "Nih"

Alamat Blog (Blog Address) adalah link URL blog kita. Judul Blog (Blog Title) adalah Nama Blog yang muncul di Header (Logo). ENTAH "nyo...

Baca selengkapnya »

Cara Menambah Gambar Ikon di Navigasi Menu Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzaQ528Qz7qlX0gA6H3Jv3MWL_BWYrsDvYRKaRE0gwjagsULvfUa5mW4EbhsiknLMqMwvQEKhzGwU0-_2FW1fmrfc5907qyH4PPhA5DoHQ2e08WGk74tMFvp43cmJXx0y1dww21zMy6mOT/s1600/menu+gambar+ikon+blog.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Gambar Ikon di Navigasi Menu Blog" border="0" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzaQ528Qz7qlX0gA6H3Jv3MWL_BWYrsDvYRKaRE0gwjagsULvfUa5mW4EbhsiknLMqMwvQEKhzGwU0-_2FW1fmrfc5907qyH4PPhA5DoHQ2e08WGk74tMFvp43cmJXx0y1dww21zMy6mOT/s320/menu+gambar+ikon+blog.JPG" title="Gambar Ikon di Navigasi Menu Blog" width="320" /></a></div><b>Cara Menambah Gambar Ikon di Samping Daftar Navigasi Menu Blog</b><br /><br /><b>BANYAK</b> template blog menggunakan ikon, simbol, atau gambar kecil di samping navigasi menu. Misalnya, menu HOME dilengkapi ikon rumah dan menu KONTAK disertai ikon gambar telepon atau email.<br /><br />Dengan begitu tampilan blog tampak terkesan lebih profesional. Namun, jadinya "rame" dan mengurangi "clean" dan ke-simple-an blog. CB sendiri tidak memasangnya dengan alasan itu plus bisa mengurangi loading blog.<br /><br />Bagi Anda yang ingin menambahkan gambar di samping daftar Menu blog, berikut ini caranya. Anda juga bisa langsung ke <a href="http://www.bloggerbuster.com/2008/02/how-to-add-icons-beside-your-navigation.html" rel="nofollow" target="_blank">sumber tips</a> ini.<br /><br />Kita ambil contoh tiga menu atau halaman statis (static page): <b>Home, About</b>, dan <b>Kontak. </b>Kode link menunya umumnya seperti ini:<br /><br /><br /><div style="-webkit-text-stroke-width: 0px; background-color: #f6f6f6; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18.2000007629395px; margin-bottom: 10px; orphans: auto; outline: none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"></div><br /><div style="-webkit-text-stroke-width: 0px; background-color: #fafafc; border: 1px solid rgb(221, 221, 221); color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; padding: 10px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><div id="menu-items"><br /><ul><br /><li><a href="<span style="color: red; font-size: 1em; font-weight: bold; margin: 0px; outline: none; padding: 0px;">/</span>">Home</a></li><br /><li><a href="<span style="color: red; font-size: 1em; font-weight: bold; margin: 0px; outline: none; padding: 0px;">/p/about.html</span>">About</a></li><br /><li><a href="<span style="color: red;"><b>/p/kontak</b></span>">Kontak</a></li></li><br /></ul><br /></div></div><div><br /></div><div>1. Tambahkan kode <b><span class></b> sehingga menjadi begini:<br /><br /><div style="-webkit-text-stroke-width: 0px; background-color: #f6f6f6; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18.2000007629395px; margin-bottom: 10px; orphans: auto; outline: none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"></div><br /><div style="-webkit-text-stroke-width: 0px; background-color: #fafafc; border: 1px solid rgb(221, 221, 221); color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; padding: 10px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><div id="menu-items"><br /><ul><br /><li><span class="home"><a href="<span style="color: red; font-size: 1em; font-weight: bold; margin: 0px; outline: none; padding: 0px;">/</span>">Home</a></span></li><br /><li><span class="about"><a href="<span style="color: red; font-size: 1em; font-weight: bold; margin: 0px; outline: none; padding: 0px;">/p/about.html</span>">About</a></span></li><br /><li><span class="contact">;<a href="<span style="color: red;"><b>/p/kontak</b></span>">Kontak</a></span></li></li><br /></ul><br /></div></div><br /><b>2. Saatnya membuat link URL gambar ikon</b>.<br /><br />* Pilih gambar ikon yang dikehendaki, ukurannya disesuaikan dengan lebar dan tinggi area navigasi menu, sekitar 30x30 Pixel.<br /><br />* Upload gambarnya ke <a href="http://picasaweb.google.com/" rel="nofollow" target="_blank">Picasaweb Album</a> di akun Blogger Anda<br /><br />* Copas url link gambarnya dan simpan di kode-kode seperti ini:<br /><br /><div style="background-color: #fafafc; border: 1px solid #ddd; padding: 10px; text-align: left;">#menu-items ul li {display: inline; font-weight: bold; list-style-type: none; padding: 5px 5px 5px 0; margin: 0; }<br />#menu-items li span.home { background: url('<span style="color: red;">link gambar ikon di sini</span>') no-repeat; padding: 0 0 0 20px; }<br />#menu-items li span.about { background: url('<span style="color: red;">link gambar ikon di sini</span>') no-repeat; padding: 0 0 0 20px; }<br />#menu-items li span.contact { background: url('<span style="color: red;">link gambar ikon di sini</span>') no-repeat; padding: 0 0 0 20px; }</div><div style="background-color: #f6f6f6; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18.2000007629395px; margin-bottom: 10px; outline: none; padding: 0px;"></div><br />* Setelah link gambarnya terisi, Copas semua kode di atas dan tempatkan di atas kode <b>]]</b:skin></b><br /><b><br /></b><b>3. Save template!</b><br /><br />Kini, mestinya, menu blog Anda sudah disertai gambar ikon atau symbol. Kalo ternyata hanya bikin "rame" dan mengurangi "kebersihan" tampilan blog, gak usah dipasang, apalagi jika mengurangi keceparan loading. (http://contohblognih.blogspot.com).*</div>

Cara Menambah Gambar Ikon di Navigasi Menu Blog

Cara Menambah Gambar Ikon di Samping Daftar Navigasi Menu Blog BANYAK template blog menggunakan ikon, simbol, atau gambar kecil di samping ...

Baca selengkapnya »

Mengatasi Remove Render-Blocking JavaScript untuk Loading Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF4vigr66H-5bXP7RCIpoXRQC8ZTV91nz4LOb7uk5WwxamNVsF0h8A95_lENf0HTK3MT6loJQRT8OWRsbhnn32RegIoadajqHGbuNNIHqVIhjgCilVuktIogf_6mHXAt5DHQq338MS-KE0/s1600/load+faster.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Mengatasi Remove Render-Blocking JavaScript dan Optimize CSS Delivery" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF4vigr66H-5bXP7RCIpoXRQC8ZTV91nz4LOb7uk5WwxamNVsF0h8A95_lENf0HTK3MT6loJQRT8OWRsbhnn32RegIoadajqHGbuNNIHqVIhjgCilVuktIogf_6mHXAt5DHQq338MS-KE0/s1600/load+faster.JPG" title="Mengatasi Remove Render-Blocking JavaScript dan Optimize CSS Delivery" /></a></div><div><b>Cara Remove Render-Blocking JavaScript dan Optimize CSS Delivery untuk Mempercepat Loading Blog.</b></div><div><br /></div><b>SAAT</b> kita ngecek kecepatan loading blog di <a href="https://developers.google.com/speed/pagespeed/insights/" rel="nofollow" target="_blank">Google Page Speed Insights</a>, suka muncul saran-peringatan "Harus Diperbaiki" (<i>Should Fix</i>) "Remove Render-Blocking JavaScript". Itu jika template blog kita ada JavaScriptnya. <div><br /></div><div>Google juga ngasih tau <a href="https://developers.google.com/speed/docs/insights/BlockingJS" rel="nofollow" target="_blank">Cara Mengatasi Render-Blocking JavaScript</a> itu sebagai berikut:</div><div><br /></div><div>Ubah kode JavaScriptnya dari yang semula:<br /><b><script type="text/javascript" src="<span style="color: red;">kode.js</span>"></script></b><br /><br /><b>MENJADI begini:</b></div><div><br /></div><script type="text/javascript"><br /><div><b><span style="color: red;">/* Isi File JavaScript di Sini */</span></b><br /><div></script><div><br /></div><div>Contohnya, dari semula begini:</div><div><script type="text/javascript"<b> </b>src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js></script></div><div><br /></div><div><b>Diubah menjadi:</b></div><div><script type="text/javascript"><br /><div><pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="color: #990000;">/*! jQuery v1.8.3 jquery.com | jquery.org/license */<br />(function(e,t){function _(e) ... dan seterusnya dst... hingga (window);</span></pre><div></script></div></div></div><div><br /></div><div><i>Cara mengetahui isi kodenya: copas link <b><span style="background-color: white;"><span style="color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 22.3999996185303px;">http://...........</span> min</span><span style="background-color: white; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 22.3999996185303px;">.js</span> </b>di address bar, akan muncul deretan kode js nan panjang bingits.</i></div><div><h3><b>Optimize CSS Delivery</b></h3>Se,ain itu, saran Google lainnya di Page Speed adalah <a href="https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery" rel="nofollow" style="background-color: #f7f7f7; color: #6611cc; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 22.3999996185303px; text-decoration: none;" target="_blank">Optimize CSS Delivery</a>, yaitu mengubah kode CSS agar blog lebih fast loading. Caranya, masih dari Google, adalah sebagai berikut:</div><div><br /></div><div>Conrohnya, kode CSS yang tadinya seperti ini:<br /></div><div><b><link rel="stylesheet" href="</b><span style="background-color: white; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 22.3999996185303px;"><b>http://..... </b></span><b>small.css"></b></div><div><br /></div><div>Isi <b>small css</b>-nya dibuka dulu (copas link <span style="background-color: white; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 22.3999996185303px;"><b>http://..... </b></span><b>small.css </b>di address bar) dan akan muncul, misalnya, kode seperti ini:</div><div><br /></div><i>.blue {color: blue;}</i><br /><div><b>Diubah Menjadi begini:</b></div><div><br /></div><style><br /><i>      .blue{color:blue;}</i><br />    </style><div><br /></div><div>Tutorial Mengatasi Remove Render-Blocking JavaScript dan Optimize CSS Delivery ini <a href="http://contohblognih.blogspot.com/" rel="nofollow" target="_blank">CB</a> posting sekadar menyimpan salah satu dokumentasi tips mempercepat loading blog, biar gak buka Panduan Google terus jika butuh. </div><div><br /></div><div>Banyak template yang dimodif, di antaranya dengan cara di atas, sehingga loading time-nya lebih baik alias lebih fast loading. (http://contohblognih.blogspot.com).*</div></div></div>

Mengatasi Remove Render-Blocking JavaScript untuk Loading Blog

Cara Remove Render-Blocking JavaScript dan Optimize CSS Delivery untuk Mempercepat Loading Blog. SAAT kita ngecek kecepatan loading blog di...

Baca selengkapnya »

Praditya MyID

[Bisnis Online][slider][Bisnis Online][5]

Cara Menghindari & Mengatasi Komentar Spam di Blog

Featured Post Image Slider untuk Blog - Manual dan Otomatis

Cara Membuat Sitemap Daftar Isi Blog Fast Loading

Banyak Juga Alamat Blog yang Menggunakan Kata "Nih"

Cara Menambah Gambar Ikon di Navigasi Menu Blog

Mengatasi Remove Render-Blocking JavaScript untuk Loading Blog

[Bisnis Online][horizontal][Bisnis Online][5]

[Template Blog SEO][slider1][recent][9]

[New Johny Wuss][hot][New Johny Wuss][3]

[Featured][vertical][Featured][5]

[Blogging][vertical][Blogging][5]

[Software][combine][recent][5]

[Berita][gallery1][random][10][http://yogimages.com]