Cara Memasang Share Button Keren di Blog
Selasa, 14 November 2017
Edit

Baca Juga
Tombol share blog biasanya berisikan tombol sosial networking seperti facebook, twitter, google plus, digg dan masih banyak lagi yang lainnya. Nah, bagi sahabat yang ingin memasangnya juga pada blog, silahkan anda ikuti tutorial berikut ini.
Cara Membuat Tombol Share Button dibawah Postingan Blog :
1. Silahkan anda login ke blogger anda, kemudian silahkan anda masuk kebagian Template dan Edit HTML
2. Silahkan copykan kode berikut ini diatas kode ]]</b:skin> atau </style>
.share-buttons-box {height: 67px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHtXQglfeN8u3mAJovezy4isPTsH8RpmDNocGCtWizwuMGJ_euf129NA5EUpIopHOV2mLX6kl8jxhBQulYp-bd-dNv5HXBHTfCIHe6mdnHFPvhNaifdv26YI9F-fje6OU18tl8vYMFQaDf/s1600/share.png) no-repeat 330px 10px;margin:20px 0 15px;overflow:hidden;}3. Silahkan anda cari lagi kode <data:post.body/> dan pastekan kode berikut ini tepat dibawah kode tersebut :
.share-buttons{margin:0 0;height:67px;float:left}
.share-buttons .share{float:left;margin-right:10px;display:inline-block}
<div class='share-buttons-box'>4. Save template dan lihat hasilnya...
<div class='share-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 fbshare'><div class='fb-share-button' data-type='box_count' 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 class='share linkedin'><script src="http://platform.linkedin.com/in.js" type='text/javascript'>
lang: en_US </script><script data-counter='top' expr:data-url='data:post.url' type='IN/Share'/></div>
</div>
</div>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
5. Selesai...
Tombol share button ini saya terinspirasi dari template evo magz mas sugeng yang keren dan ganteng sekali. Karena templatenya banyak yang keren widgetnya seperti cara membuat popular post keren dan masih banyak lagi tutorial blog keren disini.
Silahkan pasang sekarang juga Share Button Keren di Blog anda, jika terdapat error kode diatas silahkan berkomentar dibawah ini secepat mungkin akan diperbaiki oleh admin blog mahrus-net. Sumber : http://mahrus-net.blogspot.com/2014/12/cara-memasang-share-button-keren-di-blog.html