Monday, January 28, 2008
  • Digg
  • Insert Digg-It Button at Blogger

    0 comments
    Save to del.icio.us 0 hits!

    Digg.com? Digg.com is a most popular site on net. With digg.com you can discover and share your blog content all over country. Way to increase your blog traffic too. On this post i will guide you how to insert a digg it button at blogger platform. See image sample below:

    Howto digg it button

    How To Insert Digg-it Button?

    Please follow this step below:

    • Login to blogger with your ID.
    • At dashboard page , click Layout. Please see the picture :

    layout

    • click edit HTML tab. Please see the picture :

    edit html


    • Click the Download full template link. (backup your template).
    • Tick Expand Widget Templates. Wait for a moment.

    • Find This code like :

      <p><data:post.body/></p>

    • Delete the code above and replace with following code :

      <p>
      <!-- DIGG -->
      <div style='float:right; margin-left:10px;'>
      <script type='text/javascript'>
      digg_url = '<data:post.url/>';
      </script>
      <script src='
      http://digg.com/tools/diggthis.js' type='text/javascript'/>
      </div>
      <data:post.body/>
      </p>

    • Click Save Template button.Done…

    Note: Above step is for your original template without read more tag.

    For those who modified your template with Post summary (). Please follow this step below:

    <b:if cond='data:blog.pageType == "item"'>

    <style>.fullpost{display:inline;}</style>

    <p>
    <!-- DIGG -->
    <div style='float:right; margin-left:10px;'>
    <script type='text/javascript'>
    digg_url = '<data:post.url/>';
    </script>
    <script src='
    http://digg.com/tools/diggthis.js' type='text/javascript'/>
    </div>

    <data:post.body/>
    </p>

    <b:else/>

    <style>.fullpost{display:none;}</style>

    <p>
    <!-- DIGG -->
    <div style='float:right; margin-left:10px;'>
    <script type='text/javascript'>
    digg_url = '<data:post.url/>';
    </script>
    <script src='
    http://digg.com/tools/diggthis.js' type='text/javascript'/>
    </div>
    <data:post.body/>
    </p>

    <a expr:href='data:post.url'><b>Read More...</b></a>

    </b:if>

    Then, Save your template and done.

    These icons link to social bookmarking sites where readers can share and discover new web pages.
    • StumbleUpon
    • Technorati
    • Sphinn
    • Facebook
    • Mixx
    • Google
    • Furl
    • Reddit
    • Spurl
    Comments
    0 commentss

    Author: AlexL

    Do you have any suggestions? Add your comment. Please don't spam!
    Subscribe to my feed

    Post a Comment

    About Me

    Subscribe now!Feeds RSS

    Blog Directory

    Blog Directory