Tutorial How to Add Digg Button(Blogger)

Posted In , - 2:38 PM - 0 comments


Digg.com is the one website can driver free traffic to your site.Digg also have some tools, and it a very useful tools,call Digg Button.As you see in my right top of each post.Digg allow your readers to digg your story from your blog finally they'll submit the stories to Digg.


I’ll show you how to put Digg button on the right or left of the top for each post (For blog that do the Automatic Thumbnail and Read More Function).

Follow Step In Below :

1. Login To Blogger >> Go To Layout >> Edit HTML

2. Back up your existing Template before making any changes!

3. Tick The "Expand Widget Templates" box

4. Find This Code(CTRL + F ) <data:post.body/>

5. Copy The Code In Below


<div style="float:left;"><script type="text/javascript">
digg_url = 'YOUBLOG';
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>


Change (YOUBLOG) With You Blog URL e.g ( http://blogs-tricks.blogspot.com)


6. Paste the code(in above) before <data:post.body/>

e.g :

<div style="float:left;"><script type="text/javascript">
digg_url = 'YOUBLOG';
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>
<data:post.body/>

7. Save Your Template.

Tips:
If you want to change it to the left, change this <div style='float:right;'> to <div style='float:left;'>

If your blog doesn't use Automatic Thumbnail and Read More Function you have to find this code <div class='post-header-line-1'/>.Put the code below above the <div class='post-header-line-1'/>;

e.g :

<div style="float:left;"><script type="text/javascript">
digg_url = 'YOURBLOG';
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript">

</script><div class='post-header-line-1'/>
Read more ...

How To Make Automatic Thumbnail and Read More Function (Blogger)

Posted In , - 2:08 PM - 0 comments
Before You Start,Check Another Tutorial How To Make Read More(How To Make (Read More)Function).


Follow steps as below:

1. Login Blogger>>Go To Layout >> click Edit HTML

2. Tick on "Expand Widget Templates"

3. Find this code

<data:post.body/>

4. Replace with this code below

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://kfile.110mb.com/summary-post.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

5. Save it and check your blog.
Read more ...

How To Show Your Live Stat (Blogger)

Posted In , - 1:37 PM - 0 comments

This post i will show you some tips,and it might improve you blog and attract you visitor..
that useful check it out as below;
It’ll show on your blog like this;

Total Posts: 100
Total Comments: 400

Follow The Step In Below :

  1. Login into Blogger >> go to Layout >> page element and Add Gadget.
  2. Choose the HTML/Script
  3. Copy and paste code in below :
<script style="text/javascript">
function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<font color="black"><script src="http://YOURDOMAIN.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://YOURDOMAIN.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></font>

4. Change (YOURDOMAIN) with your domain name,and Save.
Read more ...

Make A Welcome Alert (Blogger)

Posted In , - 10:35 AM - 0 comments

Want Make Welcome Alert Like This?

Step:

1. Login To Your blogger > Layouts > Edit HTML
2. Find The <head> Tag, And Add The Below Script Just Below The <head> Tag.

<script language='JavaScript'>alert(&quot;Your Message Here&quot;);</script>

You Can Change Text 'Your Message Here' With Anything Text You Want.

3. Now Save Template,View Blog And Your Can See Welcome Alert In Your Blog.
Read more ...
Subscribe to: Posts (Atom)