Minggu, 10 Juni 2012

Tutorial Cara Memasang Tombol / Button Share, Tweet, Google +1 Di Blogspot

Tutorial Cara Memasang Tombol / Button Share, Tweet, Google +1 Di Blogspot - Tutorial Cara Memasang Tombol / Button Share, Tweet, Google +1 Di Blogspot -  Halo sobat sekalian, gimana kabarnya? sehat?
Kali ini saya mau kasih Tutorial Tutorial Cara Memasang Tombol / Button Share, Tweet, Google +1 Di Blogspot  buat sobat semua,. Langsung simak sajah tutorialnya :
  1. Login dulu ke akun sobat
  2. Pilih rancangan/ Layout
  3. Pilih yang Edit Html
  4. Lalu klik/ceklis Expand Template Widget
  5. Cari kode <div class="post-header-line-1">
  6. Copy dan paste kode dibawah ini tepat dibawah  <div class="post-header-line-1"> tadi
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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;font:normal 12px Georgia;font-style:Italic;'>
Share to :
</div><g:plusone size='medium'/>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='indr41skandar' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</div>
</b:if>
  • Ganti indr41skandar dengan username twitter sobat
  • Save dan lihat hasilnya
Sekian tutorial dari saya tentang - Tutorial Cara Memasang Tombol / Button Share, Tweet, Google +1 Di Blogspot - semoga bermanfaat
Sumber : http://www.rijal-islami.com

Tidak ada komentar:

Poskan Komentar