R-technologi sekarang sudah tidak aktif lagi

Klik Label Tampil Hanya Judul Posting


Ketika jumlah postingan blog kita sudah begitu banyak maka penggunaan label atau kategori akan menjadi bagian yang penting. Penggunaan label akan mempermudah atau mempercepat pengunjung dalam menemukan apa yang mereka cari.

Pada keadaan normal (default), ketika kita mengklik suatu “label” tertentu maka semua postingan dengan label dimaksud akan ditampilkan berikut isi postingannya. Jadi, misalkan saja, suatu label berisi 50 postingan maka ke-50 postingan tersebut akan ditampilkan semua. Dengan kondisi demikian dapat membuat pengunjung menjadi tidak sabar untuk melanjutkan pencariannya. Apalagi kondisi tersebut masih diperparah dengan panjangnya isi setiap postingan yang ada dan juga beratnya loading blog. Dengan kondisi demikian, dapat kita bayangkan betapa lama dan membosankan ketika pengunjung mencari suatu tema/postingan yang mereka kehendaki.


Sehubungan dengan hal tersebut, jika menginginkan, kita dapat mengatur sedemikian rupa sehingga ketika pengunjung mengklik suatu label tertentu, yang ditampilkan hanya judul postingannya saja tanpa disertai isi postingannya. Dengan demikian dapat mempersingkat pengunjung dalam melakukan pencarian karena yang ditampilkan hanya judulnya saja.
Jika menginginkan hal tersebut , berikut langkah-langkahnya.


1. Login ke blogger dengan id anda
2. Klik menu Tata Letak
3. Pada tab menu pilih Edit HTML
4. Centang kotak kecil Expand Template Widgets
5. Cari kode ini :

<b:if cond='data:blog.homepageUrl !=data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if> 

6.  Hapus kode <data:post.title/></a> dan ganti dengan kode ini :

<div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#E0F8E0;color:#000000;'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmdplEFrUFcsDmGBppFBMmfHMJEhwY3wZpu6YwVhUQF8_STuW6Z635YGoyFlw9NV_c2iAI1a7e6aGzizUs3Vpz5ADKsYZ0NwlWSmFcPYRTKmxgovpGyJLNZF3T2f1_S5pKwvFtMFMpLDGu/" /><data:post.title/></div></a>

(warnanya tinggal sesuain saja)

7. Klik tombol SIMPAN TEMPLATE
8. Selesai

1 komentar:

JANCOK mengatakan...

GATAK.... tutorialnya gak bisa?

Smiles
":))" ":)]" "‘;))" ";;)" ":D" ";)" ":p" ":((" ":)" ":(" ":X" "=((" ":-o" ":-/" ":-*" ":" "8-}" "~x(" ":-t" "b-(" ":-L" "x(" "=))"

Posting Komentar