CARA GAMPANG PERCEPAT LOADING BLOG

CARA GAMPANG. Bermasalah dengan loading blog anda ? Berikut ini saya akan bagikan beberapa tips tentang Cara Gampang percepat loading blog yang dapat anda lakukan dengan mudah. Loading blog yang terlalu lama amat riskan bagi eksistensi blog itu sendiri, biasanya loading blog yang lama tersebut disebabkan oleh blog yang terlalu berat, yaitu memiliki berat diatas 100 kb. Blog yang terlalu berat inipun pada akhirnya akan mendapat dampak berkurangnya jumlah visitor yang datang dan tentu saja akan mempengaruhi peringkat blog pada hasil pencarian mesin pencari. Saya pun sekarang sedang terus berusaha untuk memperingan blog CARA GAMPANG ini.

Berikut ini beberapa cara untuk mengurangi berat sebuah blog  :

1. Hindari pemakaian widget atau gadget blog yang kurang bermanfaat.

Salah satu penyebab blog menjadi berat dan loadingnya lama adalah pemasangan widget yang terlalu banyak yang dipasang di blog. Memang ada beberapa widget yang wajib ada di blog, tetapi beberapa widget yang kurang memiliki manfaat untuk blog lebih baik dihapus saja. Selain dapat membuat blog lebih cepat loadingnya juga bisa membuat pengunjung blog fokus pada konten blog. Contohnya seperti widget calender, jam, beri makan ikan dll.

2. Kurangi pemakaian script yang berlebihan.

Pengunaan script baik itu CSS, HTML, dan JavaScript yang berlebihan membuat blog menjadi lebih berat sehingga membuat halaman blog terbuka lebih lama. Kita bisa memilih dan menghapus kode CSS yang sudah tidak berfungsi lagi yang ada di atas ]]></b:skin>. Atau bisa juga mengkompres script baik itu CSS, HTML, JavaScript, ataupun script blog secara keseluruhan agar loading blog lebih cepat. Salah satu tool yang bisa dimanfaatkan adalah http://htmlcompressor.com/compressor.html

3. Menambahkan script untuk mempercepat loading blog
Cara lain untuk mempercepat loading blog adalah dengan menambahkan script dari Laziload. Yaitu dengan menaruh script berikut ini ini tepat di atas kode </head>.

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/><script charset='utf-8' type='text/javascript'>$(function() {$(&quot;img&quot;).lazyload({placeholder :
&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3PwmF1rtIjrZMoZpu32H7y4s7OwWTviTUtiCbpAS-CEf4cs90qOyS1K9bZIprLgiY_NKVajVv-0b4lY9lBy1-JzW-pqYhS0ol3F4WL8WjffkcArqRK2apswSvbvZ1K-maTm_e2fTtv4Q/&quot;,threshold
: 200});
});
</script>

Khusus untuk penggunaan script ini, ada beberapa template blog sesuai yang bisa malah membuat blog tidak lebih cepat loadingnya. Untuk itu, setelah penambahan script di atas, coba lihat loading blog. Jika tidak lebih cepat, tidak usah dipakai.

4. Kurangi pemasangan iklan pada halaman homepage blog
Ya memang point yang satu ini agak berat, karena iklan kan dapat menghasilkan uang. Jika anda menggunakan sistem PPC pada iklan di blog anda, saya sarankan hanya 3 atau 4 iklan saja, posisinya di header 1, sidebar 1, dibawah postingan 2. Saya yakin pasti gk bakalan ada yang ngeklik kalo PPC kecuali trafik yang tinggi dan anda melakukan hal curang. Jika terlalu banyak iklan, kotak iklan ada yang tidak terload dan percuma saja.

5. Simpan semua kode teks java script di atas </body> 
Anda dapat mencari kode .js di lembar pengeditan template anda. Kenapa kok disimpan di atas </body> ? Karena ditempat tersebut kode javascript akan cepat ter-load. Jika anda tidak percaya, silahkan coba saja..

Demikianlah 5 (lima) Cara Gampang percepat loading blog, semoga dapat bermanfaat, bilamana ada yang ingin menambahkan, silahkan menulisnya pada kotak komentar.

CARA GAMPANG MAGAZINE FREE BLOGGER TEMPLATE

CARA GAMPANG blog untuk yang kesekian kalinya ingin berbagi template blogger gratis yang memiliki kualitas premium blogger dengan nama CARA GAMPANG Magazine Free Blogger Template. Template ini adalah template ke lima yang aku persembahkan buat sahabat-sahabat blogger semua, utamanya para blogger pemula semacam aku ini. Dari sisi loading blog, template ini termasuk golongan template yang ringan serta memiliki waktu loading yang cukup cepat (dengan estimasi koneksi internet yang stabil serta memadai).

Berikut ini tampilan dari CARA GAMPANG Magazine Free Blogger Template 

 Cara Gampang Magazine Free Blogger Template

Sebagaimana pendahulunya, template ini telah dilengkapi dengan fitur menu carousel yang secara otomatis akan menampilkan 12 (dua belas) postingan (artikel) terbaru secara acak/random. Pada bagian body terbagi menjadi tiga kolom, dua kolom untuk ringkasan postingan dan satu kolom untuk sidebar. Template ini juga memiliki tiga kolom di bagian footernya, dan telah terintegrasi dengan fitur related post untuk tiap-tiap postingan blog.

Bila anda berminat untuk mempergunakan CARA GAMPANG Magazine Free Blogger Template ini anda dapat mengamati ataupun mendownload lewat link di bawah ini.

DEMO  |  DOWNLOAD

Template inipun memiliki fitur navigasi search yang terintegrasi sedemikian rupa sehingga hanya membentuk sebuah menu navigasi search yang horizontal serta terletak di bawah menu navigasi utama.

Sebagaimana biasanya, bila masih terdapat pertanyaan, silahkan anda sampaikan lewat kotak komentar di bawah ini.

FREE BLOGGER TEMPLATE HASIL KEBUT SEMALAM

Dasar blogger kurang kerjaan, semalaman nggak tidur, otak-atik laptop mencoba membuat sebuah template yang SEO Friendly dengan model press blogger template. Ditemani 3 gelas kopi Top susu dan sebungkus Gudang Garam Surya, mulailah aku mencoba membuat template yang ramah SEO serta memiliki berat di bawah 100 kb. Akhirnya terciptalah template tersebut dan aku beri nama CARGAM PRESS blogger template, dengan dominasi warna biru + putih. Template ini adalah hasil otak-atik aku yang ke 4 (empat).

 CarGam Press free blogger template

Dengan berat template blog yang tidak lebih dari 100 kb, aku merasa sangat yakin bilamana template ini sangat mendukung proses crawling oleh search engine dalam waktu yang relatif singkat. Di samping itu, waktu loadingnya pun menjadi lebih singkat, hal ini akan sangat menyenangkan hati para visitor blog yang datang, karena untuk dapat mengakses keseluruhan isi blog yang mempergunakan template ini, tidak membutuhkan waktu yang lama (dengan asumsi koneksi internet cukup memadai dan stabil).

Template ini telah pula dilengkapi dengan fitur carousel menu yang cukup cantik dan akan secara otomatis menampilkan 10 postingan terbaru. Fitur menu carousel ini akan otomatis bekerja bilamana kita telah memiliki minimal 5 (lima) postingan blog (untuk blog yang masih baru). Fitur menu carousel ini telah dikompress sedemikian rupa dengan hosting file-file java-script yang ada, hal ini dilakukan semata-mata untuk memperingan proses kerja template blog.

DEMO  |  DOWNLOAD

 

Bagi anda yang berminat silahkan mempergunakan template ini,  dan bilamana anda mendapat kesulitan, silahkan menuliskannya pada kotak komentar.

PERKENALKAN FREE BLOGGER TEMPLATE HASIL MODIFIKASI

Setahun sudah usia blog CARA GAMPANG ini, sudah banyak makan asam garam di dunia blogging, sampai kadang-kadang kehabisan thema (berkualitas) yang akan diusung menjadi suatu postingan blog. Kadang otak ini rasanya penuh dan sulit menemukan thema artikel blog yang pantas diusung untuk blog yang tidak terlalu bagus ini. 

Ditengah kegalauan yang panjang ini, aku ingin berbagi sesuatu kepada para sahabat blogger sekalian, aku ingin bagikan sebuah template blogger hasil modifikasi (otak-atik) aku yang paling akhir. Modifikasi mana telah aku lakukan sebulan yang lalu, dan telah aku lakukan uji coba kepada blog-blog aku yang lainnya. Hasilnya ..........., cukup memuaskan. Template hasil modifikasi ini aku beri nama BARU COBA 2013 free blogger template. Tampilannya seperti gambar di bawah ini  :

 

 Baru Coba 2013 Free Blogger Template

Template hasil modifikasi ini telah dilengkapi dengan fitur-fitur baru berupa Slider Carousel yang langsung menampilkan 12 postingan blog terbaru, Menu Nav-Bar statis pada bagian atas, Widget Slider Postingan berdasarkan kategori (label) tertentu, Widget Recent Post berdasarkan kategori (label) tertentu dengan hanya menampilkan 1 thumbnail, Widget Tabber View otomatis pada bagian kanan atas dan masih banyak fitur-fitur pendukung yang lainnya.

Untuk melihat demo dari template ini, silahkan anda mengunjungi salah satu dari 2 link berikut ini :

DEMO 1   |   DEMO 2

Berikut ini akan aku bahas sedikit perihal cara-cara menampilkan beberapa fitur yang ada  :

1. Widget Slider Postingan

Widget ini akan menampilkan postingan-postingan artikel unggulan sesuai yang anda inginkan secara bergantian, cara memasangnya adalah, log-in ke dashboard blog anda, pilih tata-letak kemudian tambahkan fitur Gadget HTML dan copykan rangkaian script di bawah ini  :

<div id='featuredContent'>
<div class='sliderwrapper' id='featured-slider'>
<script>
document.write("<script src=\"/feeds/posts/default/-/seo?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</div>
<div id='paginate-featured-slider'>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/seo?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</ul>
<div class='clear'></div>
</div>
<script type='text/javascript'>
featuredcontentslider.init({
id: "featured-slider", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.4], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
</div>

Keterangan :
Kode yang berwarna merah adalah label (kategori) postingan blog yang ingin ditampilkan pada widget ini, gantilah label tersebut sesuai dengan keinginan anda, sesuaikan dengan kategori-kategori artikel blog yang telah anda miliki. Widget ini secara otomatis akan menampilkan 4 postingan secara bergantian.

2. Widget Recent Post
Widget ini akan menampilkan 6 postingan terbaru berdasarkan label (kategori) tertentu yang kita inginkan. Widget ini hanya akan menampilkan 1 thumbnail dari ke enam postingan tersebut, untuk menampilkannya, lakukan hal yang sama dengan ola nomor 1 di atas, kemudian copy pastekan rangkaian script html berikut ini  :

<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>
<script type="text/javascript" src="/feeds/posts/default/-/blogging?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 1; i < json.feed.entry.length; i++)
 {
    for (var j = 1; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="http://semangat888.blogspot.com/feeds/posts/summary/-/blogging?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://semangat888.blogspot.com/search/label/blogging" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>

Keterangan :
Kode yang berwarna merah adalah kode label (kategori) sedangkan kode yang berwarna biru adalah merupakan alamat url blog anda. Ganti atau sesuaikan kedua-duanya dengan blog anda.

Kelebihan utama template ini adalah tidak banyak mempergunakan text java script (karena telah aku compress atau sederhanakan), sehingga mempercepat proses loading blognya. Bila anda masih ragu silahkan anda tes kecepatan loading template ini lewat link  :  TEST SPEED

Demikianlah uraian aku tentang BARU COBA 2013 free blogger template, semoga bermanfaat, bilamana masih mengalami masalah, silahkan anda menghubungi aku lewat kotak komentar di bawah ini.

MEMPERBAIKI URL BLOG YANG DICEKAL OLEH GOOGLE

Pernahkah anda mengalami beberapa url blog anda dicekal oleh Google ? Pada awalnya aku tidak terlalu ambil pusing dan tidak mau dipusingkan dengan url-url aku yang dicekal oleh Google, karena aku yakin tidak pernah melakukan hal-hal yang bersifat black-hat seo ataupun melakukan tindakan-tindakan spamming pada blog-blog lain. Namun, saat aku coba menggunakan Webmaster Tool, tenyata url blog aku yang dicekal menginjak angka 95, padahal postingan aku hanya 148 postingan, artinya hanya memiliki 148 url postingan ditambah dengan 1 url halaman home-page. Berarti hampir 95 % url blog aku di cekal oleh Google. Benarkah demikian ? Aku nggak tahu juga yach ..... ?

Lama kelamaan aku jadi berpikir juga, kenapa begitu banyak url blog aku yang dicekal ? Apa sebabnya ? Blogwalkinglah aku, mencari tahu tentang apa, kenapa dan bagaimana solusi untuk menghadapi hal ini ? Sampailah aku pada pendapat seorang sahabat blogger tentang akibat url yang dicekal, begini  :

"Begitu pula efeknya pada blog kita yang Url artikelnya dicekal oleh google. Ibarat kata Url kita dilarang tampil sehingga blog kita sulit terindex bahkan untuk artikel baru sekalipun . Dengan begini tentu efek buruknya adalah menurunnya traffic pada blog kita. Sangat disayangkan bukan, kita sudah susah-susah membuat artikel yang orisinal tetapi ujung-ujungnya untuk dicekal. Jadi sia-sia bukan."

http://tiportips.blogspot.com/2013/05/Tips-Jitu-Cara-Mengatasi-Url-Yang-Dicekal.html

Wouw. miris juga, dan memang aku sendiri merasakan traffic blog aku ini semakin lama semakin menurun juga. Apa ini yang menjadi dampak terlalu banyaknya url blog aku yang dicekal tersebut ? Nggak tahu juga sih ........ ? Terus terang dalam hal ini aku enggan untuk membahasnya, namun aku tetap ingin berbagi tentang cara mengatasi url yang dicekal oleh Google. Berikut ini caranya  :

Cara Mengatasi Url Yang Dicekal

1. Untuk mengatasi url yang dicekal anda harus login terlebih dahulu ke akun blog anda.
2. Masuk ke dashboard kemudian klik setting.
3. Selanjutnya pilih search preferences.
4. Berikutnya klik edit pada custom robot txt, lalu klik Ya pada Enable custom robot txt content. 

Perhatikan gambar berikut ini.

 

Dari mana mendapat script nya ? Dari Webmaster Google, fitur kesehatan, url yang dicekal  seperti gambar di bawah ini  :

 

Dari gambar tersebut ternyata bahwa url blog CARA GAMPANG ini yang dicekal adalah akibat pengiriman uji peta situs (site-map) yang aku kirimkan dengan mempergunakan format http://caragampang21.blogspot.com/feeds/posts/default?orderby=updated. Jadi bukan karena sebab-sebab perilaku blogging yang negatif. Wah .............. cukup melegakan juga .......... ?!!!

Namun, dalam hal ini aku masih belum merasa lega juga, karena blog yang aku miliki belumlah sehat 100 %, dan oleh karenanya masih perlu diperbaiki juga agar menjadi lebih sehat.

Untuk memperbaikinya telah aku uraikan mulai dari nomor 1 sampai dengan nomor 4 di atas, copy script yang berasal dari Webmaster Google dan hilangkan tulisan /search.  Simpan dan selesai. Namun untuk hasilnya, kita mesti bersabar, tunggu aja beberapa hari, beberapa minggu atau bahkan bisa jadi beberapa bulan ......... Namun satu hal yang pasti, url blog kita yang dicekal akan berkurang.

Demikianlah uraian aku ini, semoga dapat bermanfaat.

 

MEMBASMI LINK AKTIF VISITOR PADA KOTAK KOMENTAR

Satu hal yang paling menjengkelkan kita sebagai pemilik blog adalah kemunculan link-link aktif yang sengaja disisipkan oleh visitor-visitor iseng (nakal) yang dengan sengaja 'mencuri' backlink dari blog kita lewat pintu penulisan komentar blog. Biasanya kejadian semacam ini sering dialami oleh utamanya blog-blog yang do-follow. Link-link aktif ini tentu saja sangat mempengaruhi kesehatan blog yang kita miliki, karena diakui atau tidak, salah-satu algoritma pagerank blog didasarkan pada perbandingan link-in dan link-out. Logikanya begini, bila suatu postingan artikel blog yang kita miliki lebih banyak link-out nya dibandingkan dengan link-in nya, maka kapan artikel blog tersebut bisa mendapatkan pagerank yang bagus ?

Salah satu model pemasangan link aktif pada kotak komentar adalah dengan memasangkan script semacam ini : <a href="http://url blog atau website">Nama Blog</a> isi komentar yang ditampilkan.

Model yang semacam ini lazim dipergunakan oleh para blogger yang membutuhkan backlink dalam jumlah yang banyak dalam waktu singkat, seperti peserta-peserta Kontes SEO atau bisa jadi blogger-blogger lain yang memang sedang iseng untuk mencari backlink.

Perhatikan kedua gambar di bawah ini  :

Komentar yang ditulis oleh si Joni Indo ini terlihat biasa-biasa saja, wajar dan tidak ada pemasangan link aktif di dalamnya. Tapi .........., tunggu dulu, mari kita periksa bersama dengan mempergunakan widget recent comments, seperti gambar di bawah ini  :

Nah ........, dengan mempergunakan atau memanfaatkan widget recent comments ini terlihat jelas bahwa sebenarnya si Joni Indo tersebut telah melakukan upaya pemasangan link-aktif dengan mempergunakan kata DUNIA BLOG. Namun sayang, upaya si Joni Indo ini terbentur pagar anti link-aktif yang telah aku pasangkan pada template blog CARA GAMPANG ini, namun jejak upayanya masih tetap terlihat dan tidak dapat hilang.

Bagaimana cara membuat pagar anti link-aktif ini ?  Ha .... ha .... cukup mudah juragan .............. !!! Ikuti saja langkah-langkah aku berikut ini, dijamin anda tidak perlu bersusah payah untuk melakukan moderasi komentar pada blog anda.

1. Masuk atau log-in ke blog anda

2. Pilih Template dan Edit HTML (centang expad template widget)

3. Cari kode ]]></b:skin> dan letakkan kode berikut tepat diatasnya :

#comments p a {display:none;}

4. Cari kode </head> dan letakkan salah satu kode berikut tepat diatas nya :

    |> Untuk mengganti link aktif dengan kalimat :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function(){
 jQuery("#comments p").find("a").replaceWith("<span>Peringatan: Link aktif otomatis dihapus</span>");
});
</script>

    |> Untuk mengganti link aktif dengan link temen-temen (anda) :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function(){
 jQuery("#comments p a").attr("href", "http://URL-anda.com/");
});
</script>

5. Simpan Template.

Demikianlah cara membasmi link aktif yang disisipkan pada kotak komentar, semoga bermanfaat.

MANUSIA, DUNIA BLOGGING DAN KEHIDUPANNYA

Bingung mau menulis apa untuk update postingan kali ini, putar-putar ke sana kemari mencari topik yang pas untuk aku angkat, namun tak kunjung aku temukan juga. Setelah berpikir agak lama, merenung sambil mendengarkan musik jazz kesukaanku, akhirnya tercetuslah topik artikel ini yaitu berkisah tentang manusia, dunia blogging dan kehidupannya. Sebelumnya aku minta maaf bilamana tulisan ini tidak benar atau salah,  karena tulisan ini murni hanya pandangan pribadi aku.

Sudah menjadi kodrat manusia sejak ia dilahirkan adalah keinginan untuk bersosialisasi dengan sesamanya (baik secara langsung maupun lewat alat-alat bantu semacam hand-phone maupun internet). Kecenderungan bersosialisasi ini pada dasarnya didorong oleh keinginan mengaktualisasikan diri yang begitu besar. Banyak ragam cara ditempuh untuk memenuhi keinginan mengaktualisasikan diri ini, mulai dari kumpul-kumpul dengan teman dekat, mengembangkan kemampuan human relationship lewat kelompok-kelompok sosialita, bertekun di depan laptop dengan akun facebooknya sampai dengan mengaktualisasikan diri lewat sebuah blog yang sengaja dibuat untuk menuliskan buah-buah pikirannya tentang sesuatu hal.

Dunia blogging dalam hal ini mampu mereduksi semua keinginan aktualisasi diri tersebut secara penuh. Betapa tidak, di dunia blogging seorang manusia dapat secara bebas menentukan format blog yang dia sukai (bisa dengan format blogger maupun wordpress), selanjutnya dia berhak dan berwenang sepenuhnya untuk menentukan disain/tampilan blog tersebut sesuai dengan keinginannya sendiri. Selanjutnya, dia bebas untuk mengisi blog tersebut dengan konten-konten yang dia anggap penting dan sesuai dengan kepribadiannya  atau kebutuhan aktualisasi dirinya. Pendek kata, dunia blog memberikan space atau ruang yang seluas-luasnya bagi seorang manusia untuk mengaktualisasikan dirinya.

Akhirnya, di dalam beberapa pengalaman para blogger mania, ternyata dari aktivitasnya di dunia blogging, dia mampu meraup rejeki yang tidak kecil, bahkan jauh melebihi dari penghasilan rata-rata per bulan seorang pegawai negeri biasa. Nah, cukup mantap dan menjanjikan bukan ? Dunia blogging bukan hanya sekedar dunia untuk ha ha hi hi, atau sekedar chatting yang tiada berguna, namun sebaliknya, dunia blogging bila kita tekuni secara serius dan benar (positif) dapat menghasilkan materi yang dapat kita pergunakan untuk memenuhi kebutuhan hidup. Tentunya hal ini tidak dapat berlangsung secara serta merta, namun harus secara rutin dan sistematis selalu diupayakan dan diperjuangkan.

Salam.

OPTIMALISASI FUNGSI META DESCRIPTION (TAGS) PADA BLOG

CARA GAMPANG. Meta Description Tags adalah merupakan salah satu meta tag yang penting untuk menunjang optimalisasi sebuah blog dengan format blogger. Meta Description Tags adalah juga merupakan salah satu dari puluhan meta tag yang valid mendukung keberadaan sebuah halaman web/blog, bahkan mungkin menjadi satu-satunya meta tag yang memiliki bobot terbesar di mata mesin pencari (search engine) semacam Google search engine atau Yahoo search engine. 

Meta description tags berfungsi sebagai pemuat meta informasi yang mendeskripsikan isi halaman sebuah blog. Meta deskripsi ini juga menjadi bagian dari snippet deskripsi pada hasil pencarian Google. Oleh karenanya, menggunakan serta mengoptimalkannya secara tepat akan menambah kekuatan SEO blog di mata search engine, atau setidaknya mampu menjadi alat bagi sebuah blog untuk menarik pengunjung dari search engine.

Sebenarnya, ada banyak sekali poin yang ingin saya ulas mengenai meta description ini, baik mengenai "kesalahpahaman" tentang meta description yang dianggap sebagai keseluruhan meta tags (meta tags ada banyak : meta keywords, meta author, meta robots, meta location, dan lain-lain), maupun dalam konteks apakah meta description masih tetap digunakan oleh search engine, khususnya Google. Namun agar artikel ini dapat fokus mengulas tentang meta description (tags) pada blog, maka niatan tersebut akan saya wujudkan pada artikel-artikel berikutnya.

Beberapa fitur baru Blogger memang mengagumkan, dan kali ini, saya masih akan berbicara perihal fitur Blogger baru tersesebut, utamanya yang berkaitan erat dengan SEO yaitu : Fitur Custom Meta Description Blogger. Sebenarnya fitur ini muncul sudah agak lama, sekitar bulan Februari-Maret 2012, namun belum selengkap dan sesempurna seperti sekarang ini, yaitu adanya penambahan fitur search description pada single post (deskripsi unik untuk masing-masing halaman posting). Sehingga baru sekarang saya bicarakan optimasi fitur ini. 

Konstruksi awal meta description tags pada sebuah template blog adalah sebagai berikut :

< meta name='description' content='deskripsi konten/halaman blog' />

Penempatannya pada rangkaian html template blog adalah seperti gambar di bawah ini.

Namun kini tidak perlu lagi mengutak-atik template blog tersebut, karena fitur meta description tags ini sudah dapat dengan mudah diakses melalui halaman settings blogger. Caranya sebgai berikut

1. Buka dashboard > settings

2. Pilih search preferences

3. Lihat Pada bagian Meta Tags > Description

4. Klik "Edit".

5. Pada opsi Enable search description ? Pilih "Yes".

6. Isikan deskripsi blog sesuai keinginan. Ingat, maksimal hanya 150 karakter, jadi optimalkan penggunaan kata-kata se-efisien mungkin. Lalu klik "save changes" untuk menyimpannya.

Hasilnya, perhatikan gambar berikut ini :

 

Berikut ini adalah contoh snippet descriptionnya saat muncul pada hasil pencarian Google :

Bagi sobat yang dulu pernah menambahkan meta description tags ini melalui konfigurasi html template blog (menambahkan tag meta description secara manual), sebaiknya pindahkan saja deskripsi blog ke dalam fitur tersebut, karena akan ada fitur yang lebih hebat lagi jika sobat mengaktifkan fitur meta description tags melalui settings dashboard blogger. Apa itu ? Simak kelanjutannya, pada artikel berikutnya .............

PENGARUH META DESCRIPTION TAGS TERHADAP PAGERANK BLOG

CARA GAMPANG. Pada artikel ini saya akan membahas sedikit tentang pengaruh meta description terhadap pagerank blog. Pada artikel terdahulu telah pernah saya bahas tentang dan seputar pagerank blog ini, dan pada kali ini akan coba saya ulas perihal pengaruh meta description tags terhadapnya. 

Seperti yang telah dilansir oleh Google sendiri bahwasanya title tags dan meta description tags  masih dipergunakan sebagai acuan, serta direkam oleh Google ke dalam index-nya. Fungsinya adalah sebagai konten snippet deskripsi dari listing hasil pencarian yang disajikan kepada calon pengunjung atau calon visitor blog. Dengan menampilkan snippet ini, diharapkan akan terdapat suatu deskripsi halaman atau konten blog yang jelas, yang mungkin saja deskripsi ini sedang dicari atau diperlukan oleh calon pengunjung tersebut. Perhatikan penjelasan Google seperti di bawah ini :

Google generation of page titles and and descriptions (or 'snippets') is completely automated and takes into account both the content of a page as well as references to it that appear on the web. The goal of the snippet and titles is to best represent and describe each result and explain how it relates to the user's query.  

Jadi dengan demikian page titles dan description masih dan tetap penting (masih dan terus digunakan) serta masih menjadi acuan bagi Google, karena masih memiliki nilai penting untuk menjelaskan konten atau isi sebuah halaman web/blog kepada pengunjung. Memang beberapa meta tags sudah tidak terlalu berguna lagi semacam : meta author, meta geo location (country) dan beberapa yang lainnya. Namun tidak untuk meta descriptions tags ini, dia masih sangat bernilai untuk diperhatikan oleh Google.

Pengaruh meta description tags terhadap pagerank blog memang masih menjadi perdebatan panjang, namun menurut pengamatan di lapangan, ditunjang dengan beberapa faktor dan fakta, pengaruh meta description tags terhadap pagerank suatu blog ini masih sangatlah kecil bila dibandingkan dengan ribuan faktor-faktor yang menjadi acuan algoritma Google dalam menetapkan pagerank sebuah blog.

Meski demikian meta description tags ini masih memiliki pegaruh yang penting dan sangat dianjurkan oleh Google sebagai salah satu sarana untuk melihat relevansi sebuah halaman web/blog. Namun demikian, akan menjadi lebih penting lagi bilamana meta description tags ini berisi ringkasan konten blog yang jelas, persuasif dan tidak provokatif, serta tidak membingungkan, sehingga akan menarik minat pengunjung untuk datang ke web/blog milik kita.

MEMBUAT TAB VIEW WIDGET, PENGGANTI RELATED POST

CARA GAMPANG. Menyimak judul artikel ini pasti anda merasa sedikit kebingungan, membuat Tab View Widget pengganti Related Post di sini maksudnya adalah mengganti fitur Related Post yang biasanya terletak di bagian bawah setiap postingan blog, dengan Tab View Widget yang juga menampilkan thumbnail dari masing-masing artikel blog. Kelebihan dari Tab View Widget ini adalah dapat menampilkan artkel-artikel yang tidak sama label (kategori) nya, dengan demikian kita memberikan kesempatan kepada pengunjung atau visitor blog untuk mengakses halaman-halaman lainnya (yang tidak sama label/kategorinya) dalam satu kesempatan yang sama. Hal ini bertujuan untuk meningkatkan pageviews dari masing-masing halaman yang ada. Dengan demikian baik langsung ataupun tidak langsung, akan membawa dampak positif bagi keberadaan blog kita.

Pertanyaan yang mungkin timbul adalah : Bagaimana sih bentuk dari Tab View Widget tersebut ? Baiklah anda dapat perhatikan gambar di bawah ini  :

Nah, jikalau anda belum puas dengan gambar tersebut, anda dapat menuju ke bagian bawah artikel ini, di sanalah anda akan melihat demo dari Tab View Widget ini.

Anda tertarik untuk membuatnya  ? Dan bila anda tertarik untuk membuatnya, berikut ini akan saya uraikan tahapan-tahapan secara rinci  :

1. Pertama Anda mesti login ke blogger dengan akun Anda
2. Kedua pilih blog yang ingin anda tambahkan Tab View Widget ini.
3. Setelah itu masuk ke template >> Edit HTML, kemudian centang expand widget templates
4. Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan nantinya, sebaiknya backup dulu template anda.
5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> 

#tabber-wrapper{width:600px;float:center;word-wrap:break-word;overflow:hidden}
ul.tab-view{float:left;list-style:none;height:32px;border-bottom:1px solid #aaa;border-left:1px solid #aaa;width:598px;margin:0;padding:0}
ul.tab-view li{float:left;height:31px;line-height:31px;border:1px solid #aaa;border-left:none;overflow:hidden;position:relative;background:#eee;margin:0 0 -1px;padding:0}
ul.tab-view li a{text-decoration:none;color:#26231c;display:block;border:1px solid #eee;outline:none;font-weight:700;padding:0 15px}
html ul.tab-view li.active,html ul.tab-view li.active a,html ul.tab-view li.active a:hover{background:#eee;color:#026ab5;border-bottom:1px solid #eee}
.tab-wrapper{border:1px solid #aaa;border-top:none;overflow:hidden;clear:both;float:left;width:598px;background:#eee;margin-bottom:15px}
.tabber{padding:10px 0}
.tabber .column{float:left;display:inline;width:134px;margin:0 0 0 11px}
.tabber h2{font:bold 12px Arial;line-height:15px;margin:7px 0 5px}
.tabber h2 a{color:#222}
.tabber h2 a:hover{color:#026ab5}

Karena pada blog demo yang saya gunakan lebar main-wrapper (kolom postingan) adalah 600px maka untuk membungkus tab view widget lebarnya harus sama, yaitu 600px. Anda bisa sesuaikan dengan lebar main-wrapper pada template yang Anda gunakan. Dan untuk tab viewnya sendiri lebarnya harus dikurangi 2px (1px kanan dan kiri), karena tab ini dibungkus dengan border setebal 1px, sehingga lebarnya menjadi 598px. Lebar tiap satu post disini 134px, jika pada template yang Anda gunakan lebar main-wrapper lebih kecil/lebar, maka lebar untuk satu post ini pun juga harus diperkecil/perlebar sehingga jarak antara bagian sisi kanan dan kiri sama.

Langkah selanjutnya, masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> : 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/013120251122/tabview.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr=new Array();imgr[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Yrwk2roqt_Ht7O1IU4RAFpEAJgaSWft0-F57PGzSpLc_T61bFLhj5DJYXEp-3Bxd1mAFfAhLIM8rp6CH56UVyxYhQgkwSTt0ev2cD4GaLqk09u6Xx8sO5wlfj0OxtQvqyhJguFX4dmQ/s1600/no+image.jpg";showRandomImg=true;aBold=true;summaryPost=80;numposts=4;Title1="Blogging";Title2="Backlink";Title3="Tips-trik";function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}function showrecentposts(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;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!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<div class="column"><a href="'+posturl+'"><img width="49" height="49" src="'+img[i]+'"/></a><h2><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div>';document.write(trtd);j++}}
//]]>
</script>

Keterangan :

Perhatikan URL script warna biru diatas, itu adalah kode script jQuery.min.js seri terbaru yang di gunakan untuk membuat tab view widget. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna biru diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.

Tulisan warna merah : Blogging, Backlink dan seterusnya adalah judul untuk tab view widget, anda bisa ganti sesuai katehori yang ingin ditampilkan pada widget tersebut. Warna biru (49 dan 49) diatas adalah ukuran lebar dan tinggi thumbnail pada satu post kategori, silahkan ukurannya anda sesuaikan sendiri.


Kemudian masukkan kode berikut sebelum kode </body> :

<script type='text/javascript'>
 //<![CDATA[
jQuery(document).ready(function(){$(".tabber").hide();$("ul.tab-view li:first").addClass("active").show();$(".tabber:first").show();$("ul.tab-view li").click(function(){$("ul.tab-view li").removeClass("active");$(this).addClass("active");$(".tabber").hide();var activeTab=$(this).find("a").attr("href");$(activeTab).fadeIn();return false})});
 //]]>
</script>

Langkah selanjutnya adalah bagaimana cara menempatkan tab view widget tersebut pada bagian bawah setiap artikel blog kita. Carilah rangkaian kode/script berikut ini  :

<div class='post-footer-line post-footer-line-3'><span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
        </span></div>

Kemudian letakkan kode berikut ini dibawahnya :

      <br/>
      <br/>     
<div id='tabber-wrapper'>
<ul class='tab-view'>
<li><a href='#tab1'><script>document.write(Title1);</script></a></li>
<li><a href='#tab2'><script>document.write(Title2);</script></a></li>
<li><a href='#tab3'><script>document.write(Title3);</script></a></li>
</ul><div class='clear'/>
<div class='tab-wrapper'>
<div class='tabber' id='tab1'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/blogging?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab2'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/backlink?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab3'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/tips-trik?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
</div>
<div class='clear'/>
</div></div>

Tulisan warna merah pada kode diatas adalah label atau kategori yang saya tampilkan pada tab view widget milik saya, silahkan ganti dengan label Anda sendiri dan sesuaikan dengan judul tab view yang telah diuraikan diatas.

Simpan template anda, dan selesailah sudah, semoga bermanfaat.
8D89ZQED534W

CARA GAMPANG MEMATIKAN LINK AKTIF PADA KOTAK KOMENTAR

CARA GAMPANG, akhir-akhir merasa sedih melihat begitu banyaknya komentar spam yang menyertakan link-aktif pada kotak komentar blog CARA GAMPANG ini, setiap saat harus menghapus secara manual dan hal ini berlangsung berulang-ulang setiap kali akan melakukan update postingan. Selalu ada komentar spam (beserta link-aktif) yang masuk ke blog CARA GAMPANG. Meski telah mengaktifkan modus indikator komentar spam dari default blogger, namun masih saja kita harus menghapus semua komentar spam yang tersimpan tersebut. Nah ... loh .... susah kan ?

Sebenarnya ada cara lain untuk menghambat masuknya komentar spam yang menyertakan link-aktif ini, yaitu dengan mengaktifkan modus moderasi komentar, namun hal ini juga tidak efisien, bayangkan saja bilamana ada 1000 komentar yang masuk, terus kita musti me-moderasi-nya satu per satu .... ? Waduh, gak sanggup deh ....... (lodeh kali)....

Nah, berkaitan dengan permasalahan tersebut, maka berikut ini, blog CARA GAMPANG akan menghadirkan secuil tips-trik untuk menghambat masuknya komentar spam beserta link-aktif yang berada di dalamnya tersebut.

Beginilah caranya  :

    Login dulu ke akun blog sobat
    Pilih Template >> Edit HTML
    Terus centang expand template widget
    Cari kode ]]></b:skin> (tekan Ctrl f untuk mempermudah pencarian kata)
    Copy script berikut dan pastekan di atas kode ]]></b:skin>

    /*----Matikan Link aktif di komentar----*/
    #comments p a {display: none !important; }
    /*----Matikan Link aktif  selesai----*/

    Simpan template, selesai.

Informasi kode :
Kode diatas memerintahkan agar memblokir link aktif /hidup yang pakai kode “a”  karena kalau kita mau menyimpan link biasanya dimulai dengan  kode <a, misalnya <a href='http://sarifpbg.blogspot.com/2013/04/cara-mudah-mematikan-link-aktif-pada.html'> TIps dan Cara Mudah</a> . Jadi dengan kode diatas semua komentar yang pakai <a menjadi tidak ada atau none.

Sebenarnya masih ada lagi cara – cara untuk mematikan link aktif dalam komentar blog kita yaitu dengan memanfaatkan script JQuery. Untuk cara pemasangannya sama dengan yang diatas tinggal di ganti aja kode scriptnya. Berikut ini adalah beberapa modifikasinya, silahkan sobat pilih sendiri mau pake yang mana.

1. Kalau ingin link aktif plus tulisannya benar2 hilang tanpa bekas ( remove ), pake script dibawah ini dan disimpan dibawah ]]></b:skin> , bisa juga diatas  </head> atau <body>,

    <! -- Matikan link aktif dlm komentar star -->

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js' type='text/javascript'></script>

    <script type='text/javascript'>

    $(function() {

    $('#comments p').find('a').remove(); }); 

    </script>

    <! -- Matikan link aktif dlm komentar end -->

2. Ganti Link Aktif dengan peringatan yang kita buat sendiri ( lihat tulisan warna biru), scriptnya pakai yang ini :

    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function(){ jQuery("#comments p").find("a").replaceWith("<span> Peringatan ! Yang masukin Link Aktif akan terhapus secara otomatis.</span>"); }); </script>

3. Kalau yang ini linknya atau tulisannya muncul, hanya saja link aktifnya tidak ada atau hilang  ( unwrap ), script nya disimpan diatas </head> atau <body>

    <! -- Hilangkan link aktif dlm komentar star -->

  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js' type='text/javascript'/> <script type='text/javascript'>

    //<![CDATA[

    $(function() {

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

    });

    //]]>

    </script>

    <! -- Hilangkan link aktif dlm komentar End -->

4. Memanipulasi atau mengalihkan link aktif ke Url blog yang kita tentukan. Ini rasanya lebih mantap seolah-olah kita dibuatkan link oleh komentator tersebut.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function(){ jQuery("#comments p a").attr("href", "http://caragampang21.blogspot.com/"); }); </script>

Catatan :
Kode yang warna biru silahkan pilih sendiri misalnya ke Url Blog atau Postingan anda.

Perhatian jika dalam template blog sobat sudah ada script jQuery seperti yang warna merah di atas, sebaiknya yang warna merah jangan dicopy lagi karena fungsinya sama, yaitu untuk memanggil script "jquery.min.js" tersebut.

Kelebihan script JQuey tersebut memang sangat mantap untuk Disable atau mematikan link aktif dalam komentar, tapi hanya berfungsi pada setting komentar Embedded atau Tersemat . Kalau pada setting komentar Popup Window atau Jendela Munculan tidak bisa dipakai karena tautan / link aktif untuk memunculkan windownya yaitu pada tulisan Post a comment juga ikut mati.

Demikianlah artikel saya yang berjudul  Cara Gampang Mematikan Link Aktif Pada Kotak Komentar, mudah-mudahan  dengan script diatas bisa mengurangi komentar spam berupa link-aktif yang tentunya tidak baik untuk blog kita. Terima kasih.