Varies Bookmark

[kkm323]

Varies Bookmark

• Print, Email, Google, Twitter, and other more appear. Using addthis share code

After </iframe> in the share_page template Add :

<!-- AddThis Button BEGIN -->
<div  class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_email"></a>
<a class="addthis_button_print"></a>
<a class="addthis_button_favorites"></a>
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_buzz"></a>
<a class="addthis_button_googlebuzz"></a>
<a class="addthis_button_google"></a>
<a class="addthis_button_myspace"></a>
<a class="addthis_button_digg"></a>
<a class="addthis_button_compact"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4cfdabc01e250bb3"></script>
<!-- AddThis Button END -->

Note: If you want large icon like the sample below, replace [addthis_toolbox addthis_default_style] to [addthis_toolbox addthis_default_style addthis_32x32_style]

To show your bookmark under facebook share add the above code in the end of share_page template

• Twitter, Digg, , and Google Buzz Horizontal count

Before <iframe> in the share_page share template Add :

<!-- Tweet Button -->
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<!-- / Tweet Button -->

<!-- Digg share button -->
  <script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggCompact"></a>

  <!-- / Digg Share Button -->

  <!-- google buzz Share Button -->
<a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
  <!-- / google buzz Share Button -->

• Twitter, Digg, Facebook Like, and Google Buzz Vertical count

before <iframe> in the share_page template Add :

<!-- Tweet Button -->
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<!-- / Tweet Button -->

<!-- Digg share button -->
   <script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a>
   <!-- / Digg Share Button -->

  <!-- google buzz Share Button -->
<a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
  <!-- / google buzz Share Button -->

  <!-- Facebook Share Button -->
<iframe src="http://www.facebook.com/plugins/like.php?href={xen:urlencode $url}&amp;layout=box_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:65px;" allowTransparency="true"></iframe>
<!-- / Facebook Share Button -->

Note: if you like to add this anywhere in your site just add <xen:include template="share_page"></xen:include> in any template

I would try to add more soon
Enjoy ...

 

[ddmmh]

Hi Can you please provide a demo/screenshot? Thanks

 

[Floris]

Screenshots please ^_^

 

[kkm323]

Hi Can you please provide a demo/screenshot? Thanks

Screenshots please ^_^

Sorry

 

[ddmmh]

Looks very nice, thank you.

 

[ddmmh]

I installed it on my site and seems to work good. http://www.mmazone.com.au
One thing though, shouldnt you tell users to change the username in your code to their own account with addthis.com?

 

[kkm323]

I installed it on my site and seems to work good. http://www.mmazone.com.au
One thing though, shouldnt you tell users to change the username in your code to their own account with addthis.com?

Oops.. thanx

for those who have addthis account, change #username=xa-4cfdabc01e250bb3 to your account name
though you don't necessarily need an account

 

[ddmmh]

Thanks,
The way you have it coded shows 'facebook' writing then your share buttons then the facebook share buttons, you probably need to change this?
I have edited it slightly different to yours so the share buttons show under facebook. I would like the share buttons to be directly under the facebook recomment button, do you know how to do this? or maybe put "share this" in text and then the buttons?

 

[kkm323]

Thanks,
The way you have it coded shows 'facebook' writing then your share buttons then the facebook share buttons, you probably need to change this?
I have edited it slightly different to yours so the share buttons show under facebook. I would like the share buttons to be directly under the facebook recomment button, do you know how to do this? or maybe put "share this" in text and then the buttons?
View attachment 7166

To show your bookmark under facebook share add the above code in the end of share_page template