Assalamualaikum Wr.WB

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

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 di blog saya

C.Maksud & Tujuan

Untuk menambahkan widget sosial media di blog saya

D.Alat & Bahan

Laptop
Koneksi Internet

E.Langkah Kerja

Pertama buka blog anda dan masuk ke tata letak dan klik tambah kan gadget


pilih HTML/JavaScript






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>


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



F.Kesimpulan

Kita dapat membagi hasil karya blog kita melalui sosial media di blog kita

G.Referensi

http://www.idesat.com/2014/02/script-share-sosial-media-button.html

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