Saturday, April 19, 2014

Membatasi Jumlah Artikel Pada Label Blog

Membatasi Jumlah Artikel Pada Label Blog
Jumlah label yang ditampilkan oleh blogger kadang tak menentu seperti yang kita inginkan. Oleh karena itu perlu untuk membatasi jumlah artikel yang ingin ditampilkan pada label.

Cara Pertama

Saya beri contoh pada url label berikut.

http://kang-mousir.blogspot.com/search/label/Tutorial%20Blogger
Diatas adalah contoh url label, untuk membatasi jumlah artikel yang diinginkan ketika label di klik tambahkan kode ?max-results=5 dibelakang url nya. Sehingga menjadi.

http://kang-mousir.blogspot.com/search/label/Tutorial%20Blogger?max-results=5
Silakan ganti angka lima menjadi jumlah artikel yang ingin Anda tampilkan.

Cara Kedua

Bagaimana caranya membatasi jumlah artikel pada label bawaan dari blogger. Ok, langsung saja silakan Anda cari kode dibawah ini pada template Anda.

expr:title='data:label.name'
Untuk membatasinya silakan Anda tambahkan kode ?max-results=5 di belakangnya. Sehingga menjadi seperti dibawah ini.

expr:href='data:label.url + "?max-results=6"'
Untuk mengatur jumlahnya silakan Anda ganti angka 5 dengan jumlah yang Anda inginkan.

Anda juga bisa menambahkan title tag pada label diatas dengan cara menambahkan kode title='Judul' atau baca artikel Saya berjdul Menambahkan Title Tag Pada Label. Namun, dengan cara diatas navigasi halaman menjadi tidak berfungsi pada pencarian label sehingga perlu di modifikasi kembali atau baca artikel Saya berjudul Menampilkan Navigasi Halaman Pada Pencarian Label.

Friday, April 18, 2014

Menambahkan Title Tag Pada Label

Menambahkan Title Tag Pada Label
Label adalah jenis atau kategori dari suatu artikel. Oleh karena itu untuk memaksimalkan SEO untuk label tersebut Anda bisa menambahkan tag title, sama halnya seperti tag alt pada gambar. Ok, langsung saja cara menambahkan title tag pada label.

Langkah Pertama

Silakan Anda cari kode dibawah ini pada template Anda.
expr:href='data:label.url'
Kode diatas adalah kode untuk mengambil label pada artikel di blog.

Langkah Kedua

Selanjutnya Anda tambahkan kode dibawah ini pada kode diatas.

expr:title='data:label.name'
Secara lengkap url lengkapnya akan tampak seperti kode dibawah ini.

<a expr:href='data:label.url' expr:title='data:label.name'><data:label.name/></a>
Semoga artikel ini dapat Anda pahami dan bisa diperlajari lagi ;)

Wednesday, April 16, 2014

Googleont Responsive Blogger Template

Googleont Responsive Blogger Template
Googleont Responsive Blogger Template


Satu lagi template responsive buatan +Giovani Aluha, template yang satu ini di lengkapi fitur SEO Friendly. Tampilan responsive pada template ini begitu sempurna dan satu lagi template ini fast loading.

Fitur Template

  1. Responsive
  2. Valid HTML5 ( Home Page and Post Page )
  3. Valid CSS3
  4. Emoticon In Comment
  5. Auto Readmore
  6. Breadcrumbs
  7. SEO Ready
  8. Menu
  9. Custom Pager In Post Page
  10. Social Icon Share
  11. Related Articles
  12. Breaking News
  13. Syntax Highlighter
  14. Recent Post by Tag
  15. Cool Threaded Comment
  16. and more.

Menampilkan Navigasi Halaman Pada Pencarian Label

Label
Sebelumnya Saya berbagi artikel tentang Memasang Navigasi Halaman Pada Blog. Namun setelah dicoba pada pencarian label navigasi halaman ini tidak muncul atau tidak berfungsi. Cara mengatasi masalah ini Saya dapat saat membaca artikel +Leony Li pada artikel berjudul Mengfungsikan Page Navigator Saat Label Diklik. Untuk mengatasi masalah tersebut silakan baca artikel ini. Selidik punya selidik penyebab masalah tersebut muncul pada kode dibawah ini.

?updated-max=2013-07-19T15:51:00%2B07:00&max-results=9

Cara Mengatasinya

Misalkan pada link berikut ini.

http://kang-mousir.blogspot.com/search/label/Tutorial%20Blogger?max-results=5
Anda tinggal menambahkan kode &. Karena menambahkan kode tersebut ada masalah pada Validasi HTML5, maka tambahkan amp; dibelakangnya atau baca juga artikel Saya berjudul Cara Mengatasi Error Ampersand Pada Validasi HTML5. Sehingga menjadi kode dibawah ini.

http://kang-mousir.blogspot.com/search/label/Tutorial%20Blogger?&amp;amp;max-results=5
Cara ini bisa digunakan pada link untuk menu atau yang lainnya.