Blogging Resource | Blogger Tips And Tricks: Blog Widget

Showing posts with label Blog Widget. Show all posts

Adding Social Bookmarks In Below Blogger Posts?

Posted In Blog Widget, Blogging Tricks - 8:37 AM - 0 comments

Add social book to your blog for makes it easy for the readers to bookmark the post page using their favorite social bookmarking service (eg: Del.icio.us, digg this, etc..).This is the best way to improve your reader's count!

If You want to add this social bookmarks in below your post,(like mine) follow step in below:

1. Go to Layouts >> Edit HTML.(backup you template) Tick the Expand Widget Templates

2. You need to search the following line in you expand template like in below :(use CTRL + F )

3. Copy code in below and paste it just after code in above

</div>

4. Preview your template,Save,and you done!

You will have a social bookmark like this :
__________________________________

eg:

Link Within Widget To Increase Your Blogger Website Traffic

Posted In Blog Widget, Blogging Tricks - 3:11 AM - 2 comments

Increase your page views by showing you previous post using LinkWithin widget.

To install LinkWithin Widget on Blogger, just follow the steps below.

1. Go to LinkWithin.

2. Click Install Widget to open Blogger in a new window, and follow the steps below in that window. Please login if necessary.

3. Select a blog if you have more than one, then click on Add Widget.

4. (Optional) For better performance, Drag and Drop the LinkWithin box under the "Blog Posts" box.

5. Click on Save.

And you're done! The widget should now appear on your blog.

How To Make Hidden Guest book (blogger)

Posted In Blog Hack, Blog Widget, Blogging Tricks - 3:39 PM - 3 comments

What Is Hidden Guest Book?

e.g

Click Here , see at the right side in there.

Step:

1. Login to your blogger , From dashboard, go to Layout >>
Page Elements >> Click Add Page Elements,>>Add HTML/SCRIPT.

2. Download code in below and paste in the HTML/SCRIPT box.

Download Script

3. Save your widget,and try viewing your blogs.

Tutorial How to Add Digg Button(Blogger)

Posted In Blog Hack, Blog Widget - 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'/>

How To Show Your Live Stat (Blogger)

Posted In Blog Widget, Blogging Tricks - 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 :

Login into Blogger >> go to Layout >> page element and Add Gadget.
Choose the HTML/Script
Copy and paste code in below :

10 Great Widget For You Blog

Posted In Blog Widget - 9:48 AM - 1 comments

MyBlogLog’s Recent Readers –This widget can easily be called a hit amongst blog owners; its popularity even managed to convince Yahoo into buying MyBlogLog. The widget lets you see the avatars of recent visitors to your blog, provided they’re also members of MyBlogLog.

FEEDJIT – Real time traffic data directly in your blog’s sidebar.

Flixn – Display a stream directly from your webcam, so your blog visitors can always see what you’re up to.

Leafletter – create a mini website and embed it into your blog.

Technorati Link Count – display the number of links your website has from one of the biggest blog authorities – Technorati.

RockYou Horoscope – not something I would personally use, but some people are into horoscope. Hell, most people are into horoscope. Anyway, this widget shows horoscope (doh!) and does it in a nicely designed colorful box.

Plaxo Address Book – let your most faithful visitors access their address books direclty from your site.

MixMap – see where are the visitors to your MySpace (

) profile from on a map.

MyPageRank – another good way to show how “big” your blog is is to show off your Google PageRank.

WhoLinked – show your visitors which sites have recently linked to your web site. Works with all major blog platforms.

How to Create Blogroll (Link List Box)

Posted In Blog Widget, Blogging Tricks - 11:16 AM - 0 comments

This Post Is About how to create a blogroll, a box to place your friends link list. You can fill it with as many as links, and it's size will not get bigger. So it will save space on your blog or sidebar.

Here's the code that you should to copy and place on your blog or sidebar ("Add Page Element --> HTML/Java Script").

Note:
- Text width: 200px; and height: 300px; is size of the box, you can change it according to your place or sidebar size .
- Change the text "#link1,#link2, #link3 " with your friends link list.

Technorati Tag Widget

Posted In Blog Widget, Technorati - 10:32 AM - 0 comments

Your Top Tags Widget
Display your top tags with the Blog Top Tags widget in a beautiful cloud formation (or the top tags of any blog). Copy the code snippet below, replacing {URL} with your blog URL. Note: when you first install this widget on your blog, it will take us a few minutes to build a custom widget with your blog's top tags, but then after that we'll keep it up to date for you.

Code :

More Technorati Tag Widget In Technorati Blog Widget

How to show 10 posts instead of 5 posts in blogger

Posted In Blog Hack, Blog Widget, Blogging Tricks - 5:57 PM - 0 comments

One of the most popular and useful blogger hack or blogger widget is Recent Posts. This blogger hack lets you display recent posts of your blog. Maximum number of bloggers use blogger feed for this purpose. But, this method one limitation, i.e. only 5 most recent posts can be displayed.

How to show 10 recent posts :

Go to layouts>>page elements >> Add Gadget >> HTML\JAVASCRIPT

Copy code in below and paste to HTML\JAVASCRIPT Gadget

Here is the code:

<script>
function rp(json) {
document.write('<ul>');

for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;

if (i == json.feed.entry.length) break;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}

posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";

if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);

if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);

if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');

}
</script>

<script>
var numposts = 10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>

<script src="http://YOURBLOG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>

<div class="clear"></div><p style="text-align:right;"><a href="http://feeds.feedburner.com/~r/wolverinehacks/~3/423845145/how-to-show-10-posts-instead-of-5-posts.html" title="Grab this wiget">Grab this Widget</a></p>

You can make the recent post display more than 10 by change var numposts = 10; change no. 10 whatever no. you want..

Credits (http://www.niteshkothari.com)

How To Make Paypal Donation Box In Blog

Posted In Blog Widget, Blogging Tricks - 11:50 AM - 1 comments

Do you want to put this box in your blog/site? If you don't have a paypal account, click here to sign up.Well i gv the code, and you just simply copy and paste it, is that simple.

Just copy the code and change some values in red.
Change Blog/Website Title to your own Blog title example change to "The-Online-Quest".
And change Your paypal email to your own paypal email.

<center>
<table border="1" width="143" cellspacing="0" cellpadding="0" bordercolorlight="#FFF8E8" bordercolordark="#EFE0C9">
<tr>
<td>
<p align="center"><b>Please Donate To My Blog</b>
</p></td>
</tr>
<tr>
<td width="145">
<form action="https://www.paypal.com/row/cgi-bin/webscr" name="_xclick" method="post">
<input value="Thanks for Your Donations - Blog/Website Title" name="item_name" type="hidden"/>
<input value="Your paypal email" name="business" type="hidden"/>
<p style="margin-top: 0; margin-bottom: 0">
<input value="_xclick" name="cmd" type="hidden"/>

<b>Amount</b> <p style="margin-top: 0; margin-bottom: 0"> <select name="Amount" size="1">
<option selected value="1.00"/>1.00
<option value="2.00"/>2.00
<option value="3.00"/>3.00
<option value="4.00"/>4.00
<option value="5.00"/>5.00
<option value="10.00"/>10.00
<option value="15.00"/>15.00
<option value="20.00"/>20.00
<option value="25.00"/>25.00
<option value="30.00"/>30.00
<option value="35.00"/>35.00
<option value="40.00"/>40.00
<option value="45.00"/>45.00
<option value="50.00"/>50.00
<option value="100.00"/>100.00
<option value="200.00"/>200.00
<option value="300.00"/>300.00
<option value="400.00"/>400.00
<option value="500.00"/>500.00
<option value="1000.00"/>1000.00
</select>
<p style="margin-top: 0; margin-bottom: 0"><b>Currency</b> <select name="currency_code" size="1">
<option value="AUD"/>Australian Dollar
<option selected value="USD"/>USD
<option value="GBP"/>British Pound
<option value="CAD"/>Canadian Dollars
<option value="CZK"/>Czech Koruna
<option value="DKK"/>Danish Kroner
<option value="EUR"/>EUR
<option value="HKD"/>Hong Kong Dollars
<option value="HUF"/>Hungarian Forint
<option value="JPY"/>Japanese YEN
<option value="NZD"/>New Zealand Dollars
<option value="NOK"/>Norwegian Kroner
<option value="PLN"/>Polisg Zlotych
<option value="SGD"/>Singapore Dollars
<option value="SEK"/>Swedish Kronor
<option value="CHF"/>Swiss Francs
</select>
</p>
<p style="margin-top: 0; margin-bottom: 0" align="center">
<input border="0" alt="Make payments with PayPal - it's fast, free and secure!" width="60" src="http://www.blogpulp.com/imagehost/images/5971708800.gif" name="submit" height="30" type="image"/>
</p>
</p></p></form>
</td></tr>
<tr>
<td>
<p align="right"><b><font face="Arial" size="1">Powered by <a href="http://djyano.blogspot.com/2008/04/put-paypal-donation-code-to-your.html" target="_blank"> The-Online-Quest</a></font></b>
</p></td>
</tr>
</table>
</center>

For blogger, after you have copied and changed the values, just add a new page element. Click add HTML/JavaScript to blog, paste all the codes in and save changes.Enjoy blogging and have fun.

Blogging Resource | Blogger Tips And Tricks

Adding Social Bookmarks In Below Blogger Posts?

Link Within Widget To Increase Your Blogger Website Traffic

How To Make Hidden Guest book (blogger)

Tutorial How to Add Digg Button(Blogger)

How To Show Your Live Stat (Blogger)

10 Great Widget For You Blog

How to Create Blogroll (Link List Box)

Technorati Tag Widget

How to show 10 posts instead of 5 posts in blogger

How To Make Paypal Donation Box In Blog

Recommend Site

Followers

Blog Archive