Welcome to our website


Add Digg Button to Your Post Page

Xoftmax Update:
Do you know Digg.com? I'm sure you know about digg.com, because digg.com is a most popular site in the world. With digg.com you can discover and share your blog content. So it's one of the way to increse your blog traffic. But I do not want to converse many hitting about digg.com, which I will focussed is the step of installing the digg button on your page post.
With Digg button you can easy to submit your post with your self or with your visitor to digg.com. Feel interesred to add digg button to your blog? this the steps :

   1. Login to blogger with your ID
   2. After entering the dashboard page , click Layout.
   3. Then click edit HTML tab.
   4. Click the Download full template link. Save your template:
   5. Please mark the little box beside Expand Widget Templates.
   6. Go to your template code, and find the code like this :

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

   7. Delete the code above and alter 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>

   8. Save.
   9. Done. Now digg button was added to your post.

Allright, that is if your template code is original, how about template code was modified with Read more function as my post. You must change your read more code with this :


    <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>

Save your template and done.

No Response to "Add Digg Button to Your Post Page"

Post a Comment