Cara Membuat Tombol Share Keren di bawah Postingan

Cara Membuat Tombol Share Keren di bawah Postingan

Jalak Ikal 01 October 0 komentar
Tombol Share yang kita pasang baik itu di bagian bawah postingan ataupun di bagian atas postingan bahkan para blogger ada juga yang memasang tombol share ini yang melayang semua itu tidak lah menjadi masalah tergantung pemilik blog mau menempatkan nya dimana,tombol share ini sangatlah penting untuk kita pasang di blog kita,agar para pembaca artikel di blog kita apabila mereka tertarik dengan postingan di blog kita biasa nya akan men share nya dengan menekan tombol baik itu facebook,twitter ataupun google plus.
Dengan begitu apabila ada salah satu pengunjung blog kita menekan share ada peluang banyak pengunjung yang akan mampir di blog kita dan mau membaca artikel yang di share tadi karena rasa penasaran mereka dengan artikel yang mereka lihat karena share tadi.

Jadi menurut saya memasang tombol share itu sangatlah penting,dan biasa nya pemasangan yang paling bagus berada di bagian bawah postingan selain mudah terlihat oleh para pengunjung setelah mereka membaca psotingan dan merasa kagum dengan hasil tulisan kita biasanya mereka akan men share nya ke media social,jadi untuk itu jika anda tertarik dngan pemasangan tombol share ini,bisa anda ikuti cara pemsangan nya di bawah ini
  1. Langkah pertama seperti biasa nya silahkan anda masuk ke blogger
  2. Lalu ke dashboard dan pilih template yang berada di bagian kiri
  3. Setelah itu silahkan anda klik edit html
  4. Setelah anda memasuki edit html silahkan anda cari kode </b:skin> dengan menekan Ctrl+F secara bersamaan
  5. Setelah itu letakan kode berikut sebelum kode <b:skin> tadi
/* social share buttons */
.social-buttons-box {padding:8px;
height: 67px;
background:#fff;
margin:10px 0 5px;
overflow:hidden;
}
.social-buttons {
margin:0 0;
height:67px;
float:left;
}
.social-buttons .share {
float:left;
margin-right:10px;
display:inline-block;
}
.share-btn {
margin:15px 0 25px;
height:20px;
overflow:hidden;
}

Lalu silahkan anda cari lagi kode </body> dan letakan kode berikut sebelum kode tersebut
<script>
  window.___gcfg = {lang: &#39;id&#39;};

  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);
</script><div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>

Setelah anda memasang kode di atas langkah selanjut nya anda memasuki atau mencari kode <data:post.body/> letakan kode berikut setelah kode tersebut,,atau jika anda sudah memasang Related Post silahkan anda pasang kode berikut di atas Related Post yang sudah anda pasang tadi.
<div class='social-buttons-box'>
    <div class='social-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 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>
    </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>-->

Dan langkah terakhir silahkan anda klik Save template
Dengan begitu tugas anda sudah selesai untuk menerapkan tombol share di blog anda,selamat mencoba dan pasti berhasil :D

loading...
Ratings: 
Posted by Jalak Ikal, Published at 01 October and have 0 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi