Selamat datang di Website Media Online Lintas Manado

Menampilkan post date Blogspot pada postingan

Selasa, 12 April 20160 komentar

Buat seorang blogger memang hal ini perlu juga diketahui dimana setiap postingan tersebut memiliki tanggal Update yang muncul pada setiap postingan. Pada dasarnya Post date ini sangat diperlukan oleh data markup search engine untuk menentukan tanggal update postingan artikel yang telah kita posting. Tehnik ini juga akan membantu perayapan pada sistem mesin pencari ditambah dengan pasilitas Vcard pada postingan tersebut.

Untuk menjaga post date tidak sama dengan data Update Vcard anda sebaiknya melalukan sedikit settingan di dasbord blogspot anda, dimana kita akan memisahkan, bahwa untuk post date kita akan membuat format tanggal, bulan dan tahun, sedangkan untuk Vcard kita akan membuat format waktu ( time ). Jadi kedua sistem tersebut akan saling berhubungan dimana sistem search engine akan mendeteksi waktu dan tanggal postingan itu secara bersamaan.

Memang saya akui trik ini masih banyak yang belum mengetahui tapi kali ini saya menjelaskan hal tersebut agar setiap blogger lebih memahami antara fungsi post date, Vcard yang bergubungan dengan sistem Crawls pada mesin pencari. Untuk menampilkan post date diwaktu yang sama pada postingan blog anda silahkan simak pemjelasan dibawah ini, untuk melihat demonya silahkan klik icon demo Disini.


Perhatikan tanggal pada postingan tersebut.

Tehnik pemasangan
  1. Login kedasbord Blogspot anda
  2. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
  3. Cari code seperti dibawah ini :


    Code:
    <b:if cond='data:post.dateHeader'>
    <h2 class='date-header'><data:post.dateHeader/></h2>
    </b:if>
    
  4. Setelah ketemu silahkan ganti code tersebut dengan code dibawah ini :

    Code:
    <b:if cond='data:post.dateHeader'>
    <script>var ultimaFecha = '<data:post.dateHeader/>';</script>
    <h2 class='date-header'><data:post.dateHeader/></h2>
    <b:else/>
    <h2 class='date-header'>
    <script>document.write(ultimaFecha);</script>
    </h2>
    </b:if>
    
  5. save template anda, dan lihat hasilnya...
Untuk melihat informasi lainnya silahkan kunjungi halaman sumbernya, mana tau bermanfaat...
Share this article :

Posting Komentar