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 ^_^

• Tweet
• Share
• Share
• Share
• Share

About Admin

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Related Post