Cara Membuat Label Pintar di Blog

Sekilas mengenai label pintar

Label pintar adalah label otomatis yang kita pasang di blog agar mesin pencari lebih cepat mengindeks artikel yang dibuat. Label pintar atau smart tags ini juga berguna untuk pengiriman data artikel kepada bot mesin pencari, oleh karena itu indek mesin pencari tersebut akan lebih cepat dan baik. Kita membuatnya hanya dengan script pendek dan dijamin tidak memberatkan loading blog. Cara pembuatannyapun tidak rumit, anda hanya perlu copy paste link yang saya berikan ke dalam template. Hasil dari label pintar dijamin sangat baik untuk indeksi artikel pada mesin pencari. Selain itu artikel lebih seo friendly dan dapat bersaing dengan baik pada hasil pencarian mesin pencari. Pokoknya artikel lebih seo friendly. Sebelum lanjut pada cara pembuatan label pintar, silahkan baca Link Pintar untuk Blogspot sebagai referensi. Sekarang mari kita bahas cara membuat label pintar di blog. Silahkan ikuti langkah berikut.

Cara membuat label dalam artikel blog

• Log in ke blog anda. Jangan blog pacar orang ya...nanti repot
• Klik Template'
• Klik Edit HTML
• Masukkan css berikut di atas kode ]]></b:skin> atau </style> kalau peletakan css sudah berubah

#labelpintar{position:relative;font-size:14px;margin:20px 0;padding:0}

• Masukkan kode berikut di bawah kode <data:post.body/>. 

<div id='labelpintar'>
<strong>Tag :</strong> <b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=7&quot;' expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop> - <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | <a expr:href='data:post.url'><data:post.title/></a> - Powered by <a href='https://www.blogger.com' target='_blank' title='Blogger'>Blogger</a>
</div>

• Kalau banyak kode <data:post.body/>, masukkan saja di atas atau di bawah kode yang ketiga atau ke empat. Anda harus mencari kode mana yang cocok agar label pintar bisa muncul di atas atau di bawah posting
• Tips pencarian: Kalau mau cepat, letakkan kursor anda pada halaman kode template lalu klik satu kali. Kemudian tekan CTRL + F lalu masukkan kode yang ingin dicari pada kotak pencarian dan tekan Enter
• Kalau sudah, silahkan klik Simpan Template dan lihat hasilnya
• Contohnya seperti di bawah posting ini.
  Tag: Label - Nama Blog | Judul Posting - Powered by Blogger

Update: Kamis, 30 Juli 2015
Label pintar di atas menuju home page. Kalau anda ingin mengubah menuju profile google plus silahkan ganti kodenya dengan kode berikut. Hasil indeksi konten akan memuat sumber pengarang. Kalau yang diatas kurang lebih menambah breadcrumb ke bawah artikel. Silahkan anda pilih sendiri, karena cara di atas juga tidak kalah bagus hasil indeksinya. Berikut script penggantinya.

<div id='labelpintar'>
<strong>Tag :</strong> <b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=7&quot;' expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop> - <a expr:href='data:post.authorProfileUrl' rel='author nofollow' target='_blank' title='author'><data:post.author/></a> | <a expr:href='data:post.url'><data:post.title/></a> - Powered by <a href='https://www.blogger.com' target='_blank' title='Blogger'>Blogger</a>
</div> 

Demikian penjelaan cara membuat label pintar di bawah atau di atas ponting blog. Semoga artikel cara membuat label pintar ini bermanfaat bagi semua, amin. Selamat mencoba dan sukses selalu. Salam sahabat blogger.

Share this post