Tutorial: Cara memasang Google+ Badge dan +1 Button (Bahagian B)
Sambungan dari Bahagian A sebelum ini.
Bahagian B
1. Sign-in ke blog anda. Klik pada Dashboard. Di dropdown menu, pilih (A) Layout diikuti dengan Add A Gadget. Pilih (B) HTML/Java Script pada window seterusnya.
2. Copy dan pastekan kod dibawah ini kedalam ruangan yang disediakan. Kemudian, klik Save.
- Yang dihighlight dengan warna oren adalah Google+ ID Number anda. Gantikannya dengan ID No anda sendiri. Rujuk step 5 Bahagian A sebelum ini.
- Width dan height bagi gadget ini boleh diubah dengan menukar nombor yang dihighlight biru diatas. Untuk width, pastikan nilai minimumnya pada 160 ke 180 px. Apapun, terpulang pada anda. Bereksperimenlah dengannya.
2. Copy dan pastekan kod dibawah ini kedalam ruangan yang disediakan. Kemudian, klik Save.
<g:plus href="https://plus.google.com/100445730131337689146" rel="publisher" width="290" height="131" theme="light"></g:plus>
- Width dan height bagi gadget ini boleh diubah dengan menukar nombor yang dihighlight biru diatas. Untuk width, pastikan nilai minimumnya pada 160 ke 180 px. Apapun, terpulang pada anda. Bereksperimenlah dengannya.
3. Cuba Preview dulu. Kalau menjadi, anda boleh terus klik pada Save Arrangement button.
4. Tak menjadi? Cuba cara ni pula. Pergi semula ke Dashboard - pilih Template. Selepas itu, klik pada Edit HTML button. Jangan lupa tick pada kotak "Expand Widget Templates".
5. Di keyboard anda, klik Ctrl - F, taip/cari kod ini: </body> ,pada bar yang disediakan. (Jenis bar berbeza bergantung pada ejen carian yang anda guna. Kalau Google biasanya ia berada disebelah kanan atas, manakala Mozilla bar nya berada dibawah.)
6. Jumpa? Copy dan paste pula kod dibawah ini DIATAS kod yang anda cari sebentar tadi.
<script type='text/javascript'>
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<g:plus href='https://plus.google.com/{profileId}' rel='author'/>
Rujuk gambar dibawah.
7. Cuba Preview dulu. Kalau menjadi, baru klik Save Template. So..siap! Alhamdulillah. Hehehe.
8. Sebarang cadangan/ penambahbaikan/ kemusykilan boleh tanya pada lana. Melalui e-mel, atau letak saja diruangan komen entry ini. Terima kasih.
Comments
beza ngan fb like box, kalu g+ ni kita expand width dia, tetap ada banyak tu jugak icon....