Cara Menampilkan Share Button

Diposkan oleh Madie Zha on 27 December 2011 at 1:33 PM

Cara Menampilkan Share Button | Tutorial Blog

Cara Menampilkan Share Button | Tutorial Blog

Bagi sobat blogger yang sudah pernah atau sering gonta ganti template yang diambil dari penyedia template mungkin tidak bisa memakai fitur Share Button. karena kode Share botton pada design template tersebut mungkin fiturnya tidak ada, jadi Share botton-nya tidak muncul.
Berikut Cara Memunculkan Share Button di Blogger :
  • Masuk ke blogger, klik Design > Page Element
    Cara Menampilkan Share Button
  • Kemudian klik Edit pada Blog Posts
    Cara Menampilkan Share Button
  • Beri centang pada Show Share Buttons
    Cara Menampilkan Share Button
  • Klik Save dan cek apakah muncul tombol sharenya
    Cara Menampilkan Share Button
  • Jika masih belum muncul silahkan ke tab menu Edit HTML
    Cara Menampilkan Share Button
  • Beri centang pada Expand Widget Templates.
    Cara Menampilkan Share Button
  • Cari kode <b:includable id='backlinks' var='post'>.
  • Letakkan kode berikut diatas kode <b:includable id='backlinks' var='post'>.
    <b:includable id='shareButtons' var='post'>
      <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
          <span class='share-button-link-text'><data:top.emailThisMsg/></span>
      </a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
          <span class='share-button-link-text'><data:top.blogThisMsg/></span>
      </a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
          <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
      </a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
          <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
      </a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
          <span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
      </a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
          <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
      </a></b:if>
      <b:if cond='data:top.showDummy'>
        <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
      </b:if>
    </b:includable>
  • Selanjutnya cari kode <div class='post-footer'> atau di posisi line 2, line 3,misalnya line 3 : <div class='post-footer-line post-footer-line-3'>.
  • Lalu letakkan kode berikut di bawah kode tersebut.
    <div class='post-share-buttons goog-inline-block'>
            <b:if cond='data:post.sharePostUrl'>
              <b:include data='post' name='shareButtons'/>
            </b:if>
          </div>
  • Klik Save Template dan lihat hasilnya.
    Cara Menampilkan Share Button
Selamat mencoba dan semoga bermanfaat...

.:. 21 komentar .:.Post a Comment

  1. Bermanfaat gan ....

    Saya senang jika agan Berkunjung ke http://randykruger.blogspot.com/

    ReplyDelete
    Replies
    1. Artikel yang bermanfaat. jika bisa kunjungan baliknya gan : http://angkajitutogelsingapuraeyangkasarung.blogspot.com/

      Delete
  2. Sangat bermanfaat, terutama buat saya. thank's

    ReplyDelete

  3. sukses terus gan ditunggu artikel selanjutnya

    ReplyDelete
  4. . artikel yang anda tulis di blog ini, sungguh sangat memotivasi diri saya untuk trus berkarya, terima kasih semoga kebaikan anda mendapatkan balasa yang lebih baik.

    ReplyDelete
  5. Thanks infonya sangat bermanfaat sekali buat saya, di tunggu ea artikel selanjutnya :D

    ReplyDelete
  6. Mantappppp infonya gan thankas ea :D

    ReplyDelete
  7. terima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..

    ReplyDelete
  8. kereen bangettt sok artikelnya thanks infonya...

    ReplyDelete


  9. thanks ea, kerennn bangettt infonya.... sukses selalu ea sob

    ReplyDelete
  10. harga obat ambeien denature hanya dengan Rp 275 000

    ReplyDelete
  11. Pembelian obat denature bisa invite pin bbm kami : 7968ab6b

    ReplyDelete
  12. Now you could lead the whole facebook by adding thousands of likes swiftly without any trouble. purchase usa facebook likes

    ReplyDelete
  13. Despite the fact that not all customers will leave an evaluation after downloading your application. paid app reviews

    ReplyDelete
  14. Considering that the initial get in touch with your prospective customers have with your item, when looking for applications,

    are your customer scores, your application icon, and most importantly your app name. buy app reviews

    ReplyDelete

 
Alexa Certified Traffic Ranking for http://wadahtutorial.blogspot.com
Follow
back to top
Home
back to bottom