cara menambahkan WIDGET sosial media di blogger

Assalamualaikum Wr.WB

        Kali ini saya akan mempost kan bagaimana cara menambahkan Widget sosial media di blogger

WIDGET SOSIAL MEDIA 

A.PENGERTIAN
Widget perangkat lunak adalah aplikasi perangkat lunak yang relatif sederhana dan mudah digunakan, yang diciptakan bagi satu atau lebih platform perangkat lunak, misalnya aksesoris meja atau applet, berbeda dengan aplikasi-aplikasi yang lebih kompleks seperti spreadsheet atau pengolah kata. Widget adalah contoh aplikasi pelengkap dan tambahan yang tidak memonopoli intensi pengguna.


B.LATAR BELAKANG
saya ingin menambahkan widget sosial media di blogger saya

C.MAKSUD & TUJUAN
Untuk menambahkan widget sosial media di blog saya

D.ALAT & BAHAN
Laptop
Koneksi Internet

E.LANGKAH KERJA
1.Pertama buka blog anda dan masuk ke tata letak dan klik tambah kan gadget

2.pilih HTML/JavaScript

3.lalu masukkan script ini dan beri judulnya


Script

<tr> <td width="245" height="35"> <!-- START SOCIAL MEDIA WIDGET --><ul id="socialbar">
<li id="facebook"><a target="_blank" href="http://www.facebook.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/facebook.png" /></a></li>
<li id="twitter"><a target="_blank" href="http://twitter.com/@username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/twitter.png" /></a></li>
<li id="Googleplus"><a target="_blank" href="https://plus.google.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Googleplus.png" /></a></li>
<li id="Pinterest"><a target="_blank" href="http://pinterest.com/"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Pinterest.png" /></a></li>
<li id="linkedin"><a target="_blank" href="http://www.linkedin.com/"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/linkedin.png" /></a></li>
</ul><a href="http://idesat.com/" target="_blank">riki pw</a>
<style>#socialbar img {border:0px;}#socialbar li img {width:36px; height:36px;}#socialbar li a:hover {position:relative;top:2px;}#socialbar{list-style: none outside none; margin:0px; position: static;}#socialbar li {display:inline;padding-right:2px;}#socialbar{padding:10px;text-align:center;}</style></td> </tr>
<tr> <td height="10"><h6 align="center">
<!-- PLEASE DON"T REMOVE CREDIT --></h6>
<!-- END SOCIAL MEDIA WIDGET --></td> </tr>

4.lalu coba masuk ke blog anda lihat bagian bawah jika sudah muncul gambar Widget ini berarti sudah berhasil

F.KESIMPULAN
Jadi kita dapat membagi hasil karya blog kita melalui sosial media di blog kita


G.REFERENSI
https://id.wikipedia.org/wiki/Widget_perangkat_lunak