Cara Pasang 5 Tombol Share Berbacklink Tinggi

Sebenarnya sih tidak usah diposting artikel cara pasang tombol share ini sebab pada umumnya template blog sudah menyediakan buton tersebut bahkan berbagai macam bentuk variasi terlengkap. Hanya saja artikel ini sebagai referensi saja barangkali ada yang membutuhkannya. Itung-itung tidak semua orang tahu tentang hal ini.

5 tombol/buton share artikel yang keren ini memudahkan pengunjung untuk mempromosikan blog Anda karena dirasa artikel yang Anda berikan sangat bermanfaat. Tombol Share di blog berfungsi sebagai tombol praktis dan otomatis berada di setiap artikel yang bertujuan untuk membagikan artikel blog di berbagai macam social media seperti Facebook, Twitter, Google+, dan lain-lain.

Selain otomatis dan sangat mudah memasangnya, 5 tombol share ini mengarah ke medsos yang mempunyai kualitas backlink yang sangat tinggi sehingga dapat menaikkan page rank blog Anda.

Kenapa hanya dengan 5 medsos ini?
Sebenarnya masih bayak diluar sana yang miriplah dengan medsos, namun pilihannya 5 medsos ini. Tentu Anda paham sendiri secara umum 5 medsos tersebut adalah ladang berkumpulnya user aktif yang tiada berhenti setiap harinya. Dengan memanfaatkan user dari 5 medsos tersebut dapat membuka pintu blog Anda sehingga berpeluang mendapatkan trafik.

Nah kali ini saya akan berbagi cara Memasang 5 tombol share keren dengan flat Ui Design. Berikut tutorialnya;
# Login ke blog > Buka Template > Salin kode css di bawah ini sebelum ]]></b:skin> atau </style>

/* Share Button */
.sharepost li{width:19%;padding:0;list-style:none;}
.sharepost li a{opacity:0.8;padding:10px 0;color:#fff;display:block;border:double #fff;}
.sharepost{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:20px;}
.sharepost li a:hover{opacity:1;color:#444;border:double #fff;}
.sharepost li .twitter{background-color:#55acee;}
.sharepost li .facebook{background-color:#3b5998;}
.sharepost li .gplus{background-color:#dd4b39;}
.sharepost li .pinterest{background-color:#cc2127;}
.sharepost li .linkedin{background-color:#0976b4;}
.sharepost li .twitter:hover,.sharepost li .facebook:hover,.sharepost li .gplus:hover,
.sharepost li .pinterest:hover,.sharepost li .linkedin:hover{background-color:#444;color:#fff;}
.sharepost li{float:left;margin-right:1.2%}
.sharepost li:last-child{margin-right:0}
.sharepost li .fa:before{margin-right:5px}

# Kemudian letakkan kode HTML pemanggilannya tepat di bawah <data:post.body/>, biasanya ada lebih dari 1 kode <data:post.body/>, letakkan di bawah <data:post.body/> yang ke 2, atau coba satu persatu, atua sobat bisa juga meletakkannya di tempat yang Anda inginkan, seperti di atas artikel terkait.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:post.id' itemprop='postId'/>
<div class='clear'/><div class='sharepost'>
<ul>
<li><a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/>Tweet</a></li>
<li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/>Share</a></li>
<li><a class='gplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Google Plus Share'><i class='fa fa-google-plus'/>Share</a></li>
<li><a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' target='_blank' title='LinkedIn Share'><i class='fa fa-linkedin'/>Share</a></li>
<li><a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;amp;description= + data:post.title&quot;' target='_blank' title='Pin It'><i class='fa fa-pinterest'/>Share</a></li>
</ul></div>
</b:if>

save dan lihat karya Anda.