Cara Memasang Share Button di Bawah Posting Blog

Cara Memasang Share Button di Bawah Posting Blog

Salam Blogger, sharing kembali nich… kali ini turuorial Cara Memasang Share Button di Bawah Posting Blog. Mungkin sudah banyak tutorial blog atau website yang membahas Cara Memasang Share Button di Bawah Posting Blog. Tapi tak ada salahnya juga kan BLOGGINGPASURUAN membahasnya juga ? Share button ini sangat penting bagi sebuah blog untuk memaksimalkan pengunjung.

Catatan : Sebelum mengotak-atik template blog, backup terlebih dahulu agar aman jika terjadi kesalahan. Langsung saja Cara Memasang Share Button Di Blogspot untuk Facebook, Twitter dan Google+ :


Langsung saja ke tahapan Cara Memasang Share Button di Bawah Posting Blog

1. Login ke Blogger Anda, klik Template kemudian klik Edit HTML.

2. Khusus Untuk Google+ tambahkan script berikut di atas kode </head>

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
    {lang: &#39;en-US&#39;}
    </script>


3. Copy script berikut :

<!-- Social Share Code oleh http://bloggingpasuruan.blogspot.com-->
    <div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:4px 0px 30px 0px;width:100%;float:left;height:20px;'>
    <div style='float:left;padding-left:0px;a'>
      Share :
    </div>
    <div style='float:left;padding-left:15px;'>
    <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
    <script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
    </div>
    <div style='float:left;padding-left:30px;'>
      <a class='twitter-share-button' data-count='horizontal' data-via='USERNAME TWITTER' 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:1px;'>
      <g:plusone size='medium'/>
    </div>
    </div>
    <!-- Social Share Code oleh http://bloggingpasuruan.blogspot.com -->


4. Untuk penempatan, jika ingin memasang di bawah judul posting, Cari (Ctrl + F) <div class='post-header-line-1'/>, letakkan script di atas tepat di bawahnya. Jika <div class='post-header-line-1'/> tidak ketemu, cari <data:post.body/> lalu letakkan script di atas tepat di atasnya.

5. Jika ingin memasang di bawah posting

Cari (Ctrl + F) <data:post.body/> lalu letakkan script di atas tepat di bawahnya.
Ganti USERNAME TWITTER dengan user name Twitter sesuaikan saja dengan user Anda.

6. Kemuadian simplate template dan lihat hasilnya

Saya akan sangat berterima kasih jika Sobat Blogger berkenan untuk berkomentar, memberikan saran atau pertanyaan untuk artikel Cara Memasang Share Button di Bawah Posting Blog.

Semoga bermanfaat...

Share this with short URL: Get Short URLloading short url

Nama saya Usman Kurniawan dari Pasuruan - jawa timur dan bukan seorang Blogger Pro, Namun saya akan serius belajar jika menyukai sesuatu hal, termasuk dunia blogging.

Previous
Next Post »