Cara Pasang G+1 (Google Plus One) di Pojok Blog

Posted by Unknown On 0 komentar
Tips dan Trik Blogger, Semangat pagi sobat, Alhamdulillah pagi-pagi uudah bisa posting, biarpun rasanya habis brrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr (alias dingin banget cuy, xixixi), setelah baca-baca comment di postingan sebelumnya Menambahkan Tombol Share G+1 di Blog part 1 yang minta cara pasang  Cara Pasang G+1 (Google Plus One) di samping body Blog (Entah di samping body yang seperti apa) apa yang seperti punya saya ini yang ada di pojok atas kiri (atau cuma gadget biasa di bagian sidebar saja. kali ini saya akan ngasih tutor Cara Pasang G+1 (Google Plus One) di Pojok Blog
saja, pamsangan pada bagian pojok ini juga bisa berfungsi untuk ngeshare bagian "Home Page, Label, serta postingan, intinnya dimanapun dia bisa muncul, tidak seperti tombol G +1 yang sebelumnya yang hanya bisa ngeshare di bagian dalam postingan saja, sedangkan  jika dipasang di pojok blog, maka Tombol share G+1 ini akan terus tetap di tempat jika blog di scroll ke atas maupun ke bawah. jadi kita ga perlu naik-turun buat bikin tombol share ini, karena dia diam ditempat, contohnya seperti punya saya ini (Jika masih ada, heheh),  dan saya liat tidak terlalu mengganggu juga, lebih baik di pasang Tool yang berguna ini dari pada pasang widget-widget yang tidak perlu dan tidak penting, tullllll ga sobat?
Ok saya rasa sobat udh ngerti dengan pebjelasan singkat yang cukup amburadul tulisannya hehehe, langsung saja (Saya sarankan Backup dulu templtanya): 
1. Login ke Blogger
2. Rancangan (Design) ---->> Edit HTML
3. Cari Kode Tag  </head>
4. Masukkan Kode dibawah ini tepat diatas Kode Tag  </head> tadi 
Catatan : Jika sebelumnya sudah pernah mengaktivekan si bagian tombol share, maka langkah ke 3 dan 4 ini dilewati saja,)

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>


(Jika Blog kita berbahasa inggris)
Atau


<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
  {lang: 'id'}
</script>


(Jika Blog kita berbahasa indonesia)

5. Cari Kode tag Skin ]]></b:skin>
6. Masukkan kode dibawah ini tepat diatas kode tag  ]]></b:skin> tadi.

#G_plusone {
position:fixed;_position:absolute;top:10px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }
N/B: 
Top:10px; = posisi dan jarak tombol share G+1 atas (top) bottom (bawah)
right:0px; = posisi dan jarak tombol share G+1 kanan (right) kiri (left)
(silahkan atur sendiri sesuai selera)

7.  Masukkan Kode di bawah ini tepat di atas Kode tag </body>

<div id='G_plusone'>
<g:plusone size='tall'/>
</div>

N/B: Untuk Ukuran silahkan lihat disini cara menambahkan tombol share G + 1 Part 2 (tapi saya sarankan tetap memakai ukiran yang lebih besar (tall), agar mudah terlihat) 


8. Save template dan liat hasilnya

Sekian dulu  tips dan trik Blog tantang Cara Pasang G+1 (Google Plus One) di Pojok Blog Semoga membantu dan semoga sukses di blognya sobat. 

Jika Sobat menyukai Artikel ini , bantulah untuk menekan tombol G+1 yang sudah saya pasang di bagian bawah postingan ini atau di bagian pojok artikel ini.

0 komentar:

Posting Komentar