Selamat datang ke BelajarBlogs...
Home » » Cool Fixed Position Slide Open Egg Social Bookmarking Gadget untuk Blogger

Cool Fixed Position Slide Open Egg Social Bookmarking Gadget untuk Blogger


Dalam catatan ini,  alat bookmark seperti telur ovel shape. telur duduk di sudut bawah blog anda dan kekal tetap sebagai skrol pembaca page.Jika kita bawa cursor ke arah telu itu akan terbuka untuk mendedahkan butang bookmark untuk pembaca anda untuk berkongsi post di Facebook, Twitter, Google +, Blogger, LinkedIn, Stumble Upon, Email and Share Icon ini . Alat yang hebat untuk mendapatkan perhatian pembaca anda dan kemungkinan mereka bookmark posts.Saya akan membuatkan anda tutorial untuk menambah alat ke blog Blogger anda di bawah tetapi periksa dahulu di screenshot dan demo live.





Cool Fixed Position Slide Open Egg Social Bookmarking Gadget untuk Blogger 

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>



&amp;lt;!-- Start Heart Bookmarking Gadget Code From http://www.jeritanblog.com/ --&amp;gt;&amp;lt;script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/&amp;gt;&amp;lt;script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/&amp;gt;&amp;lt;script type='text/javascript'&amp;gt;stLight.options({publisher: &amp;amp;quot;bea50586-2b9f-448d-947a-01385f28e305&amp;amp;quot;, onhover:false}); &amp;lt;/script&amp;gt;&amp;lt;link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/&amp;gt;&amp;lt;!-- End Heart Bookmarking Gadget Code From http://www.jeritanblog.com/ --&amp;gt;


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