cara membuat tombol share di blog

Dalam menulis Artikel atau pun Tutorial kita harus membuat bagaimana agar Artikel atau Tutorial tersebut untuk menarik pembaca, nah kali ini saya akan membagikan ilmu tentang Memasang Tombol Sharing Untuk Blogger agar artikel atau Tutorial sobat semua dapat dibagikan ke berbagai jejaring sosial seperti facebook, Twitter, dll. Tombol sharing ini saya mendapatkannya dari sini, maaf kalau saya tidak izin dahulu untuk membagikan ilmu ini .

Tombol Sharing ini mempunyai beberapa jenis, namun kegunaannya sama dengan yang lain, sekarang tinggal sobat pilih dan lihat-lihat dulu saja oke :



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

Mudah bukan Memasangnya?? sekarang bagaimana blog sobat terlihat profesional loh...!! Nah sudah kan sudah memasangnya sekarang beri pendapat y tentang Tutor Memasang Tombol Sharing Untuk Blogger dengan menuliskannya di kotak komentar oke coy...!!! Terima kasih And Happy Blogging

Lebih Lengkap di : Memasang Tombol Sharing Untuk Blogger | Oketrik http://oketrik.blogspot.com/2010/03/memasang-tombol-sharing-untuk-blogger.html#ixzz0ySEHdNbL

You Might Also Like :