Cara Membuat Slide Open Heart Bookmarking Gadget di Blogspot

Hello, Sobat blogger mania pada postingan kali ini EFA akan posting artikel tentang Cara Membuat Slide Open Heart Bookmarking Gadget di Blogger.Gadget yang dimaksud adalah logo cinta hati hal ini tentunya akan terlihat awesome dan efek slidenya sangat dingin dan practis.apa bila logo cinta hati tersentuh mouse maka akan muncul ikon untuk Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email dan Berbagai dan hal ini tentunya akan menarik perhatian pengunjung dan menghasilkan banyak lagi shares.Jadi dalam tutorial ini lah yang akan kita bahas.

D E M O

jika sobat berminat untuk membuatnya silahkan ikuti langkah langkah berikut ini:
Step 1. Login ke Blogger dan otomatis sobat akan dibawa kehalaman "dashboard " lanjutkan Klick 'Design/Rancangan > 'Lanjutkan dngan Klik "Edit HTML" Kemudian cari kode dengan cara tekan CTRL + F kemudian ketik </head>
Step 2. Copy and Pastekan kode berikut tepat diatas </head>

Kode :

<!-- Start Heart Bookmarking Gadget Code From http://fajar7siblings.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;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&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://fajar7siblings.blogspot.com / -->

Step 3. Masih dihalaman edit HTML cari kode </body> Copy And Pastekan kode dibawah ini tepat diatas </body>

Kode :

<!-- Start Heart Share Code From http://fajar7siblings.blogspot.com / -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a href="http://fajar7siblings.blogspot.com /">Blogger Wordpress Gadgets</a>
<!-- End Heart Share Code From http://fajar7siblings.blogspot.com / -->

Step 5 Save Template.

Catatan: Gadget berada dipojok bawah bagian bawah blog sobat tapi sobat juga bisa menggantinya sesuai selera sobat dengan cara merubah bottom: 2%; left: 2%;.pokonya diutakatik aja. bagian itu.

Semoga Bermanfaat, Bila artikel ini bermanfaat silahkan disebar luaskan

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :

• 
• 

» Selamat Berkreasi - E F A «