Friday 26 July 2013

MEMBUAT TOMBOL SHARE UNIK

,
 
Menu sosial bookmark adalah salah satu komponen penting untuk sebuah blog anda. Selain untuk mempercantik tampilan blog, juga untuk mempermudah pengunjung blog anda untuk membagikan / share ke jaringan sosial yang lain. Bentuk menu sosial bookmark share sangat bermacam-macam. Sudah banyak tutorial di blog-blog dan situs yang telah membagikan cara membuat tombol menu share sosial bookmark.
Kali ini akan berbagi tutorial cara membuat tombol menu share sosial bookmark berbentuk slide telur yang bisa membuka dan menutup berada di pojok bawah blog anda (seperti dalam gambar). Slide telur terbuka berisi tombol bookmark untuk pembaca anda untuk share posting di Facebook, Twitter, Google +, Blogger, LinkedIn, Stumble dan Email.
Langsung saja bagaimana cara memasangnya. Ikuti langkahnya dibawah :




Selalu Back Up Template Anda Sebelum Anda Membuat Perubahan.
1. Masuk ke dashboard blog anda pilih "Template" lalu pilih "Edit Html" kemudian klik "expand widget".
2. Cari kode berikut </head> di blog anda atau klik Ctrl F untuk mempermudah pencarian kode
3. Copy paste kode dibawah ini tepat di atas / sebelum </ head>
<!-- Start Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ --><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- End Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ -->


4. Kemudian cari kode </body>
5. Sekarang copy paste kode di bawah ini  di atas / sebelum kode </ body>


<!-- Start Heart Share Code From http://www.spiceupyourblog.com/ --><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Gadgets</a><!-- End Heart Share Code From http://www.spiceupyourblog.com/ -->



Tambahan :
Tombol menu ini diatur berada di sudut kanan bawah dari blog anda, tetapi anda dapat dengan mudah merubahnya. Lihat kode yang berwarna kuning di atas bottom: 2%; left: 2%;. Anda dapat merubah posisi tombolnya dari bawah ke bagian atas halaman atau dari kiri ke kanan halaman blog anda. Rubahlah persentase atau bottom / up dan left / right.

6. Simpan Template Anda.



CATATAN:
sebelumnya backup dulu sebelum sobat edit. blog sobat. agar tidak terjadi salah simpan
untuk hasilnya  sobat pratinjau untuk melihatnya.
semoga berhasil salam sahabat,:



TOMBOL SHARE YANG KEDUA CARA PENYIMPANAN  SAMA SEPERTI DI ATAS 
DAN INI GAMBAR DANCODE 


CODE NO : 1



<script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "bea50586-2b9f-448d-947a-01385f28e305", onhover:false});</script>
<link media="screen" type="text/css" rel="stylesheet" href="http://w.sharethis.com/gallery/shareegg/shareegg.css"></link>


CODE NO 2



<div style='position: fixed; bottom: 2%; left: 2%;'><div id='shareThisOrnament' class='shareEgg'></div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisOrnament', ['facebook','twitter','googleplus','pinterest','stumbleupon','linkedin','email','sharethis'], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:'holiday'});</script>
</div><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Tips</a><!-- End Christmas Share Code From http://www.spiceupyourblog.com/ -->


Sebelumnya sobat buck up dulu templetnya ,
untuk berjaga jaga,
 nah cukup dari sini dulu ya bro, and sis..
 semoga bermanfaat :
SALAM SAHABAT:

0 komentar to “MEMBUAT TOMBOL SHARE UNIK ”

Post a Comment

 
Web Analytics