Kali ini Dhecun Blog akan mencoba share sebuah sharing widget yang menurut saya cukup unik untuk disimpan di blog anda.
Selain bentuknya yang unik karena berbentuk egg atau telur , egg share ini juga akan terbelah dan belahannya akan bergeser ke kanan ketika disorot oleh mouse seperti pada gambar diatas.
Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :
1. Login ke akun Blogger anda
2. Pilih Template
3. Pilih Edit HTML
4. Centang Expand Template Widget
5. Tekan tombol Ctrl+F
6. Cari kode </head>
7. Masukkan script dibawah ini tepat diatas kode </head>
<!-- Start Egg Share Slide Open Widget from http://dhecun.blogspot.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 Egg Share Slide Open Widget from http://dhecun.blogspot.com/ -->
8. Kemudian cari kode </body>
9. Masukkan script dibawah ini tepat diatas kode </body>
<!-- Start Egg Share Slide Open Widget from http://dhecun.blogspot.com/ --> <div style='position: fixed; bottom: 0%; left: 0%;'><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><div style="text-align: center;"> <a href="http://dhecun.blogspot.com/2012/12/membuat-egg-share-slide-open-widget-di.html" target="_blank"><span style="font-size: xx-small;">[ Get Widget ]</span></a></div> <!-- End Egg Share Slide Open Widget from http://dhecun.blogspot.com/ -->Catatan :
Tulisan berwarna merah itu menunjukan posisi widget berada di pojok kiri bawah , jika widget ingin berada di pojok kanan bawah maka ganti tulisan left dengan right.
Jika widget ingin berada di pojok atas maka ganti tulisan bottom dengan up.
10. Terakhir silahkan preview terlebih dahulu untuk melihat penempatan widget nya apakah sudah benar atau belum , jika sudah sesuai keinginan anda silahkan klik simpan template.
Semoga bermanfaat...!!!
|
|
Silahkan Copy Paste artikel ini tapi jangan lupa untuk mencantumkan link sumber aslinya. Terima kasih.