Sassy Sharing Slider adalah sebuah Widget Blog dimana Sobat dapat mempublikasikan suatu posting blog ke media sosial seperti Facebook, Twitter, Google plus dan kawan kawan. Selain Sebagai Alat untuk berbagi post, Sassy Sharing Slider juga dapat mempercantik tampilan Blog Sobat dengan Style icon Slide yang sangat menarik dan mengesankan.
untuk Demo Sassy Sharing Slider Sobat Bisa Lihat di bagian bawah kiri Blog saya ini.
Berikut Cara Pembuatannya:
Tinggalkan komentar untuk pertanyaan dan keluhan. Terima kasih dan Sampai berjumpa lagi di Tutorial berikutnya.
untuk Demo Sassy Sharing Slider Sobat Bisa Lihat di bagian bawah kiri Blog saya ini.
Berikut Cara Pembuatannya:
- Login/Masuk Ke Akun Blogger Sobat.
- Masukah pada Rancangan dan pilih yang Edit HTML.
- Bila halaman Edit HTML sudah tampil jangan lupa centang Expand Template Widget.
- Carilah Kode </body> Pada Kode HTML Tempalte Sobat
- Bila sudah ketemu silahkan Sobat Taruh Kode berikut tepat diatasnya.
<!-- Start Sassy Sharing Slider HTML (filiex.com) -->
<div class="shr_ss shr_publisher">
</div>
<!-- End Shareaholic Sassy Bookmarks HTML (filiex.com) -->
<!-- Start Sassy Sharing Slider settings -->
<script type="text/javascript">
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Sassy Sharing Slider settings -->
<!-- Start Sassy Sharing Slider script -->
<script type="text/javascript">
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>
<!-- End Sassy Sharing Slider script -->
- Selanjutnya Simpan Template dan lihat hasilnya.
- Good Luck & Enjoy Blogger.
Tinggalkan komentar untuk pertanyaan dan keluhan. Terima kasih dan Sampai berjumpa lagi di Tutorial berikutnya.
Slm kenal, yh ? Tutorial bagus, Gan. Sy coba deh. Sayang loadingnya jd nambah lama.
ReplyDeletelagi jalan2 sore ke blog shabat,, :)
ReplyDeleteMakasih infonya, tp gw masih bingung nih... sharing slider kiri yang bawah mana maksudnya? gak jelas nih maaf maklum newbe...
ReplyDeleteKunjung balik ya...
makasih banyak informasinya, bisa langsung di coba.
ReplyDeleteterimakasih banyak share ilmunya gan
ReplyDelete