Cara Menambah social share button pada blogspot

Sekarang kita belajar menambahkan share button pada blog anda, ikuti langkah-langkah berikut ini :
  1. Silahkan buka halaman Template > Edit HTML > Proceed
  2. Jangan lupa Backup Template anda.
  3. Pilih Expand Widget Templates yang terletak di kiri atas
  4. Berikutnya, cari code <data:post.body/> dan letakkan copy code dibawah ini dan letakkan persis dibawah <data:post.body/>. Untuk mempermudah pencarian bisa menggunakan "find" / Ctrl+F
  5. Berikut ini Codenya :
    <!-- Social Scripts Start -->
    <b:if cond='data:post.isFirstPost'>
    <!-- Facebook -->
    <div id='fb-root'/>
    <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = &quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;;
    fjs.parentNode.insertBefore(js, fjs);
    }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
    </script>
    <!-- Google +1 -->
    <script type='text/javascript'>
    (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
    })();
    </script>
    <!-- Twitter -->
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
    </b:if>
    <!-- Scripts End -->
    <!-- Horizontal social buttons Start -->
    <div class='horizontal-social-buttons' style='padding:10px 0 10px;'>
    <!-- Twitter -->
    <div style='float:left;'>
    <a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
    </div>
    <!-- Google +1 -->
    <div style='float:left;'>
    <g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
    </div>
    <!-- Facebook Like+Send -->
    <div style='float:left;'>
    <fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
    </div>
    </div>
    <div style='clear: both;'/>
    <!-- Horizontal social buttons End -->
    
    <div class='clear'/>
    
  6. Kemudian save template, mudah kan ^_^
Previous
Next Post »

Dilarang Promosi Blog, Spam, Hack dan yang berbau Negatif ConversionConversion EmoticonEmoticon

Thanks for your comment