Cara Pasang Button Google Plus 1

on 3 Sept 2011

Cara pasang button Google plus 1 di dalam, bawah atau atas entri blog blogspot. Atas permintaan member blogger tadi tanya dari shout box "bagaimana pasang button google plus 1 ( +1 ) tu di entri blog".


Jika nak huraikan toturial pasang button google plus 1 ( +1 ) ni dari shout box rasanya susah sket. So aku share dari entri je lah. Harap dapat bantu member-member happy. Jom kita buat toturial paling mudah.

Cara pasang google plus 1


1. Copy kod script di bawah dan masukkan di dalam HTML template sebelum kod </head> seperti gambarajah di bawah.

Kod Script :
<script src="http://apis.google.com/js/plusone.js" type="text/javascript">
 {lang: 'en-US'}
</script>

Gambarajah contoh :


Kod warna merah mewakili bahasa. US adalah untuk united state. Gantikan kepada MS untuk bahasa melayu. Dan ID untuk bahasa indonesia.

2. Masih di HTML template. Masukkan kod button di bawah selepas kod <data:post.body/> . Sekiranya ada 2 <data:post.body/> , pilih yang kedua.

Sekiranya nak button di atas entri letakkan kod sebelum <data:post.body/> tu. Dan jika nak button kat bawah entri, masukkan selepas kod <data:post.body/> .

Kod Button :
<div style='float:left'>

<g:plusone size="standard" expr:href="data:post.url"/>

</div>

kod yang warna merah kat atas adalah posisi. Jika nak tukar posisi ke tengah, tukar pada center atau nak posisi right ? pun boleh juga.

Peringatan :


  • Sebelum save template pastikan priview dulu. Jika tiada eror dan pelik baru klik save template. 
Tu je lah 2 step ringkas cara pasang button google +1 di blog.
Ranking: 5

{ 0 comment... read them below or add one }

Post a Comment