Membuat Tombol Menu Share Unik dan Menarik Di Blog

Tutorial Blog|Membuat Tombol Menu Share Unik dan Menarik Di Blog |Tips Bloger|Thema Blog|Free Download Thema Blog|Mempercantik Blog|Trik Bloger

Membuat Tombol Menu Share Unik dan Menarik Di Blog adalah Tips Blog yang akan maz tony bahas kali ini, Membuat Share Blog dengan hal-hal yang unik mungkin bisa menarik pengunjung untuk berlama-lama di blog kita. Tutorial Blog Membuat Tombol Menu Share Unik dan Menarik Di Blog  ini sudah maz tony terapkan di orongorong.blogspot.com dan hasilnya bisa dilihat dipojok kiri bawah punya maz tony. Menu sosial bookmark adalah salah satu komponen penting untuk sebuah blog anda. Selain Membuat Tombol Menu Share Unik dan Menarik Di Blog  untuk mempercantik tampilan blog, juga untuk mempermudah pengunjung blog anda untuk membagikan / share ke jaringan sosial yang lain. Cara Membuat Tombol Menu Share Unik dan Menarik Di Blog  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 Membuat Tombol Menu Share Unik dan Menarik Di Blog . 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/ -->

6. Langkah terakhir adalah:

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.
-------------------------------------------------------------------

Tutorial Blog|Membuat Tombol Menu Share Unik dan Menarik Di Blog |Tips Bloger|Thema Blog|Free Download Thema Blog|Mempercantik Blog|Trik Bloger