Cara Membuat Tombol Share Sosial Media (Bagikan) Simple dan Ringan Untuk Blog

Cara Membuat Tombol Share Sosial Media (Bagikan) Simple dan Ringan Untuk Blog"spot"

TOMBOL bagi ke media sosial (social share button) adalah widget atau fitur yang dipasang di bawah posting blog untuk memudahkan kita dan pengunjung membagikan tulisan ke media sosial.

Widget ini membuat blog atau website menjadi ramah pengguna, juga mendukung pengoptimalan mesin pencari (SEO) yang dikenal dengan Social Media Optimization (SMO).

Tersebar luasnya postingan atau tulisan web/blog anda di media sosial akan semakin meningkatkan popularitas dan peringkat blog anda di halaman hasil pencarian (SERP) Mbah Googlr.



Kebanyakan dari anda semua yang mencari artikel tentang cara membuat tombol share media sosial ini karena kurang puas dengan tombol share yang ada, atau bisa juga kurang lengkapnya pilihan media sosial yang tersedia..

Oleh karena itu, disini saya telah menyediakan tombol share media sosial yang bisa dibilang lumayan lengkap (standart) karena meliputi media sosial terpopuler saat ini -- Facebook, Twitter, Google+, Pinterest, LinkedIn, Gplus WhatsApp (WA).

Oke langsung saja guys!.. Silahkan simak dan perhatikan cara pemasangan nya!!!

Cara Memasang Tombol Share Media Sosial di Bawah Posting Blog

1. Pertama-tama silahkan sobat masuk ke akun blogger sobat dan langsung saja klik menu "Template" > "Edit HTML"
2. Copy & Paste kode script di bawah ini tepat di atas kode <div id='related-posts'> atau di bawah <data:post.body/> yang kedua atau ketiga.

<!-- Scripts Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <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 -->
<div class='horizontal-social-buttons' style='padding:5px;margin:5px'>
<!-- Twitter -->
<div style='float:left;margin-right:5px'>
<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>
<!-- Pinterest Start -->
<div id='pin-wrapper' style='float: left; margin:0px 0px 0px 18px; width:44px;'>
<a data-pin-config='beside' data-pin-do='buttonPin' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a>
<span style='margin-left:-44px;'><a data-pin-config='beside' data-pin-do='buttonBookmark' href='//pinterest.com/pin/create/button/' style='outline:none;border:none;'/></span>
</div>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<style type='text/css'>
#pin-wrapper &gt; a {background-image:none !important;}
</style>
<!-- Pinterest End --><div style='float:left;margin-left:7px'>
<!-- Whatsapp Share Buttons Start -->
<script type='text/javascript'>if(typeof wabtn4fg===&quot;undefined&quot;){wabtn4fg=1;h=document.head||document.getElementsByTagName(&quot;head&quot;)[0],s=document.createElement(&quot;script&quot;);s.type=&quot;text/javascript&quot;;s.src=&quot;//yourjavascript.com/09010225501/whatsappblogger.js&quot;;h.appendChild(s);}</script>
<a class='wa_btn wa_btn_s' expr:data-href='data:post.url' expr:data-text='data:post.title' href='whatsapp://send' style='display:none'>Share</a>
<!-- Whatsapp Share Buttons End -->
  </div>
<div style='float:left;margin-left:10px;'>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='BUTTON-TYPE' expr:data-url='data:post.url' type='in/share'/>
</div>  
</div>
<div class='clear'/>
</b:if>
<!-- Scripts End -->

3. Jika sudah, Silahkan sobat klik tombol Save!

Nah sekarang Tombol Share Media Sosial sobat telah jadi, --Facebook, Twitter, Google+, Pinterest, LinkedIn, plus WhatsApp (WA)-- sudah terpasang di Bawah Posting Blog Anda.

Selain dengan menggunakan script di atas, Anda juga bisa menggunakan kode script social share button dari AddThis. Untuk tutorialnya.. sobat bisa cari di mbah google.. hee

>> Nah mungkin itu saja yang dapat saya bagikan.. salah hilafnya mohon maaffff!!!

Credit: http://www.romelteamedia.com/

BERLANGGANAN GRATIS!!!
Silahkan masukan e-mail anda untuk mendapatkan kiriman artikel terbaru dari
Luffyinter.net


Jangan lupa, lakukan Konfirmasi melalui link Aktivasi yang saya kirimkan ke e-mail anda!

Delivered by FeedBurner

Related Posts:

0 Response to "Cara Membuat Tombol Share Sosial Media (Bagikan) Simple dan Ringan Untuk Blog"

Post a Comment

Berkomentarlah dengan baik dan benar susuai topik yang di bahas. . .
-
-
-
Ingat ya! Jangan tinggalkan link aktif pada komentar!!!

About me | Contact Us | Privacy Policy | Disclaimer | Terms Of Service