Selamat Datang Di Blog Bisnis Online Terpercaya www.maslukis.com


Selasa, 31 Mei 2016

Widget Share W8 SM

Kali ini saya membuat widget yang bernama Widget Share W8 SM. Didalamnya terdapat 3 fitur yaitu: Share, Subscribe, dan Back to top. Saya desain dengan posisi melayang di bagian kiri blog. Untuk memasang widget ini perhatikan tutorial berikut:


  • Masuk ke Blog sobat, dan pilih Tab Template lalu klik Edit HTML.
  • Tekan F3 untuk mencari kata kunci
  • Pasang CSS dibawah tepat berada di atas ]]></b:skin>

  • Lalu klik Simpan


  • Sekarang kamu klik Tab Tata Letak, dan Tambahkan Gadget HTML/Javascript baru.
  • Pastekan Source kode Widget ini di situ.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>


<script>
$(document).ready(function(){// fade in .btt
$(function () {$(window).scroll(function (){});// scroll body to 0px on click 
$('.btt a').click(function () {$('body,html').animate({scrollTop: 0}, 350);return false;});});});
</script>   
<script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js, fjs)}(document, 'script', 'facebook-jssdk'));</script>
<script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>


<div id="widget-share">
<script>urlbelakang_feedburner='blog-santamars';</script>
<script src="https://sites.google.com/site/blogsantamars/css-santa-mars/Share-W8-SM.js"></script>
</div>

  • Setelah itu Simpan, dan lihat hasilnya.
Itulah Widget Share W8 SM yang saya buat untuk sobat, semoga bermanfaat.
Note!
  1. Anda bisa mengatur letak posisinya di CSS tadi.


Baca Juga:

Comments
0 Comments
 
Copyright © 2018. Info Hari Ini . All Rights Reserved
Jl. Delta Raya Utara Kav. 49 - 51 Deltasari Baru, Sidoarjo, Jawa Timur, Indonesia 61256
PT. Bimasakti Multi Sinergi