Penerapan Web Service Pada Blog (Share Button)

Dalam jaman yang sudah sangat tergantung dengan teknologi seperti saat ini tentu istilah internet tak lagi asing ditelinga kita. Dan apabila berbicara tentang internet, sangat erat kaitanya dengan "WebService". WebService itu sendiri adalah sebuah teknik pengiriman dan penerimaan data yang dapat dilakukan oleh siapa saja secara mobile dan tidak terikat dengan letak dimana databasenya disimpan. Dalam menjelajah dunia maya, seringkali kita menemukan artikel yang sangat bagus dan bermanfaat. Dan tak jarang kita ingin teman kita atau orang lain ikut membaca artikel tersebut. Salah satu cara yang dapat anda lakukan adalah mengirim link alamat URL kepada teman anda, namun cara itu sudah tidak begitu efisien dalam berbagi artikel kepada orang lain. Ada cara lain yang lebih menarik dan efisien, tanpa harus membuka media sosial dalam jendela baru dibrowser anda, cara ini cukup mudah anda hanya perlu mengklick icon share pada media sosial yang ingin anda bagikan, dan otomatis pop up window kecil akan keluar menuju langsung media sosial yang anda tuju tadi, atau lebih dikenal dengan istilah "Share Button". Share Button ini sangat memudahkan pembaca artikel dalam membagikan artikel yang menarik kepada orang lain lewat akun media sosialnya sendiri. Dan kali ini saya akan menjelaskan langkah mudah dalam memasang share button pada blog anda :

1. Login kedalam blog anda.

2. Masuk ke "Desain"

3. Klik "Template"

4. Lalu klik "Edit HTML"

5. Lalu masukan code berikut dibawah code <div class='post-footer'>

<div class='social-buttons-box'> <div class='social-buttons'> <div class='share gplus'><div class='g-plusone' data-size='tall' expr:data-href='data:post.url'/></div> <div class='share like'><div class='fb-like' data-action='like' data-layout='box_count' data-share='false' data-show-faces='false' expr:data-href='data:post.url'/></div> <div class='share tweet'><a class='twitter-share-button' data-count='vertical' data-lang='en' data-size='normal' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a></div> </div> </div> <!-- <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&#39;http&#39;:&#39;https&#39;;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+&#39;://platform.twitter.com/widgets.js&#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &#39;script&#39;, &#39;twitter-wjs&#39;);</script>--> <div style='clear: both;'/>

6. Kemudian temukan code </body> dan masukan code berikut TEPAT DIATASNYA :

<script> window.___gcfg = {lang: &#39;id&#39;}; (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> <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><div id='fb-root'/> <script type='text/javascript'> //<![CDATA[ (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 = "//connect.facebook.net/id_ID/all.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); //]]> </script>
Setelah selesai klik "Simpan Template", dan anda dapat melihat perubahanya pada blog anda.
Seperti inilah hasilnya jika code yang anda masukan sudah sesuai :

Referensi :

http://www.masyadi.com/2014/12/langkah.membuat.share.button.dibawah.postingan.blog.html

Judul : Penerapan Web Service Pada Blog (Share Button)
Peringkat : 2/5. 120 voting. 89 pengguna.