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:
"bea50586-2b9f-448d-947a-01385f28e305",
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('shareThisShareEgg',
['facebook','twitter','googleplus','linkedin','blogger','stumbleupon','sharethis'],
{title:'
<data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareegg'});</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:' <data:blog.pageTitle/>',url:'<data:blog.url/>',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:
.gif)
