Cara Menampilkan Share Button

Cara Menampilkan Share Button - Hallo guys,mimin mau share nih Tutorial Blog di Blogrenanda, Pada sharing Tutorial Blog kali ini yang berjudul Cara Menampilkan Share Button, saya telah menyediakan Tutorial Blog lengkap seperti Cara Menampilkan Share Button . mudah-mudahan isi postingan tutorial yang mimin tulis ini dapat anda pahami. okelah, ini dia tutorialnya.

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
  
• Kemudian klik Edit pada Blog Posts
  
• Beri centang pada Show Share Buttons
  
• Klik Save dan cek apakah muncul tombol sharenya
  
• Jika masih belum muncul silahkan ke tab menu Edit HTML
  
• Beri centang pada Expand Widget Templates.
  
• 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.
  

Selamat mencoba dan semoga bermanfaat...

Demikianlah Artikel Cara Menampilkan Share Button

Sekian Tutorial dari Blogrenanda Cara Menampilkan Share Button, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingan dari BlogRenanda.

Cara Menampilkan Share Button

Anda sedang membaca artikel Cara Menampilkan Share Button dan artikel ini url permalinknya adalah https://blogrenanda.blogspot.com/2011/12/cara-menampilkan-share-button.html Semoga artikel ini bisa bermanfaat.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: