Selasa, 15 Januari 2013

Memperbaiki Missing Required hCard "Author"

Sama halnya dengan Missing Required Field "Updated", peringatan yang satu ini juga sering di alami para blogger. Missing required hCard "author", Intinya ada kode yang kurang pada blog Sobat yaitu kode author yang tidak ada atau tidak tepat.

Untuk mengatasi Warning yang satu ini Sobat dapat mencoba langkah berikut :
  • Login 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 <b:if cond='data:post.hasJumpLink'>, dan letakkan kode berikut di atasnya.
    <div class='vcard' id='hcard-Madie Zha'>
    <span class='fn n'>
    <span class='given-name'><data:top.authorLabel/>
    <span class='fn'><data:post.author/></span></span>
    </span></div>
    Yang warna biru ganti dengan nama Sobat.
    *Sebenarnya sobat bisa meletakkan kode tersebut pada Post-header ataupun Post-footer, jadi tidak harus di atas <b:if cond='data:post.hasJumpLink'>.
  • Terakhir Simpan Template dan cek blog sobat di Rich Snippets Testing.
Jika terdapat 2 warning seperti Missing required field "updated" dan Warning: Missing required hCard "author". Sobat dapat menggunakan kode berikut :
<div style='background-color: #F6F6F6; color: auto; border: 0px solid #eee; width:100%; margin: 0px; padding: 0.1px; font-family: Arial,Verdana,Sans-serif; font-size: small; text-align: left;'>
<div class='vcard' id='hcard-NAMA'>
<span class='fn n'> <span class='given-name'><data:top.authorLabel/>
<span class='fn'><data:post.author/></span></span></span></div>
 <a class='updated' href='http://wadahtutorial.blogspot.com/' rel='bookmark'>Nama Blog</a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></div>
Letakkan di atas <b:if cond='data:post.hasJumpLink'>. Lalu Simpan Template Anda.

Semoga berhasil memperbaiki Missing required hCard "author".

Sabtu, 12 Januari 2013

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 TypeBlogger / Blogspot
Nama Template NofxSilver Blogger Template
Template Authorhttp://wadahtutorial.blogspot.com/
Instructions URL Cara Mengganti Template

Blogger Template

Minggu, 06 Januari 2013

Eywo Blogger Template

Template Features
Platform TypeBlogger / Blogspot
Nama Template Eywo Blogger Template
DescriptionEywo Blogger Template adalah template blogger gratis yang ringan dengan 2 buah sidebar di sebelah kanan, space ads, minimalist, dan motif yang sederhana.
Template Authorhttp://wadahtutorial.blogspot.com/
Instructions URL Cara Mengganti Template

Blogger Template

Minggu, 30 Desember 2012

TBx2 Blogger Template

Template Features
Platform TypeBlogger / Blogspot
Nama Template TBx2 Blogger Template
DeskripsiTBx2 Blogger Template adalah template blogger gratis yang ringan,  simple, motif yang sederhana, dilengkapi dengan social profiles seperti Facebook, twitter, Google plus, dll.
Template Authorhttp://wadahtutorial.blogspot.com/
Instruksi URL Cara Mengganti Template

TBx2 Blogger Template

Sabtu, 29 Desember 2012

Mengatasi Warning: At least one field must be set for HatomFeed

Warning: At least one field must be set for HatomFeed adalah salah satu pemberitahuan dari Rich snippets testing tools tentang kode blog Sobat yang kurang tepat.

Untuk memperbaikinya warning tersebut lakukan langkah dibawah ini :
  • Masuk ke akun blogger anda
  • Klik pada Template. (backup dulu template anda).
  • Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
  • Beri tanda centang pada Expand Template Widget.
  • Tekan Ctrl + F di keyboard lalu cari kode hfeed, Sobat akan menemukan kode dibawah ini :
    <div class='blog-posts hfeed'>
  • Kalau sudah ketemu hapus hfeed pada kode di atas, jadi hasilnya seperti ini :
    <div class='blog-posts'>
    Biasanya ada dua kode hfeed, hapus aja dua-duanya Sob.
  • Terakhir klik Simpan Template, dan cek di Rich snippet tools.
Hanya itu tips dari saya tentang Mengatasi Warning: At least one field must be set for HatomFeed.

Rabu, 26 Desember 2012

Menghapus / Menghilangkan Navbar Blogger

Navbar (navigation bar) default dari blogger biasanya terletak pada bagian paling atas dari sebuah blog. Navbar ini sering kali di hapus oleh para blogger karena di anggap memiliki kode yang tidak valid atau error, di samping stylenya yang kurang memuaskan bagi para blogger.

Pada tutorial ini saya akan share cara untuk menghilangkan navbar blogger tersebut ataupun hanya sekedar menyembunyikannya saja.

Berikut salah satu caranya :
  • 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 ]]></b:skin>, lalu letakkan kode berikut diatas kode ]]></b:skin>
    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }
  • Terakhir klik Simpan Template.
Pada langkah di atas sobat sudah menyembunyikan / tidak menampilkan Navbar bawaan Blogger, namun pada template blog sobat masih terdapat kode dari Navbar tersebut.

Untuk cara kedua Menghilangkan Navbar bawaan Blogger, Sobat dapat melakukan langkah di bawah ini :
  • Sama seperti cara pertama. Masuk ke akun blogger anda
  • Klik pada Template.
  • Lalu klik Edit HTML dan klik Proceed / Lanjutkan.
  • Beri tanda centang pada Expand Template Widget.
  • Cari kode <body>, lalu letakkan kode berikut diatas kode <body>
    <script type='text/javascript'>
    <![CDATA[
    <!-- /*<body>*/ -->
    ]]>
    </script>
  • Simpan Template Anda.
  • Anda akan melihat gambar konformasi seperti di bawah ini.
    Menghapus / Menghilangkan Navbar Blogger
  • Klik Delete Widget untuk menghapus Navbar.
Jika Anda melakukan cara ini Anda juga akan menghapus Link Quick Edit gambar pensil, atau gambar kunci pas ama obeng di blog Sobat, namun cara ini sangat banyak mengurangi error pada blog.

Untuk cara ketiga dalam Menghapus / Menghilangkan Navbar Blogger, sama halnya dengan cara sebelumnya, cuma kode yang kita cari seperti dibawah ini :
 <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
       bla...
       bla...
       bla...
</b:widget>
</b:section>
Jika sudah ketemu, hapus kode tersebut lalu Simpan Template Anda.

Silakan Anda pilih cara mana yang Sobat gunakan untuk Menghapus / Menghilangkan Navbar Blogger.

Senin, 24 Desember 2012

TB-Nofx Blogger Template

Kali ini saya ingin berbagi template gratis, TB-Nofx Blogger Template. Template ini bukan template yang keren, karena saya menjaga kesederhanaan pada template ini, namun template ini tergolong ringan karena hampir tidak menggunakan image.

Template Features :
Platform TypeBlogger / Blogspot
Nama Template TB-Nofx Blogger Template
Template Authorhttp://wadahtutorial.blogspot.com/
Instructions URL Cara Mengganti Template

Blogger Template