Tim Van Damme Inspired by Tim Vand Damme

Category List

Arsip Blog

Blog

Jumat, 20 Januari 2012

Cara memberi tombol Google +1 dan tombol share blogger

Cara memberi tombol Google +1 dan tombol share blogger



Pada bulan maret yang lalu Google telah meluncurkan tombol baru yang disebut dengan "tombol Google +1", dan tombol tersebut kini sudah berjejer dengan tombol share bawaan dari blogger. Tombol Google +1 sangat berguna bagi para blogger untuk Optimasi SEO sebab tombol Google +1 selain sebagai cara untuk membantu berbagi konten web ataupun artikel post juga membuat pencarian yang lebih personal dan relevan.
Bagi teman blogger yang belum mengaktifkan tombol Google +1 dan tombol share bawaan blogger, saran saya sebaiknya segera diaktifkan, mengingat tombol Google +1 sangat bagus untuk mendukung Optimasi SEO.
Silahkan anda bisa lihat cara kerja "tombol Google +1" pada video berikut :


Bila anda berminat, silahkan ada ikuti langkah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan dan pilih Elemen Laman
3. Pada bagian Posting Blog, silahkan anda Klik Edit

4. Silahkan anda beri tanda centang pada bagian tombol share seperti gambar dibawah ini :
Catatan : Bagi yang sudah mengaktifkan tombol share ini, silahkan lewati langkah ini.

5. Jangan lupa Klik SIMPAN

Langkah selanjutnya tinggal penempatan Tombol Google +1 tersebut, akan ditempatkan dibawah posting atau diatas posting. Biasanya bagi yang menggunakan template bawaan blogger tombol share berada dibagian bawah setelah artikel post. Tapi bisa juga menambahkan Tombol Google +1 diatas artikel post.

1. Klik Rancangan.
2. Dan KLik tab Edit HTML.

3. Jangan lupa Klik tombol "Expand Widget Templates"


4. Cari kode di bawah ini atau yang mirip dengan kode ini :
</head>

5. Copy kode script di bawah ini dan taruh sebelum kode </head> :
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'en-US'}
</script>

6. Kemudian cari kode di bawah ini atau yang mirip dengan kode ini :
<data:post.body/>

7. Copy kode dibawah ini dan taruh sebelum kode <data:post.body/> :
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container' style='float:right;'>
<data:post.dummyTag/></div>
</b:if>
Catatan :
  • Taruh kode diatas sebelum <data:post.body/>, bila akan diletakkan diatas artikel post.
  • Taruh kode diatas setelah <data:post.body/> , bila akan diletakkan dibawah artikel post.
  • Anda  bisa ganti right menjadi left, sesuai selera.
8. SIMPAN TEMPLATE.

Silahkan anda lihat yang ada dibawah artikel ini, silahkan anda coba Klik.


Selamat mencoba ya... Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih. 

0 komentar:

Posting Komentar

About me

Visitors

free counters print this page Print This Page IP Get snow effect
--> br/>
.

mochamad fajar Design by Insight © 2009

Login to Facebook
Join ashtho software easy in Facebook!