Membuat Egg Share Slide Open Widget Di Pojok Blog


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: &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 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(&#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><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...!!!

Subscribe

1 Komentar Blogger
Komentar Facebook

1 komentar:

July 21, 2014 at 10:11 AM

nice step

Pasang Widget Otomatis



Submit Web / Blog Ke 20+ Search Engines

Cek Ukuran dan Kecepatan Loading Blog / Web

Masukkan URL blog max 10 URL
( Tools by Dhecun Blog : Get Widget )

Update Artikel Dhecun Blog

Berlangganan Artikel Gratis Lewat Email

Berlangganan artikel via email.

Dapatkan update artikel terbaru dari Dhecun Blog

yang akan dikirim ke email anda secara gratis...!

Jangan lupa buka Email anda untuk verifikasi.
RSS feeds















Space Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Kategori pasang iklan

Rp.10.000 per bulan
Rp.100.000 per tahun
Judul iklan
Deskripsi iklan
Gambar (220x150)

Iklan Sponsor 1

About Me

Profil Google+
My Facebook
Kirim SMS Gratis
Download Gratis
Print

Contact

Contact on Email
Contact on Facebook

Rekomendasi

Follow

RSS feeds

Widget Populer

Widget Zoom Detail Gambar

Widget Share Button Melayang

Share

Tukar Link

Traffic

Semua Artikel




Tampilkan semua artikel

10 Artikel Terbaru






Masukkan email anda

untuk berlangganan artikel




Dhecun Blog

Followers

Google+ Followers

Google+ Badge