Tutorial Blog Mas Andes Official - Tips Blogging | Trik Blogger | Tutorial Blogger | Widget Blogger | Blog Design | Taktik SEO (Search Engine Optimization)

Cara Memasang Tombol Share Cantik di Blog

Cara Memasang Tombol Share Cantik di Blog
Cara Memasang Tombol Share Cantik di Blog - Tombol share sangat penting untuk meningkatkan pengunjung ke blog. Namun untuk menarik perhatian pengunjung blog agar mau berbagi artikel yang dibaca ke berbagai jejaring sosial, tentunya membutuhkan tombol share yang bisa menarik perhatian pengunjung. Untuk menerapkan kedalam blog anda maka berikut ini adalah Cara Memasang Tombol Share Cantik di Blog:

1. Pada Dashboard Blogger anda klik Template > Edit Html > Lanjutkan > centang Expand Widget Templates.
2. Gunakan tombol Ctrl + F untuk mencari kode </head>
3. Copy kode dibawah ini, kemudian letakan tepat diatas kode </head>
<!-- Start Heart Bookmarking Gadget Code From http://mas-andes.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://mas-andes.blogspot.com/ -->
4. Selanjutnya Copy kode dibawah ini, kemudian letakan tepat diatas kode </body>
<!-- Start Heart Share Code From http://mas-andes.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://mas-andes.blogspot.com/">Get This Widget</a>
<!-- End Heart Share Code From http://mas-andes.blogspot.com/ -->
Keterangan :
Widget ini letaknya berada di bawah sebelah pojok kiri, ubahlah kode warna merah jika anda ingin merubah letak widget tersebut. Anda dapat merubah bottom ke top dan left ke right.

5. Simpan Template.

Berlangganan artikel via email

1 Response to "Cara Memasang Tombol Share Cantik di Blog"

saya maunya yg kayak blog mas ini.. mulai tombol socialnya, related postnya dan subscribe

Balas
  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Cara Memasang Tombol Share Cantik di Blog" ini bermanfaat, share ke jejaring sosial.
Konversi Kode