Memasang Tombol Sharing

memasang Tombol Sharing Untuk Blogger

Dalam menulis Artikel atau pun Tutorial blog

kita harus membuat bagaimana agar Artikel atau Tutorial tersebut untuk menarik pembaca, nah kali ini saya akan membagikan ilmu tentang Menampilkan Tombol Sharing Untuk Blogger agar artikel atau Tutorial sobat semua dapat dibagikan ke berbagai jejaring sosial seperti facebook, Twitter, dll. 

Tombol Sharing ini mempunyai beberapa jenis, namun kegunaannya sama dengan yang lain,

Sekarang tinggal sobat pilih dan lihat-lihat dulu saja oke dan bisa di pasang pada blog anda:

Kodenya :

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b55855363d6632d"></script></div>
<!-- AddThis Button END -->

</div>

Kodenya :
<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-bookmark-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b558593299fd997"></script></div>
<!-- AddThis Button END -->

</div>



kodenya :

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-addthis-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b5585c80ff82aac"></script></div>
<!-- AddThis Button END -->

</div>


Kodenya :
<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" width="83" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b5586845b60ff40"></script></div>
<!-- AddThis Button END -->

</div>
Kodenya :

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/sm-bookmark-en.gif" width="83" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b55875379b5c8f3"></script></div>
<!-- AddThis Button END -->

</div>

Kodenya :

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a class='addthis_button_facebook'></a>
<a class='addthis_button_email'></a>
<a class='addthis_button_favorites'></a>
<a class='addthis_button_print'></a>
<span class='addthis_separator'>|</span>
<a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4b5586c652f95395' class='addthis_button_expanded'>More</a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b5586c652f95395"></script>
<!-- AddThis Button END -->

</div>

Kodenya :

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4b5587e277ca916d' class='addthis_button_compact'>Share</a>
<span class='addthis_separator'>|</span>
<a class='addthis_button_facebook'></a>
<a class='addthis_button_myspace'></a>
<a class='addthis_button_google'></a>
<a class='addthis_button_twitter'></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b5587e277ca916d"></script>
<!-- AddThis Button END -->

</div>

Nah banyak jugakan Tombolnya dan bervariasi pula ka, sekarang tinggal kita pasang deh. oke langsung ke caranya ajach yuk :

1. Login ke blogger.com
2. masuk ke Tata Letak => Edit HTML
3. klik kotak kecil di samping tulisan Expand Widget Template
4. Setelah itu cari kode <data:post.body/> dan taruh kode tombol yang sudah di pilih tepat di atasnya
5. setelah menaruhnya silahkan sobat simpan dan lihat hasilnya