Sabtu, 26 Mei 2012

Cara Pasang Tombol Like Setiap Posting-an (Google Plus,Facebook,Twitter,Addthis)

Cara Memasang Like / Share Button di Setiap Postingan Blogger

membuat tombol like setiap posting

Hi Hallo guys,ketemu lagi ya,dah lama banget kayanya ga sharing seputar blogging ya,hihihi.

Ada info baru sob,kenapa baru? ya,karena sebagian blogger ada yang belum mengetahui 'bagaimana memasang tombol like atau share di setiap posting blog'.Karena beberapa hari kemarin ada yang mengirim via email sebagian tutorial hanya memaparkan tombol like untuk halaman blog utama saja.
Sedangkan untuk setiap posting tidak dapat dishare terutama untuk Google Plus dan Facebook.

Seperti yang sobat dapat lihat pada gambar diatas,yup! tombol share / icon like facebook,twitter,google plus bahkan addthis dapat kita pasang pada setiap posting blog secara otomatis.Kelebihannya tentu sobat tidak perlu repot mengcopy url setiap postingan untuk dibagikan di facebook,twitter,google+ dan yang lain.


Ok! langsung saja ya,silakan sobat ikuti langkah-langkah dalam cara memasang tombol like facebook,google +,twitter,addthis,dll dalam setiap postingan berikut ini:

Langkah dan Cara Pasang Like Button / Icon Social Network Directories

Pertama langkahnya seperti biasanya ya hanya pilih Dashboard (gb.1),lalu Tata Letak (gb.2) kemudian contreng tulisan Expands Widget Templates (gb.3).

memasang tombol like facebook setiap posting.
(1)


memasang tombol like twitter setiap posting.
(2)


memasang like google plus setiap posting.
(3)


Setelah itu cari kode </head> gunakan Ctrl+F pada keyboard untuk mempermudah pencarian,setelah sobat menemukan kode </head> letakkan persis diATASnya kode script berikut:
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: &#39;en-US&#39;}
</script>

**script tersebut diatas dipasang jika sobat ingin juga menampilkan google plus share button

Kemudian langkah selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>

Setelah sobat menemukan kode tersebut,
-jika sobat INGIN MENAMPILKANNYA DI BAWAH POSTINGAN maka sobat letakkan kodenya nanti diBAWAH kode <data:post.body/> atau <p><data:post.body/></p>.

-jika sobat INGIN MENAMPILKANNYA DI ATAS POSTINGAN maka sobat letakkan kodenya nanti diATAS kode <data:post.body/> atau <p><data:post.body/></p>.

Nah,kode yang harus sobat letakkan adalah sebagai berikut:
<b>Bagikan posting ini di:</b><br/>
<tbody><tr><td><iframe allowtransparency='true' class='twitter-share-button twitter-count-horizontal' frameborder='0' scrolling='no' src='http://platform.twitter.com/widgets/tweet_button.1337330192.html#_=1337861351239&amp;count=horizontal&amp;id=twitter-widget-0&amp;lang=en&amp;original_referer=http%3A%2F%2F#%2F;url=http%3A%2F%2F#%2F' style='width: 110px; height: 20px;' title='Twitter Tweet Button'/>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td><td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/></td>
<td><g:plusone expr:href='data:post.url' size='medium'/></td><td><div class='addthis_toolbox addthis_default_style '><a class='addthis_counter addthis_pill_style addthis_nonzero' href='#' style='display: block;'><a class='atc_s addthis_button_compact'><span/></a></a><div class='atclear'/></div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/></td></tr></tbody></table></div>
<br/>
Simpan Template sobat dan lihat setiap posting sobat :D Good Luck ya! :D

Tidak ada komentar:

Posting Komentar