Modifikasi (Tampilan) Label ala WordPress

Modifikasi (Tampilan) Label ala WordPress
Di Posting Oleh : Admin
Kategori : Template Tips-Trik Tutorial Blog Tutorial, Teknologi dan Kesehatan: Mangaip Blog

Tampilan label di Blogger memang sudah berubah. Kini sudah bisa berupa list (daftar) atau berupa cloud. Bisa juga ditampilkan jumlah postingannya. Tetapi bila diaplikasikan kedalam mode cloud, maka tampilannya akan menjadi tidak harmonis.

Alternatifnya, adalah menampilkan jumlah postingan dengan title (tooltip) seperti pada blog berflatform WordPress. Seperti dibawah contohnya.
Nah. Dengan title/tooltip ini juga bisa digunakan untuk mendongkrak seo. Dengan menggunakan keterangan "Lihat seluruh tulisan dalam [namalabel]" Seperti dibawah contohnya.
Apakah bisa diaplikasikan di Blogspot? Jawabannya adalah BISA! (rock) Bahkan bisa dikombinasikan dengan menampilkan jumlah postingan sekaligus nama labelnya. Seperti dalam blog ini contohnya. (Silahkan lihat label pada blog ini)
Haduh... kebanyakan intermezzonya nih... (idiot) kapan dong mulainya???

Oke. Pertama-tama...

1. Login ke Blogger, lalu klik Rancangan > Edit HTML.

2. Backup dulu template anda karena pekerjaan ini termasuk beresiko.

3. Kalau sudah dibackup, silakan klik checkbox kecil Expand Template Widget.

4. Cari kode berikut.
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
5. Lalu ubah menjadi seperti ini.
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.count + &quot; posts under &quot; + data:label.name'><data:label.name/></a>
* Ket:

Yang harus diperhatikan adalah bagian expr:title='... dst. yang ditandai dengan warna kuning. Nah, disitu ada beberapa kode. Yaitu:

- expr:title = ekspresi title (abaikan saja).
- data:label.count = jumlah postingan dalam label.
- data:label.name = nama label.

Nah, untuk menambahkan teks gunakan &quot;... teks ...&quot;. Jika didepannya ada data (data:label.count atau data:label.name) maka harus ditambah tanda plus (+) sehingga menjadi + &quot;... teks ...&quot; *nb: spasi sebelum kode &quot; (yang mengapit tanda plus) harus benar dan jelas.*. Jika di belakangnya terdepat data, ya begini jadinya: &quot;... teks ...&quot; + . Jika memang teks tersebut diapit oleh data (didepan maupun dibelakang ada data) maka codenya jadi: + &quot;... teks ...&quot; +

Misal: ingin yang seperti gambar pertama diatas maka kodenya:
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.count + &quot; topik&quot;'><data:label.name/></a>
Atau ingin seperti gambar kedua:
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='&quot;Lihat seluruh tulisan dalam &quot; + data:label.name'><data:label.name/></a>
6. Lalu cari semua kode berikut (menggunakan fitur pencarian di Browser dengan menekan Ctrl + F)
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
7. Lalu ganti semua kode diatas seperti langkah 5. (semua kode diatas harus diganti dengan kode yang sama seperti langkah 5)

8. Simpan. (klik Simpan Template)

9. Lihat hasilnya! Bagaimana? Silakan bagi pengalamannya dengan komentar di sini. (goodluck)

Komentar

Postingan populer dari blog ini

Peluang Mendapatkan Piting, Straight Flush, dan Dragon dalam Capsa Banting

Logika Matematika - Part 1

Logika Matematika - Part 2