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 ;)

Googleont Responsive Blogger Template

Googleont Responsive Blogger Template

Demo

Download

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

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?&max-results=5

Cara ini bisa digunakan pada link untuk menu atau yang lainnya.

Memasang Navigasi Halaman Pada Blog

Navigasi halaman adalah suatu daftar halaman pada blog dengan nomor - nomor halaman. Dengan memasang navigasi halaman tentunya akan memudahkan pengunjung dalam menjelajahi blog Anda.

Langkah Pertama

Simpan kode CSS dibawah ini diatas kode </head>..

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type="text/css">
.showpageNum a,.showpage a,.showpagePoint{margin-top:10px;margin-bottom:20px;background:#f35d5c;border:none;margin-left:5px;color:#FFF;font-size:15px;font-family:'Arial';font-weight:700;transition:all 0.3s ease-in-out;padding:10px 15px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);}
.showpagePoint{background:#555;color:#fff;}
.showpageNum a:hover,.showpage a:hover{background:#555;color:#fff;}
</style>
</b:if>
</b:if>

Silakan Anda atur CSS nya untuk menyesuaikan dengan kebutuhan blog.

Langkah Kedua

Simpan kode dibawah ini diatas kode </body>.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=8;
var upPageWord =&#39;Prev &#39;;
var downPageWord =&#39; Next&#39;;
</script>
<script src='https://googledrive.com/host/0B8WEGGjyXlaMMWdabjB6Q3RhRjg/PageNavigation.js' type='text/javascript'></script>
</b:if>
</b:if>

Pengaturan

Opsi	Keterangan
pageCount	Jumlah per halaman
displayPageNum	Jumlah halaman yang ingin ditampilkan
upPageWord	Tombol sebelumnya
downPageWord	Tombol selanjutnya