1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
    Dismiss Notice
  3. This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Varies Bookmark

Discussion in 'Template Modifications [Archive]' started by kkm323, Dec 3, 2010.

  1. kkm323

    kkm323 Well-Known Member

    Varies Bookmark

    • Print, Email, Google, Twitter, and other more appear. Using addthis share code
    Screen shot 2010-12-07 at 5.09.41 AM.png
    After </iframe> in the share_page template Add :

    Code:
    <!-- 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 -->
    Screen shot 2010-12-07 at 5.19.45 AM.png

    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]

    [​IMG]
    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
    Screen shot 2010-12-07 at 5.06.36 AM.png




    Before <iframe> in the share_page share template Add :

    Code:
    <!-- 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
    Screen shot 2010-12-07 at 5.04.01 AM.png




    before <iframe> in the share_page template Add :

    Code:
    <!-- 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 ...
     
    shenmuee likes this.
  2. ddmmh

    ddmmh Well-Known Member

    Hi Can you please provide a demo/screenshot? Thanks
     
  3. Floris

    Floris Guest

    Screenshots please ^_^ :D
     
  4. kkm323

    kkm323 Well-Known Member

    Sorry :confused:
     
  5. ddmmh

    ddmmh Well-Known Member

    Looks very nice, thank you.
     
  6. ddmmh

    ddmmh Well-Known Member

    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?
     
  7. kkm323

    kkm323 Well-Known Member

    Oops.. thanx

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

    ddmmh Well-Known Member

    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?
    add-this.png
     
  9. kkm323

    kkm323 Well-Known Member

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

Share This Page