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.
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).
(1)
(2)
(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: 'en-US'}
</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&count=horizontal&id=twitter-widget-0&lang=en&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='"http://www.facebook.com/plugins/like.php?href="
+ data:post.url +
"&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"'
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
Related Post:
tutorial blog
- PENYEBAB ANJLOKNYA PERINGKAT BLOG
- Contoh Penulisan KODE Background Image
- Daftar widget keren untuk blogger
- Cara mudah Bikin Template Blog Sendiri
- Cara Termudah Membuat Slider Popular Post
- Cara Cepat dan Akurat Memantau Pengunjung Blog/ Website
- Tips Cara Membuat Animasi Semut berjalan di blog
- Cara Mudah Memasang Iklan Melayang di Bawah Footer Blog dengan tombol Close
- Cara Memasang Widget Admin Blog Lagi Online dan Offline
- Cara Mudah Memasang Widget Radio Online Multy Chanel Di Blog/Website
- Cara Memasang Siaran Radio Online di Blog
- Membuat Gambar dan Keterangan di atas Kotak Komentar blog
- Cara Mengetahui Harga Jual Sebuah Blog/Website
- cara mudah membuat judul blog kita berjalan di atas postingan blog
- Cara Mudah dan cepat Pasang TV Online di Blog
- Cara Melaporkan Blog yang Copas tanpa izin Agar di Hapus Google
- Menambah Kolom Diatas dan Dibawah Postingan Blog
- Cara Membuat Tweet Box Dibawah Postingan
- Membuat 3 Kolom di Bawah Header Blogspot
- Cara Membuat Tombol Share di Bawah Postingan Blog
- Cara membuat widget reader di postingan blog
- Cara Pasang Widget Lintaskan/Lintas Me di Blog
- Cara membuat link otomatis di blogger