Cara Membuat Tombol Share di Posting Blog
Pada kesempatan ini kita akan membahas cara membuat tombol share di posting blog dengan tiga social media terpopuler saat ini yaitu Facebook, Twitter, dan Google Plus. Jika Anda penasaran ingin segera memasangnya pada blog, berikut ikuti langkah-langkahnya:
1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Cari kode <data:post.body/> (Gunakan Ctrl + F untuk mempercepat pencarian).
4. Jika Anda ingin meletakkan tombol share diatas postingan, copy paste kode dibawah ini tepat diatas <data:post.body/>
5. Kemudian jika menginginkan dibawah postingan, copy paste tepat dibawah <data:post.body/>
<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->
<b:if cond='data:blog.pageType != "static_page"'>
<div class='horizontal-social-buttons' style='padding:5px 0 5px;'>
<!-- Twitter -->
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- Google +1 -->
<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</g:plusone></div>
<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</fb:like></div>
</div>
</b:if>
<div style='clear: both;'/></div>
6. Kemudian Simpan template.<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->
<b:if cond='data:blog.pageType != "static_page"'>
<div class='horizontal-social-buttons' style='padding:5px 0 5px;'>
<!-- Twitter -->
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- Google +1 -->
<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</g:plusone></div>
<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</fb:like></div>
</div>
</b:if>
<div style='clear: both;'/></div>
Update
NB: Jika kode diatas tidak dapat dipasang pada blog Anda silahkan kunjungi cara terbaru membuat tombol share pada blog semoga bermanfaat.
0 comments:
Post a Comment