Cara Membuat Tombol Share di bawah Postingan Blog

(isi iklan)

Pada kesempatan kali ini saya akan membahas cara membuat tombol share di bawah postingan blog,

adapun guna dari tombol tersebut sudah tak asing lagi bagi para bloggers di seluruh dunia, karena fungsinya sangat berguna sekali dalam share ke media sosial dan bisa juga agar postingan cepat ter index dalam mesin pencari Google...

Oke sobat blogger, banyak sekali penyedia layanan share otomatis yang bisa tampil di blog, dan saya akan membahas ini karena yang saya bahas adalah membuat tampilan share otomatis tanpa syarat dan tanpa daftar-daftar ke pihak ke 3 penyedia share.

adapun caranya sbg berikut ini.
pertama pilih menu  Tempalte Dan edit HTML , cari  <data:post.body/> atau bisa juga <b:includable id='shareButtons' var='post'> setelah menemukan kode tersebut letakkan tepat setelah kode tersebut:

 Contoh 1

Contoh 2

<!-- Scripts Start --><b:if cond='data:post.isFirstPost'><!-- Facebook --><div id='fb-root'/><script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = &quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;;fjs.parentNode.insertBefore(js, fjs);}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script><!-- Google +1 --><script type='text/javascript'>(function() {var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;po.src = &#39;https://apis.google.com/js/plusone.js&#39;;var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);})();</script><!-- 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=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script></b:if><!-- Scripts End --><!-- Horizontal social buttons Start --><div class='horizontal-social-buttons' style='padding:10px 0 10px;'><!-- 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'/></div>
<!-- Facebook Like+Send --><div style='float:left;'><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false'/>  </div><!-- linkedin --><script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='right' type='IN/Share'/><!-- Pinterest Start --><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='pin-wrapper' style='float: left; margin:0px 0px 0px 30px; width:44px;'><a data-pin-config='beside' data-pin-do='buttonPin' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a>
</div> <script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/><style type='text/css'> #pin-wrapper &gt; a {background-image:none !important;}</style> </b:if> <!-- Pinterest End -->
</div><div style='clear: both;'/>

 Oke setelah itu klik Simpan template.... jreng jreng... tombol share otomatis sudah tampil tepat di bawah postingan blog....
seklian dulu dan Good Luck....
Salam Bloggers.....

Tweet

Judul	Cara Membuat Tombol Share di bawah Postingan Blog
Deskripsi	Pada kesempatan kali ini saya akan membahas cara membuat tombol share di bawah postingan blog, adapun guna dari tombol tersebut sudah tak ...
Author	Unknown
Author Rating	89,99%/ 100% Suara Dari 9999 Ulasan

Share this with short URL: Get Short URL

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di IDCEPU

Tag : Blogger, TIPS BLOGER