SEO BLOG

Trik Blogger | Memasang Komentar Terbaru (Recent Comments)

Recent Comments
Recent Comments

Fungsinya masih sama dengan memasang posting terbaru (recent posts). Tetapi kalau komentar terbaru (recent comments) berguna untuk menampilkan komentar-komentar terbaru dalam posting blog kamu. Sebelumnya mari kita intip source code untuk recent comment di sini. Untuk memulai mesangnya di blog sobat ikuti langkah-langkahnya dibawah ini, ayo kita mulai trik blogger nya :
  • Login dulu ke account blogger kamu.
  • Pilih tab Tata Letak --> Elemen Halaman.
  • Tambah Gadget dalam elemen blog kamu (rekomendasi : Di bawah atau di samping gadget Posting Terbaru)
  • Dalam "Tambahkan Gadget", pilih HTML/JavaScript
  • Copy dan pastekan kode di bawah ini dan jangan lupa diberi judul (ex : Recent Comment)

<script style="text/javascript" src="http://googledrive.com/host/0Bz-wbP60qArrZGRqZ296bVJsbDg"></script>
<script style="text/javascript">var numcomments = 10;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script>
<script src="http://tanggobuntung.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Catatan :
  1. Ganti kode yang berwarna merah dengan alamat penyimpanan file "http://googledrive.com/host/0Bz-wbP60qArrZGRqZ296bVJsbDg" kamu sendiri (ex : //googledrive.com/host/bla..bla...). Kalau tidak biarkan apa adanya.
  2. Ganti kode yang berwarna biru nilai numcomments untuk menampilkan jumlah komentator dan numchars untuk menampilkan jumlah karakter teks komentar per-komentator.
  3. Ganti kode yang berwarna hijau dengan alamat blog kamu.

Selamat memasang komentar terbaru...

Source: optimasi-blog

Trik Blogger | Memasang Posting Terbaru (Recent Posts)

Recent Post
Recent Post

Posting terbaru (recent post) merupakan sejumlah daftar posting yang terbaru dalam suatu blog dan berisi informasi singkat mengenai posting tersebut yang tersusun secara sistematis. Biasanya menghiasi dalam elemen sidebar untuk memberikan keterangan kepada pengunjung tentang terbitnya suatu posting. Fungsinya bersifat otomatis, dimana postingan yang sudah lama dalam urutan daftar posting akan langsung digantikan dengan yang terbaru. Sebelum memulai trik blogger memasang posting terbaru (recent posts), terlebih dulu mari kita lihat source code untuk recent post di sini. Ingin tahu cara memasangnya di blog kamu, langsung kita review triknya :
  • Login dulu ke account blogger kamu.
  • Pilih tab Tata Letak --> Elemen Halaman.
  • Tambah Gadget dalam elemen blog kamu (rekomendasi : Sidebar).
  • Dalam "Tambahkan Gadget", pilih HTML/JavaScript.
  • Copy dan pastekan kode di bawah ini dan jangan lupa diberi judul (ex : Posting terbaru).
<script style="text/javascript" src="http://new-post.eclipselabs.org.codespot.com/files/Script%20postterbaru.txt"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script>
<script src="http://tanggobuntung.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Catatan :
  1. Ganti kode yang berwarna merah dengan alamat penyimpanan file "postterbaru.js atau postterbaru.txt" kamu sendiri (ex : googlecode.com). Kalau tidak biarkan apa adanya.
  2. Ganti kode yang berwarna biru nilai numposts untuk menampilkan jumlah posting terbaru dan numchars untuk menampilkan jumlah karakter teks per-posting terbaru.
  3. Ganti kode yang berwarna hijau dengan alamat blog kamu.

Selamat memasang posting terbaru...

Script dapat di download disini

Source: Optimasi Blog

Widget Posting dan Komentar Terbaru yang Sederhana

Mungkin Anda pernah membaca artikel sebelumnya tentang Trik Blogger | Memasang Posting Terbaru (Recent Posts) & Trik Blogger | Memasang Komentar Terbaru (Recent Comments). Keduanya tidak menggunakan struktur kode daftar urut (unordered list atau ordered list), namun menggunakan horizontal rule (<hr>) sebagai pemisah antar item atau hanya berupa break (<br>).
Sebenarnya membuat gadget atau widget posting atau komentar terbaru adalah sangat mudah, yaitu dengan memanfaatkan feed default bagi pengguna Blogger™.
h**p://namablog.blogspot.com/feeds/posts/default
h**p://namablog.blogspot.com/feeds/comments/default


Cara menambahkan kedua feed di atas dilakukan melalui kustomisasi Tata Letak (Layout) pada dashboard akun Blogger™ Anda.

Menambah Gadget/Widget

Kemudian pada jendela pop-up yang terbuka, pilih gadget “Feed”.

Gadget/Widget Feed

Masukkan URL feed default Blogger™ Anda, seperti yang telah diperlihatkan di atas (satu gadget berarti satu URL)& jangan lupa diganti nama blog yang berwarna merah dengan Blog Anda. Eksekusi dengan mengklik tombol “Continue”.

Konfigurasi Feed

Selanjutnya akan ditunjukkan beberapa pengaturan yang dapat Anda kustomisasi pada gadget atau widget feed yang baru dibuat tersebut. Akhiri dengan mengklik tombol “Save”.

Konfigurasi Feed Lanjutan

Mungkin yang kurang nyaman dilihat hanya pada gadget atau widget komentar terbaru (recent comments), karena isi komentar — jumlahnya dapat diatur pada saat konfigurasi feed — akan ditampilkan pula. Alternatifnya kita dapat mengganti dengan memilih gadget “HTML/JavaScript”, kemudian masukkan script berikut, sehingga komentar terbaru akan menampilkan nama komentator & judul posting.

<script type='text/javascript'>
//<![CDATA[
function showrecentcomments(r){document.write('<ul>');for(var g=0;g<a_rc;g++){var c=r.feed.entry[g];var p;if(g==r.feed.entry.length){break}for(var f=0;f<c.link.length;f++){if(c.link[f].rel=="alternate"){p=c.link[f].href;break}}p=p.replace("#","#");var m=p.split("#");m=m[0];var e=m.split("/");e=e[5];e=e.split(".html");e=e[0];var b=e.replace(/-/g," ");b=b.link(m);var o=c.published.$t;var l=o.substring(0,4);var d=o.substring(5,7);var a=o.substring(8,10);var n=new Array();n[1]="Jan";n[2]="Feb";n[3]="Mar";n[4]="Apr";n[5]="May";n[6]="Jun";n[7]="Jul";n[8]="Aug";n[9]="Sep";n[10]="Oct";n[11]="Nov";n[12]="Dec";if("content" in c){var j=c.content.$t}else{if("summary" in c){var j=c.summary.$t}else{var j=""}}var q=/<\S[^>]*>/g;j=j.replace(q,"");document.write('<li>');if(m_rc==true){document.write("On "+n[parseInt(d,10)]+" "+a+" ")}document.write('<a href="'+p+'">'+c.author[0].name.$t+"</a>");if(n_rc==true){document.write(" on "+b)}if(o_rc==0){document.write("</li>")}else{document.write(": ");if(j.length<o_rc){document.write("<i>&#8220;");document.write(j);document.write("&#8221;</i></li>")}else{document.write("<i>&#8220;");j=j.substring(0,o_rc);var h=j.lastIndexOf(" ");j=j.substring(0,h);document.write(j+"&hellip;&#8221;</i></li>");document.write("")}}}};
//]]>
</script>
<script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=0;</script><script src='h**p://namablog.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments'></script>

Catatan:
Widget komentar terbaru akan ditampilkan dalam daftar urut (<ul>). Teks “on” (huruf kecil) menunjukkan pemisah antara nama komentator & dengan judul posting. Angka 5 menunjukkan jumlah komentar & angka 0 merupakan isi komentar serta jangan lupa mengganti nama blog dengan blog Anda.
Untuk demonstrasi dapat dilihat pada sidebar atau footer Optimasi Blog — Komentar Terakhir & Posting Terakhir.

Source: Optimasi-Blog

Tabulasi Pengkodean dalam Blog

code with syntax highlighter
code with syntax highlighter

Jika ada sobat blogger yang belum mengetahui beberapa jenis pengkodean di dunia blogging, berikut saya akan bagikan ke sobat semua,  mengenai pemberian markup pada dokumen HTML, termasuk posting blog. Kode ini berfungsi agar dokumen tampak lebih semantik dan aksesibel. Dan b isa jadi kita jarang sekali memikirkan  bahkan menggunakan beberapa tag serta simbol HTML berikut dalam postingan. Berikut beberapa kode dan deskripsinya:

/+SIMBOL BEBERAPA TANDA BACA DAN DESKRIPSI+/
DeskrisiTag HTML
Blok paragraf<p>…</p>
Daftar terurut<ol><li>…</li><li>…</li></ol>
Daftar tidak terurut<ul><li>…</li><li>…</li></ul>
Daftar definisi<dl><dt>…</dt><dd>…</dd><dd>…</dd>
<dt>…</dt><dd>…</dd><dd>…</dd></dl>
Kutipan<q>…</q>
Blok kutipan<blockquote><p>…</p></blockquote>
Teks tebal<strong>…</strong>, <b>…</b>
Teks miring<em>…</em>, <i>…</i>
Teks bebas<pre>…</pre>
Blok kode<pre><code>…</code></pre>
Kepanjangan dari<abbr title="">…</abbr>
Teks penting<mark>…</mark>
Teks Kode<code>…</code>
Teks tombol papan ketik<kbd>…</kbd>
Teks dihapus<del>…</del>
Teks superskrip<sup>…</sup>
Teks subskrip<sub>…</sub>
Teks Pranala<a href="" title="">…</a>
Penanda gambar<img src="" alt="" width="" height=""…/>
TabelMenata pembuatan tabel dalam blog
Figure/Lampiran<figure>…<figcaption>…</figcaption></figure>

Kita tinggal menyisipkan teks dalam  dalam tag html tabel di atas. Sedangkan pada figure dapat dimasukkan gambar, audio, video, blok kutipan, dan sebagainya sebagai fungsi lampiran dari suatu dokumen HTML (sebelum figcaption atau deskripsi lampiran).

Kemudian tabel berikut merupakan beberapa pengkodean tanda baca yang sering digunakan dengan menekan tombol tertentu pada papan ketik. Tetapi hal tersebut mungkin bukan aktivitas yang tepat untuk memaknai dokumen html, terutama dalam posting blog.

/+SIMBOL BEBERAPA TANDA BACA+/
DeskripsiTandaSimbol HTMLNumerik
Ampersand&&amp;&#38;
Spasi&nbsp;&#160;
Lebih kurang±&plusmn;&#177;
Pecahan ¼¼&frac14;&#188;
Pecahan ½½&frac12;&#189;
Pecahan ¾¾&frac34;&#190;
Perkalian×&times;&#215;
Pembagian÷&divide;&#247;
Tanda pisah En&ndash;&#8211;
Tanda pisah Em&mdash;&#8212;
Tanda petik pembuka tunggal&lsquo;&#8216;
Tanda petik penutup tunggal&rsquo;&#8217;
Tanda petik pembuka ganda&ldquo;&#8220;
Tanda petik penutup ganda&rdquo;&#8221;
Ellipsis&hellip;&#8230;
Menit&prime;&#8242;
Detik&Prime;&#8243;

Beberapa uraian penjelas tentang penggunaan simbol beberapa tanda baca adalah sebagai berikut:
  • Perkalian &times; akan lebih baik daripada menekan tombol X pada papan ketik.
  • Pembagian &divide; akan lebih baik daripada menekan tombol / pada papan ketik.
  • Tanda petik, menit, atau detik &lsquo;, &rsquo;, &ldquo;, &rdquo;, &prime;, dan &Prime; akan lebih baik daripada menekan tombol ' dan " pada papan ketik.
  • Tanda pisah &ndash; dan &mdash; akan lebih baik daripada menekan tombol - pada papan ketik.
    • Penggunaan &ndash; yang berarti “sampai dengan”, contoh: 2014 – 2015
    • Penggunaan &mdash; untuk menjelaskan suatu kata atau frase kata di luar bangun kalimat, contoh:
      Saya karyawan swasta — Manager Perkebunan — yang menyukai dunia Blogging


Saya pikir semua orang harus belajar coding, Karena coding mengajarkan anda berpikir.
Steve Jobs, pendiri Apple.

Source: Optimasi Blog

Pemahaman yang saklak tentang SEO

Umumnya SEO (Search Engine Optimization) merupakan usaha optimalisasi situs web atau blog agar mendapat perhatian dari mesin penelusur, sehingga ketika pengguna mengetikkan kata kunci tertentu, diharapkan halaman situs web atau blog tersebut akan muncul pada hasil pencarian. Apabila kita hanya terfokus pada frase kata mesin pencari, maka akan terjebak dengan pemikiran yang saklak tentang pemahaman makna sebenarnya yang terkandung dalam SEO itu sendiri. Sangat dimungkinkan timbul beberapa paradigma yang berpendapat bahwa SEO itu rumit, SEO itu perlu sekolah, & sebagainya. Kembali pada ilustrasi di atas, apakah hal tersebut akan menafikan proses SEO dalam aktivitas blogging Anda? Ya, tentu saja tidak. Terkecuali Anda adalah seseorang yang populer, memiliki banyak partner & follower atau hal-hal lain di luar kebiasaan.
Mungkin Anda adalah pembaca setia “Optimasi Blog”, kemudian pernah membaca beberapa posting tentang tips SEO. Mari kita kesampingkan dulu posting-posting itu & mulai dengan dua posting terakhir dengan label SEO, yakni Tips Search Engine Optimization (SEO) pada Blogger.com dan Tips SEO pada Blogger.com Bagian Kedua. Adakah hal-hal rumit tentang SEO? Apakah kita perlu menghitung jumlah kata dalam sebuah posting? Apakah satu atau lebih kata kunci harus ditekan secara berulang-ulang? Apakah dengan memberi tanda-tanda tertentu pada kata kunci akan meningkatkan peringkat pencarian?
Ketika kita mulai berpikir tentang pertanyaan-pertanyaan itu, maka kita pun akan terjatuh pada penilaian yang saklak akan makna sebenarnya dari SEO. Bukankah terdapat keterkaitan dengan “selalu dihubungkan dengan mesin pencari”? Antara keduanya memiliki keterkaitan yang jelas, namun dalam ruang lingkup yang berbeda. Daerah yang satu menggambarkan lingkup dalam sebuah branding, sedangkan yang lain diluar lingkup branding.
Ketika kita telah memutuskan tentang apa yang akan & patut dijadikan produk, sangat dimungkinkan pula kita telah menemukan merek yang tepat untuk produk tersebut. Jika dihubungkan dengan aktivitas blogging, produk yang dimaksud adalah berupa kumpulan catatan posting atau artikel. Selanjutnya, secara rutin posting — yang diterbitkan — diupayakan tidak terlepas dengan merek yang telah kita tetapkan. Satu keunikkan dari situs web atau blog telah muncul, yaitu merek & produk saling terkait. Ini adalah branding Anda.
Pengguna yang membutuhkan suatu informasi tertentu akan mencari pada mesin telusur dengan kata kunci yang ia butuhkan. Mungkin halaman situs web atau blog Anda akan muncul pada hasil pencarian & pengguna pun mengunjunginya. Ternyata halaman itu memang berisi informasi yang mereka butuhkan. Penyajian yang segar serta tersusun dengan bahasa yang baik, ia pun betah membacanya. Tidak menutup kemungkinan, pengguna akan membaca posting lain karena informasi yang dibutuhkannya memiliki keterkaitan.

SEO Rules Tanggo Buntung

Kesimpulannyo

Secara sadar atau tidak sadar, dimulai dari rancangan sebuah situs web atau blog sampai dengan pembaharuan posting yang sesuai serta terkait dengan tema, kita telah masuk ke dalam SEO. Oleh karena ia bukan hasil dari pemikiran yang saklak, harus mesin pencari atau sejumlah usaha keras utak-atik untuk mendapatkan peringkat dalam hasil organik. Tetapi lebih kepada target kebutuhan pengguna yang menjadi konsumen utama kita. Ketika blog ini berbicara tentang “SEO”, mungkin akan sesuai dengan pindaian Anda bahwa temanya adalah “Optimasi Blog”. Bagaimana jika menerbitkan tentang kisah “Selebritis”? Anda juga yang akan menilai.

Sumber: optimasi SEO

Submit Sitemap Blogger.com di Google Webmaster Tools

Kalau blog kamu memiliki otomatis sitemap sih, ngga submit juga ngga apa-apa.
Tapi hampir dipastikan Blogger.com perlu untuk melakukan submit sitemap. Dalam pengertian sederhana, Sitemap blog merupakan peta halaman situs blog kamu. Membuat dan mengajukan Sitemap membantu agar Google mengetahui tentang semua halaman di sebuah blog, termasuk URL yang tidak dapat dicover oleh Googlebot dalam proses normal. Submit sitemap blog di Google berfungsi untuk memberikan semua informasi secara rinci mengenai seberapa sering kamu memperbaharui halaman blog, tanggal terakhir modifikasi blog dan yang paling penting adalah google search engine akan melakukan update terhadap blog kamu setiap terjadi pembaharuan. Google Webmaster Tools adalah sebuah alat dan media yang digunakan google untuk berkomunikasi dua arah antara pihak google dan kita sebagai webmaster. Tool ini juga merupakan media untuk mempromosikan blog ke google, tentunya dengan melakukan beberapa optimasi terhadap blog kamu agar lebih bersahabat dengan SEO terlebih dahulu.  Adapun langkah-langkah mendaftarkan blog kamu di google webmaster adalah sebagai berikut :
  • Pastikan kamu telah login ke account Google, kemudian klik Webmaster Tools untuk memulainya
  • Masukkan alamat blogger kamu --> klik "Tambahkan Situs" (tunggu beberapa saat sampai alamat blog kamu tampil Dasbor). Google Webmaster Tools
  • Klik alamat blog kamu dalam dasbor, maka akan ditampilkan halaman berikut: Google Webmaster Tools
  • Pada tab tools silahkan pilih menu Manage Site verifikasi, kemudian pada box pilihan silahkan pilih Add a meta tag. Ccopy paste code tersebut ke halaman Edit HTML kamu dan letakan kode ini diantara tag <head> ... </head>. Jika sudah simpan blog, kemudian kembali ke google webmaster lalu tekan command Verified. sampai disini kamu sudah sudah berhasil melakukan verifikasi.
  • Pada tab Peta Situs --> Tambahkan sitemap http://alamatblogkamu.blogspot.com/feeds/posts/full, pada kata yang berwarna hijau merupakan tambahan peta situs blog kamu. Lihat update di bawah. Google Webmaster Tools
Untuk blogger sendiri ada 4 format default feed yang bisa digunakan sebagai cadangan sitemap:
Atom.xml
Rss.xml
feeds/posts/default
feeds/posts/default?alt=rss
Catatan: Google akan melakukan indeks terhadap sitemap yang kamu masukkan dan memerlukan waktu yang tidak sebentar. Apabila peta situs tidak benar, maka Google akan meng-informasi-kan bahwa terjadi galat dalam sitemap kamu.

Update — 20 September 2014

Sekarang untuk melakukan submit sitemap tidak perlu susah-susah lagi, cukup dengan mengkombinasikan alamat blog ditambah dengan sitemap.xml, contoh: h**p://namablog.blogspot.com/sitemap.xml dan cuplikan gambar interface Google Webmaster Tools di atas sudah ketinggalan zaman. :(
Selamat men-submit Sitemap Blogger.com di Google Webmaster Tools