Trik Blogger | Memasang Komentar Terbaru (Recent Comments)
on
17.07
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 :
- 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.
- Ganti kode yang berwarna biru nilai numcomments untuk menampilkan jumlah komentator dan numchars untuk menampilkan jumlah karakter teks komentar per-komentator.
- Ganti kode yang berwarna hijau dengan alamat blog kamu.
Selamat memasang komentar terbaru...
Source: optimasi-blog
Trik Blogger | Memasang Posting Terbaru (Recent Posts)
on
16.43
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 :
- Ganti kode yang berwarna merah dengan alamat penyimpanan file "postterbaru.js atau postterbaru.txt" kamu sendiri (ex : googlecode.com). Kalau tidak biarkan apa adanya.
- Ganti kode yang berwarna biru nilai numposts untuk menampilkan jumlah posting terbaru dan numchars untuk menampilkan jumlah karakter teks per-posting terbaru.
- 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
on
16.31
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.
Kemudian pada jendela pop-up yang terbuka, pilih gadget “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”.
Selanjutnya akan ditunjukkan beberapa pengaturan yang dapat Anda kustomisasi pada gadget atau widget feed yang baru dibuat tersebut. Akhiri dengan mengklik tombol “Save”.
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>“");document.write(j);document.write("”</i></li>")}else{document.write("<i>“");j=j.substring(0,o_rc);var h=j.lastIndexOf(" ");j=j.substring(0,h);document.write(j+"…”</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&callback=showrecentcomments'></script>
Catatan:
Widget komentar terbaru akan ditampilkan dalam daftar urut (
Untuk demonstrasi dapat dilihat pada sidebar atau footer Optimasi Blog — Komentar Terakhir & Posting Terakhir.
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
on
15.55
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+/ Deskrisi Tag 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=""…/> Tabel Menata 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+/ Deskripsi Tanda Simbol HTML Numerik Ampersand & & & Spasi   Lebih kurang ± ± ± Pecahan ¼ ¼ ¼ ¼ Pecahan ½ ½ ½ ½ Pecahan ¾ ¾ ¾ ¾ Perkalian × × × Pembagian ÷ ÷ ÷ Tanda pisah En – – – Tanda pisah Em — — — Tanda petik pembuka tunggal ‘ ‘ ‘ Tanda petik penutup tunggal ’ ’ ’ Tanda petik pembuka ganda “ “ “ Tanda petik penutup ganda ” ” ” Ellipsis … … … Menit ′ ′ ′ Detik ″ ″ ″
Beberapa uraian penjelas tentang penggunaan simbol beberapa tanda baca adalah sebagai berikut:
- Perkalian
×
akan lebih baik daripada menekan tombol X pada papan ketik. - Pembagian
÷
akan lebih baik daripada menekan tombol / pada papan ketik. - Tanda petik, menit, atau detik
‘
,’
,“
,”
,′
, dan″
akan lebih baik daripada menekan tombol ' dan " pada papan ketik. - Tanda pisah
–
dan—
akan lebih baik daripada menekan tombol - pada papan ketik.- Penggunaan
–
yang berarti “sampai dengan”, contoh: 2014 – 2015 - Penggunaan
—
untuk menjelaskan suatu kata atau frase kata di luar bangun kalimat, contoh:
Saya karyawan swasta — Manager Perkebunan — yang menyukai dunia Blogging
- Penggunaan
Saya pikir semua orang harus belajar coding, Karena coding mengajarkan anda berpikir.
Source: Optimasi Blog
Pemahaman yang saklak tentang SEO
on
19.12
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.
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.
Submit Sitemap Blogger.com di Google Webmaster Tools
on
19.12
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).
- Klik alamat blog kamu dalam dasbor, maka akan ditampilkan halaman berikut:
- 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.
Atom.xml Rss.xml feeds/posts/default feeds/posts/default?alt=rss
Sumber: Mengoptimalkan Google Webmaster Tools oleh O-OM
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
Langganan:
Postingan
(
Atom
)