Membuat Bookmark Sharing Blog di Facebook dan Twitter

Menurut saya hampir semua sudah mengenal jejaring sosial Facebook dan Twitter. Terkadang kita juga ingin berbagi dengan teman-teman yang tergabung dalam jejaring tersebut, dan mungkin saja pembaca yang kebetulan menyukai tulisan kita ingin menyimpan alamat web atau blog kita maupun untuk dibagikan pada status jejaring sosialnya.
Langsung saja saya sedikit memberi cara singkat dan simple, silahkan gunakan style yang ada sesuai dengan keinginan Anda.

***Lakukan Backup Blog Anda sebelum mencobanya!!.
Caranya ke masuk blogger—> Page Element—> Add a Gadget, Pilih HTML/JavaScript. Copy dan paste salah satu kode sesuai style di bawah ini, kemudian save dan lihat hasilnya.

Style 1


   1: <!-- AddThis Button BEGIN -->
   2: <div class="addthis_toolbox addthis_default_style ">
   3: <a class="addthis_button_preferred_1"></a>
   4: <a class="addthis_button_preferred_2"></a>
   5: <a class="addthis_button_preferred_3"></a>
   6: <a class="addthis_button_preferred_4"></a>
   7: <a class="addthis_button_compact"></a>
   8: <a class="addthis_counter addthis_bubble_style"></a>
   9: </div>
  10: <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
  11: <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4dd7cffb5a64afd7"></script>
  12: <!-- AddThis Button END -->

Style 2



   1: <!-- AddThis Button BEGIN -->
   2: <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
   3: <a class="addthis_button_preferred_1"></a>
   4: <a class="addthis_button_preferred_2"></a>
   5: <a class="addthis_button_preferred_3"></a>
   6: <a class="addthis_button_preferred_4"></a>
   7: <a class="addthis_button_compact"></a>
   8: <a class="addthis_counter addthis_bubble_style"></a>
   9: </div>
  10: <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
  11: <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4dd7cffb5a64afd7"></script>
  12: <!-- AddThis Button END –>

Style 3



   1: <!-- AddThis Button BEGIN -->
   2: <div class="addthis_toolbox addthis_default_style ">
   3: <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
   4: <a class="addthis_button_tweet"></a>
   5: <a class="addthis_counter addthis_pill_style"></a>
   6: </div>
   7: <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
   8: <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4dd7cffb5a64afd7"></script>
   9: <!-- AddThis Button END –>

Style 4



   1: <!-- AddThis Button BEGIN -->
   2: <div class="addthis_toolbox addthis_default_style ">
   3: <a href="http://www.addthis.com/bookmark.php?v=250&amp;pubid=ra-4dd7cffb5a64afd7" class="addthis_button_compact">Share</a>
   4: <span class="addthis_separator">|</span>
   5: <a class="addthis_button_preferred_1"></a>
   6: <a class="addthis_button_preferred_2"></a>
   7: <a class="addthis_button_preferred_3"></a>
   8: <a class="addthis_button_preferred_4"></a>
   9: </div>
  10: <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
  11: <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4dd7cffb5a64afd7"></script>
  12: <!-- AddThis Button END --> 

Style 5



   1: <!-- AddThis Button BEGIN -->
   2: <div class="addthis_toolbox addthis_default_style ">
   3: <a href="http://www.addthis.com/bookmark.php?v=250&amp;pubid=ra-4dd7cffb5a64afd7" class="addthis_button_compact">Share</a>
   4: </div>
   5: <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
   6: <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4dd7cffb5a64afd7"></script>
   7: <!-- AddThis Button END -->

Style 6


   1: <!-- AddThis Button BEGIN -->
   2: <div class="addthis_toolbox addthis_default_style ">
   3: <a class="addthis_counter"></a>
   4: </div>
   5: <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
   6: <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4dd7cffb5a64afd7"></script>
   7: <!-- AddThis Button END -->

Style 7



   1: <!-- AddThis Button BEGIN -->
   2: <div class="addthis_toolbox addthis_default_style ">
   3: <a class="addthis_counter addthis_pill_style"></a>
   4: </div>
   5: <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
   6: <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4dd7cffb5a64afd7"></script>
   7: <!-- AddThis Button END -->

Style 8


   1: <!-- AddThis Button BEGIN -->
   2: <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pubid=ra-4dd7cffb5a64afd7"><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>
   3: <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
   4: <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4dd7cffb5a64afd7"></script>
   5: <!-- AddThis Button END –>

Style 9


   1: <!-- AddThis Button BEGIN -->
   2: <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pubid=ra-4dd7cffb5a64afd7"><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" width="83" height="16" alt="Bookmark and Share" style="border:0"/></a>
   3: <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
   4: <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4dd7cffb5a64afd7"></script>
   5: <!-- AddThis Button END –>
Oke, silahkan untuk mencobanya.
Semoga berhasil dan selamat berkreasi…Open-mouthed smile (jf).

Artikel Lainnya di Blog Ini, Silahkan Baca :

0 komentar: