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

Posted by: ainisastra 9 August 2011 in Tutorial 3 Comments

Google + One

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? kalau mau lihat Contohnya langsung ke TKW eh TKP di Sastra Blog

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

4. Masukkan Kode dibawah ini tepat diatas Kode Tag tadi

Catatan : Jika sebelumnya sudah pernah mengaktivekan si bagian tombol share, maka langkah ke 3 dan 4 ini dilewati saja,)

(Jika Blog kita berbahasa inggris)
Atau

{lang: ‘id’}

(Jika Blog kita berbahasa indonesia)

5. Cari Kode tag Skin ]]>

6. Masukkan kode dibawah ini tepat diatas kode tag ]]> 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

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.