Breaking News

Definition List

Flickr Images

Saturday, May 31, 2014

Memasang Widget Statistik Jumlah Pengunjung Blog

widget statistik jumlah pengunjung blog
BLOG Anda menampilkan atau memasang widget statistik jumlah pengunjung blog di sidebar? Ada dari Sitemeter, PageRank, Histasts. Feedjit, Hit Counter, Stat Counter, Whois Among Us, dan sejenisnya? Saran CB, lepas sekarang juga!

Lepas saja widget itu.... jika Anda ingin:
  1. Loading blog Anda lebih cepat dan ringan.
  2. Blog Anda tampak clean, bersih, dan "tidak kumuh".
  3. Mengurangi Outbound/External Link dari Blog Anda.

Memasang widget statistik jumlah pengunjung blog tidak salah. Boleh saja, bagi Anda yang ingin "show off" alias "pamer" trafik pengunjung blog. (Tapi malu juga sih ya kalo trafiknya rendah, he he....)

Pendapat CB, widget atau kotak statistik jumlah pengunjung itu tidak pengaruh bagi SEO dan reputasi blog, kecualinya jumlah pengunjungnya WOW banget!

Widget statistik jumlah pengunjung hanya memperlambat loading, karena ia harus "menarik" kode dan tautan ke luar blog kita. Apalagi kalo widgetnya yang "kerlap-kerlip" dan "warna-warni" animasi, kaya iklan obat kuat, he he....

Apalagi statistik jumlah pengunjung dan Page Views sudah disediakan blogger. Ada di Dashboar Blog, juga ada di Google Analytic. Itu sudah cukup!

Biasanya sih... yang suka "pasang segala macem widget" di blognya itu blogger baru, terutama blogger "alay" (maaf ya... jangan tersiggung). Ditambah jenis huruf yang "aneh", cursor jadi kupu-kupu atau ular, ada musiknya, ada jamnya... waaah segala macem deh. Mereka pikir itu bagus... padahal, iya sih bagus, tapi itu lho... apa gunanya buat user?

Ingat prinsip utama SEO Blog: Usability!

Jadi, blog Anda masih memasang widget statistik jumlah pengunjung blog? What do you think...? Any better idea...?

Baca Juga:
1. Lepas Musik, Jam, dan Flash di Blog Anda!
2. Slider Tidak Bagus untuk SEO Blog
Read more ...

Cara Menghapus Outbound Link QuickEdit Blog untuk SEO

ikon quickedit blog
SEBELUM ke teknis cara menghapus Outbound Link ikon QuickEdit blog, mari kita pahami dulu istilah ini (bagi yang belum paham). Outbound Link adalah hyperlink atau link (tautan) dari blog kita menuju ke blog atau situs lain. Disebut juga External Link (tautan eksternal). 

Ketika pengunjung mengklik link tersebut, maka blog kita akan "tertutup" dan mereka akan meninggalkan blog kita, kecuali Outbond Link tersebut kita kasih kode target='_blank'.

Kode target='_blank' itu akan menjadikan ketika link diklik, ia akan membuka tab baru (new tab). Penerapan kode itu misalnya: <a href='http://namadomain.com' target='_blank'>Nama Link</a>.

Kebalikan Outbound Link adalah Inbound Link, yaitu link di blog lain yang mengarah ke blog kita, yang dikenal dengan "Back Link".

Outbond Link dan SEO Blog
Terlalu banyak link yang keluar akan berdampak buruk bagi peringkat di mesin pencari. Sebaliknya, makin banyak Inbound Link (Back Link) maka akan makin bakin bagi SEO blog kita. 

Demikian pula Internal Link --yaitu link yang ditautkan ke posting lain dalam blog kita sendiri-- bagus buat SEO.

Outbond Link Widget
Blogger.com mengandung banyak outbound link. Para pengguna template default bawaan blogger tidak asing dengan ikon quikedit berupa gambar pencil ini. Biasanya ikon pencil ini berada di bawah postingan pada kelompok footer post.

Tiap kali kita menambah Widgets, maka Outbond Link QuickEdit akan muncul di template kita berupa kode <b:include name=’quickedit’/>

QuikEdit masuk dalam kelompok Outbond Link karena URL gambarnya "entah di mana".
  • Url gambar ikon pensil adalah http://img2.blogblog.com/img/icon18_edit_allbkg.gif
  • Url gambar obeng+tang adalah http://img1.blogblog.com/img/icon18_wrench_allbkg.png
Maka, untuk validasi HTML serta demi SEO dan loading blog, sebaiknya kode quickedit tersebut dihapus saja!

Cara Menghapus Outbound Link QuickEdit

Langkah ini dilakukan setiap kali kita menambah widget blog.
1. Template > Edit HTML
2. Temukan (Ctrl+F) SEMUA kode <b:include name=’quickedit’/> dan HAPUS!
3. Temukan (Ctrl+F) juga kode seperti di bawah ini dan hapus juga! Kalau gak ada, syukurlah...!

<!– quickedit pencil –>
<b:include data=’post’ name=’postQuickEdit’/>


4. Cari lagi (Ctrl+F) kode <b:includable id=’postQuickEdit’ var=’post’> dan hapus!
4. Save Template!

Kenapa Harus Dihapus?

Kode-kode tersebut hanya memberatkan blog, juga mempengaruhi skor SEO. Setidaknya, itu kata Chkme dan GT Metrix. Kode tersebut juga tidak valid HTML.

Kode-kode yang mengandung kata "QuickEdit" itu akan menampilkan gambar "pensil" dan "obeng & kunci inggris" (screwdriver and wrench icon) saat kita membuka blog dalam keadaan login. 

Fungsinya QuickEdit hanya mempermudah kita kalo mau edit posting atau edit widget. Tapi kita bisa melakukan edit di Dashboard Blog kok!

Guna makin paham soal QuickEdit ini, baca juga posting sebelumnya:
Good Luck and Happy Blogging!
Read more ...

Friday, May 30, 2014

Cara Mengubah Judul Blog Jadi SEO Friendly

 Judul Blog Jadi SEO Friendly
NAMA atau judul blog (blog title) merupakan salah satu elemen terpenting dalam template blog kita. Judul blog --disebut juga Meta Title Tags dan Header Code-- itulah yang pertama kali diindeks Google selain judul-judul posting (posts title).

Judul blog itu beda ya sama nama domain blog. Contohnya, judul blog CB ini adalah CONTOH BLOG. Nama domainnya CONTOH BLOG NIH.

Lanjut... Mengubah judul blog jadi SEO friendly merupakan usaha kita agar blog kita cepat diindeks Google dan ditemukan user. Judul blog SEO friendly akan berpeluang mendapatkan ranking tinggi di mesin pencari.

Cara Mengubah Judul Blog Jadi SEO Friendly

Perubahan ini kode judul blog ini HANYA BERLAKU bagi template blog Anda yang belum SEO friendly. Cek dulu aja, apalah blg Anda masih menggunakan Meta Title standar, atau sudah SEO friendly. Kalau masih standar, maka ubahlah...!

1. Template > Edit HTML
2. Ganti kode <title><data:blog.pageTitle/></title> dengan

<title>
 <b:if cond='data:blog.pageType == &quot;index&quot;'>
  <data:blog.pageTitle/>
 <b:else/>
  <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
   <data:blog.pageName/> | <data:blog.title/>
  <b:else/>
   404 | <data:blog.title/>
  </b:if>
 </b:if>
</title>
<b:if cond='data:blog.metaDescription == &quot;&quot;'>
 <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
<b:else/>
 <meta property='og:description' expr:content='data:blog.metaDescription' />
</b:if>
<b:if cond='data:blog.postImageThumbnailUrl != &quot;&quot;'>
 <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>

Bisa juga gunakan kode berikut ini, sama dengan yang diatas, tapi yang di bawah ini sudah "diproses" --biar Valid HTML:

&lt;title&gt;
 &lt;b:if cond='data:blog.pageType == &amp;quot;index&amp;quot;'&gt;
  &lt;data:blog.pageTitle/&gt;
 &lt;b:else/&gt;
  &lt;b:if cond='data:blog.pageType != &amp;quot;error_page&amp;quot;'&gt;
   &lt;data:blog.pageName/&gt; | &lt;data:blog.title/&gt;
  &lt;b:else/&gt;
   404 | &lt;data:blog.title/&gt;
  &lt;/b:if&gt;
 &lt;/b:if&gt;
&lt;/title&gt;
&lt;b:if cond='data:blog.metaDescription == &amp;quot;&amp;quot;'&gt;
 &lt;meta expr:content='data:blog.pageName + &amp;quot; - &amp;quot; + data:blog.title' name='description'/&gt;
&lt;b:else/&gt;
 &lt;meta property='og:description' expr:content='data:blog.metaDescription' /&gt;
&lt;/b:if&gt;
&lt;b:if cond='data:blog.postImageThumbnailUrl != &amp;quot;&amp;quot;'&gt;
 &lt;meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/&gt;
&lt;/b:if&gt;

Catatan: kedua kode di atas sadah termasuk Page Error 404 dan kode Open Graph Facebook --untuk kepentingan share posting ke Facebook.

Anda juga bisa gunakan kode meta title tags yang lebih simple berikut ini:

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> |<data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title> </b:if>

Silakan dipilih-dipilih....... itu Meta Title Tag alias kode judul blog sama-sama SEO friendly. Good luck!

Sumber Kode 1
Sumber Kode 2
Read more ...

Easy News - Template Blog SEO Responsif Gratis Download

AKHIR pekan. Pengunjung menurun! Saatnya ganti template blog! CB tawarkan template Easy News. It is Free Responsive Magazine Blogger Template. Template blog ini SEO friendly, fast loading, dan responsif banget! Cocok digunakan untuk blog majalah berita, juga blog pribadi dan blog bisnis.

Apa saja fitur Easy News – Free Responsive Magazine Blogger Template? 
Tanpa banyak kata dan basa-basi.... lihat sendiri aja deh gambar-gambar screenshotnya berikut ini. One picture worths thousand words, does it?

Easy News – Free Responsive Magazine Blogger Template

Tampilan HOMEPAGE Easy News – Free Responsive Magazine Blogger Template

Tampilan Mobile Responsive Easy News

Tampilan Mobile Responsive Easy News
Auto Layout Easy News

Auto Layout Easy News
PENTING!!!

  1. Pastikan minimal ada 6 posting Anda yang menggunakan LABEL "Hot" agar tampil di bagian paling atas halaman depan. 
  2. Edit Subscribe dan Social Follow di "Layout"

Perhatian Area HOT News di bawah ini:




Admin Layout

Easy News – Free Responsive Magazine Blogger Template


PENTING!

  • Untuk mengubah jenis, ukuran, dan warna huruf (Font), Anda tinggal klik "Template" > "Customize" dan pilih >"Advance Editor". Ini Penampakannya:

Easy News – Free Responsive Magazine Blogger Template

Cara Edit Drop-Down Menu
1. Klik "Layout" > Edit "Dropdown Menu"
2. Di "Configure Link List", isi "New Site URL" dan "New Site Name"
3. Klik "Add Link" 
4. Gunakan level format dengan "_" sebeleum sub-menu.

SETTING MOBILE VERSION
1. Template
2. Mobile
3. Pilih "Yes"
4. Klik "Custom"
5. Save! Lihat gambar di bawah ini:

Easy News – Free Responsive Magazine Blogger Template

Mantap 'kan Easy News - Template Blog SEO Responsif  ini? Good Luck..!

Read more ...

Cara Membuat Footer Statis (Melayang)

Tutorial membuat Footer Statis, Footer Mengapung, atau Menu Footer Melayang (Floating Footer) ini terinspirasi trik My Blogger Lab tentang Floating Sticky Footer. Namun, di sana cara membuatnya menggunakan tiga kode, plus Javascript.

CB coba modif aja tanpa Javascript. Tenyata... bisa!

Footer Statis yaitu footer blog yang tetap muncul (mengapung/melayang) saat user men-scroll mouse ke atas ataupun ke bawah. Contohnya? Ini dia: DEMO FOOTER STATIS

Footer Statis ini bisa diisi menu, iklan, atau informasi apa saja. Bebas! Tentu, memerlukan penyesuaian kalau mau diutak-atik lagi. 

Cara Membuat Footer Statis

Cara membuat footer statis ini hanya dua langkah, setelah Anda masuk dulu ke Template > Edit HTML seperti biasa.

1. Copy & Paste kode berikut ini  di atas kode ]]></b:skin>

<!--CB Static Footer Starts-->
#static-footer p {
float: center;
margin: 0px;
padding-top:10px;
padding-left:40px;
vertical-align: bottom;
line-height: 1.2;
}

#
static-footer a {
color: #fff;
}

#
static-footer {
height: 40px;
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 10px solid #f5f5f5;
background-color: #111;
width: 100%;
left: 0px;
text-align: center;
color: #fff;
font-family: Verdana;
font-size: 11px;
z-index:10000;
opacity: 0.9;
filter: alpha(opacity: 90);
bottom:0;
}
<!--CB Static Footer End-->


2. Copy & Paste kode berikut ini di atas kode </body>

<!--static footer start-->
<div id='static-footer'>
<p>
Powered by <a href='http://www.blogger.com'>Blogger</a> | Created by <a href='#' target='_blank'>CB Design</a>. Copyright 2014 All Rights Reserved: <a href='#'>CB Design™</a></p>
</div>
<!--static footer end-->


Catatan: tulisan atau kode yang berwarna orange bisa diubah sesuai dengan selera Anda. Di situ pula jika mau menyimpan gambar atau kode iklan. Tapi jangan lupa, atur atau sesuaikan ketinggian footer statisnya di kode pertama (kode: height: 40px;).
Setelah itu? Tentu saja.... Save Template! 

Selamat... ! Blog Anda sudah punya footer statis yang fleksibel dan bisa diisi apa saja asal proporsional.*
Read more ...

Thursday, May 29, 2014

Judul Posting Blog, Sebaiknya Berapa Kata?

JUDUL posting blog (post title) dan alinea/paragraf pertama (lead) adalah bagian posting blog kita yang diindeks dan ditampilkan mesin pencari (terutama Google) di halaman hasil pencari (SERP, Search Engine Result Page). Karenanya, kita harus perhatikan berapa jumlah kata yang sebaiknya kita buat untuk judul dan lead itu.

Judul terlalu panjang tidak akan termuat semua di SERP. Demikian pula alinea pertama. Untuk mengetahui jumlah kata yang baik dan ideal di judul dan alinea pertama posting blog, sangat gampang. Buka aja Google, dan ketikkan kata kunci apa saja, misalnya "Cara Mengganti Template Blog", maka akan muncul seperti ini:

Jumlah Kata Ideal di Judul dan Alinea Pertama Posting Blog

Seperti tampak dalam gambar, berikut ini jumlah kata yang tampil di SERP Google:

Cara Mengganti Template Blog (Mengubah Tampilan)
Feb 11, 2014 - Panduan cara mengganti template blog (mengubah tampilan) ini tentu untuk blogger baru yang belum tahu cara mengubah tampilan blognya.

ScreenShot di atas juga menunjukkan, dengan kata kunci itu CB menempati ranking pertama di Google. Ini bukti keampuan SEO template New Johny Wuss.

Dari gambar di atas, kita bisa menyimpulkan:
  1. Jumlah kata yang ideal untuk judul posting adalah 7-8 kata atau antara 40-50 karakter (huruf)
  2. Jumlah kata yang ideal untuk alinea pertama posting blog adalah 25-28 kata atau 135-140 karakter (huruf).
Lebih pendek, tentu lebih baik, dan jauh lebih baik dan SEO Friendly jika kata kunci yang kita bidik masuk dalam judul dan alinea pertama. 

Itu saja ulasan CB soal panjang-pendek judul tulisan di blog dan panjang-pendek alienea pertama, demi kepentingan hasil pencarian (SERP) Google. Good Luck!
Read more ...

Wednesday, May 28, 2014

Cara Mengganti Jenis dan Ukuran Huruf (Font) Posting Blog

mengubah jenis huruf blog droid sans
TULISAN tentang Cara Mengganti Jenis dan Ukuran Huruf (Font) Posting Blog ini melanjutkan dua posting sebelumnya tentang Jenis Huruf Terbaik buat Blog dan Pengaruh Ukuran Huruf pada Bounce Rate Blog. CB bikin posting ini setelah mengganti jenis huruf blog ini dari Arial menjadi Droid Sans.

Cara mengganti jenis dan ukuran huruf postingan blog sangat mudah.
  1. Cari kode "font-family" atau "font" di template Anda. Misalnya begini: post-body {font-family: Arial; font-size:14px} atau body {font:Arial;size:13px} dan semisalnya.
  2. Ganti Arial dengan jenis huruf lain
  3. Ganti 14px dengan ukuran lebih kecil (13px) atau lebih besar (15px). Proporsionalkan aja, jangan terlalu kecil, jangan pula terlalu besar.

Cara Mengganti Jenis dan Ukuran Huruf ala CB

Kalau cara CB sih begini ketika mengganti jenis dan ukuran huruf untuk blog ini:
  1. Intip dulu jenis dan ukuran huruf blog/website orang lain yang sekiranya "enak dibaca", good looking, alias scannable dan readable.
  2. Jika jenis hurufnya "tidak biasa", misalnya selain Arial dan Verdana, maka meluncurlah ke Google Font.
  3. Pilih jenis huruf di sana dan ikuti langkah berikutnya sehingga muncul kode seperti ini. Ini kode yang dipilih CB untuk blog ini. 
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/>
  • Copy + Paste kode tersebut ke template blog, di bawah kode <head>
  • Ubah atau sesuaikan jenis huruf di post-body atau post a h1, post a h2, dst. sesuai dengan panduan yang diberikan Google Font. 
Bagi pengguna New Johny Wuss seperti CB, dan ingin jenis-ukuran hurufnya juga sama dengan CB ini, maka tinggal copas aja kode di atas, lalu lakukan perubahan jenis huruf menjadi "Droid Sans" di:
  1. post-body > ganti Arial dengan 'Droid Sans'
  2. Ganti juga ukuran hurufnya menjadi 14px
  3. Cari kode elemen "Featured" dan ubah Oswald menjadi Droid Sans
  4. Cari kode elemen "Related Posts" dan ubah Arial/Tahoma/Oswald menjadi Droid Sans
  5. Intinya... jika ingin semuanya menjadi Droid Sans, maka ubah semua jenis huruf menjadi Droid Sans.
Pertanyaannya, mengapa CB memilih jenis huruf Droid Sans? Simple saja... CB mencontek blog Hongkiat yang CB percaya sebagai situs kumpulan blogger yang ahli di bidang desain web/blog.

Droid Sans termasuk salah satu 20 Jenis Huruf Terpopuler versi Awwwards.

Anda mau mengganti jenis dan ukuran huruf blog juga? Kalo tanya, adakah pengaruhnya bagi SEO blog, maka Anda harus klik kedua link posting di alinea pertama tulisan ini.

Good Luck and Happy Blogging....!
Read more ...

Top 10 Jasa SEO Terbaik Indonesia versi Google dan Chkme

ANDA mencari penyedia jasa SEO blog/website terbaik di Indonesia? CB bantu deh dengan menyusun Top 10 Jasa SEO Terbaik Indonesia versi Google dan Chkme ini. Ingat ya... sekali lagi, ranking ini berdasarkan SERP Google dan Skor SEO situs para jasa SEO ini versi  Chkme.

Tadinya CB "iseng" saja sebenarnya, ingin mengintip skor SEO blog para penyedia jasa SEO ini. Lalu kepikiran, sekalian saja menyusun top 10 jasa SEO Indonesia. Maka, CB cek aja satu satu situs jasa SEO yang ada di halaman 1 hasil pencarian (SERP) Google itu.

Top 10 Jasa SEO Terbaik Indonesia versi Google

Maksudnya adalah 10 situs jasa SEO teratas yang tampil di halaman 1 hasil pencarian Google, dengan kata kunci "jasa seo". Ini Screen Shotnya!

Top 10 Jasa SEO Terbaik


Ini daftar situs jasa SEO yang "nongol" pada Kamis (29/5/2014) Pkl. 00.19 WIB.
  1. Paket SEO - http://www.paketseo.com
  2. Jasa SEO Murah - http://www.jasaseomurah.co.id
  3. SEO One - http://seoone.co.id/
  4. Zero Media - http://www.zeromedia.co.id
  5. Klik SEO - http://www.klikseo.com
  6. Saungku - http://www.saungku.com/
  7. Boost - http://www.boost.web.id
  8. Republik SEO - http://www.republikseo.co.id
  9. Jasa SEO Terbaik - http://jasa-seo-terbaik.blogspot.com
  10. CB Bloggerz !!!
Yang menarik, hampir semua situs jasa seo ini menggunakan kata kunci (keywords) "jasa seo murah" dan "jasa seo terbaik", terutama di Meta Tag Deskripsi. Rupanya, peperangan ada di kata kunci itu: seo murah dan seo terbaik.

Tapi yang paling menarik adalah urutan ke-10 atau urutan terakhir di halaman 1 di SERP Google itu...!!! Kok ada CB Bloggerz ya... CB 'kan buka jasa SEO, tapi "jasa berbagi tips SEO gratis" lewat blog ini.

Memang sih... bukan nama blog, tapi akun Google Plus,  dengan judul share posting "Template Blog Responsif Minimalis untuk Blog Foto". Hahayy... kok keindeks Google sebagai jasa seo ya...? Oh.... rupanya karena CB googlingnya pake Chrome. Di Firefox mah gak ada tuh akun Google Plus CB itu....

Top 10 Jasa SEO Indonesia versi Chkme

Urutan Top 10 Jasa SEO Terbaik Indonesia versi Google di atas berubah saat kita susun menjadi versi Chkme, yaitu peringkat berdasarkan skor SEO blog/situs mereka.

Paket SEO yang di SERP Google juara 1, di Skor SEO melorot tajam ke urutan 8. Di Chkme juaranya SEO One dengan skor SEO 100%. Ini dia urutannya:
  1. SEO One - SEO Score for http://seoone.co.id/ 100 % 
  2. Zero Media - SEO Score for http://www.zeromedia.co.id 91 % 
  3. Jasa SEO Terbaik - SEO Score for http://jasa-seo-terbaik.blogspot.com 82 % -
  4. Boost - SEO Score for http://www.boost.web.id 80 % 
  5. Republik SEO - SEO Score for http://www.republikseo.co.id 74 % 
  6. Jasa SEO Murah - SEO Score for http://www.jasaseomurah.co.id 70 % 
  7. Saungku - SEO Score for http://www.saungku.com/ 59 % 
  8. Paket SEO - SEO Score for http://www.paketseo.com/ 57 % 
  9. Klik SEO - SEO Score for http://www.klikseo.com 46 % 
Kok jadi 9? Iya... karena CB Bloggerz 'gak bisa diskor... karena 'kan bukan url alamat blog, tapi akun Google Plus. Kalau skor SEO Contoh Blog mah sudah dari dulu atuh... 100% !  [SEO Score for http://contohblognih.blogspot.com/100 % - Congratulations! Silakan CEK]

Nah... itulah Top 10 Jasa SEO Terbaik Indonesia versi Google dan Chkme. Terserah Anda, mau pilih versi Google atau Chkme. Rekomendasi CB sih... pilih yang no. 10, yaitu CB Bloggerz... ha ha.... narsis eta mah atuh...! CB belum buka jasa SEO, baru share gratis aja... Wasalam.*
Read more ...

Masalah Tanggal dan Hari di Posting Blog

Haruskah menggunakan tanggal dan hari di posting blog? Itu lho... di bawah judul tulisan biasanya ada yang kayak gini "Posted by Nama Blogger on Sunday, 25 May 2014". Nama blogger OK, 'gak masalah, tapi bagaimana dengan hari dan tanggal (posting day and date)? Haruskah ada?

Posting ini CB buat setelah Googling dengan kata kunci "mengganti template blog". Posting CB soal itu ada di Numero Uno di hasil pencarian (SERP)!

CB juga coba cek kata kunci lainnya "Template Blog Terbaru". Lagi-lagi "number one"! Bukti dan fakta ke-SEO-an template blog yang CB modif dan gunakan: New Johny Wuss.

Ini Screen Shot-nya:

Tanggal dan Hari di Posting Blog


Tanggal dan Hari di Posting Blog

Yang jadi masalah buat CB adalah munculnya tanggal di hasil SERP Google itu. CB pikir itu hanya mengurangi jumlah kata atau karakter alinea pertama posting yang terindeks Google.

CB berpikir, Haruskah Menggunakan Tanggal dan Hari di Posting Blog? Adakah kaitannya tanggal dan hari di posting blog dengan SEO Blog?
Maka... Googling!  Hasilnya dan kesimpulannya: HAPUS HARI DAN TANGGAL di Posting Blog!

Tapi, tunggu, menghapus hari dan tanggal tanggal di posting blog itu "hanya berlaku" bagi blog yang berisi tips atau tulisan yang tidak terikat dengan aktualitas. Hari dan tanggal diperlukan oleh blog berita (situs berita) untuk menunjukkan aktualitas posting.

Fungsi Hari dan Tanggal Posting

Dari hasil "studi online" CB, hari/tanggal di posting blog itu tidak terlalu diperlukan. Karena posts date itu hanya berfungsi sebagai informasi kepada pembaca, tentang kapan posting itu dibuat dan dipublikasikan. Itu saja!

Tanggal itu akan jadi masalah jika posting dibuka tahun 2014, sedangkan di sana tercantum posted on 2010 misalnya. Artinya, posting sudah berusia 4 tahun! Wah... bisa-bisa dianggap "basi" (timeless) deh, padahal postingannya masih relevan dengan kondisi masa kini.

Itulah sebabnya, seorang pakar SEO, Mike Piper, memberi saran begini: Remove all dates from your posts and comments! Hapus semua tanggal dari postingan dan komentar!

Alasan utamanya, itu tadi... khawatir pengunjung tidak mau baca karena menganggap posting kita sudah "out of date"!

Masalah lainnya, hari dan tanggal itu muncul di hasil pencariaan (SERP). Lihat lagi deh gambar di atas.... Nah, bisa jadi 'kan, karena tanggalnya satu atau dua tahun lalu, pengunjung gak mau klik karena berpikir posting itu tulisan lama, meskipun masih relevan.

Jadi? CB sih memilih hapus saja tanggal posting itu karena mayoritas posting CB adalah tips blogging yang tidak tergantung tanggal dan hari. CB akan buat posting baru jika ada yang berubah.

Cara Menghapus Hari dan Tanggal Posting

Ini yang CB lakukan di blog ini. Cara ini juga berlaku bagi pengguna New Johny Wuss. Yang bukan New Johny Wuss, sesuaikan saja.... biasanya kodenya HTML-nya sama.

1. Template > Edit
2. Temukan (CTRL+F) kode  <div class='post-header'>. Ada dua, pilih yang kedua, dan tambahkan kode berikut ini di bawahnya. Jangan lupa ganti URL Google Plus dengan punya Anda.

<b:if cond='data:blog.pageType == "item"'>
    <div class='post-header-line-1'/>
   <h3 class='date-header'><span>Posted by <a href='https://plus.google.com/106869251529186655236?rel=author' target='_blank'>CONTOH BLOG</a></span></h3>
</b:if>

Sehingga hasilnya menjadi begini:

    <div class='post-header'>
<b:if cond='data:blog.pageType == "item"'>
    <div class='post-header-line-1'/>
   <h3 class='date-header'><span>Posted by <a href='https://plus.google.com/106869251529186655236?rel=author' target='_blank'>CONTOH BLOG</a></span></h3>  
</b:if>
    </div>

3. Save!
4. Klik menu "Layout" di Dashboard
5. Klik kotak "Blog Post" dan klik "Edit" (Configure Blog Post)
6. Centang HANYA di bagian "Comments" ("Kommentar") doang! Lainnya gak usah dicentang!
7. SAVE!

Tanggal dan Hari Posting dan SEO Blog

Apakah menghapus hari/tanggal posting ada pengaruh pada SEO? Jawabnya NO! Ketika CB cek kembali ke Chkme, ini hasilnya:
SEO Score for http://contohblognih.blogspot.com/ 100 % - Congratulations!

Referensi:
http://doncrowther.com/blogging/blogpostdating
http://www.problogger.net/archives/2008/07/22/dates-on-blogs/
http://www.blogthority.com/540/easy-seo-tip-remove-dates-from-posts-and-comments/
Read more ...

Tuesday, May 27, 2014

Cara Mengganti Gambar Avatar OpenID dan Profil Blogger

 Gambar Avatar OpenID dan Profil Blogger
CB mengganti  gambar avatar OpenID dan default image profil blogger. Lihat perubahannya di kolom komentar. Ini berlaku bagi komentar blogger yang tidak mengganti foto di blogger profilnya. Avatar OpenID juga CB ganti dengan yang "agak tidak biasa".

 Gambar Avatar OpenID dan Profil BloggerBlog Anda mau juga mengubah gambar avatar OpenID dan default image profil blogger? Ini dia kode yang dipakai CB di blog ini.

CB pilih gambar logo atau ikon blog berwarna perak. Biar elegan! Sedangkan buat gambar avatar masih menunjukkan ciri khas logo OpenID, cuma ada simbol mataharinya, biar masa depan blogger Indonesia terus terang bederang!

Cara Mengganti Gambar Avatar OpenID dan Profil Blogger

1. Template > Edit HTML
2. Copy + Paste saja kedua kode berikut ini di template Anda, sebelum kode </body> --biasanya ada di bagian paling bawah (bagian akhir).

<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
// ganti gambar anonim blogger-profile versi http://contohblognih.blogspot.com
$(&quot;img[src=&#39;http://img1.blogblog.com/img/anon36.png&#39;]&quot;)
.attr(&#39;src&#39;, &#39;https://lh4.googleusercontent.com/-fGxmRgmlkJI/U4ROFV6IL7I/AAAAAAAAB1I/FcMzEg3Wth4/s48-no/avatarblogger.png&#39;)
.ssyby(&#39;blank&#39;)
</script>

<script>
// ganti gambar anonim openid versi http://contohblognih.blogspot.com
$(&quot;img[src=&#39;http://img1.blogblog.com/img/openid36-rounded.png&#39;]&quot;)
.attr(&#39;src&#39;, &#39;http://3.bp.blogspot.com/-mRVyUTLI65s/UQxP4itqdPI/AAAAAAAABeM/07Y7ir5E9DM/s1600/openid_logo.png&#39;)
.ssyby(&#39;blank&#39;)
</script>

3. Save!

Selamat, Anda berhasil Mengganti Gambar Avatar OpenID dan Profil Blogger!

Anda bisa ganti sendiri gambarnya sesuai selera. Ganti saja URL gambar yang berwarna merah dengan url image versi Anda. Good Luck........!
Read more ...

Monday, May 26, 2014

Cara Membuat Halaman Statis dan Link Eksternal Terbaru

HALAMAN statis (static page) yaitu halaman blog yang gak berubah-ubah atau jarang berubah, tetap sejak dibikin, kecuali mau diupdate. Contohnya, halaman ABOUT, SITEMAP, KONTAK, atau MENU STATIS lainnya. Biasanya diposisikan di jajaran di Navigasi Menu, bisa juga di Sidebar.

Posting ini merupakan panduan membuat dan menampilkan Halaman Statis dan Link Eksternal bagi blogger baru. CB "sadur" dari Blogger Buzz yang muncul di Dashboar Blog CB.

Ini posting agak lama, sekitar 2 bulan lalu, ketika blogger mengumumkan cara terbaru membuat halaman statis dan link eksternal.

Cara Membuat Halaman Statis

1. Klik Menu "Pages"
2. Klik "New Page"
3. Isi kotak yang tersedia sebagaimana kita menulis posting. Jangan lupa isi menu "Search Description" agar halaman statis kita juga SEO Friendly!
4. Klik "Publish"

halaman statis blog


Setelah itu akan tampak daftar Pages seperti gambar di bawah ini:

halaman statis blog

Cara Menampilkan Halaman Statis

Daftar halaman statis tidak otomatis muncul di blog kita, kecuali di template tertentu yang sudah mengotomatiskannya jika ada page baru.

Untuk menampilkan halaman statis yang baru kita buat, ada dua cara:
1. Menambah Widget (Add Gadget) "Pages" di Layout > Sidebar


widget halaman statis
2. Untuk daftar halaman statis Horizontal, tambahkan "Pages Widget" di bawah  "Header"
3. Untuk daftar Vertical, "add a Pages Widget" ke Sidebar.




Gambar di atas memperlihatkan  layout dengan dua widget halaman statis:
1. 'Navigation Pages' (horizontal) 
2. 'External Pages' (vertical)

CARA LAIN!

Cara lainnya ini umumnya berlaku bagi template modifikasi atau template SEO Friendly. Anda harus Edit HTML template, lalu cari jajaran menu yang sudah disediakan desainer template. 

Ganti nama menu dan isi linknya dengan link halaman statis Anda. Misalnya (ini contoh menu nav New Johny Wuss):
  • <li><a class="home" href="/">Home</a></li>
  • <li><a href="http://contohblognih.blogspot.com/p/buku-tamu.html" title="Tentang Blog Ini">About</a></li>
  • <li><a href="http://contohblognih.blogspot.com/p/daftar-isi.html" title="Daftar Isi Blog">Daftar Isi</a></li>

Cara Menambah Link Eksternal

Link eksternal yaitu link alamat blog lain, misalnya dummy blog kita, blog teman kita, atau blog/situs favorit kita.

Cara menambahkannya, klik Edit "Pages Widget" > "+ Add external link" seperti dalam gambar berikut ini:


widget link eksternal


Akan muncul seperti ini. Nah... isi dah tuh, misalnya: 
> Page Title isi dengan: CONTOH BLOG
> Web adress (URL) isi dengan: http://contohblognih.blogspot.com/

halaman baru blog

Cara lain menampilkan link eksternal sama dengan CARA LAIN! menampilkan halaman statis di atas, yaitu dengan memasukkan nama dan URL linknya di jajaran navigasi menu.

Itu dia Cara Membuat Halaman Statis dan Link Eksternal Terbaru. Good luck and... Happy blogging!

Sumber: Blogger Buzz
Read more ...

Cara Menghapus Widget Navbar Blog

Menghapus Widget Navbar Blog
DI posting Tiga Kode Kecil yang Berpengaruh pada SEO Blog, ada yang tertinggal, yaitu cara menghapus, menghilangkan, dan menyembunyikan widget Navbar Blog. Ini juga hanya memerlukan "kode kecil" yang tak boleh dilewatkan saat desain atau setting-layout template blog.

Navbar (Navigation Bar) adalah widget bawaan blogger. Widget ini otomatis ada saat kita bikin blog dan/atau ganti template. Di halaman blog, navbar biasanya muncul di bagian atas atau di sidebar.

Jika merasa terganggu dengan penampakan navbar blog ini, maka  cara menghapus, menghilangkan, dan menyembunyikannya adalah sebagai berikut.

Cara Menyembunyikan dan Menghapus Widget Navbar Blog

1. Menyembunyikan Navbar
Cara ini tidak menghapus navbar, hanya menyembunyikannya. Caranya:
1. Layout
2. Klik "Edit" di Widget bertuliskan "Navbar".
3. Klik "Off" di bagian kanannya. Lihat gambar:

 Menghapus Navbar Blog

Cara lainnya adalah dengan menambahkan kode css di template blog. Tapi jika cara di atas sudah mengatasi masalagh navbar, gak usah lagi bambah kode ini

1. Template > Edit HTML
2. Simpan SALAH SATU kode berikut ini di atas kode ]]></b:skin>

#navbar {display:none}
#navbar-iframe {display: none !important;}
#navbar, #navbar-iframe {height: 0px;visibility: hidden;display: none;}

3. Save!

2. Cara Menghapus Navbar
Cara ini sama sekali menghapus alias menghilangkan widget navbar blog. Ini pula yang biasa CB lakukan, lebih "galak" soalnya... basmi saja! Ha ha....... Caranya:

1. Template > Edit HTML
2.  Cari kode seperti berikut ini dan hapus:

<b:widget id='Navbar' locked='true' title='Navbar' type='Navbar'> ... sampai dengan kode penutup </b:widget>

Lihat gambar ini. Perhatikan yang dihighligt (dikasih kotak). Hapus yang seperti itu hingga kode penutupnya (</b:widget>) !

kode widget navbar blog

Haruskah Navbar Blog Dihapus?

CB sih berpendapat harus. Ganggu pemandangan soalnya. Tul gak? Menurut Blogger Hin and Tips, dan CB setuju dengannya:, navbar itu "confusing and annoying for the rest of your readers" dan "A Very Bad Thing(tm!) if you're trying to hide the fact that your website is built using Blogger".

Jadi, alasan menghapus navbar ada dua:
1. Sangat menggangu
2. Ketauan banget bahwa kita pak blogger/blogspot!

Menurut CB, menghapus kode navbar juga bisa membuat blog kita makin ringan, lumayan 'kan ada "penumpang yang diturunkan" jadi agak lowong dikit lah....

Satu lagi!
Kalo baru ganti template, kadang-kadang ada juga widget bawaan template demo yang sulit dihapus di "Layout". Cara menghapusnya, cari nama widget tersebut di Edit HTML, lalu hapus!

Good Luck!
Read more ...

Cara Menampilkan Balas Komentar (Comment Reply) di Blog

kotak reply komentar  blog
TOMBOL untuk membalas atau menjawab komentar (Threaded Comment, Comment Reply) di blog menjadi isu tersendiri di kalangan blogger. Pasalnya, banyak blogger yang "kehilangan" menu untuk merespons komentar yang masuk di blognya.

Rupanya, CB juga mengalaminya, yaitu ketika memodifikasi template BTube yang CB "sulap" menjadi Template Blog Simple Magz yang Super SEO Friendly.

Normalnya, di kotak komentar blog Anda ada tombol "Reply" atau "Balas Komentar" tepat di bawah kotak komentar yang masuk. Dengan begitu, Anda "ngobrol" langsung dengan masing-masing pengunjung yang komentar.

Nah, bagaimana jika tombol reply comment itu tidak ada? Dari hasil "riset online" alias Googling, CB menemukan banyak sekali tips atau cara memunculkan balas komentardi blog itu. Tidak kurang dari 10 cara yang berbeda! WOW!!!

Anda yang punya masalah dengan reply comment di blog ini, bisa mencobanya satu per satu. Semoga saja percobaan pertama langsung berhasil. Amin.......!

10 Cara Menampilkan Tombol Balas Komentar di Blog

CARA #1
1. Klik "Setting"
2. Klik "Posts and Comments"
3. Pilih "Embedded" (Tersemat)
4. Save!
5. Klik "Other"
6. "Post Feeds" pilih "Full"
7. Save!

CARA #2
1. Template > Edit HTML
2. Ganti kode <b:include data='post' name='comments'/> dengan

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>

CARA #3
1. Template > Edit HTML
2. Cari kode seperti ini :

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>

3. Ganti dengan kode berikut ini :

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>

4. Save!

CARA #4
1. Template > Edit HTML
2. Hapus/ganti  kode yang diawali dengan 
<b:includable id='threaded_comment_js' var='post'> 
dan diakhiri dengan
</b:includable> 
dengan kode di bawah ini:

<b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-

results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>

Cara #5 Menampilkan Balas Komentar di Blog

1. Template > Edit HTML
2. Cari kode <div class='post-outer'> atau <b:if cond='data:post.includeAd'>
3. Di antara kedua kode tersebut terdapat kode seperti berikut :

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comments'/>
         </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comments'/>
         </b:if>
         </div>

4. Hapus semua kode tersebut dan ganti dengan kode yang ada di bawah ini:

           <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
           <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
           <b:else/>
           <b:include data='post' name='comments'/>
          </b:if>
         </b:if>
     <b:if cond='data:blog.pageType == &quot;item&quot;'>
           <b:if cond='data:post.showThreadedComments'>
         <b:include data='post' name='threaded_comments'/>
           <b:else/>
           <b:include data='post' name='comments'/>
          </b:if>
         </b:if>
        </div>

Cara #6
1. Ganti kode <b:include data='post' name='comments'/> dengan

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>

Cara #7
1. Copy dulu blogID Anda yang ada di Address (blogID=xxxxxxxxxxx)
2. Temukan kode <dd class='comment-footer'>
atau
<b:include data='comment' name='commentDeleteIcon'/>

3. Tambahkan kode berikut ini di bawah salah satu kode tersebut:

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=xxxxxxx&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C %61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; +
data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href,
&quot;bloggerPopup&quot;,
&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;);
return false;'><img alt='Reply To This Comment' src='http://4.bp.blogspot.com/_mWrR0-
gomZ0/TIIfWolwWgI/AAAAAAAAARE/nwiHJLeqSVw/s1600/reply.gif'/></a>

Cara #8
1. Template —> Edit HTML
2. Ganti kode
<b:includable id=’threaded_comment_js’ var=’post’> .... hingga kode </b:includable>
dengan kode di bawah ini:

<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>

Cara #9
1. Template > Edit HTML
2. Temykan kode <data:commentpostedbymsg/>
2. Simpan kode berikut ini di bawahnya:

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=BLOG ID NUMBER&amp;postID=&quot; + data:post.id + &quot;&amp; isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; +
data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F
%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;,
&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;);
return false;'> <img alt='Reply To This Comment' src='http://1.bp.blogspot.com/-
39DoCOYzEbQ/TtubLZruk2I/AAAAAAAAALs/qEonXrhGcqE/s1600/reply.png'/></a>

Cara #10
Ini cara termudah. Ada 3 cara:
1. Ganti template!
2. Kontak desainer template blog Anda!
3. Minta tolong, sewa, atau bayar orang lain untuk memperbaiki masalah reply komentar ini!

Tips Bonus: Reply Comment without Pop Up Box!

Jika reply comment And berupa kotak Pop Up, lalu ingin menggantinya dengan yang "biasa" alias tidak muncul pop up, maka gunakan tips ini: Threaded comments for blogger without popup window
(http://artistutorial.blogspot.com/2013/04/threaded-comments-for-blogger-comment.html)
Nah... 'kan... banyak banget cara mengatasi masalah reply komentar alias Cara Menampilkan Balas Komentar (Comment Reply) di Blog? Anda punya cara tersendiri? Share with us!

Link Sumber:
Jika uraian CB soal menampilkan reply comment blog di atas dianggap "membingungkan", silakan langsung ke sumbernya berikut ini:
  • http://xomisse.com/blog/fix-reply-button-blogger-comments/
  • http://www.makingdifferent.com/how-to-reply-button-not-working-in-blogger-threaded-comments/
  • http://www.bloggertricks.net/2013/05/how-to-add-reply-button-to-blogger-comment.html
  • http://www.bloggerplugins.org/2012/01/threaded-comments-for-blogger.html
  • http://www.betatemplates.com/2012/01/how-enable-threaded-comments-blogger.html

Read more ...

Format Posting Blog yang Baik

Format Posting Blog yang Baik
Format posting merupakan isu penting dalam desain blog atau website. Ini menyangkut aspek scannability dan readability. Bagaimana format posting blog yang baik? Salah satunya adalah gunakan rata kiri (text align left)!

Perhatikan tampilan posting blog Anda. Apakah tampilan teks (naskah tulisan)-nya rata kiri ataukah rata kiri-kanan (justify)?

Jika rata kiri-kanan (justify), sehingga tampilannya seperti format teks tulisan di koran, buku, atau surat resmi, itu artinya blog Anda menganut "aliran resmi-formal" dan "kaku".

Tampilan posting rata kiri-kanan alias full-justified tidak lazim. Selain membuat kaku, memperlambat user untuk membacanya, tampilan teks justify ini juga akan tampak buruk jika ada di kolom sempit.

Sebaliknya, tampilan posting atau teks rata kiri (align-left), akan lebih mudah dibaca, lebih enak dilihat (dipindai/scanned), dan ini artinya memenuhi aspek "readability naskah online".

Bandingkan kedua format posting ini

Contoh Text Align Justify

Contoh format posting blog dengan text align justify. Terkesan kaku dan formal. Tingkat keterbacaan rendah.

Format justify ini juga membuat jarak antar-kata jadi tidak beraturan, terkesan tidak rapi, meski dari segi rata kiri-kanan memang kompak, tapi perhatikan di bagian tengah ada jarak antar kata yang tidak sama.

Contoh format posting blog dengan text align justify. Terkesan kaku dan formal. Tingkat keterbacaan rendah.

Format justify ini juga membuat jarak antar-kata jadi tidak beraturan, terkesan tidak rapi, meski dari segi rata kiri-kanan memang kompak, tapi perhatikan di bagian tengah ada jarak antar kata yang tidak sama.
Contoh Text Align Left

Text alignment rata kiri lebih rileks, nyantai, informal, dan mudah dibaca dan dipahami. Ada banyak ruang putih yang menjadi tempat istirahat mata user di layar.


Format rata kiri ini memang tidak rata kiri-kanan, tapi bandingkan, jarak antar-kata jadi konsisten, kompak. Maka pilihlah rata kiri ini sebagai format posting blog Anda.


Text alignment rata kiri lebih rileks, nyantai, informal, dan mudah dibaca dan dipahami. Ada banyak ruang putih yang menjadi tempat istirahat mata user di layar.

Format rata kiri ini memang tidak rata kiri-kanan, tapi bandingkan, jarak antar-kata jadi konsisten, kompak. Maka pilihlah rata kiri ini sebagai format posting blog Anda.

Agak sulit mencari referensi soal text-alignment ini. CB menemukan salah satu yang "agak lengkap" di forum Stack Exchange: Best Way to Align Text on a Website.

Disebutkan, rata kiri digunakan secara umum di situs-situs populer, termasuk Google dan Facebook. User membaca dari kiri ke kanan, kecuali dalam bahasa Arab. Sehingga, jika posting blog kita tidak menggunakan rata kiri, maka itu akan mengurangi tingkat keterbacaan (decrease readability).

Kebiasaan user membaca format naskah rata kiri ini jangan diubah di blog kita. Maka, gunakan rata kiri di format posting blog Anda.

Cara mengeditnya, cari kode berikut ini atau yang mirip, lalu ubah justify menjadi left

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
text-align:justify;
}

HURUF KAPITAL

Selain soal rata kiri, jangan gunakan ALL CAPS atau semua huruf kapital, baik buat judul posting (post title) maupun isi posting (post body).
Full capitalisation is more tiring and slower to read, because it reduces recognition by making all letters a similar size.

Banyak penulis hebat kurang memperhatikan soal format posting ini di blognya atau di media sosialnya. Tulisan mereka bagus, namun kurang diminati karena soal format naskahnya yang tidak scannable dan readable.

Hal penting lainnya

  • Gunakan alinea pendek. Hindari anak kalimat.
  • Perbanyak ruang kosong atau ruang putih (white space), yakni gunakan jarak antar alinea. 
  • Gunakan bullet-point dan/atau numbering biar lebih enak dibaca.
  • Gunakan huruf tebal (bold) untuk poin penting.
  • Gunakan subjudul (Subheading) untuk membagi isi posting panjang menjadi beberapa bagian
Format Posting Blog yang Baik disukai user. Apa pun yang disukasi user, disukai pula oleh mesin pencari. Dan apa yang disuka mesin pencari, itulah SEO Blog! Good Luck!
Read more ...
Designed By