5 langkah Mudah Membuat Widget Sosmed Melayang Keren Di Blog

membuat widget sosmed melayang

5 langkah Mudah Membuat Widget Sosmed Melayang Keren Di Blog : Membuat widget sosmed di blog akan memudahkan pembaca artikel membagikan artikel kita ke sosial media..

naah sebelum masuk ke tutorialnya mari kita simak dulu nih apa itu Widget dan Apa itu media sosial..

Secara garis besar Media sosial adalah sebuah media online, pengguna dapat dengan mudah berpartisipasi, berbagi dan menciptakan isi meliputi blog, jejaring sosial, wiki, forum dan dunia virtual. Blog, jejaring sosial dan wiki merupakan bentuk media sosial yang paling umum digunakan oleh orang di seluruh dunia.

Widget merupakan sebuah kumpulan kode yang biasanya kita pasang pada blog atau web, seperti header, sidebar, foter tergantung menurut thema pada blog sobat. dan tentunya sobat sendiri yang menempatkannya.

Apa itu widget sosmed melayang

dari namanya yang mengandung melayang mungkin beberapa sobat agak di bikin bingung yaa. tapi melayang disini saya artikan sebagai tombol widget yang melayang di blog dan tetap pada tempatnya walau halaman di scroll kebawah..

Keuntungan menggunakan Widget Sosmed di Blog

Hampir semua blog besar yang mempunyai reputasi baik memiliki tombol share di dalam blog. bahkan di setiap artikel di sediakan tombol widget share media sosial agar pembaca yang merasa puas bisa share artikel yang di baca tadi..

dengan tombol ini jelas memberikan keuntungan bagi pembaca dan penulis, si pembaca dengan mudah untuk membagikan artikel tersebut, dan si penulis atau pemilik blog kembajiran pengunjung karena artikelnya sudah di share..

dari penjelasan di atas maka tombol widget sosmed salah satu hal penting yang tidak boleh di abaikan dalam sebuah blog atau website..

Cara memasang widget sosmed melayang

Nahhh setelah mengetahui pengetiannya mari kita pasang widget yang keren ini di blog kita...
1. silahkan login di blog masing-masing
2. pilih template dan klik "Edit Html"
3. siahkan cari kode </body>, dan letakan script di bawah ini di atasnnya (di atas </body>)


<!-- import Scripts -->
<script src="https://mybloggerlab.com/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script> 
<script src="https://mybloggerlab.com/Scripts/mblsocialbar.js" type="text/javascript"></script>
<div id="scolder">
<script src="https://mbl-flipper-google-blogger.googlecode.com/files/socialflipmin.js" type="text/javascript"></script></div>
<link href="https://mybloggerlab.com/StyleSheet/mblsocialbar.css" rel="stylesheet" type="text/css"></link>

<!-- MBL Social Media Bar For Blogger --> 
<script type="text/javascript">
$(document).ready(function(){
$.mblSocialBar({
items: {
twitter: { url: '#', text: 'Follow me on twitter' },
facebook: { url: '#', text: 'Share on facebook' },
rss: { url: '#', text: 'RSS Feed' },
google: { url: '#', text: 'Share on google+' },
youtube: { url: '#', text: 'Profile on youtube' },
orkut: { url: '#', text: 'Profile on orkut' },
myspace: { url: '#', text: 'Profile on myspace' },
digg: { url: '#', text: 'Profile on digg' },
  
},
show: 8,
position: "left",
skin: "clear"
});
  
});
</script>

4. Untuk tanda # silahkan ganti dengan url sobat masing-maisng
5. simpan perubahan, kemudian reload website anda

setelah melakukan pemasangan widget sosmed melayang tersebut cobat sobat test satu per satu apakah tombol bekerja dengan baik.. 

saya harap berjalan dengan sempurna..

demikian lah sudah tutorial saya tentang Cara Mudah Membuat Widget Sosmed Melayang Di Blog hari ini..

jika ada pertanyaan silahkan berkomentar yaa..

terus berkarya dan happy blogging

Share this

Subscribe to receive free email updates:

0 Response to "5 langkah Mudah Membuat Widget Sosmed Melayang Keren Di Blog"

Posting Komentar