7/30/2011

cara memasang tombol berbagi di blogger

Emang sih blogspot dah menyediakan tombol berbagi, nah yang jadi permasalannya apabila kita mengganti templates blog nah disitu yang menjadi penyebab tidak munculnya tombol berbagi :
http://4.bp.blogspot.com/_pEySW06zZgc/TCRCjBphUjI/AAAAAAAAAFw/gSySbf67xl0/s400/Screen+shot+2010-06-24+at+4.37.05+PM.png

setelah bertanya kepada embah google akhirnya bisa juga menampilkan kembali tombol yang hilang / tidak muncul tadi. 

ok kita langsung aja ke pokok permasalahan  seperti biasa Login ke Blogger-> Klik Rancangan -> Edit HTML-> Centang pada kotak Expand Template Widget. cari code seperti dibawah ini :
<p class='post-footer-line post-footer-line-3'>

kalau tidak ketemu coba yang ini

<div class='post-footer-line post-footer-line-3'>
masih tidak ketemu juga coba yang ini
<data:post.body/>

kalau udah ketemu masukan code di bawah ini tepat di bawah code yang diatas :


<div class='post-share-buttons'>
  <b:include data='post' name='shareButtons'/>
</div>

save dan lihat hasilnya .

kalu masih tidak muncul cari code dibawah ini :
<b:includable id='shareButtons' var='post'>
sampai dengan code :
</b:includable>
kalau udah ketemu hapus semua trus gantikan dengan  code 
dibawah ini :
<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>

save dan lihat hasilnya kalau masih tidak mau muncul tambah lagi dengan code yang terakhir dengan code ini pasti tombol berbagi anda pasti muncul  letakan code dibawah ini sebelum code </head> 
<script src='https://apis.google.com/js/plusone.js'/>

save dan lihat hasilnya pasti udah muncul kembali .
selamat mencoba kawann

sumber : bloggerplugins


Artikel Terkait:

1 komentar:

Terima kasih, Sangat membantu sekali,Tombol Share blog: http://belcerdascermat.blogspot.com/p/produk.html kembali muncul.

Posting Komentar