728x90PX

Kamis, 26 November 2015

Cara Memasang Widget Sosial Media di Blog

Posted by on Kamis, 26 November 2015
Cara Memasang Widget Sosial Media di Blog - Sosial media adalah situs yang mungkin paling sering di kunjungi seseorang bila sedang menggunakan Internet seperti yang terpopuler saat ini adalah situs sosial media facebook, twitter, google+ dan lain-lain. Jika penasaran silahkan ikuti langkah-langkahnya.

Langkah membuat Widget Sosial media keren di blog

  • Silahkan login ke akun blogger
  • Langsung ke menu Tata Letak - Tambah Gadget/Add Gadget
  • Kemudian pilih HTML/Java Script
  • Masukkan kode dibawah ini
<style type='text/css'>
.socialize-panel &gt; div{display:block;text-align:center}.socialize-panel &gt; div a{display:inline-block;margin:0 3px;color:#fff;width:65px;margin-bottom:15px}.socialize-panel &gt; div a span{display:block;background:#444;color:#fff;margin-bottom:1px;font-size:18px;font-weight:700;padding:6px 0}.socialize-panel &gt; div a:hover span{background:#444;color:#FACE0C}.socialize-panel &gt; div a i{display:block;background:#4667AE;font-size:10px;color:#FFF;padding:4px 0;font-style:normal}.socialize-panel p{font-size:13px;margin:0}
</style>
<div class="socialize-panel">
<div>
<div class="social-like">
<a href='http://www.facebook.com/------' rel='nofollow' target='blank' ><span>2.6k</span><i style="background: #4667AE;">Facebook</i></a>
<a href='http://www.twitter.com/------' rel='nofollow' target='blank'><span>974</span><i style="background: #009BDA;">Twitter</i></a>
<a href='http://plus.google.com/------' rel='nofollow' target='blank' ><span>403</span><i style="background: #DC4B39;">Google+</i></a>
<a href='http://feeds.feedburner.com/------' rel='nofollow' target='blank' ><span>832</span><i style="background: #FFE620;">RSS Feed</i></a>
</div>
</div><!-- END --></div>
  • Simpan
Lihat hasilnya, semoga Anda berhasil