Menampilkan Tombol Share diAtas Postingan Blogger
Tombol Share merupakan tombol yang disiapkan pemilik blog untuk membantu pengunjung blog dalam membagikan artikel hasil postingan ke dalam akun sosial media milik pengunjung. Cara ini juga merupakan salah satu cara untuk membuat hasil tulisan menjadi viral dan meninkatkan umah traffic.
Langsung saja, berikut cara Menampilkan Tombol Share diAtas Postingan Blogger :
1.Login blogger – Template – Edit HTML
2.Checklist kotak kecil di sebelah bacaan Expand Template Widget
3.Lalu cari kode ini
<div class=’post-body entry-content’> atau class=’post-body entry-content.
Gunakan ctrl+f untuk memudahkan proses pencarian.
4.Pastekan Kode di bawah ini, tepat di atas kode <div class=’post-body entry-content’> atau class=’post-body entry-content.
<b:if
cond=’data:blog.pageType == "item"’> <div
style=’border-top:1px solid #ccc;border-bottom:1px solid #ccc;
padding:8px 0px;margin:5px 0px 5px
0px;width:100%;float:left;height:20px;’> <div
style=’float:left;padding-left:0px;font:normal 12px Georgia;’> Share
on : </div> <div style=’float:left;padding-left:10px;’>
<a name=’fb_share’ type=’button_count’/> <script
src=’http://static.ak.fbcdn.net/connect.php/js/FB.Share’
type=’text/javascript’> </script></div> <div
style=’float:left;padding-left:10px;’> <a class=’DiggThisButton
DiggCompact’/> <script type=’text/javascript’> (function() {
var s = document.createElement('SCRIPT'), s1 =
document.getElementsByTagName('SCRIPT')[0]; s.type =
'text/javascript'; s.async = true; s.src =
'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1); })(); </script> </div>
<div style=’float:left;padding-left:10px;’> <a
class=’twitter-share-button’ data-count=’horizontal’ data-via=’User
Name’ href=’http://twitter.com/share’>Tweet</a><script
src=’http://platform.twitter.com/widgets.js’ type=’text/javascript’/>
</div> <div style=’float:left;padding-left:10px;’> <!–
Place this tag where you want the +1 button to render –>
<g:plusone size=”medium”></g:plusone> <!– Place this
render call where appropriate –> <script
type=”text/javascript”> (function() { var po =
document.createElement(‘script’); po.type = ‘text/javascript’; po.async =
true; po.src = ‘https://apis.google.com/js/plusone.js’; var s =
document.getElementsByTagName(‘script’)[0];
s.parentNode.insertBefore(po, s); })(); </script> </div>
</div> </b:if>
Komentar
Posting Komentar