Cara Mempercepat Loading Blog dengan Mudah dan Jitu

UPDATE 4 AGUSTUS 2015

Sobat BLOGGER. Sudah tidak bisa dipungkiri lagi bahwa salah atu faktor utama yang harus diperhatikan para blogger adalah kecepatan loading blog atau situs website. Hal sudah banyak sekali di kemukakan oleh para web master blogger dunia.

Selain daripada itu, kecepatan loading menjadi salah satu faktor SEO yang harus dimiliki sebuah blog yang berkualitas. Misalkan saja ulasan yang disampaikan MBT terkait hal ini.

Tak kalah penting alasan yang perlu saya kemukakan topik bahasan ini, yakni:

"Google sangat membenci loading blog yang berat dan lemot alias lambat"

Untuk memperoleh gambaran EKTRIM dampak dari kecepatan loading terhadap trafik dan pagerank, silakan baca artikel berikut [klik di sini].

Cara Mudah Mempercepat Loading Blog
Berdasarkan informasi yang telah saya sampaikan di atas, maka di bawah ini ada beberapa hal yang perlu dilakukan guna mengatasi masalah tersebut. 

Ada beberapa cara yang bisa dilakukan guna memepercepat loading blog, antaralain:

1. Jangan menggunakan gambar sebagai background blog
2. Optimasi Remove Render-Blocking JavaScript untuk Loading Blog
3. Hapus kode FTML yang tidak diperlukan
4. Hapus CSS yang Tidak Digunakan

Itulah cara mudah yang telah saya terapkan di berbagai template untuk mempercepat loading blog.

1# Jangan Gunakan Gambar sebagai Background Blog

Berikut kata Google berkaitan dengan hal itu:

Images and Media
The more images, videos and other multi-media you have on your blog the longer it will take to load. However, images and other multimedia are important to attracting users to your blog, so it is important to optimize the load speed of your images and media. Here are a few tips to increase the load speed of your media:

1. 1. Decrease the size of your images or use thumbnails that link to the full-size image.
2. 2. If you use third party images, consider uploading them to Picasa Web Albums via the Blogger post editor.
3. 3. If you have a large number of images to display, you can upload all your images (from a vacation or event) to a Picasa Web Album and link to the album in your post or sidebar.

Untuk mengatasi hal itu, silakan ganti background blog Sobat dengan kode warna HTML atau kode CSS/HTML.

Cara Merubah Background dengan Kode Warna HTML
1. Masuk akun blogger
2. Pilih template > Edit HTML
3. Temukan (Ctrl+F) kode body {background:# ....}
3. Ganti dengan kode berikut seperti ini:

body {background:#000;}

Catatan:
- Di belakang kode warna biasanya ada kode lain, seperti color:#444 dsb. Jangan sampai kehapus!

- Kode #000 adalah warna hitam. Silakan pilih warna lain di Kode Warna HTML.

2# Optimasi Remove Render-Blocking JavaScript
Untuk menangani masalah ini, silakan baca petunjuk dari google njeh, sudah lengkap sekali kok.

3# Hapus kode HTML yang tidak diperlukan

Kode-kode HTML yang bisa memperngaruhi kecepatan loading blog diantaranya ada empat. Silakan hapus kode berikut, diantaranya:

• Kode <b:include name='feedLinks'/>
• Kode QuickEdit dan Share Buttom

Cara menghapusnya sangat mudah banget kok, seperti biasa:

• Masuk akun blogger
• Pilih template > edit HTML
• Cari dan temukan kode-kode di atas dan hapus

Berikut ini ilustrasinya:

Note: Silakan hapus kode yang berwarna kuning pada gambar di atas njeh.

Kode-kode di atas selain bermanfaat untuk mempercepat loading blog, juga bisa meningkatkan skor SEO. Lebih lengkapnya, silakan ulas artikel cara membuat skor SEO 100% versi Chkme.

4# Hapus CSS (Cascading Style Sheet) yang Tidak Digunakan

CSS (Cascading Style Sheet) adalah sebuah aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Kode CSS tersebut yang akan memberikan "tampilan dan gaya "khas" dari paraa desainernya.

Untk menemukan kode CSS tersebut, letaknya di antara kode <b:skin> dan </b:skin> di dalam template mode HTML.

Bagaimana cara menghapus kode CSS yang tidak terpakai secara otomatis di dalam blog kita?

Cara cukup mudah. Namun sebelum melangkah ke situ, alangkah baiknya Sobat memerikasa terlebih dahulu template blog yang digunakan, apakh memang terdapat kode CSS yang tidak digunakan atau tidak. Jika memang saih ada, silakan lakukan perbaikan. 

Untuk mengecek ada tidaknya kode CSS yang tidak digunakan, langkahnya sebagai berikut:

1. Kunjungi alamat URL berikut Unused CSS
2. Copas semua kode antara kode <b:skin> dan </b:skin>
3. Klik "Compress It!"
4. Akan terbuka halaman baru berisi CSS yang telah di kompresi.
5. Copas kode hasil kompresi tersebut ke dalam kode diantara <b:skin> dan </b:skin>
6. Save template

Ketika kita sudah melakukan kompres terhadap kode CSS tersebut, kode CSS akan menjadi lebih "rapar" dan "ringkas". Hal itulah yang bisa membantu meningkatkan kecepatan loading blog kita.

Kesimpulan

Ketika kita sudah memutuskan untuk membangun blog yang berkualitas, maka syarat mutlak yang harus kita tentukan pertama kali adalah bagaimana caranya loading blog kita bisa sangat cepat. Maka, pilihlah dengan cermat template yang Sobat gunakan. 

Karena tips kali ini terletak di dalam template yang kita gunakan. Jika Sobat bisa bijak dalam memilih template yang fast loading, maka selanjutnya fokus pada konten. 

Namun demikian, karena saat ini sudah muncul algoritma terbaru Google berkaitan dengan keberlangsungan sebuah blog atau situs website, maka gunakanlah template yang benar-benar memuat kesemua syarat yang ditentukan oleh google, diantaranya:

1. Resposnive template
2. SEO template
3. Fast loading template
4. User friendly template

Empat faktor dasar itulah yang menjadi syarat utama google dalam menilai sebuah website/blog berkualitas dan layak diindek ke dalam search engine atau tidak. Oleh karena itu, gunakanlah template yang memenuhi kriteria google di atas.

Berikut koleksi template dari SL Blogger yang sudah menjalani dan lolos uji kelayakan sesuai kriteria di atas, yakni Responsive, SEO, Fast Loading dan User Friendly.

1. SL Super Fast (Best blogger template 2015)
2. SL Wuss V2
3. SL Wuss V3
4. SL Wuss V4
5. SL Wuss Neo 2015
6. Pro Adsence V1
7. SL Geer
8. SL Papper

Demikian tips mempercepat blog kali ini. Semoga bermanfa'at.

Good luck and happy blogging!

Salam (http://forumblogindo.blogspot.com)

Cara Membuat 3 Kolom di Bawah Header Blog

Artikel ini sebagai lanjutan dari bahasan sebelumnya, yakni cara membuat dua kolom di bawah posting artikel pada bagian home page. 

Tujuan dari penambahan kolom ini, mungkin agak berbeda pendapat antara bloger satu dengan lainnya. Namun demikian, pastinya cara ini akan menambah "seru" dan "keren" sesuai dengan kebutuhan Sobat.

So, langsung saja berikut tutorialnya.

Cara Meudah Menambah Kolom di Bawah header
1. Baca do'a
2. Masuk akun blogger
3. Pilih template > edit HTML
4. Copas kode di bawah ini tepat di atas kode ]]></b:skin>

/* –- Top --*/
#top {
background:#fff;
margin-top:10px auto;
width:960px;
overflow:hidden;
font-size:12px;
padding:10px;
}
#top h2 {
background:#000 url(http://lh5.ggpht.com/
_7Y9pl24WpQY/Ss37F0ZA9kI/AAAAAAAAB2k/
c_ySi8QZg20/header_thumb%5B2%5D.jpg) repeat-x;
font-size:14pt;
font-weight:400;
text-align:center;
font-style:normal;
line-height:1.3em;
color:#fff;
padding:5px;
margin-top:-10px;
margin-left:-10px;
margin-right:-10px;
}
#top ul {
color:#333;
margin:0;
padding:0;
}
#top ul li {
background:url(http://2.bp.blogspot.com/
_7Y9pl24WpQY/SqkUYNZmPxI/AAAAAAAAA4U/
se2boblD4-M/s320/b3.gif) no-repeat;
list-style-type:none;
border-bottom:1px dashed #CCC;
margin:0 0 10px;
padding:0 0 5px 20px;
}
#top ul li a:hover {
margin:0px 0px 5px;
padding:0px;
}
#topcenter {
width:300px;
float:left;
margin-left:10px;
background:#fff;
padding:10px
}
#topleft {
width:280px;
float:left;
margin-left:10px;
background:#fff;
padding:10px;
}
#topright {
width:280px;
float:right;
margin-left:10px;
background:#fff;
padding:10px;
}

5. Copas kode di bawah ini tepat di atas kode <div id='header-wrapper'> biasanya letaknya di bawah kode </head>

<div id='top'>
<b:section class='top' id='topleft' preferred='yes' showaddelement='yes'>
</b:section>
<b:section class='topcenter' id='topcenter' preferred='yes' showaddelement='yes'>
</b:section>
<b:section class='topright' id='topright' preferred='yes' showaddelement='yes'>
</b:section>
</div>

6. Save template

Mudah bukan? Semoga bermanfaat.
Sumber:
http://www.maskolis.com/2011/03/membuat-3-kolom-di-bawah-header.html

Cara Membuat Kolom Widget di Bawah Posting Artikel Home Page

Sobat. Jika rekan-rekan ingin memodifikasi template, khususnya ada tambahan kolom widget di bawah posting artikel pada bagian home pages (halaman depan), akan ane berikan ulasanya sore ini.

Caranya tidak terlalu susah kok, cuma butuh energi dan kemauan aja. Tips desain kali ini saya sampaikan, karena untuk menambah cukup ruang bagi tampilan blog Sobat. Fungsi penambahan kolom widget ini nantinya akan menambah link internal dan eksternal, dan tentu bisa meningkatkan SEO blog.

Berikut langkah-langkahnya:
1. Baca do'a dulu njeh
2. Masuk akun blogger
3. Pilih template > edit HTML
4. Copas kode di bawah ini tepat di atas kode ]]</b:skin>

#post-kiri{padding-left: 5px;width: 290px;float: left;word-wrap: break-word;overflow: hidden;margin:0 8px 15px 8px;}.post-kiri a, post-kanan a {color:#555;font-size:13px}.post-kiri ul {list-style: none;color: #EAE9E8;margin: 0;padding: 0;}.post-kiri li {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0cOjK-cqn7xjGuYebQfFYSvi0selQDFtaAKM1763pzyLXnxT5W_NL93Wd0O9es3NTZSIEA4LSsBqvzVn45cFSUDiYTYF6oy-89x5BaQRHsBD1zWUGiJuK6Yoj8E_AvqxKe-0o2vKgJ4Q/s1600/bullet-list.gif) no-repeat 0 10px;text-indent: 0;line-height: 1.2em;border-bottom: 1px dotted #ddd;margin: 0;padding: 3px 0 3px 12px;}.post-kiri h2 {font-size: 15px;font-family: Oswald;}
#post-kanan{padding-left: 5px;width: 290px;float: left;word-wrap: break-word;overflow: hidden;margin:0 8px 15px 8px;}.post-kanan a, post-kanan a {color:#555;font-size:13px}.post-kanan ul {list-style: none;color: #EAE9E8;margin: 0;padding: 0;}.post-kanan li {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0cOjK-cqn7xjGuYebQfFYSvi0selQDFtaAKM1763pzyLXnxT5W_NL93Wd0O9es3NTZSIEA4LSsBqvzVn45cFSUDiYTYF6oy-89x5BaQRHsBD1zWUGiJuK6Yoj8E_AvqxKe-0o2vKgJ4Q/s1600/bullet-list.gif) no-repeat 0 10px;text-indent: 0;line-height: 1.2em;border-bottom: 1px dotted #ddd;margin: 0;padding: 3px 0 3px 12px;}.post-kanan h2 {font-size: 15px;font-family: Oswald;}

5. Cari (Ctrl+F) kode <div id='main-wrapper'> dan biasanya seperti di bawah ini:

<div id='main-wrapper'><b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/></b:section></div>

6. Copas kode di bawah ini tepat di bawah kode </b:section> atau sebelum kode </div>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='post-kiri' id='post-kiri' preferred='yes'/>
<b:section class='post-kanan' id='post-kanan' preferred='yes'/>
</b:if>

7. Save template

Setelah melakukan langkah di atas, silakan buka layout (tata letak), akan muncul dua buat kolom widget di bawah home page (halaman utama) seperti ilustrasi di bawah ini:

Untuk menggunakan dua kolom widget tersebut, sama persis dengan menambahkan widget baru kok. Berikut live demonya.

Keren kan?

Demikian tips SEO kali ini. Semoga menambah wawasan dan ilmu tentang ngeblog, aamiin.

Salam.(http://forumblogindo.blogspot.com/).*

Sumber:

http://contohblognih.blogspot.com/2015/02/menambah-dua-kolom-widget-di-bawah-blog-posts.html

SL Wuss V2 Responsive, SEO and Fast Loading Blogger Template

Template Blogger Tercepat, Responsive SL Blogger Terbaru 2015

Sobat. Dalam kesempatan ini, di bulan Ramadhan yang penuh berkah kita tetap harus penuh semangat dan berkarya. betul tidak? Hal itu menjadi ciri khas umat muslim sejati, hehe.

Untuk menambah koleksi template rekan-rekan semua, kali ini akan ane berikan info template terbaru dari SL Blogger, yakni SL Wuss V2.  

Tentu saja  Template ini diberi nama SL Wuss V2 bukan tanpa alasan. Rekan-rekan akan bisa menemukan ciri khas template ini sehingga bisa menjadi rujukan oleh SL BLogger dalam memberikan julukan template ini. Saking cepatnya, template ini terdapat julukan "wuss".

Seperti yang telah kita ketahui, setelah suskses dari template sebelumnya, yakni SL Wuss V1, template ini agak berbeda. Perbedaannya pada beberapa hal penting, yakni:

1. Tidak menggunakan kotak kecil sebagai tempat posting artikelnya. Modelnya bisa rekan lihat lebih jauh pada demo.
2. Sudah optimasi SEO dan loading super cepat (cuma butuh 1 sekian detik page load nya)
3. Sudah menggunanakn featured post slider otomatis responsive, besisi 4 posting artikel 

Lebih jelasnya, berikut kelebihan dan fitur yang disajikan dalam template SL Wuss V2 ini.

Fitur Template SL Wuss V2
Beberapa hal pokok yang dilakukan oleh SL Blogger dalam redesighn template, sehingga mempunyai kelebihan sebagai berikut:

1. Super SEO (100% versi Chkme)
2. Super Fast Loading (cuma butuh 1 sekian detik saja. tepatnya 1,53 detik dalam pengujian kecepatan loading versi GTmetrix per tanggal 19 Juni 2015 jam 13.53 WIB)
3. Clean blogger template
4. Desain elegan minimalis dan sangat ringan
5. User Friendly, karena hanya perpaduan 3 warna saja, yakni hitam, biru dan putih
6. Desain premium blogger template
7. Free download
8. etc

Itulah beberapa hal yang bisa Sobat jadikan rujukan dalam menggunakan template SL Wuss V2 kali ini. Untuk selanjutnya, bisa rekan-rekan buka live demo dan link downloadnya di bawah ini:

Demo | Download

Versi Modifikasi

Sangat keren kan? Jika ingin mempunyai blog dengan kecepatan loading yang luar biasa, maka template SL Wuss V2 ini sangat direkomendasikan bagi rekan blogger semua.

Cara Instalasi SL Wuss Blogger Template

Hal yang perlu Sobat lakukan dalam menggunakan template ini ada beberapa hal, yakni:

1. Cara mengatifkan kotak featured post slider otomastis

• Jangan lupa berdo'a dulu njeh
• Bukan akun blogger
• Pilih tata letak (layout) > pilih tambahkan gadget pada top-main 1 (add gadget)
• Pilih Html/JavaScript > Copas kode di bawah ini di gadget tersebut
• Save

Kode fatures post slider otomatis:

<div id="randompostxx"></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
RandomPost({
MaxPost:4,
RandompostActive:false,
idcontaint:"#randompostxx",
ImageSize:200,
tagName:false
});
});
//]]>
</script>

***.Note:

Jika ingin mengatur judul posting yang keluar secara otomatis bergaintian, silakan gantu kode html yang berwarna merah di atas dengan kode true

2. Pengaturan Menu Navigasi

Silakan Sobat ganti menu navigasi di dalam template ini sesuai dengan kebutuhan dengan mengikuti langkah berikut ini:

1.  Jangan lupa berdo'a
2. Login akun blogger
3. Pilih template > Edit Html
4. Cari kode di bawah ini (warna biru dan merah) ganti sesuai dengan keinginan Sobat
5. Save template

Kode navigasi menu yang perlu disesuaikan:

<li><a href='#'>Menu</a></li>
<li><a href='http://forumblogindo.blogspot.com'>Contoh Blog</a></li>
<li><a class='prett' href='#'>Drop Donwn 1</a>
<ul class='menus'>
 <li><a href='http://rohmatislam.blogspot.com/p/jadwal-sholat-fardhu-untuk-berbagai.html'>Hikayah</a></li>
 <li><a href='http://rohmatislam.blogspot.com/p/qur-online.html'>Al-Qur&#39;an Online</a></li>
</ul>
</li>
<li><a class='prett' href='#'>Drop Donwn 2</a>
<ul class='menus'>
 <li><a href='http://rohmatislam.blogspot.com/p/jadwal-sholat-fardhu-untuk-berbagai.html'>Jadwal Sholat</a></li>
 <li><a href='http://rohmatislam.blogspot.com/p/qur-online.html'>Al-Qur&#39;an Online</a></li>
</ul>
</li>
<li><a href='http://www.sahiltemplate.blogspot.com'>Download this Template </a></li>
<li><a href='http://forumblogindo.blogspot.com/'>More</a></li>

Keterangan:

• warna merah mennjukkan alamat URL link terkait nama menu navigasi
• warna biru menunjukkan nama menu navigasi yang muncul di blog

3. Instalasi media sosial di sidebar blog

Untuk link follow melalui media sosial yang ane pasang di Demo, tidak saya pasang di dalam template ini, melainkan melalui penambahan gadget saja. Jika ingin menggunakan link follow melalui media sosial book marking seperti di Demo, silakan baca artikel sebelumnya [di sini].

Demikian panduan instalasi template SL Wuss V2 ini. Semoga bisa menambah kualitas blog Sobat.

Jika terdapat beberapa hal yang sekiranya belum faham dan menimbulakan pertanyaan, silakan tinggalkan pesan njeh. Selamat berpuasa Romadhon njeh.

Salam.

(http://forumblogindo.blogspot.com).*

Cara Mengatasi Komentar Spam di Blog dengan Mudah dan Ampuh

Sobat. Pada era saat ini ternyata masih ada juga yang suka berkomentar spam pada blog kita. Tentu rekan-rekan semua sudah tidak asing lagi dengan yang namanya komentar spam. 

Secara ringkas, komentar spam merupakan sebuah aktifitas yang dilakukan oleh seseorang baik secara manual atau otomatis yang ditujukan pada sebuah website situs atau blog tertentu dengan tujuan untuk mendapatkan backlink, media promosi dan lain-lain.

Setidaknya dua hal tersebut yang saya alami sendiri selaku pengelola blog ini dan blog lain. Jika ingin memperloleh pemahaman istilah spam yang lebih banyak, silakan baca srtikel dari blog Sahilluqman.

Namun demikian, akibat yang pasti dari aktifitas spam adalah "sangat merugikan" bagi blog yang diserang dan pengguna itu sendiri.

Kenapa Spam sangat merugikan blog kita?

Sobat harus ingat. Bahwa pada saat sekarang ini (sebenarnya sudah beberapa peride waktu yang lalu) mesin pencari misalkan Google sangat membenci aktifitas spam. Tidak hanya sekedar "benci", namun Google juga berupaya memberikan kiat-kiat dan saran-saran petunjuka bagi para blogger atau pengelola sebuah website untuk menanggulangi aktifitas spam tersebut.

Seberapa besar dampak yang akan kita dapatkan jika terkena spam?

Jika diukur seberapa besar dampaknya bagi blog atau website yang terkena aktifitas spam, kita harus merujuk dari pendapat Google di atas. Kenapa saya mengambil pendapat dari Google? Karena untuk saat ini, Google masih menjadi mesin pencari no satu dunia. Sehingga sangat jelas kita merujuk pada satu tools mesin pencari, yakni Google. Bisa juga rekan-rekan membandingkannya dengan mesin pencarian yang lain, misalkan yahoo dan lain-lain.

Kembali pada pokok bahasan. Kerugian bagi blog yang terkena aktifitas spam adalah turunnya trafik, page rank dan kualitas sebuah blog. Hal itu bisa dilihat dari beberapa tools cek page rank blog kita. Selain daripada itu, tentu pembaca atau pengunjung blog kita juga akan memberikan penilaian negatif. Penilaian tersebut tertuju pada faktor kebersihan dan keramahan serta kepedulian pemilik blog.

Lalu bagaimana cara mengatasi komentar spam pada blog kita? Silakan simak ulasan di bawah ini secara seksama.

Apa yang Harus Kita Lakukan Jika Terlanjur Terkena Spam

Jika website atau blog Anda sudah terlanjur terkena spam, maka tidak ada jalan lain untuk segera "melakukan evaluasi" terhadap keberadaan blog kita. Secara sistematis hal yang perlu kita lakukan segera akibat terkena serangan spammer adalah sebagai berikut:

1. Meninjau segala bentuk aktifitas komentar di blog kita
2. Menghapus komentar spam
3. Memproteksi blog dari aktifitas spam

Ketiga hal di atas wajib dilakukan. Jika tidak, maka yang terjadi blog kita akan menjadi sarang spam. Hii, mengerikan!

Cara Mudah Mengatasi Komentar Spam pada Blog

Seperti yang telah saya ulas pada muqoddimah di atas, kita WAJIB menanggulangi aktifitas spam di blog yang kita kelola. Hal ini berguna untuk memproteksi blog kita dari serangan para spammer.

Berikut ada beberapa cara yang bisa kita lakukan untuk menghilangkan dan meminimalkan masuknya aktifitas spammer.

1. Melalui Moderasi Komentar

Cara termudah menghindari komentar spam adalah dengan melakukan setting moderasi komentar di blog kita. Tujuannya adalah untuk selalu memferifikasi segala bentuk aktifitas komentar yang dilakukan oleh pembaca. Cara ini sangat manjur sekali. Berikut langkah-langkah melakukan tips pertama ini.

Untuk memoderasi komentar yang masuk, maka lakukan setting berikut ini:

1. Masuk akun blogger

2. Pilih Settings > Posts and comments

2. Comment moderation > Always!

2. Melalui Cara Otomatis Mencegah Komentar Spam

Perlu rekan-rekan ketahui. Walaupun kita sudah menerapkan cara yang pertama di atas, ada kemungkinan masih kecolongan oleh spammer. Karena pada dasarnya aktifitas spam dapat dilakukan secara otomatis menggunakan mesin. Sehingga, kita perlu melakukan pengamanan berlapis terhadap situs website atau blog yang kita kelola.

Cara yang saya maksudkan pada langkah ini adalah dengan melakukan optimasi terhadap blog kita. Optimasi blog kita ini dilakukan dengan cara menambahkan beberapa kode khusus. Kode khusus ini selanjutnya kita sematkan di dalam blog kita. 

Adapun langkah-langkahnya adalah sebagai berikut:

1. Masuk akun blogger

2. Pilih Template > Edit HTML

3. Copas salah satu kode di bawah ini tepat di atas kode </body>

Kode Anti Spam # Pertama

<script type='text/javascript'>

$(function() {

    $('#comment-holder p').find('a').remove();

});

</script>

Kode Anti Spam # Kedua

<script>

$('.comment-contenta[rel$=nofollow]').replaceWith(function(){return ($(this).text());});

</script>

Kode Anti Spam # Ketiga

<script type='text/javascript'>

//<![CDATA[

$(function(){$('#comments p').find('a').contents().unwrap();});

//]]>

</script>

Kode Anti Spam # Keempat

<script type='text/javascript'>

//<![CDATA[

function blockLinks(parentID, children) {

    var parent = document.getElementById(parentID),

        content = parent.getElementsByTagName(children);

    for (var i = 0; i < content.length; i++) {

        if (content[i].innerHTML.indexOf('</a>') !== -1) {

            content[i].innerHTML = "<mark>No live link!!!</mark> No SPAM Here!!!";

            content[i].className = "spammer-detected";

        }

    }

}

blockLinks('comment-holder', 'p');

//]]>

</script>

Saya sendiri menggunakan kode yang keempat dan ditambah kode CSS. Kode CSS yang saya maksud terdapat pada cara mengatasi komentar spam di bawah ini.

3. Melalui Kode CSS Anti Komentar Spam

Sobat. Aktifitas spam yang tertuju pada blog kita tidak sekedar melalui "tulisan sampah" saja. Namun bisa juga melalui komentar yang menautkan link hidup (hyperlink). Hyperlink inilah yang sebenarnya menjadi perhatian khusus. Karena, secara bahasa pemrogramanan HTML, link hidup ini akan mudah sekali dibaca oleh mesin pencari sebagai aktifitas yang tidak wajar, walaupun komentar yang dilakukan oleh rekan-rekan spammer masih dalam koridor topik bahasan.

Dengan melakukan optimasi SEO blog melalui penambahan kode CSS ini, maka 

link hidup atau tautan aktif tidak akan muncul. Kode ini bekerja hanya menyembunyikan hyperlink, tidak menghapusnya.

Berikut langkah-langkah optimasi blog kita mengatasi aktifitas komentar spam melalui kode CSS:

1. Masuk akun blogger

2. Pilih Template > Edit HTML

3. Copas salah satu kode di bawah ini tepat di atas kode ]]></b:skin>

#comment-holder p a {display:none;}

atau

.comment-content a {display: none;}

Demikian ulasan singkat cara mengatasi komentar spam di blog. Semoga tips ini bisa menambah kualitas blog rekan-rekan.

Salam.

Sumber:

Blog Zombie Page Rank 4 Gratis dan Berkualitas

Sahabat. Tidak mudah bagi seorang newbie untuk mendapatkan trafik atau page rank yang tinggi secara instan. perlu kerja keras membangun blog yang ia buat. 

Tidak pula hanya sekedar menuangkan ide gagasan yang ada dalam otak kita, namun tetap memerlukan kemahiran dalam menulis.

Singkat cerita, sebuah blog yang berkualitas yang digandrungi oleh pembaca setia memang dikelola oleh orang yang benar-benar tak kenal lelah. Dengan berbagai upaya "positif" dipegang dengan harapan mendapatkan peringkat bagus di google. Dengan berbagai kemahiran SEO yang dimiliki terkadang masih merasa kurang dalam penerapannya.

Tidak hanya itu, saking banyaknya tutorial, tips trik SEO dan berbagai cara apapun telah ditempuh guna mencapai satu tujuan, yakni page rank yang baik di mesin pencari. Namun lagi-lagi terkendala dengan keterbatasan kemampuan. 

Apa cuma sampai di situ saja usaha Anda?

Dalam pembahasan kali ini, mungkin agak sedikit berbeda dengan judul topik. Namun tidak demikian juga. Maksud dari pembahasan kali ini adalah bagaimana caranya kita bisa "segera" memiliki sebuah blog atau website yang "berpage rank tinggi". 

Wow, apakah terlalu lebay pemikiran seperti itu?

Saya kira tidak juga. Namun perlu diingat, ada salah satu cara untuk mencapai tujuan tersebut, yakni dengan "mendapatkan blog zombie page rank tinggi".

Ada yang sudah tahu belum blog zombie?

Blog zombie adalah sebuah situs yang sudah dihapus oleh pemiliknya namun alamat URLnya masih bisa didaftarkan menjadi blog baru. Itu artinya, blog yang sudah lama dihapus (bisa juga blog baru) akan bisa digunakan kembali dengan jalan didaftarkan kembali sebagai blog baru.

Adakah hal yang istimewa dari hal itu?

Tentu saja ada Sob. Coba saja kita analogikan, ada seseorang yang sudah lama memiliki sebuah website atau blog dengan kualitas bagus, namun karena keadaan tertentu si Admin menghapusnya dari "peredaran" dunia maya. Alhasil, maka blog tersebut ada kemungkinan bisa kita manfaatkan kembali (dari segi page rank dan umur blog). 

Hal itulah salah satu keuntungan bagi newbie untuk mendapatkan salah satu modal membuat blog berkualitas.

Sudah faham kan Sob?

Tidak usah berlama-lama. Kali ini akan kita ulas bagaimana caranya mendapatkan blog zombie berpage rank tinggi.

Kenapa di dalam judul artikel ini mesti berpage rank 4 mas?

Sebenarnya tidak mesti page rank 4 kok. Namun pada dasarnya, sebuah website apabila mempunyai page rank 4 atau lebih, maka bisa dipastikan berkedudukan bagus di mesin pencari. Semakin tinggi semakin bagus. 

Lalu page rank itu dimulai dari angka berapa mas?

Page rank sebuah situs ya dimulai dari angka nol. Sehingga, semakin tinggi page ranknya, maka semakin bagus posisinya di mesin pencari atau google. Dengan alasan itulah, saya menggunakan angka empat dalam judul artikel ini. Walaupun demikian sebuah situs dengan page rank satu pun juga sudah bagus kok. Karena untuk mendapatkan nilai page rank satu, sudah memerlukan berbulan-bulan bahkan tahunan Sob. So, mari kembali pada cara mudah memperoleh blog zombie berpage rank tinggi.

Cara Mendapatkan Blog Zombie Page Rank Tinggi Gratis
Sobat, mohon diperhatikan dengan seksama njeh.
1. Siapkan tools yang harus digunakan, yakni browser mozilla, Add Ons SEO Quake dan Add Ons Link Checer. Silakan gunakan Mozilla sebagai default bowsing dan pasang kedua Add Ons SEO tersebut.
2. Silakan gunakan Footprint di bawah ini > di dalam mesin pencari google

site:blogger.com/profile "kata kunci"
site:blogger.com/profile admin = "kata kunci"
site:blogger.com/profile keyword "kata kunci"
site:blogger.com/profile keyword Location: "negara"
site:blogger.com/profile keyword On blogger since "bulan dan tahun"
site:blogger.com/profile keyword Gander: "jenis kelamain"

Contoh penerapannya 

site:blogger.com/profile "Template SEO"
site:blogger.com/profile admin = "Template SEO"
site:blogger.com/profile keyword "Template SEO"
site:blogger.com/profile keyword Location: "Indonesia"
site:blogger.com/profile keyword On blogger since "June 2015"
site:blogger.com/profile keyword Gander: "Female" 

3. Setelah melakukan langkah ketiga, akan muncul banyak sekali profil blogger di google. Maka pilihlah salah satu atau semuanya (klik salah satu dulu profil blogger) bukan profil google plus.  Misalkan seperti screen shot di bawah ini:

4.Ketika sudah di klik akan muncul berbagai blog peribadi dan blog yang diikuti. Salah sat contonhnya seperti ilustrasi gambar di bawah ini:

5. Klik kanan salah satu link tersebut > pilih Check Page Links

Note:
- warna merah menandakan blog sudah dihapus oleh pemiliknya.
- Klik pada link warna merah tersebut. Jika masih bisa digunakan akan terdapat tulisan daftarkan (nama blog itu). Jika tidak, tidak terdapat keterangan tersebut.

6.Jika sudah memperoleh blog yang bisa diguanakan, itu artinya Sobat sudah mendapatkan blog zombie.
7. Silakan cari blog zombie yang berpage rank tinggi dengan melihat keterangan tools Ads Onn SEO Quake dan Moz Quick.

Demikian cara mudah mendapatkan blog zombie pagerank 4. Semoga bermanfaat. Salam.
(http://forumblogindo.blogspot.com/).*

3 Template Elegant Bergaya Premium Gratis Terbaru

Sobat. Kali ini akan ane bagikan template gratis bergaya premium dan sangat elegan sekali. Template ini sangat cocok sekali untuk blog personal atau pribadi. Namun juga sangat cocok untuk blog premium sebuah peruahaan. Keren banget pokoe.

Template ini merupakan hasil dari persembahan Mas Kolis sang Master template.Sehingga tidak perlu diragukan lagi ke SEO annya. Berikut template yang ane maksudkan:

1. Johny Jazzytube SEO Magazine Blogger Template

Demo | Download

Fitur:

• Desain premium blogger template
• Dua kolom
• Bukan responsive
• Ready SEO
• Simpel
• Minimalis
• For Magazine blogger or commercial blogger
• Free Download
• Etc

 2. Johny Sompret SEO Blogger Template

 

Demo | Download

Fitur:

• Desain premium blogger template
• Dua kolom
• Bukan responsive
• Ready SEO
• Simpel
• Minimalis
• For personal blogger or commercial blogger
• Free Download
• Etc

3. Johny Classicsite Blogger Template

Demo | Download

Fitur:

• Desain premium blogger template
• Dua kolom
• Bukan responsive
• Ready SEO
• Simpel
• Minimalis
• For personal blogger or commercial blogger
• Free Download
• Etc

Keren-keren kan templatenya?


Jika memang masih memerlukan referensi template blogspot dengan tampilan yang tak kalah keren, silakan buka aja SL Template. Dijamin SEO pokoe.


Semoga bermanfaat. Salam.

3 Teknik SEO Jitu Meningkatkan Traffic Blog di Search Engine

Sahabat. Banyak sekali cara yang dapat dilakukan oleh para blogger untuk meningkatkan trafik serta peringkat google engine.

Teknik yang mereka lakukan tentu dengan istilah yang sudah kita kenal selaku pengguna blog, yakni SEO. 

Berbicara SEO, alangkah baiknya sobat  membaca artikel memaksimalkan SEO di blog terlebih dahulu, sebelum menunutaskan artikel ini. 

Namun tidak ada salahnya juga apabila rekan-rekan membaca artikel ini sampai tuntas. Paling tidak, pemahaman dasar akan SEO bisa Anda peroleh dengan cukup.

Kembali pada topik bahasan kali ini. Peringkat sebuah situs atau blog di dalam search engine tidak bisa kita lepasakan dari teknik yang kita terapkan. Teknik SEO menjadi sebuah cara "paling ampuh" guna mendongkrak nama blog kita. Ibarat sebuah tools atau alat, SEO menjadi fondasi utama sampai kapanpun. Seperti halnya penjelasan cara membangun blog berkualitas yang telah saya ulasa pada artikel sebelumnya.

Banyak sekali ulasan dan tutorial yang telah diberikan para master bloggger dunia tentang SEO. Sehingga, banyak sekali cara SEO yang bisa diterapkan ke dalam blog kita untuk meningkatkan trafik di mesin pencari. Namun demikian, ada beberapa teknik SEO yang sudah saya terapkan yang bisa Anda coba terapkan untuk pembanding langkah mana yang sekiranya "cocok" diterapkan pada blog Anda. Beberapa tips ini sebagian juga saran dan panduan yang saya peroleh dari master blogger dunia.

Sobat. Memang tidak bisa dipungkiri, bahwa cara pandang SEO tahun ini dengan beberapa tahun kemarin sangat berbeda sekali. Teknik SEO pada masa "lampau", prosesnya seperti ini"

"Membuat website/blog > Optimasi SEO > peringkat situs tinggi > banyak pengunjung"

Coba bandingkan dengan cara pandang SEO saat ini, akan sangat berbeda sekali:

 "Membuat website/blog > membuat konten berkualitas > sosialisasi artikel kita > banyak pengunjung > peringkat blog tinggi"

Berbeda kan?

Oleh karena itu, cara berfikir yang mesti kita lakukan juga harus mengikuti "alur" pola SEO saat ini. Jika tidak demikian, yang terjadi blog Anda tidak akan eksis seuai harapan. Kecuali, kalau memang tujuan ngeblok hanya sekedar "asal". Ingat, niat akan mempengaruhi keberjalanan segala amaliah kita, hehe.

Tidak berlama-lama, berikut teknik SEO yang sudah saya terapkan. Jangan berfikir teknik ini memerlukan waktu yang lama untuk penerapannya lho. Cuma sebentar kok. Sehari butuh 1 jam insyalloh cukup. Tinggal pintar-pintar kita mengatur waktu saja.

Teknik # 1 - Tingkatkan Backlink Berkualitas
Tidak bisa kita pungkiri, bahwa backlink untuk saat ini masih menjadi faktor yang mempengaruhi trafik blog kita. Namun ada juga dari master blogger yang mengatakan bahwa untuk saat ini tidak lagi zamannya backlink. Namun demikian, saya masih berfikir backlink masih sangat membantu dalam meningktakan peringkat sebuah situs atau blog di mesin pencari.

Bagaimana cara kita mendapatkan backlink yang berkualitas?

Terkadang saking saangat "semangatnya", banyak para blogger yang hanya "asal" mencari backlink tanpa memperdulikasn kualitas backlink yang akan mereka peroleh. Padahal, hal itu malah akan membuat kualitas blog kita menurun. Maka saran saya, jangan terlalu gegabah dalam mencari backlink. Jangan gampang meminta backlink dari orang yang mempunyai situs website dengan reputasi yang masih dipertanyakan.

Beberapa ciri-ciri backlink berkualitas antara lain:

1. Backlink berasal dari situs/ website yang berperingkat tinggi (reputasinya bagus)
2. Backlink masih aktif
3. Mendapatkan ijin dari sang pemilik situs

Tiga ciri backlink tersebut bisa Anda gunakan sebagai bahan masukan saja. Jika mempunyai pendapat berbeda, its ok guys. paling tidak, itulah yang sudah Ane terapkan. Ada tips lain dalam mencari sebuah backlink yang berkualitas yang bisa Anda dapatkan secara gratis. Silakan kunjungi imtalk.org, dan isi form sesuai blog Anda, lalu submit. 

Selain cara tersebut, Anda juga bisa menerapkan tips SEO dengan cara merubah teks di website orang lain menjadi baclink. Cara cukup mudah kok, bisa dengan menghubungi secara langsung kepada pemilik website. Namun jangan lupa, website yang Anda minta sudah cukup bagus reputasinya.

Cara praktisnya sebagai berikut:

1. Buka Google dan lakukan pencarian dengan kata kunci “namawebsite” site:namawebsite.com (akan muncul daftar website yang menyebutkan nama website anda dengan tidak memunculkan alamat website anda sendiri)
2. Telusuri hingga halaman-halaman berikutnya. Terkadang di halaman 10 ke atas pun masih bisa anda temukan website seperti contoh di atas.
3. Supaya lebih praktis, masukkan kata kunci tadi ke Google Alerts supaya hasilnya langsung dikirimkan via email setiap kali muncul yang baru.

Mudah dan tidak membutuhkan waktu lama kan Sob?

Cara lain dalah bahasan tips pertama ini, yakni dapatkan link dengan memanfaatkan media sosial bookmarking, seperti facebook, twitter dll. Ada juga media sosial bookmarking yang bisa mendongkrak pengnjung blog kita, misalkan lintas.me.

Namun jangan suka "nyepam". Walaupun dengan menggunakan media sosial tersebut, spam tetap menjadi "mesin penghancur" blog kita sendiri. Gunakan etika komunikasi yang baik sesama rekan-rekan pembaca setia.

Hal lain yang bisa kita lakukan untuk mendapatkan link adalah dengan saling bertukar informasi akan sebuah kelimuan tertentu. Misalkan tentang blog. Semakin kita inten dalam berkomunikasi dengan rekan-rekan blogger lain, atau bahkan dengan master blogger, kita akan memperoleh banyak sekali tambahan pengetahuan, pengalaman dan tentunya backlink yang berkualitas.

Selain daripada itu, jika dari ulasan di atas kita hanya berkonsentrasi dengan memperoleh link dengan cara "meminta dengan santu", namun bagaimana jadinya jika kita menjadi penerima backlink secara cuma-cuma tanpa harus meminta?

Hal inilah yang dikatakan praktisi SEO Internasional sebagai linkable assets. Bagaimana caranya?

Langhkah termudah adalah menambahakan berbagai media penjelas di dalam setiap artikel kita. Misalkan:

1. PDF (ebook, checklist, workbook)
2. Foto original yang menarik
3. Grafik, tabel, dan visualisasi data lainnya
4. Infografis
5. Video, audio
6. Badge
7. Template

Dengan begitu, akan semakin banyak yang akan tertarik memberikan backlink kepada kita.

Teknik #2 - Pepanjang Artikel Posting Minimal 2500 Kata
Teknik SEO yang kedua ini yang jarang sekali dilakukan oleh para blogger. Padahal, salah satu faktor terbesar yang dapatkan meingkatkan "pengunjung" adalah adanya artikel yang benar-benar berkualitas. Kualitas yang saya maksud seperti isi artikel yang memang berbobot, memberikan penjelasan dengan gaya bahasa yang mudah dimengerti, edukatif, informatif dan membangun. 

Tidak mungkin artikel yang kita buat bisa berkualitas jika hanya berisi beberapa kalimat saja. Secara matematis, maka jika hitungan kalimatnya sedikit, maka jumlah katanya juga akan sedikit. Namun jika artikel yang kita sajikan sangat panjang, bagus, maka sudah "pasti" jumlah katanya akan semakin banyak.

Namun ada satu hal yang perlu Anda perhatikan. Apakah semua artikel yang panjang dengan jumlah minimal 1500 kata sudah tergolong SEO? 

Jawabannya "belum tentu". Kenapa demikian?

Karena tidak mungkin artikel yang panjang namun hanya berisi ulasan yang tidak berbobot, bahkan keluar topik bahasan akan disukai pembaca. Malah yang akan terjadi pembaca akan mencari referensi lain dengan kualitas bacaan yang lebih baik. Intinya cuma satu kok, yakni membuat sebuah artikel yang berkualitas. Jika masih bingung, silakan baca panduan membuat artikel SEO.

Berdasarkan penelitian yang dilakukan SerpIQ tentang faktor utama yang menyebabkan sebuah artikel bisa berada di halaman pertama Google, tersaji sesuai grafik di bawah ini:

Berdasarkan hasil data di atas, bisa kita tarik kesimpulan. Bahwa rata-rata artikel yang muncul di peringkat 1 - 3 Google adalah 2500 kata.

Sudah sangat jelas sekali. Tidak ada artikel yang muncul di halaman pertama google jika hanya berisi di bawah 2500 kata.

Namun jangan salah menerapkan tips kedua ini. Terkadang yang terjadi adalah "cara kuno", yakni hanya menyisipi sebuah artikel dengan kata-kata yang tidak nyambung dengan bahasan. Maka jangan salah jika dikatakan OOT (out of topic). Sehingga, biasakan menggunakan cara "natural" yang ada difikiran kita, lalu kita tulis dengan gaya bahasa yang lugas mudah dimengerti. Itu saja.

"Konten berkualitas adalah raja. Maka buat konten artikel yang berkualitas"

Tips ini memang selaras dengan teknik SEO tahun ini seperti yang telah saya jelaskan di atas.

Teknik # 3 - Buat Judul Konten Menarik Pembaca
Berdasarkan penelitan terkait SEO yang dilakukan Rand Fishkin dari Moz (praktisi SEO) pada bulan Juli 2014 lalu, memperoleh kesimpulan bahwa:

"Sebuah website yang mendapat banyak klik dari hasil pencarian, peringkatnya naik dari nomor 10 ke nomor 1".

Dari hasil penelitian tersebut, cukup menjadi perhatian kita.

Kenapa demikian?

Dengan begitu, kita akan berfikir, sebenarnya apa yang bisa membuat orang untuk membuka (klik) artikel yang kita sajikan di dalam meisn pencari google?

Jawabannya singkat saja, yakni Judul artikel.

Saya ibaratkan begini. Jika kita melakukan penilaian terhadap seseorang, maka tidak ada hal lain yang perlu kita perhatikan pertama kali, yakni penampilannya. Penampilan seseorang tak lepas dari yang disebut pakaian atau baju. 

Sama halnya dengan sebuah artikel posting blog kita. Judul artikel bisa kita asumsikan sebagai sebuah baju, dimana baju tersebut menjadi perhatian utama sebelum mengetahui isi detail yang ada di dalamnya. Maka, dengan judul artikel yang bagus, akan sangat menentukan seseoran untuk membuka tulisan kita.

Berikut tips untuk optimasi judul artikel yang baik:

1. Buat sedetail mungkin, jangan njlimet
2. Gunakan gaya bahasa yang lugas mudah difahami
3. Berikan penjelasan sedetail mungkin manfaat yang ada di dalamnya
4. Bisa menggunakan angka sebagai data
5. Bisa menggunakan kalimat tanya
6. Jangan menggunakan istilah "asing" (terkadang orang lain belum tahu)

Mudah bukan? Tidak ada yang sulit kok, asal kita mau berusaha. Untuk manambah "gaya gedor" judul blog kita, silakan lakukan riset keyword judul artikel dengan tepat.

Demikian tips SEO kali ini. Semoga bermanfaat.
Salam.