Membuat Egg Share Slide Open Widget Di Pojok Blog

Membuat Egg Share Slide Open Widget Di Pojok Blog

Bola Hero Gawai

Membuat Egg Share Slide Open Widget Di Pojok Blog

Kali ini saya akan share sebuah sharing widget yang menurut saya cukup unik untuk disimpan di blog kita. Selain bentuknya yang unik karena berbentuk egg atau telur, egg share ini juga akan terbelah dan belahannya akan bergeser ke kanan ketika disorot mouse.

Cara Membuat Egg Share Slide Open Widget Di Pojok Blog cukup mudah, seperti biasa silahkan Anda masuk ke blog Anda >> Dashboard >> Template >> Edit HTML. Jangan lupa centang expand widget template karena kita akan mengobok-obok kode HTML.

Silahkan cari kode </head> (gunakan CTRL + F pada keyboard untuk memudahkan pencarian), lalu copy kode di bawah ini dan paste tepat DI ATAS kode tadi.

<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'/>

Kemudian cari kode </body>, dan kemudian copy kode di bawah ini dan paste DI ATAS kode tadi.

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

Perhatikan tulisan berwarna merah, itu menunjukan posisi widget berada di pojok kiri bawah. Kalau widget ingin berada di pojok kanan bawah, ganti left dengan right. Agar Widget berada di pojok atas, ganti bottom dengan up.

Terakhir silahkan preview untuk melihat penempatan widgetnya sudah benar atau belum, kemudian  save template Anda.


Demikian sharing cara Membuat Egg Share Slide Open Widget Di Pojok Blog mudah-mudahan bermanfaat.

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

17 Comments Add Comment

Many thanks for this trick, happy blogging

Balas

U're welcome, thanks for visit here...

Balas

Tips yang mantap, thanks for sharing, salam kenal persahabatan

Balas

Terima kasih...
Salam kenal juga....
Semoga bermanfaat

Balas

Widget egg sharing, bagus, ini tips mantap, thanks for sharing, jangan lupa main ke warung aku, happy blogging, salam kenal persahabatan.

Balas

Salam kenal juga sob...makasih sudah mampir di sini.

Balas

Widget cantik, mohon ijin untuk praktek, happy blogging dan salam kenal persahabatan

Balas

Silahkan sob...mudah2an bermanfaat...salam kenal juga.

Balas

Saya tahu persis hasil dari widget ini, bagus dan mantap sekali, mohon ijin untuk praktek mas brow, salam kenal persahabatan dariku yang newbie

Balas

Silahkan sob...semoga bermanfaat. salam kenal juga.

Balas

Terima kasih sobat.Mantap nih :)

Balas

cara agar htmlnya seperti note itu gimana ya?

Balas

Tutorial membuat teks area silahkan baca di sini

Balas

Terimakasih sobat.

Balas

terimakasih,sudah berbagi :-)

Balas

Sama2 sob...semoga bermanfaat

Balas
Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×