Widget Share Efek Animasi Pinterest, Google+,Facebook, Twitter, Tumblr dan Email

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Hari ini saya memiliki sebuah permalink, widget bookmark sosial media dengan efek animasi bergaya seperti di samping. dan sudah saya aplikasikan pada sudut kiri bawah blog ini. Sistem Permalink sangat membantu dan cukup dibutuhkan bagi anda yang ingin SEO karna dapat memudahkan pengunjung blog anda membookmark halaman web anda di jejaring sosial media mereka yang dapat meningkatkan pagerank anda.

untuk itulah dibutuhkan permalink yang menarik dan memudahkan pengguna untuk membookmark halaman anda di social media mereka.

Ikon Tombol-tombol yang muncul adalah sebagai berikut Pinterest, Google+,Facebook, Twitter, Tumblr dan Email.

berikut adalah cara agar anda dapat memasang widget Social media ini di blog anda:

1. Login ke Blogger => pilih layout/tata letak

2. Klik Tambah Gadget A dan pilih "HTML / Javasript"

3. Copy dan Paste kode di bawah ini dalam kotak HTML tersebut

</span></span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;"><!-- Start Shareaholic Sassy Bookmarks HTML - http://beautifulbloggerwidgets.blogspot.com --></span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;"><div class='shr_ss shr_publisher'> </p> <p class="MsoNormal"> </span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;"></div> </p> <p class="MsoNormal"> </span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;"><p style="display:none;"> </p> <p class="MsoNormal"> Add Shareaholic Sassy Bookmarks To Blogger by <a href="http://beautifulbloggerwidgets.blogspot.com/">Beautiful Blogger Widgets</a></p> </p> <p class="MsoNormal"> </span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;"><!-- End Shareaholic Sassy Bookmarks HTML --></span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;"><!-- Start Shareaholic Sassy Bookmarks settings --></span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;"><script type="text/javascript"></span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;">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"}};</span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;"></script></span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;"><!-- End Shareaholic Sassy Bookmarks settings --></span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;"><!-- Start Shareaholic Sassy Bookmarks script --></span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;"><script type="text/javascript"></span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;">(function() {</span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;">var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;</span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;">sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";</span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;">var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);</span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;">})();</span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;"></script></span></p> </p> <p class="MsoNormal"> <p style="text-align: justify;"> </p> <p class="MsoNormal"> <span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;"><!-- End Shareaholic Sassy Bookmarks script --></span><span style="font-family: inherit; font-size: 13px; color: rgb(34, 34, 34); line-height: 18px;"><!-- End Shareaholic Sassy Bookmarks HTML - http://beautifulbloggerwidgets.blogspot.com --></span><span style="background-color: rgb(255, 255, 255);"><span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left; color: red;">

4. Klik Simpan dan lihat hasilnya.

sekian postingan saya tentang bagaimana cara membuat Widget Share Efek Animasi di Blogger semoga bermanfaat.

*saya sudah tidak lagi mengunakan widget terseut diblog saya jadi tak dapat memeri preview seperti biasanya