Janji harus ditunaikan. Jadi untuk artikel ini seri akan menunjukkan cara-cara memasang Goggle Plus One di Blogspot. Cara yang seri praktikan ini agak berbeza sedikit kerana harus mengedit kode template.
Walau agak sukar sedikit tapi tampilan Goggle Plus One lebih menarik serta akan keluar di setiap artikel, lagipun ia tidak ada masalah bagi template yang menggunakan Readmore.
Langkah Pertama
Masuk ke Goggle Webmaster Tools
Login ke Akaun Anda
Di Dashboard Klik Icon +Metrics
Lepas Itu Klik Audience
Di Audience Klik Add the +1 button
Bila Dah Klik Add the +1 button, dia akan buka satu paparan. Pilih saiz button serta jenis bahasa. Kode yang dipaparkan ada 2 jenis. Satu kode untuk +1Button dan yang satu lagi kode untuk menentukan kedudukan +1 Button di template. Lepas itu salin kode yang dipaparkan dan save.
Langkah Kedua (Panduan Memasang)
Masuk ke Blogger
Klik Tab Design
Klik Tab Edit HTML
Bagi tanda CENTANG di Expand Widget Templates
Cari kode </head> ini, rujukkan seperti dibawah:
<head>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:skin><
Cari kode </head> ini, rujukkan seperti dibawah:
<head>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[
Letakkan Kode +1 Button Di Bawah <head>
<head>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[
Untuk Menentukan kedudukkan Plus One Button Cari Kode Ini, <div class='post-footer-line post-footer-line-1'>, rujukkan seperti dibawah:
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author'>Issshhh...dah baca tu...komen la...
</span>
Salin Kode Plus One Button Yang Kedua Dan letakkan Di Hadapan <span class='post-author'>.
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author'><g:plusone size="small"></g:plusone>Issshhh...dah baca tu...komen la...
</span>
Save template dan View Blog.