Menampilkan Tombol Sosial Bookmarking Cantik di Blog

Saya menemukan sebuah tips untuk menampilkan sosial bookmarking di blog. Sosial bookmarking/ tombol berbagi ini memiliki tombol terbuka untuk Facebook,Twitter, Pinterest, StumbleUpon , LinkedIn , Email dan tombol ShareThis yang menawarkan berbagai pilihan media sosial. Tentu ini bagus untuk ditampilkan di blog sobat-sobat semua.

Tampilannya  seperti gambar berikut:

Ok langsung saja ke teritorial berikut,

Langkah 1

Masuk ke akun blogger anda.
Masuk Dasbor Blogger: Klik Template-->Edit HTML,  lalu  Centang Expand Widget Templates

Langkah 2
Cari kode dibawah ini (gunakan Ctrl+F untuk mempermudah pencarian):

</head>

Setelah menemukan kode </head>, copy dan paste script dibawa ini diatas kode </head>

<script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "bea50586-2b9f-448d-947a-01385f28e305", onhover:false});</script>
<link media="screen" type="text/css" rel="stylesheet" href="http://w.sharethis.com/gallery/shareegg/shareegg.css"></link>

Langkah 3
Cari kode:

</body>

 Setelah itu copydan paste kode bawah ini diatas kode </body> tersebut:

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

Langkah 4
Save template anda dan lihat tampilan blog anda

Sekian teritorial dari saya