Menambahkan Tag Tittle pada Featured Post atau Entri yang Diunggulkan agar Lebih SEO

Saya membuat dan mengotak-atik widget Features Post atau Entri yang Diunggulkan, gara-gara ada partner yang menginginkan artikel placementnya dijadikan pin atau sticy post agar bisa tayang lebih lama. Menduduki halam utama. Sempat pening juga sebenarnya. Kalau menggunakan cara lama, pada umumnya pengunjung tidak tahu mana artikel yang terbaru. Pengunjung akan mengira, blog tidak terurus. Atau adminnya sedang hiatus.

Oh iya, artikel lama itu berjudul Tambah Rezeki dengan Sticky Post Bagaimana Caranya? Tutorial tersebut sudah kuno, jadi tak perlu dipraktekan. Tinggalkan cara lama itu. Sekarang lebih enak dan mudah menggunakan widget Featured Post atau Entri yang Diunggulkan. Bagi yang belum tahu cara membuatnya, silakan baca artikel Cara Membuat Featured Post atau Entri yang Diunggulkan Secara Sederhana.

Dan kemudian, silakan dilanjutkan membaca artikel Mempercantik Featured Post atau Entri yang Diunggulkan agar Tampil Keren dan Responsive. Jika anda sudah menerapkan tahapan tersebut saatnya menambahkan tag tittle pada Featured Post dan membuat gambar atau image menjadi link aktif. Sehingga saat gambar diklik, bisa mengarah ke artikel tersebut.

Mari langsung kita simak saja tahapan atau caranya:

Masuk kepengaturan dasboard blogger
Pada Tema, edit HTML silakan Klik Lompat ke Widget dan pilih FeaturedPost1

Menambahkan Tag Tittle pada Featured Post

Nanti langsung diarahkan ke kode html widget FeaturesPost1. Seperti dibawah ini gambarnya.

Klik tanda panah hitam pada deretan kode <b:includable id='content'>...</b:includable>. Biasanya kode tersebut sudah terbuka tersendiri, tanpa ada tanda panah hitam.
Sehingga kode tersebut akan terbuka lengkap seperti dibawah ini

<b:includable id='content'>
<div class='post-summary'>
    <b:if cond='data:showPostTitle and data:postTitle != ""'>
      <h3><a expr:href='data:postUrl' expr:title='data:postTitle'><data:postTitle/></a></h3>
    </b:if>
    <b:if cond='data:showSnippet and data:postSummary != ""'>
      <p>
        <data:postSummary/>
      </p>
    </b:if>
    <b:if cond='data:showFirstImage and data:postFirstImage != ""'>
      <a expr:href='data:postUrl'>
      <img class='image' expr:src='data:postFirstImage' expr:title='data:postTitle'/>
</a>
    </b:if>
</div>
<style type='text/css'>
    .image {
      width: 100%;
    }
</style>
</b:includable>

Selanjutnya anda hanya tinggal menambahkan kode yang berwarna merah saja.
Agar widget ini tampil dihalama utama saja, seperti apa yang saya uraikan di artikel sebelumnya, Mempercantik Featured Post atau Entri yang Diunggulkan agar Tampil Keren dan Responsive. Tambahkan kode tag kondisional cond='data:view.isHomepage' pada deretan kode seperti dibawah ini

<b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='false' title='' type='FeaturedPost' version='1'>.

Tahap terakhir klik tombol Simpan Tema

Anda bisa melihat perubahannya. Yang awalnya gambar link mati, kini merubah menjadi link hidup. Silakan diklik gambar atau photo artikel yang diunggulkan tersebut. Dan saat judul artikel maupun gambar tersentuh kursor, akan tertulis tag tittelnya. Bertambah keren dan cantik bukan?

Saya rasa sudah cukup ulasan tentang Fiatured Post atau Entri yang Diunggulkan. Saya sengaja membuatnya menjadi tiga bagian atikel, agar tidak terlalu kepanjangan. Dengan harapan mudah dipahami dan dimengerti. Mungkin hanya blog ini yang menjabarkan secara lengkap tentang Featured Post. Termasuk kegunaan dan manfaatnya. Salam ngeblog!