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.
6. Simpan Template Anda.