Malam ini saya akan membuat tutorial bagaimana cara membuat widget tombol share seperti yang ada pada blog saya ini (pojok kiri bawah - lingkaran hijau). Tombol share ini berguna untuk men-share blog sobat atau artikel sobat yang pernah di buat kepada orang lain melalui media facebook, twitter, google +, dll.
GAMPANG . . . MUDAH . . . VERY EASY
Langkah-langkahnya :
1. Login terlebih dahulu ke akun blog sobat
2. Masuk ke Tab Tata Letak dan Tambah Gadget
3. Pilih HTML/JavaScript
4. Lalu copy dan paste-kan kode di bawah ini :
<!-- Start Shareaholic Sassy Bookmarks HTML-->
<div class='shr_ss shr_publisher'>
</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks 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 Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks 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 Shareaholic Sassy Bookmarks script -->
5. Klik Simpan dan lihat hasilnya
Demikian tutorial yang bisa saya sampaikan pada kesempatan malam ini.
Terima kasih sudah membaca artikel singkat ini dan semoga bermanfaat bagi sobat blogger
Terima kasih sudah membaca artikel singkat ini dan semoga bermanfaat bagi sobat blogger
Tidak ada komentar:
Posting Komentar