Pages

Cara Pasang Sassy Sharing Slider Untuk Blog

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:
  1. Login/Masuk Ke Akun Blogger Sobat.
  2. Masukah pada Rancangan dan pilih yang Edit HTML.
  3. Bila halaman Edit HTML sudah tampil jangan lupa centang Expand Template Widget.
  4. Carilah Kode </body> Pada Kode HTML Tempalte Sobat
  5. 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 -->

  6. Selanjutnya Simpan Template dan lihat hasilnya.
  7. Good Luck & Enjoy Blogger.

Tinggalkan komentar untuk pertanyaan dan keluhan. Terima kasih dan Sampai berjumpa lagi di Tutorial berikutnya.

Alfiona

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

5 comments:

  1. Slm kenal, yh ? Tutorial bagus, Gan. Sy coba deh. Sayang loadingnya jd nambah lama.

    ReplyDelete
  2. lagi jalan2 sore ke blog shabat,, :)

    ReplyDelete
  3. Makasih infonya, tp gw masih bingung nih... sharing slider kiri yang bawah mana maksudnya? gak jelas nih maaf maklum newbe...
    Kunjung balik ya...

    ReplyDelete
  4. makasih banyak informasinya, bisa langsung di coba.

    ReplyDelete
  5. terimakasih banyak share ilmunya gan

    ReplyDelete