NofxSilver Blogger Template

NofxSilver Template adalah template blogger gratis. Sama halnya dengan TB-Nofx template, template ini merupakan template yang ringan, hanya warnanya saja yang saya rubah, namun tidak mengurangi kesan sederhana pada template ini.

Template Features :

Platform Type	Blogger / Blogspot
Nama Template	NofxSilver Blogger Template
Template Author	http://kutu-blogspot.blogspot.com/
Instructions URL	Cara Mengganti Template

Memperbaiki Missing Required Field "Updated"

Ketika saya cek blog ini di Webmaster Tools Rich Snippets Testing, ternyata terdapat peringatan Missing Required Field "Updated". Ini adalah pemberitahuan tentang kode time yang hilang atau kurang tepat, Ini cukup berpengaruh pada blog dan harus diperbaiki karena menyangkut verifikasi blog.

Buat sobat yang mengalami masalah yang sama, sobat dapat mencoba langkah di bawah ini untuk memperbaikinya :

• Masuk ke akun blogger anda
• Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).
• Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
• Beri tanda centang pada Expand Template Widget.
• Cari kode
  
  <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
• Ganti kata 'published' dengan kata 'updated', seperti kode berikut :
  
  <abbr class='updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
• Simpan Template dan cek lagi di Rich Snippets Testing.

Selain cara di atas sobat juga bisa menggunakan cara lain untuk Memperbaiki Missing Required Field "Updated". misalnya menambahkan kode berikut :

<a class='updated' href='http://kutu-blogspot.blogspot.com/' rel='bookmark'>Tutorial Blog</a>

Kode yang berwarna hijau ganti dengan alamat dan nama blog Sobat.

Letakkan kode tersebut diatas <b:if cond='data:post.hasJumpLink'> atau di bawah <div class='post-footer-line post-footer-line-1'> atau di bawah <div class='post-header-line-1'/>, terserah Sobat mau meletakkan dimana!!

Jika sudah silakan cek di Rich Snippets Testing Tools.

Segitu aja Sob, semoga bisa membantu dalam Memperbaiki Missing Required Field "Updated".

Eywo Blogger Template

Template Features

Platform Type	Blogger / Blogspot
Nama Template	Eywo Blogger Template
Description	Eywo Blogger Template adalah template blogger gratis yang ringan dengan 2 buah sidebar di sebelah kanan, space ads, minimalist, dan motif yang sederhana.
Template Author	http://kutu-blogspot.blogspot.com/
Instructions URL	Cara Mengganti Template

Menampilkan Rich Snippet Rating Bintang 5

Rich Snippet Rating bintang berfungsi menampilkan Bintang lima untuk setiap artikel blog kita pada hasil pencarian di search engine Google, contohnya seperti gambar berikut Ini :

Sebenarnya saya belum mengerti betul apa kelebihan Rich Snippet, setidaknya pengaturan ini akan membuat hasil pencarian blog kita di Google tampak lebih professional karena dilengkapi rating meskipun itu buatan sendiri.

Untuk membuat Rich Snippet bintang 5, silahkan lakukan langkah berikut :

• Login ke blogger.
• Klik Template, Pilih Edit HTML dan lanjutkan.
• Setelah itu centang Expand Widget Template.
• Cari kode <data:post.body/>, gunakan Ctrl f pada browser anda untuk mencari.
• Tepat di bawah kode <data:post.body/> masukkan kode berikut
  
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='margin-top: 30px; font-size: 11px; color:#777;'>
    <div itemscope='' itemtype='http://data-vocabulary.org/Review'>
    <center>Judul: <span itemprop='itemreviewed'><data:post.title/></span>;  Ditulis oleh <span itemprop='reviewer'><data:post.author/></span>;  Rating Blog: <span itemprop='rating'>5</span> dari 5</center>
    </div>
    </div>
    </b:if>
  Jika ada 2 kode <data:post.body/>, letakkan di bawah keduanya.
• Terakhir klik Simpan Template

Untuk melakukan pengujian apakah pemasangan kode ini berhasil, silakan masuk ke halaman Google Rich Snippet Testing Tool. Pada halaman tersebut masukkan URL salah satu artikel anda ke dalam kotak yang bertuliskan "Enter a web page URL to see how it may appear in search results", Jika sudah memasukkan URL silahkan klik tombol Preview. Alat ini akan segera menampilkan contoh tampilan hasil pencarian blog anda di Google. Jika anda sudah melihat tampilan Rich Snippet yang disertai tanda bintang lima itu berarti pemasangan kode yang anda lakukan sudah berhasil.

Silakan di coba Sob, moga berhasil Menampilkan Rich Snippet Rating Bintang 5.

Cara membuat Read More otomatis di Blog

Cara membuat Read More otomatis di Blog - dengan menambahkan kode javascript pada template blog. Kali ini yang akan saya bahas mengenai cara membuat read more di blogspot atau blogger. tapi dengan cara manual setiap postingan. Ok kita mulai bahasan mengenai cara membuat read more otomatis di blogspot. Fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blog.

Langkah-langkah cara membuat Read More Otomatis di Blogspot :

• Login ke Blogger Masing- masing
• Buka halaman design >> Edit HTML >> centang Expand template widget
• Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
• Paste kode berikut tepat dibawah </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

• Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
• Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

• Finish simpan template dan lihat hasilnya

Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian. Yang bisa dirubah adalah berwarna merah saja dan berikut ini adalah keterangannya :

1. summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
2. summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
3. img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
4. img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
5. Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.

Semoga artikel cara membuat read more otomatis di blog ini bermanfaat. Selamat mencoba dan semoga berhasil.