Random Posts Widget For Blogger

Random Posts Widget For Blogger i.e each time the page of your blog refreshes the posts on the blog showed by this widget changes, means this widgets always shows unique posts from your blog with unique combinations at random,i.e the widget selects the posts randomly from all your blog posts and never knows which post might it pick from your blog to show.Really this is the gem of the widget you really should show on your blog for sure.

As before this i had blogged about a one more random posts widget in which a link was made and clicking on it would show random post in blog.



Now how to add this widget in the blog.

1. Log into Blogger >> Layout >> Html/Javascript .
2.Then paste this code in it.


<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=6;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>


Change the the text no in red above in codes to select how many random posts you want to display.

And Save the Widget.Now you will be shown up the the title of the posts in widget like you see in recent posts, recent comments or popular posts widget and all the posts will be picked randomly.

Now How to show random posts title with post summary.

Just open this script or download this Random Post Script.

Either host it to your server or use this script only.

You can get Free File Host Here.

1. Log into Blogger >> Layout >> Html/Javascript .
2.Then paste this code in it.

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=5;var wordnumber=5;</script>
<script style="text/javascript" src="http://btemplatescripts.googlecode.com/files/random-posts-with-summary.js">
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>


Just change the green url with your script url which you uploaded to your server,if you want.

Alter the codes in red in above codes to adjust the count of posts and and how much word summary you want up to show up in the widget.Thats it so Simple.If you have any problems leave your comments below.
Credits for widget to Bloggodown.

How Remove Dotted Lines From Blogger Links

Hi Friends,i am going to share a small trick with you all friends,the trick seems small but is very useful and i have seen many professional blogger designs even not using it in there designs.Doesn't it look bad when user clicks on any link in your blog and link is then surrounded by dotted lines.It looks very bad to me.As you can see from the below demo picture as when i clicked the link in blogger the dotted line appeared,it doesn't look good to me.



So i will tell you on how to remove these dotted lines from all your blogger links.

Just Login To Blogger Go To > Layout > Edit/Html and Find for ]]></b:skin>

And just place the below codes before it.

a { outline:none; }


And save your template and you are done now.Now whenever you will click on any link in blogger no dotted lines will appear.

How Compress Or Zip Your files Online Free

How To Compress Or Zip Your files Online For Free,as nowadays there is no big need to zip or unzip files online as everybody will be using winrar software installed in there pc to zip or unzip your files but sometimes you come into need of doing this online,as it happened with me.

As some days ago my pc got effected with viruses and my winrar was not working,then i tried to install it again but was not successfull and i needed to zip my file for sure as i have to upload it to server to complete my post.

Than came an idea of zipping it with online server.Then got some tricks and sites to do it very easily as like you have installed any software in your desktop.

First i will tell you some sites which will zip your files online for free in just seconds depending upon the size of your files.

The two best sites for compress or zip your files online for free are:-

Zip-it

Filestomp


Go to these sites just browse your file to them and they will zip it for you.

If you find at any time these sites have closed or there server are down,then i have one more trick to zip your file online.

Just open your mail account write an mail to your other email address and attach the file to the mail you want to zip and send it.

Now login to your other mail account to which you sent your mail and download the attachment,the attachment you downloaded will be zipped which you can use.

I hope you will like these tricks for sure.

Search Google For Most Recent Pages On Any Keyword

Google Real Time Web Search,what it is-whenver you search google for some keywords you always get the pages from the sites at the top that have high page rank value for that keyword,the result may be not be as useful as you can get some useful information from pages listing too below sometimes or you may be searching for latest content in recent time and getting only old resuls valued high by search engines.

So what real time web search can do is you can get the all latest results for any keyword published most recent on different sites in google search.

How its more useful for me:-Sometimes i find for exmas results that are not published on many big sites and doesn't get the pages at top for that keyword as they have very less page rank value,but if i use google real time web search to get the most recent pages who posted the results of any exams.

Its only one example it applies to many things like i want latest technology results,latest softwares its really useful.

Now how to use Google Real Time Web Search.

Open Google.com

Now write for the keyword you are searching for and hit enter.

If you get desired results its good.If not then copy the below word in red

&as_qdr=d

And add it in search url of google as below in blue



Now Hit enter and you will see the results within latest hours as below.



I hope you will like this real time search.For any queries let me know.

Chucky Theme Blogger Template

After a wait here is my next template release,and the release is really fast and good as my friend ritesh and me made this template together.So you will be eager to see my this blogger template.It is an chucky blogger template,the wordpress theme from topwpthemes.
As the special feature in this for you is the featured galley which many readers like to use and a automate shortening of post section on home page which is the speciality of wordpress themes.So what you waiting for, just have an demo and download it and start using it as soon as you can.

Snapshot Of The Chucky Template








Now if you think this template doesn't satisfy your dream design,then check out my last two designs for sure as may like it for sure.
1)The Latest Blogger Template
2)Mainam Blogger Template

Now Updated To Latest Blogger Features


1.Pages Features Working
2.Comment Avatars Working
3.Share Buttons Working

Hacks Installed In Chucky Template




Features Of The Template



  • Fixed Width Template

  • Two Column Blogger Template

  • Right Sidebar

  • Beautiful Comment System

  • Featured Content Gallery

  • Top Menu Ready As Linklist

  • Search Box Ready

  • Rss Button Ready

  • Compatible With Mozilla, Chrome and IE7



I request you to Please Back Up your blogger template and all blogger widgets to your desktop or just copy paste all sidebar widgets codes to notepad and save to your desktop for further use in new template.

When you will Download This Template you will get an installation guide downloaded with template but i would like to tell about installation here too.

Chucky Template installation


1) Header Image:-Just upload your header image from header widget inside the blogger layout.That is widget at top left of page elements,by hitting Edit Button.If you don’t wanna use image,you can use text also.

2) Menu Links:-To add the menu links, just keep on publishing your blogger pages and links will be added there automatically.

3) Read More Hack With Thumbnail:-As read more hack with thumbnail is installed.And it display image of size i assigned on homepage.If you want to change it or remove it or any alterations in it,you can read and modify it from here.

a) You will see the Featured Content widget in the layout above in picture as i shown where it is.
b) Just Add the Following Content in the way to make it work.


<div id="featured-post-wrap" class="clearfix">
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#featured-post').cycle({
fx: 'fade',
speed: 'fast',
timeout: 6000,
pause:2,
next: '#featured-next',
prev: '#featured-prev'
});
})
</script>
<div id="featured-post">
<div class="featured-item">
<img alt="Image Name" width="304" src="Link of the Image" class="featured-thumb" height="190"/>
<div class="post clearfix">
<p class="date-post">Date of the Post </p>
<h2 class="title"><a href="Link of the Post" title="Title of the post">Title of the post.</a></h2>
<div class="entry">

Post Content Or Description

</div>
<a class="read-more" href="Link of the Post" title="Continue Reading...">Continue Reading...</a>
</div>
</div>
</div><!-- /featured-post -->
<a id="featured-prev">prev</a>
<a id="featured-next">next</a>
</div><!-- /featured-post-wrap -->


c) You have to just change the things highlighted in red color.

d) If you want to add more post then Just before below code

</div><!-- /featured-post -->
add this code :
<div class="featured-item">
<img alt="Image Name" width="304" src="Link of the Image" class="featured-thumb" height="190"/>
<div class="post clearfix">
<p class="date-post">Date of the Post </p>
<h2 class="title"><a href="Link of the Post" title="Title of the post">Title of the post.</a></h2>
<div class="entry">

Post Content Or Description

</div>
<a class="read-more" href="Link of the Post" title="Continue Reading...">Continue Reading...</a>
</div>
</div>


e) Repeat The step and Get as much post you want.

I have seen many having problem in adding this slider.So i am ading one more way for you to add it correctly.Just open this notepad file and copy codes from it and paste it in the widget of slider and save it.These are codes which i am using in demo blog.If it works perfectly then just edit content in that codes in the way i have told above.


Donate If You Like The Work


If You Really liked my work and want encourage me to convert more Proffessional wordpress themes to blogger templates for Free, Then please help us by donating something you feel for this design by using paypal button in my sidebar.

Mainam Theme Blogger Template (Updated)

Today i am going to release a new conversion i made from wordpress theme,and i am sure you are going to like this also for sure.As my last conversion was the Latest Blogger Template and i got a very good responses from that conversion from my readers and other bloggers.If you haven't checked that template you can check on my last conversion The Latest Theme Blogger Template.

Now the template i am going to release today is three column and is very clean layout and the theme name is mainam as title is saying Mainam Theme Blogger Template.

Snapshot Of The Mainam Template








Hacks Installed In This Template




Features Of The Template



  • Fixed Width Template

  • Three Column Blogger Template

  • Right Sidebar

  • Add Ready Widgets

  • Top Menu Ready As Linklist

  • Compatible With Mozilla, Chrome and IE7



I request you to Please Back Up your blogger template and all blogger widgets to your desktop or just copy paste all sidebar widgets codes to notepad and save to your desktop for further use in new template.

When you will Download This Template you will get an installation guide downloaded with template but i would like to tell little bit about installation here too.

Mainam Template installation


1) Header Image:-Just upload your header image from header widget inside the blogger layout.That is widget at top left of page elements,by hitting Edit Button.If you don’t wanna use image,you can use text also.

2) Advertisement Widget :- Just add the adsense banner or any banner add of size 468 cross 60 in the widget that is at the top right of blogger layout.

3) Menu Links:-To add the menu links.As would see I have made two menus.
One is at the to and second below header.

Just you will see Two Linklist In Blogger Layout,Just add your menu links from there,as like you add your bloggroll in sidebar.

4) 125 x 125 ads:-To edit the sidebar adds,Go to Layout > Edit HTML and find for this code in template


Below this code you will find links like these below:-

<a href='/'><img src='http://2.bp.blogspot.com/_j82W7u9kZbs/SyVYzxcjEdI/AAAAAAAAAVA/FRNYL3bk63M/s400/125.gif'/></a>
<a href='/'><img src='http://2.bp.blogspot.com/_j82W7u9kZbs/SyVYzxcjEdI/AAAAAAAAAVA/FRNYL3bk63M/s400/125.gif'/></a>


Just keep on changing the / in href='/' with the advertiser url and following image links with advertiser banner.

5) Read More Hack With Thumbnail:-As read more hack with thumbnail is installed.And it display image of size i assigned on homepage.
If you want to change it or remove it or any alterations in it,you can read and modify it from here.

http://www.anshuldudeja.com/2009/05/automatic-read-more-hack-for-blogger.html

6) Change Backgrounds:-Just Go to Layout > Edit Html and find this url http://1.bp.blogspot.com/_j82W7u9kZbs/TDTf8JFKG4I/AAAAAAAACZI/i0672ISihxs/s1600/2rg13lt%5B2%5D.gif
This is the background image to template.If you wanna change to other backgound,just select from the images from backgrounds folder
which you have got after downloading this template.Just selct the background you liked and upload it to your server or tinypic.com.
Just take the url to backgrund and replace with the one you find in red above,and you will get change your background.

Donate If You Like The Work


If You Really liked my work and want encourage me to convert more Proffessional wordpress themes to blogger templates for Free, Then please help us by donating something you feel for this design by using paypal button in my sidebar.

Add Digg Submit-Vote Buttton To Each Blogger Post

How to add a Digg Submit-Vote Buttton To Each Blogger Post,yes friends today i am going to hold a small tutorial on adding it to each blogger posts.As today i got mail from my reader as he was not able to add it,in his blog by following tutorials on other blogs and requested me to hold a simple tutorial with complete explaination on it.So i am writng about it , i.e how to add a digg button to each blogger posts for all templates who use read more hack or not use read more hack.

As adding of it is mostly same as like adding of retweet button to each blogger posts.

As we can add button in two ways one is to make it float to the beggining of posts to right or left where ever you want and second is to show it at the end of posts when it ends.Both demo pictures you can see below.




Now to add digg button like this just above in picture Follow these steps.

(a) Follow this Method If you are not using read more hack.

Login To Blogger Go to Layout > Edit Html > Expand Widgets > Press Ctrl+F and find for below codes

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

And replace them with below codes.

*Note:-If you dont find above code you find this one <data:post.body/> and replace it.


<p>
<!-- DIGG -->
<div style='float:left; margin-right: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) Follow this Method If you are using read more hack.

As Problem is every blogger is using read more function and all with different techniques,as some using on only read more funtion and some read more function with thumbnail and some do it manually.But i will tell on simple method to add it easily to every one.

Every thing as i told above has to be done same,if you are using read more function but only the difference is that you will find this code <data:post.body/> Twice in your template and just what you have to do is replace this code with the below one,with first one you get in template.



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



Now Save Your Template.

Second way of adding digg button that is after post when it ends,like picture below.




(a) Follow this Method If you are not using read more hack.

Login To Blogger Go to Layout > Edit Html > Expand Widgets > Press Ctrl+F and find for below codes

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

And replace them with below codes.

*Note:-If you dont find above code you find this one <data:post.body/> and replace it.


<p>
<data:post.body/>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
</p>


(b) Follow this Method If you are using read more hack.

Every thing as i told above has to be done same,if you are using read more function but only the difference is that you will find this code <data:post.body/> Twice in your template and just what you have to do is replace this code with the below one,with Second one you get in template.


<p>
<data:post.body/>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
</p>


And Thats It . Complete addition of digg button to your Post. I Hope now you will add it easily and successfully. Let me Know if you feel any problems.

Remove Duplicate Content And Urls From Blogger

Hi Friends,i hope you all will be fine.As since it has been really a long time for me to have any useful post for you.As before i was busy in exams and after it i didn't got time but today i have an really useful post for you.As blogger is not very search engine optimized and we have to keep in mind some things to make it seo or have to implement some hacks to make it seo to an extent we can.

As previously i had an post on problem with blogspot blogs in seo,which also was very informative post for every blogger.You have to read it for sure before continuing this post.

Some other tips you can read on to increase your visitors are how to increase visitors from search engines and promote you random posts via emails.

Now let continue on some useful tips to make you blogger really seo by removing all duplicate content from your blog.Duplicate content can be urls,meta tags,titles and descriptions.

First Issue:-
Adding Of Meta Tags:As we all bloggers add meta tags to there blogs.Meta tags are used to tell search engines about the important keywords of your blog and inform it to rank high,there blog for these keywords.As in the way we all add meta tags to blogger,we don't know that they are adding it in wrong way and effecting rank of all blogger pages,becuase the way we are adding meta tags,the seach engines are considering it for all your posts.As i will tell on how to add these meta tags correctly.

If you you don't know how to ad meta tags you can read for sure.

Solution:-Whenever you are adding meta tags to blogger just embed that tags between these two lines,i am writing below.As embeding between them will make it add only for blog home page url.


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<-----------------Meta Content Here------------------->
</b:if>


Just add meta tags in between them,and to get meta tags you can read on this post.As now search engines will consider them for only your blog home page,not all blogger pages,which will remove duplication of same keywords for all your blogger posts.


Second Issue:-
Different Urls With Same Content In your blog:As there is one more problem in blogger as search engines indexes comment links of blogger posts,now if you have comments on posts and search engine indexes blogger posts url and also indexes its comments link and find the same content in both,which make the duplicate content for search engines and your seo for that post will be effected,its an serious cause and should be solved.Just view the picture below to make it clear.



Image source From Bloggerstop.net

As you can see in image the post page is same but it is being indexed for two differnt urls,which creates duplicate content and affects seo.

Solution:-Go To (Layout -> Edit HTML), click on "Expand Widget Templates",
Then Press (CTRL+F) and find below codes:


<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>


And Replace above codes with any one codes you like:-


First One:-

<b:if cond='data:post.commentPagingRequired'>
<a expr:href='data:comment.url' title='comment permalink'> <data.comment.timestamp/> </a>
<b:else/>
<a expr:href='data:blog.url + &quot;#&quot; + data:comment.anchorName' title='comment permalink'> <data:comment.timestamp/> </a>
</b:if>

These codes will change the form of link and stop them from being indexed.

Second One:-

<a expr:href='data:comment.url' title='comment permalink' rel='nofollow'>
<data:comment.timestamp/>
</a>

It will make the link simply nofollow and inform engines not to follow them.


Now your comments link will not be get indexed by search engines.In a month time, i am sure google will start visiting your blog more and make it seo.Best Of Luck From Me !!!

!!Latest Widget !!How To Add News To Your Blog!!

Some Blog Publisher & Webmasters wants to put some widget on their sides or blog that shows some fresh news on their blog or sides to attract the people.If till now you not having this type of widget then now this is for you.

you can Click Here

Or go to http://www.feedzilla.com

Freezilla is a frre widget for every one and you can chose the source,type of news you want to taget the visitor.



And also you can chose the method for installation like Flash, HTML, Javascript, Wordpress,myscpae,blogger and lots of more.


Why add Feedzilla news widgets to your site?

* Attract targeted visitors to your website by providing them with the latest news in over 1,700 categories of your choice.
* Increase your visitor's repeat traffic by providing fresh and relevant news.
* Add credibility to your site by providing news from top news providers.
* Improve your ranking on the search engines (SEO), by adding free, updating and customizable news to your site.