Cara Memasang Share Button Keren di Blog

Cara Memasang Share Button Keren di Blog - Tombol share dibawah postingan blog sangat penting dipasang untuk membagikan artikel yang di posting ke berbagai social networking, semakin banyak yang orang datang ke halaman blog anda dan dishare maka makin banyak juga peluang web anda menjadi rami pengunjung.

Selain itu memasang share button di blog juga bisa meningkatkan kualitas seo blog, walaupun sudah banyak sekali yang share artikel tentang membuat atau memasang tombol share pada blog, namun disini saya juga ingin berbagi yang tak kalah keren dengan mastah lain tentang membuat tombol share dibawah postingan.

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;}
.share-buttons{margin:0 0;height:67px;float:left}
.share-buttons .share{float:left;margin-right:10px;display:inline-block}

3. Silahkan anda cari lagi kode <data:post.body/> dan pastekan kode berikut ini tepat dibawah kode tersebut :

<div class='share-buttons-box'>
        <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)?&#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>

4. Save template dan lihat hasilnya...
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

Share this post