Membuat Sharing Button tanpa Edit HTML

Seperti pada umumnya jika kita ingin gadget Sosial atau Sharing Button, harus dengan proses Edit HTML, memang sangat memusingkan kepala apabila ingin memasang gadget yang diinginkan tapi harus mengedit code Template HTML, karena dengan pengeditan tersebut belum tentu langsungsung berhasil dalam satu kali edtan, karena mengalami kesalahan/error. Semua orang jarang yang gerhasil dalam edit template html dalam satu kali editan tersebut. Nah kali ini saya akan memberikan informasi tentang "membuat sharing button" tanpa edit HTML kepada Anda semua. Ok! kita langsung ke pokok soal, mari bersama-sama persoalan ini:
Sebelum Anda memulai, Anda harus masuk ke blog Blogger.

• Klik tombol Design, setelah terbuka halaman baru akan terliha seperti gambar di bawah:

•  Lalu pilih dan klik Adda a Gadget seperti di bawah:

• Dan lihat gambar berikutnya serperti di bawah, klik HTML/JavaScript:

•  Masukkan code HTML/JavaScript, seperti di bawah:

• Setelah selesai klik Save.

Copy code HTML/JavaScript di bawah ini:

</script>

<table>
<tr>  <td width="100" ><a href="#" id='twitter-widget' >Tweet</a>
<a class='twitter-share-button' data-count='horizontal' data-related="Your-Twitter-Handle" href='https://twitter.com/share' ></a>
</td>  <td width="100" ><a href="#" id='stumble-widget' >Stumble</a>   
<su:badge layout="2"></su:badge></td>  <td width="100" ><a href="#" id='google-widget' > 1</a>   
<span class='g-plusone' data-size='medium' ></span></td>  <td width="100"  ><a href="#" id='facebook-widget' >Like</a>
<div class='fb-like' data-layout='button_count' data-send='false' >
</div>
</td>  <td width="100"  ><a href="#" id='digg-widget' >Digg</a>
<a class="DiggThisButton DiggCompact"></a></td>  <td width="100"  ><a href="#" id='linkedin-widget' >Share</a>
<script type="IN/Share" data-counter="right"></script></td>    </tr>
</table>
<style type="text/css" >

.fb-like {display:inline !important;}
#facebook-widget, .twitter-widget, .google-widget, .facebook-widget,#google-widget,#twitter-widget,#digg-widget,#stumble-widget, #linkedin-widget {    border-radius:5px;color: #ffffff !important;    display: inline-block;    line-height: 22px;    text-align: center;    text-decoration: none;width: 55px;}
#facebook-widget, .facebook-widget { background: #3b5b99; }
#linkedin-widget { background: #069; }
#digg-widget {background:#FDFFB0;color:#716803 !important;}
#stumble-widget {background:red;}
#google-widget, .google-widget   { background: #dd4b39; }
#twitter-widget ,.twitter-widget {background: #33ccff;}
//]]>
</style>

<script type='text/javascript'>
//<![CDATA[
var element, script ;
element = document.getElementById('google-widget');
element.onmouseover = function () {
    this.onmouseover = null;
    this.parentNode.removeChild(this);
    script = document.createElement('script');
    script.async = true;
    script.src = '//apis.google.com/js/plusone.js';
    document.body.appendChild(script);
};
element = document.getElementById('stumble-widget');
element.onmouseover = function () {
    this.onmouseover = null;
    this.parentNode.removeChild(this);
    script = document.createElement('script');
    script.async = true;
    script.src = '//platform.stumbleupon.com/1/widgets.js';
    document.body.appendChild(script);
};
element = document.getElementById('digg-widget');
element.onmouseover = function () {
    this.onmouseover = null;
    this.parentNode.removeChild(this);
    script = document.createElement('script');
    script.async = true;
    script.src="//widgets.digg.com/buttons.js";
    document.body.appendChild(script);
};
element = document.getElementById('linkedin-widget');
element.onmouseover = function () {
    this.onmouseover = null;
    this.parentNode.removeChild(this);
    script = document.createElement('script');
    script.async = true;
    script.src="//platform.linkedin.com/in.js";
    document.body.appendChild(script);
};
element = document.getElementById('facebook-widget');
element.onmouseover = function () {
    this.onmouseover = null;
    this.parentNode.removeChild(this);
    script = document.createElement('script');
    script.async = true;
    script.src="//connect.facebook.net/en_US/all.js#xfbml=1&appId=133083533456136";
    document.body.appendChild(script);
};
element = document.getElementById('twitter-widget');
element.onmouseover = function () {
    this.onmouseover = null;
    this.parentNode.removeChild(this);
    script = document.createElement('script');
    script.async = true;
    script.src = '//platform.twitter.com/widgets.js';
    document.body.appendChild(script);
};
//]]>
</script>

Adapun caranya sudah diterangkan di atas tadi, Selesai, lihat hasilnya semoga berhasil dan bermanfaat untuk Anda. Terima kasih...