Selamat datang ke BelajarBlogs...
Home » » Tambah Fixed Position Slide Open Heart Bookmarking Gadget untuk Blogger

Tambah Fixed Position Slide Open Heart Bookmarking Gadget untuk Blogger



Dalam catatan ini saya ingin menunjukkan kepada anda cara yang  baru dan pelawat berkongsi post blog anda.alat interaktif ini adalah jantung cinta dengan bahagian logo ini dan jika cursor sentuh jantung berpecah untuk mendedahkan pemilihan buttons.bookmark kelihatan hebat.Apabila jantung terbuka ia mendedahkan ikon untuk Facebook, Twitter, Pinterest, LinkedIn, Stumbleatas, E-mel dan Saham Icon ini Tawaran ratusan bookmark lebih choices.Saya berfikir alat ini ditetapkan di sudut halaman pada blog anda akan merebut perhatian pengunjung dan menjana banyak lagi shares.So di bawah adalah tutorial yang menunjukkan anda bagaimana untuk berbuat demikian, dan boleh menyemak demo dulu.


Tambah Jantung Split Bookmarking Gadget Top Blog Anda

Jangan lupa supaya Backp up templates anda dulu sebelum melakukan tutorial ini. 
Bagaimana untuk Backup Blogger Template

Langkah 1. Didalam (New Design) Blogger Dashboard Klik Drop Down Menu  > Pilih Template > Edit Html >  Proceed > Tick The Expand Widget Templates Box.



Langkah 2. Carikan kode dibawah ini didalam Html : (Klik CTRL and F untuk carian)

</head>


Langkah 3. Copy kode dibawah ini dan paste diatas atau sebelum kode </head>



<!-- Start Heart Bookmarking Gadget Code From http://www.jeritanblog.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://www.jeritanblog.com/ -->


Langkah 4. Carikan kode dibawah ini didalam Html : (Klik CTRL and F untuk carian)

</body>


Langkah 5. Copy kode dibawah ini dan paste diatas atau sebelum kode </body>


<!-- Start Heart Share Code From http://www.jeritanblog.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://www.jeritanblog.com/">Blogger Wordpress Gadgets</a>

<!-- End Heart Share Code From http://www.jeritanblog.com/ -->


Penting, Pindah Kedudukan Gadget:

Gadget kini bersedia untuk berada di sudut kanan bawah blog anda tetapi anda boleh mengubahnya.Warna kunind diatas itu anda boleh ubah bawah: 2%; kiri: 2%;  .Anda juga boleh menukar peratusan untuk mempunyai ia jauh dari bawah / atas dan kiri / kanan.

Langkah 6. Simpan Template.

0 comments:

Blogger Tricks And TipsComment here