web service dan cara menerapkannya pada blog

web service adalah layanan yang memungkinkan antara 2 buah sistem yang saling terkait dan terkoneksi melalui internet. contohnya adalah layanan login yang menggunakan facebook atau google+ untuk singkronisasinya.

berikut adalah cara menerapkannya pada blog
1. login ke blog masing masing
2. masuk ke halaman template dan edit HTML
3. cari script berikut dengan cara menekan tombol ctrl+f atau dengan mencari secara manual.  ]]></b:skin> atau </style>
4. setelah ketemu script di atas, lalu pastekan script berikut tepat di atas script </b:skin>

/*Share Button*/
.sharebutton{display:block;list-style:none;margin:10px 0;padding:0}
.sharebutton a{color:#FFFFFF!important;display:block;text-decoration:none!important}
.sharebutton li{float:left;margin-right:5px;}
.share{font-weight:bold;margin-right:10px;padding:7px 0}
.fb a{background:#306199;padding:7px 15px}
.fb a:hover{background:#244872}
.linkedin a{background:#007bb6;padding:7px 15px}
.linkedin a:hover{background:#005983}
.twitter a{background:#26c4f1;padding:7px 15px}
.twitter a:hover{background:#0eaad6}
.gplus a{background:#e93f2e;padding:7px 15px}
.gplus a:hover{background:#ce2616}
.pinterest a{background:#b81621;padding:7px 15px}
.pinterest a:hover{background:#8a1119}
.pinterest{margin-right:0} 




5. selanjutnya untuk memasang share button cari lagi script berikut




<b:includable id='post' var='post'>
<article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
.....
<data:post.body/>
.....
 </article>
</b:includable>

6. setelah ketemu script di atas, pastekan script di bawah ini tepat di bawah <data:post.body/> jika ingin meletakannya di atas entri, begitupun sebaliknya.

<ul class='sharebutton'>  <li class='share'>Share :</li><li class='fb'><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url'  onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=700,resizable=0,top=50,left=100&quot;);return false;' target='_blank' title='Share on Facebook'>Facebook</a></li>
<li class='twitter'><a expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=700,resizable=0,top=50,left=100&quot;);return false;' target='_blank' title='Share on Twitter'>Twitter</a></li></ul>

7. simpan template dan preview

berikut adalah hasil jadi

berikut adalah contoh postingan yang telah saya share menggunakan button share yang telah saya buat

berikut adalah video tutorial
https://youtu.be/mKoisOJOi8o

sumber :
http://www.filzahrauqah.com/2014/09/simple-share-button-di-blog.html
http://aurion23.blogspot.com/2014/03/pengertian-web-service.html#.VbRdJBuqqko

• Share :
• Facebook
• Twitter