cara membuat widget tombol share seo evo magz

cara membuat widget tombol share seo evo magz
بِسْــــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
السلام عليكم 
Template Evo magz memang sudah terbukti bagus dan banyak peminatnya baik dari segi tampilan, uji kualitas loading dan Seo Freandly, Bagi anda yang memiliki template dengan modifikasi sendiri tetapi ingin menggabungkan widget tombol share seperti yang ada pada template evo magz anda bisa menyimak tutorial berikut.
cara membuat widget tombol share seo evo magz
Tutorial cara membuat widget tombol share ala evo magz :
  • Login ke aku blogger anda
  • pilih Template lalu Edit HTML
  • kemudian letakkan script css berikut tepat di atas ]]</b:skin> atau </style> dengan menekan Ctrl + F

  1. .share-buttons-box {height: 67px;background: url(http://3.bp.blogspot.com/-moj4-jk-UB0/U1qCkCPaGQI/AAAAAAAADTY/tixmak8NHV8/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}

  • kemudian salin script di bawah ini tepat di <data:post.body/>
  1. <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='//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>
  • kemudian Klik save dan lihat hasilnya.
Note :
Sebelum mengganti widgat share dengan widgat share evo magz terlebih dahulu anda backup template anda dan hapus script widgat share dari template anda lalu masukkan script widgat share evo magz.
Bila informasi ini bermanfaat bagi anda, silahkan berikan Like dan share artikel ini :D
Back To Top