Memperbaiki Halaman Statis Yang Hilang Author (Blog)

Dari pengalaman saya sebagai seorang blogger. Saya pernah mengalami error yang ditunjukkan oleh structure data di alat webmaster saya. sebelum saya melihat error yang hilang author di laman static. Saya melihat error yang terjadi di setiap posting saya. error yang terjadi seperti hilang author dan hilang updated.  Nah bagi kamu yang mengalami hal yang sama, saya punya 2 solusi untuk ini. Tapi solusi yang ke 2 untuk blog yang mempunyai template non standar.  Untuk setiap postingan yang hilang author dan updated. baca artikel saya tentang memperbaiki error structure data di alat webmaster (blog).

Update Terakhir menuntaskan kedua masalah: Solusi Perbaiki Missing Author Dan Updated

sebelum saya mulai, saya akan jelaskan sedikit tentang error yang terjadi di halaman statis kita. hilang author dan hilang updated disebabkan oleh hilangnya struktur kode vcard atau hcard termasuk waktu publish yang ada di dalam blog kita.  setelah saya teliti, ternyata untuk kode span auto vcard tersebut ternyata masih ada di laman statis kita namun memberikan isi yang kosong. inilah penyebab errornya author kita pada struktur kode yang ada. Untuk mengatasinya, kita harus melakukan edit pada template kita.

catatan : pembahasan kita kali ini hanya untuk mengatasi halaman statis yang hilang author. Untuk hilang updated, akan saya tuliskan di artikel yang lain. saya masih meneliti template saya untuk menemukan hilang update dan coba memperbaikinya.  Tutorial ini saya bagi menjadi 2 cara. Yang satu untuk template standar, dan yang satunya untuk template non standar terletak di bagian kedua artikel ini. Mari kita mulai. dan tentunya saya menggunakan profil google plus plus untuk menampilkan author di laman statis. 

Update : Kode telah saya tambahkan <b:else/> di bagian tengah. di bawah kode yang pertama atau yang telah saya tuliskan. ini supaya author dan jam tidak terduplikasi. terakhir letakkan kode </b:if> di akhir kode yang sama di bagian paling bawah. letakkan tepat di atas tag </div>. biasanya di bawahnya ada tag </b:includable> panduan ini khusus template standar. dan itu jika kamu menemukan kode yang sama di dalam tag footer atau header kamu sebelumnya. jika kamu tidak menemukannya, maka copy lah kode di bawah ini. di bawah ini adalah kode lengkap template kita agar memudahkan kamu untuk memperbaiki hilang author dan updated di statis page. dan juga agar tidak terduplikasi maka kita membutuhkan kode <b:else/>. jika kamu bingung, cari kode span class post author vcard. lalu hapus saja sampai tag penutup spannya. kemudian paste kan kode di bawah ini sebagai penggantinya. kode di bawah ini lengkap.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<span class='post-author vcard'>
 <data:top.authorLabel/>
  <b:if cond='data:post.authorProfileUrl'>
   <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
     <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
      <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
       <span itemprop='name'>
        <data:post.author/>
       </span>
      </a>
   </span>
   <b:else/>
    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
     <span itemprop='name'>
      <data:post.author/>
     </span>
    </span>
   </b:if>
</span>
<span class='post-timestamp'>
 <data:top.timestampLabel/>
  <b:if cond='data:post.url'>
   <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
     <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
      <data:post.timestamp/>
     </abbr>
    </a>
  </b:if>
</span>
<b:else/>
<!-- jika selain statis page, maka tampilkan di bawah ini -->
<span class='post-author vcard'>
 <b:if cond='data:top.showAuthor'>
  <data:top.authorLabel/>
   <b:if cond='data:post.authorProfileUrl'>
    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
     <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
      <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
       <span itemprop='name'>
        <data:post.author/>
       </span>
      </a>
    </span>
  <b:else/>
   <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
    <span itemprop='name'>
     <data:post.author/>
    </span>
   </span>
  </b:if>
 </b:if>
</span>
<span class='post-timestamp'>
 <b:if cond='data:top.showTimestamp'>
  <data:top.timestampLabel/>
   <b:if cond='data:post.url'>
    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
     <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
      <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
       <data:post.timestamp/>
      </abbr>
     </a>
   </b:if>
  </b:if>
</span>
</b:if> <!-- penutup b if static page -->

Solusi hilang author untuk template standar

Ikuti langkah saya untuk memperbaiki hilang author yang ada di halaman statis kita. pertama pastikan kamu sudah punya akun google+ yang terhubung dengan blog kamu. kemudian buka menu template > edit Html . cari kode ini <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'> . kemudian buka semat kode tersebut. Maka akan terlihat seperti gambar di bawah ini.

contoh kode widget blog1

Kemudian cari kode ini <b:includable id='post' var='post'>...</includable> dan buka lagi sematnya.

contoh kode includable post

Sekarang cari footer yang ke 3 di dalam kode templatemu tadi. Lihat contoh kode di bawah ini. Jika ketemu yang nomor 1, gulir lagi ke bawah, sampai kamu menemukan nomor 3. tergantung letak author dan updated kamu.  jika letak author dan jam kamu di bawah maka cari kode authoraboutme di antara ketiga footer tersebut. jika di atas, cari kode post-header.

<div class='post-footer-line post-footer-line-1'>

<div class='post-footer-line post-footer-line-2'>

<div class='post-footer-line post-footer-line-3'>

pastikan profil yang ada di tata letak sudah di centang. edit blog posting lalu cek “Tampilkan Profil Pengarang Di Bawah Pos”. jika sudah di centang, lanjutkan tutorial ini.

 jika Jika sudah ketemu, cari kode <b:if cond='data:post.authorAboutMe'> .

Catatan : untuk template standar biasanya sudah ada. Kalau belum ada, pilih menu tata letak, centang/aktifkan “Tampilkan Profil Pengarang Di Bawah Pos”.

 Kemudian copy kode dibawah ini.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<span class='post-author vcard'>

 <data:top.authorLabel/>

  <b:if cond='data:post.authorProfileUrl'>

   <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>

     <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>

      <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>

       <span itemprop='name'>

        <data:post.author/>

       </span>

      </a>

   </span>

   <b:else/>

    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>

     <span itemprop='name'>

      <data:post.author/>

     </span>

    </span>

   </b:if>

</span>

<span class='post-timestamp'>

 <data:top.timestampLabel/>

  <b:if cond='data:post.url'>

   <meta expr:content='data:post.canonicalUrl' itemprop='url'/>

    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>

     <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>

      <data:post.timestamp/>

     </abbr>

    </a>

  </b:if>

</span>

<b:else/>

<!-- jika selain statis page, maka tampilkan di bawah ini -->

pastekan kode tersebut diatas kode <b:if cond='data:post.authorAboutMe'> .  lalu kemudian gulir lagi ke bawah dan cari tag penutup </span> atau </b:includable> . diatas kode penutup  tersebut biasanya ada 2 tag penutup yaitu  </div>.  Nah pastekan tag penutup </b:if> tepat diatas 2 tag penutup </div> tadi. Jika kamu bingung, lihat kode lengkap yang terletak di akhir posting saya.  Setelah itu simpan template mu dan lihat hasilnya di halaman statis menu milikmu.

Solusi hilang author untuk template non standar

Sebenarnya caranya hampir sama dengan diatas. Jadi yang kamu perlukan hanyalah melakukan copy pada kode yang saya tulis di bawah ini. Pastikan dahulu jika templatemu tidak ada kode tersebut di bagian footer 3. Mari kita mulai saja solusinya.

Buka menu template > Edit Html di blog kamu. kemudian cari kode <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'> . buka semat kode tersebut lalu cari lagi kode dibawah ini.

<b:includable id='post' var='post'>...</includable>

Kalau sudah ketemu, sekarang cari lagi kode  footer yang ke 3 di dalam kode post mu tadi. Lihat contoh kode di bawah ini. Jika ketemu yang nomor 1, gulir lagi ke bawah, sampai kamu menemukan nomor 3.

<div class='post-footer-line post-footer-line-1'>

<div class='post-footer-line post-footer-line-2'>

<div class='post-footer-line post-footer-line-3'>

Setelah ditemukan. Pastikan di template non standarmu tidak ada kode ini <b:if cond='data:post.authorAboutMe'> di bagian footer yang ada author dan abbr  diantara ketiga footer tersebut.  apabila sudah ada. Maka kamu cukup melakukan hal yang sama pada solusi saya yang sebelumnya di bagian template standar. namun Jika tidak ada maka copy kode di bawah ini.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<span class='post-author vcard'>
 <data:top.authorLabel/>
  <b:if cond='data:post.authorProfileUrl'>
   <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
     <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
      <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
       <span itemprop='name'>
        <data:post.author/>
       </span>
      </a>
   </span>
   <b:else/>
    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
     <span itemprop='name'>
      <data:post.author/>
     </span>
    </span>
   </b:if>
</span>
<span class='post-timestamp'>
 <data:top.timestampLabel/>
  <b:if cond='data:post.url'>
   <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
     <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
      <data:post.timestamp/>
     </abbr>
    </a>
  </b:if>
</span>
<b:else/>
<!-- jika selain statis page, maka tampilkan di bawah ini -->
<!-- biasanya ada kode author lagi. tambahkan tag penutup setelah sampai di span. tagnya </b:if> -->

Paste kode tersebut tepat diatas tag footer. kemudian berikan tag penutup </b:if> yang terletak di dekat 2 tag </div> atau </b:includable> di bagian akhir kode  yang telah kita buka sebelumnya.  simpan templatemu dan lihat hasilnya di halaman statis blog mu. Jika sudah terlihat maka kamu telah berhasil memperbaiki data structure yang hilang author. sebagai contoh, kode lengkapnya akan terlihat seperti di bawah ini. karena nama author dan jam saya berada di bawah posting dan di urutan pertama. maka kodenya terlihat seperti di bawah ini.

update : 27/03/2015

<div class='post-footer-line post-footer-line-1'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<span class='post-author vcard'>
 <data:top.authorLabel/>
  <b:if cond='data:post.authorProfileUrl'>
   <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
     <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
      <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
       <span itemprop='name'>
        <data:post.author/>
       </span>
      </a>
   </span>
   <b:else/>
    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
     <span itemprop='name'>
      <data:post.author/>
     </span>
    </span>
   </b:if>
</span>
<span class='post-timestamp'>
 <data:top.timestampLabel/>
  <b:if cond='data:post.url'>
   <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
     <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
      <data:post.timestamp/>
     </abbr>
    </a>
  </b:if>
</span>
<b:else/>
<!-- jika selain statis page, maka tampilkan di bawah ini -->
<span class='post-author vcard'>
 <b:if cond='data:top.showAuthor'>
  <data:top.authorLabel/>
   <b:if cond='data:post.authorProfileUrl'>
    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
     <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
      <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
       <span itemprop='name'>
        <data:post.author/>
       </span>
      </a>
    </span>
  <b:else/>
   <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
    <span itemprop='name'>
     <data:post.author/>
    </span>
   </span>
  </b:if>
 </b:if>
</span>
<span class='post-timestamp'>
 <b:if cond='data:top.showTimestamp'>
  <data:top.timestampLabel/>
   <b:if cond='data:post.url'>
    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
     <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
      <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
       <data:post.timestamp/>
      </abbr>
     </a>
   </b:if>
  </b:if>
</span>
</b:if> <!-- penutup b if static page -->

</div>

Nah itulah cara memperbaiki error hilang author pada structure data di alat webmaster kita. semoga dengan cara ini bisa bermanfaat dan menyelesaikan masalah yang terjadi pada blog mu. sebagai tambahan info, lihat gambar di bawah ini. kode yang terlihat sama dengan kode yang saya tuliskan di atas. jangan lupa cek struktur data mu di google struktur data. setelah di check tidak ada  error lagi, dan apabila dilihat di hatom sudah muncul namamu. maka kamu sudah berhasil memperbaiki error hilang author.

contoh kode lengkap

catatan paling penting: apabila tidak berfungsi, cobalah untuk membersihkan kode terlebih dahulu menggunakan tombol "Kembalikan template ke widget default" untuk membersihkan beberapa error. kemudian cek lagi di halaman statis. apabila belum muncul, paste kan kode yang sebelumnya kita ubah. biasanya akan ikut hilang saat kita menekan tombol widget default karena fungsi tombol ini adalah mengembalikan semua kode yang di ubah menjadi default. jika masih belum muncul, coba untuk edit css yang ada di template, cari kode

div.post-footer atau .post-footer dan ubah display : none; menjadi display : block; atau display: inline;

sebagai pengalaman

dulu saya pernah mencoba memindahkan halaman author dari atas ke bawah melalui tata letak blog posting. namun saat di lihat di blog. nama author dan jam tetap tidak berpindah ke bawah. jadi solusi yang saya gunakan waktu itu adalah memakai tombol "kembalikan template ke widget default". dan hasilnya, semua normal kembali. nah barangkali hal seperti juga berpengaruh pada kode yang kita paste kan sebelumnya jika masih belum bisa muncul.

yang berikutnya saya akan mencoba mengatasi masalah hilang author dan updated menggunakan author blogger di halaman statis seperti yang kita lihat di bagian posting blog ini. apabila berhasil, akan saya tuliskan lagi di artikel yang lain. pada point/cara pertama, karena saya pakai template standar bawaan blogger dan berhasil. maka saya tuliskan pengalaman saya buat kalian agar bermanfaat. silahkan cek bagian menu untuk melihat hasil yang saya perbaiki di bagian bawah tulisan. Dan semoga kamu paham dengan apa yang saya jelaskan disini. Sampai bertemu lagi di artikel admin yang lain dan mohon maaf jika gambar yang saya buat tidak bagus. salam hangat dari admin.