Hi bloggy readers,
Have you ever heard about the one called Digg Plugin called "Digg it"? If you haven't heard of that, i bet you will be interested with the news i am about to deliver to you right now. Digg.com is a social bookmarking site that collects many of great articles that are submitted by all the people across the world, including bloggers. So, if you have great and unique articles in your blog, you can submit there and see who are interested with your articles and willing to give a "digg" with Digg Plugin, so your articles will get on the top position in the Digg website and finally will gain a massive traffic back to your blog.
How to embed Digg plugin "Digg it" on Blog Post?
1. Log in to Blogger
Now go to Blogger.com and Sign in to your Blogger account.
2. Go to Edit HTML
In the Dashboard page, pick one of your blogs that you wish to add with the Digg Plugin button, and then go to Layout/Design > Page Element > Edit HTML.
3. Find the code
Now press CTRL + F and find the exact code below:
<p><data:post.body/></p>
As usual, in applying this article to your blog template might cause some changes around your template code, that's why i strongly suggest you to save your current template so you can revert it back to normal again in case you did some awful thing with the template code.
4. Copy the script code of Digg Plugin
Now copy the script code below. The code below is a script code which actually provided by Digg website and has been manually wrapped up by using 2 div tag codes in order to configure the placement in your blog template.
<!-- DIGG -->
<div style='float:right; margin:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
As you can see in that code above, the script code of Digg Plugin has been wrapped up by using 2 lines codes of div style. The property float:right indicates the position of the Digg Plugin will appear on the right position inside of your post. That value right can also be replaced with the value left to put the button on the left position.<div style='float:right; margin:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
5. Paste the Script code of Digg Plugin
After copying the code on number 4 into the clipboard, now paste that script code between the code <p> and the code section <data:post.body/></p>. Look at the example below!
<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>
Troubleshooting: The method above didn't work on my blog?
If the tutorial above doesn't work to your template, it's maybe because you've already installed the readmore code in your template. So to make this tutorial works, now upload the back up template you've already saved before in your computer and now search the other code section <p><data:post.body/></p> inside your template code, and then put the Digg Plugin script to the template. It should now look like 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>
Ok, that's all i can share to you right now. Hope i can dig more another stuff regarding this topic in the future.
Share This Article to Other People Across the World !
Thanks!
Get the fresh update from Whatmakesblog.com!
To get updates from this blog, just enter your email address in the below subscription form and then click Subscribe.
Your email address will not be shared to any third party
Delivered by FeedBurner
Labels:
SEO,
Social Media,
Widgets
2 comments:
nice tutor
:D
Thanks mr doyok, i also visit your blog and it's great tutorial too. Good work friend..
Post a Comment