Minggu, 16 Juni 2013

Cara Membuat Widget Tombol Share Dengan Efek JQuery Di blogger

5:05:00 AM Posted by Unknown 1 comment
Akhirnya saya ngepost lagi... hahahaa.. Didunia nyata saya sangat sibuk terlebih lagi baru hari ini kelar ulangan.. Oke.. kali ini damin mau berbagi widget keren nan mantap.. Ya.. yaitu.. Cara Membuat Widget Tombol Share Dengan Efek JQuery...
Widget share cukup mengambil peran penting di traffic blog.. tidak updatenya kita dalam membuat post blog bisa membuat traffic blog kita menurun.. atau bahkan blog kita bisa menjadi kering visitor.. Oleh karena itu admin mau bagi widget tombol share.. dengan tombol share ini dapat membantu kita dalam mendapat karkan pengunjung.. Agar pengunjung tertarik agar mau share postingan kita.. Terlebih karena widget ini berefek JQuery saya rasa akan membuat pengunjung blog sobat mau share.. kalo mau sih.. :P.. hahahaha
Ini screen shootnya.. :)
Gambar yang ini saat widget belum diarahkan

Gambar yang ini sudah di arahkan ke widget nya..

Gimana sob.. Tertarik ? Jika tertarik ikuti caranya ya..
Cara admin pasti berhasil jika mengikutinya Step by Step :3
1. Pastinya tidak lain dan tidak bukan Login ke blogger Sobat.. :3
2. Di dashboard  pilih Tata Letak.. Klik add a gadget yang mana saja..
3. Kemudian Pilih HTML/JavaScript
4. Pastekan Coding di bawah ini di dalamnya..

<!-- 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. Tinggal di save.. Oke bro.. hahaha

Hasilnya udah bisa dilihat di blog sobat masing-masing.. oke..
Sekian dulu ya sob.. Maaf dalam post ini jika ada kekurangan mohon maaf.. Karena saya seorang manusia yang tdk sempurna..

1 komentar: