This post explains how to add Recent Posts widget in Blogger with image thumbnails:
Yesterday, when I was working on my new Magazine style wordpress to Blogger template conversion (I'll release the template tomorrow
)
..this idea popped up in my mind. This feature is also requested so many times here.. so, here we go..
After many trial n errors, I finally did it!
Features:
Thumbails to Recent Posts
Comment Count
So, let's see how to install this cool widget in your blog..
1. Sign into Blogger dashboard
2. Go to Layout » Add a gadget » html/javascript
3. Just copy and paste this code..
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://schemar-mag.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>Explanation:
(Edit the values to fit your blog)
boxwidth - Width of the widget
cellspacing - Space between cells (default one is good)
borderColor - Border color (add the background color of your template to perfectly blend it in the template)
thumbwidth & thumbheight - Width and Height of the thumbnail (default are good)
fntsize - Font size of the title
acolor - Color of the title
aBold - you want bold titles? (true or false)
numposts - How many posts you want to show?
home_page : http://schemar-mag.blogspot.com/ (change this to your blog url)
This script is currently hosted in my server ( http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js ).
But, it is STRONGLY Recommended to download the script and upload to your own hosting (google for free javascripts hosts) and replace that url with yours.
4. Last but not the least.. Save the Changes.
That's it guys!
Note : Make sure you selected YES in Settings » Site Feed » Full » Allow Blog Feeds
© BloggerTricks.com
First of all, thanks to everyone who have Joined our Second Blog contest and also big thanks to contest sponsors. The contest is a very big success with so many active participants through out..
So, here we go..
The Lucky Winners are....
1. sms
2.RanCavitenio
3. Hopeful-my..
4.Kelly
5.Vicky
6.Jam
7.Rose
8.Aditya
9.Tanuj
View the full list here.
How to grab your Prizes...?
Just comment here two times (one is normal comment and second with your paypal email...I don't publish the paypal email comment..)
and I'll deposit your money to your account.
NOTE: GRAB THE PRIZES BEFORE 7 DAYS...otherwise,they'll expire
Once again Congrats to the winners and others don't worry.. few more contests ahead.. Make sure you don't miss them by subscribing to our RSS Feed.
Yes.. it's the final round of the BloggerTricks contest we announced couple of weeks before.
If you didn't yet participated .. you can now.. here.
Also, if I missed/miscounted anything..? Report it here.
Thank you and Good luck to all!
Blogger has always been one of the greatest (if not the best) Free Blogging platforms available on net with so many features like unlimited bandwidth, lot of templates, multi image uploading,etc.
Its always nice and interesting to know how Blogger looks like in the past. So, in this post, we attempt to bring you back in time to look at how blogger look like in the past and then scan through it's history with images.
Blogger was created by Pyra Labs and was launched on August 23, 1999. It was one of the earliest blog publishing tools and it is credited for helping popularize the format.
Here is it's design then..
Blogger.com in 1999
Blogger.com in 2000
Later, Blogger was acquired by Google Inc in the year 2003 and changed their design in 2004 and also added some cool features like Image uploading (via Picasa) , comments, drag and drop widgets, individual archieve pages for posts,etc.
Blogger.com from 2004 - Now
And also Blogger supports Google Adsense which generates revenue for the webmasters.
Here is how adsense website look like in the past.. (year 1998)
Is Blogger going in the right direction..? Share your thoughts!
Continue reading »
Now a days, almost each and every blogger/webmaster is using the RSS Syndication feature to convert their site visitors into regular loyal readers. So, adding a cool RSS Feed Icon to your blog can catch their attention which inturn can make them subscribe to your blog.
Here is the list of Free RSS Icons you can download and use them in your weblog.Glossy RSS Icons with Reflection
Glossy Web 2.0 RSS Icons
RSS Icons Orb
RSS Feed Badge Buttons
Web 2.0 style Feed Icon (psd)
Fresh Free RSS Icons
Excellent and Gorgeous RSS Feed Icons by Smashing Magazine... Comes in lot of resolutions including 16×16px, 24×24px, 32×32px, 48×48px, 128×128px, 256×256px and 512×512px.
Shiny RSS Icons
Multi Coloured RSS Icons
Orange RSS Icons
MyCircles RSS
30 RSS Feed Icons
Circle RSS Feed Icons
Free Gloss Style RSS Icons
Feed Icons for Guitarists
Vector RSS Icons
NewsFire Glossy RSS
Feed Me Animals
Rare RSS Icons
Christmas RSS Icons
Weird RSS Icons
RSS Candy
Love Shape RSS Icon
RSS Feed Tshirt Icons
All the above RSS Icon sets are Free to use and are available in Different formats like Vector,photoshop(psd),eps,ai,png,gif,jpg,etc. So, you can edit them to your needs.
You maybe also interested in :
-Collection of Twitter Icons
Web hosting is a service that is very important for the smooth functioning of your website. In other words, a web hosting company houses serves and maintains files for websites on a dedicated server for direct access to the internet. Choose a web hosting company and a suitable web hosting plan dedicated to your requirement can be a confusing task with so many companies joining in the fray. So how do you know which web hosting company is the best for your website? Choose Web Hosting Report, a popular online report that carefully compares web hosting companies and makes you choose the best one for your business.
Web Hosting Report helps you choose the best web hosting companies on the basis of parameters like ease of use, features, price, customer service and user reviews. It keeps the customer up to date with news and information in the world of web hosting. Pricing can be quite an instrumental factor in decision making, which is why Web Hosting Report has also negotiated with the best web hosting companies to offer the best, cheap prices for the customers. There are also listings given of cheap web hosting companies with detailed frank reviews.
Blogs are nowadays the revolutionary medium to influence though process online and a good blog needs a quality blog hosting company. Web Hosting Report has narrowed down on some of the best blog hosting companies in terms of pricing plans, bandwidth, disk space and number of domains you can host with one account. The services of the Web Hosting Report can be greatly beneficial in choosing the right web hosting company which can have a sound implication on the way your online business can impact your success.
I'm really exited to announce the launch of our new Blogger Forum!
I hope this will be very useful for all you bloggers where you can ask,answer and share information on blogger related topics and improve your blogs.
Here are some of the main categories of our Blogger Forum:
SEO : Search Engine Optimization is really necessary if you want to get some decent (massive) traffic from Search Engines. Here, you can post questions, answer and help others on topics related to SEO including Link building,etc.
Blog designing : Hard time designing your template..? Post your questions here..
Blogger Templates : Here, you can share your Blogger templates with other members of the community.
Monetize : Here you can discuss and share tips on how to monetize your Blog better. Google Adsense questions,etc.
Link Exchange : Link exchanging with relevant blogs is a good way to improve your Pagerank and Search Engine Rankings. You can post your blog here and request other members of forum for Reciprocal link exchange.
more..
Hope you enjoy the Blogger Forum!
Let me know what you think about it.. 
If your Blog has lot of long posts, adding a cool flying 'Scroll to Top' link makes it easier for your visitors to quickly navigate your pages.
Most of you have already known about how to add 'scroll to top' by adding simple '#top' to your links. But, this one uses Jquery which makes it really smooth ( you really like it for sure).
So, lets learn how to add it to your Blogger blog..
1. Go to Layout » Edit html
Find
</body>
Add before
<a href="#" id="backtotop">^ Scroll to Top</a>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
/*-----------------------
*Scroll to top
-----------------------*/
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});
$(function() {
$("#toTop").scrollToTop();
});
</script>
2. Find
]]></b:skin>
Add before
#backtotop { width:100px;background:#F4FFBF;border:1px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }
3. Save the changes!
This post explains how to add a Twitter Follower Counter/chicklet widget to your Blogger and Wordpress blogs.. like the feedburner counter
Similar to Feedburner Counter which counts your RSS Subscribers, Twitter Counter counts your Twitter Followers.
Default button :
Code :
<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=username"></script>
Write your twitter account(username) in place of username
There are total of 4 colors to choose from.. You can find them here.
To add in Blogger :
Sign into Blogger » Layout » Add a gadget » html/javascript
paste the code and save it.
To add in Wordpress :
Sign into Wordpress > Widgets > Text
paste the code and save it.
Related:
Adding Twitter Bird image to your Blog
Adding a nice Technorati Add to Favorites widget to your blog makes it easier for your readers to quickly fav you on technorati. So, here is how to add it to your Blogger blog.
Replace the yourblog.blogspot.com to your blog address and copy the button code you like and paste it in your template.
If you want in sidebar.. go to Layout » Add a gadget » html/javascript and paste the code and save it.
Type 1 :
<a href="http://technorati.com/favs?add=http://yourblog.blogspot.com"><img src="http://i40.tinypic.com/2yw8lma.jpg" alt="Add us to your technorati favorites" width="145" height="25" border="0" /></a>
Type 2 :
<a href="http://technorati.com/favs?add=http://yourblog.blogspot.com"><img src="http://i42.tinypic.com/nqe0lc.jpg" alt="Add us to your technorati favorites" width="145" height="25" border="0" /></a>
Type 3 :
<a href="http://technorati.com/favs?add=http://yourblog.blogspot.com"><img src="http://i44.tinypic.com/2utnl9u.jpg" alt="Add us to your technorati favorites" width="80" height="15" border="0" /></a>
Related:
How to Increase Technorati Authority
This article explains how to add music,mp3,audio to your Blogger (blogspot) Blog :
" Music expresses feeling and thought, without language; it was below and before speech, and it is above and beyond all words. ~Robert G. Ingersoll "
Adding a nice music track to your blog may enhance the pleasure of reading your blog or annoy your visitors depending on the kind of blog you have. For example, if you have a music blog, adding some nice song tracks to your blog sidebar can make your visitors to stay longer which benefits you.
So, let's learn how to add mp3 to your Blogger Blog:
Step 1 : First, upload the music file to any free file hosting servers on the net. There are tons of sites that provide free music file hosting. Just google "Free music hosting". Once you upload, they will provide you with a direct link to that music file.
ex: the file looks something like this :
http://---------- .com/yourmusicfile.extension
(extension can be .mp3 or .wav or .mid or any other audio extension).
I uploaded a sample mp3 file to my server..
http://myblogtalk.com/uploads/billu.mp3
Step 2 : Here is the code you need to add music to your blog
<embed width="250" height="50" autostart="false" src="MUSIC FILE URL"/></embed>
width : width of the music player
height: height of the music player
autostart : you want the music to start playing automatically ? or leave it to visitors choice..? (values : false or true)
MUSIC FILE URL : the direct link to your music file
In this example, MUSIC FILE URL is
http://myblogtalk.com/uploads/billu.mp3
So, if you add that code, the output will be like this
(I used the autostart: false, so you have to click on the play button to start playing music)
Click on the Play button to test
If you use the autostart value: true, the music automatically plays.. but, it annoys many readers
Few more attributes :
loop : true (or) false
If you want to continue playing the same track again and again until the visitor click on the 'STOP' button (or until he/she leaves your site), set the value to 'true'.
If you want the music to stop once the track is completed, use 'false'
playcount : n (n= any positive number)
suppose.. if you put playcount: 2 , the music will play two times and stop
If you want to use these two more additional features.. the code look something like this:
<embed width="250" height="50" autostart="false" loop="false" playcount="2" src="MUSIC FILE URL"/></embed>
Now What ?
You can add the music player anywhere you want in your Blogger blog..
Sidebar : If you want to add in sidebar, go to Layout » Add a gadget » html/javascript
and paste the code and save it.
Blog Posts :
If you want to embed music file to any specific blog post..
Paste the code in 'Edit html' mode and save it.
Related:
How to add Video clips to your Blogger Blog?
