l
l
blogger better. Powered by Blogger.

Search

Labels

blogger better

Followers

Blog Archive

Total Pageviews

Labels

Download

Blogroll

Featured 1

Curabitur et lectus vitae purus tincidunt laoreet sit amet ac ipsum. Proin tincidunt mattis nisi a scelerisque. Aliquam placerat dapibus eros non ullamcorper. Integer interdum ullamcorper venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Featured 2

Curabitur et lectus vitae purus tincidunt laoreet sit amet ac ipsum. Proin tincidunt mattis nisi a scelerisque. Aliquam placerat dapibus eros non ullamcorper. Integer interdum ullamcorper venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Featured 3

Curabitur et lectus vitae purus tincidunt laoreet sit amet ac ipsum. Proin tincidunt mattis nisi a scelerisque. Aliquam placerat dapibus eros non ullamcorper. Integer interdum ullamcorper venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Featured 4

Curabitur et lectus vitae purus tincidunt laoreet sit amet ac ipsum. Proin tincidunt mattis nisi a scelerisque. Aliquam placerat dapibus eros non ullamcorper. Integer interdum ullamcorper venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Featured 5

Curabitur et lectus vitae purus tincidunt laoreet sit amet ac ipsum. Proin tincidunt mattis nisi a scelerisque. Aliquam placerat dapibus eros non ullamcorper. Integer interdum ullamcorper venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Saturday, December 17, 2011

Best 20+ Free Blogger Templates Resources

A better blogger template is essential for a blog. It helps to attract your visitors to your blog and also helps them to navigate through your blog easily and fast. If your blog has a unique template, it usually help to remember about your blog in visitors mind.To accomplish this you can use a paid theme option or a free premium blogger template. Here I have listed better 20 blogger templates websites/blogs, when you want to select a better blogger template for your blog. These blogger templates are free, but when you use these template, be kind to keep the footer links intact which provides due credit to its authors.
1. Premium Blogger Templates

Premium Blogger Templates Blogger Templates by PremiumBloggerTemplates.com. A best place to download free premium beautiful blogger templates for your blog.Our templates give to your blog a professional and unique look.
View site
2. BTemplates

BTemplates Blogger Templates by BTemplates.com. A largest blogger template directory with various categories
View site
3. Blog Template 4u

Blog Template 4u Blogger Templates by BlogTemplate4u.com. Blogger Templates Gallery provide thousands of blogger templates.
View site
4. Zoom Template

Zoom Template Blogger Templates by ZoomTemplate.com. Zoom Template Gallery is a made simple and easy to find more Free Blogger Templates and Free WordPress Themes.
View site
5. Deluxe Templates

Deluxe Templates Blogger Templates by DeluxeTemplates.net. A simple and beautiful blogger templates collection.
View site
6. Best Theme

Best Theme Blogger Templates by BestTheme.net. Can found beautiful blogger template collection here.
View site
7. Blogger Themes

Blogger Themes Blogger Templates by BloggerThemes.net. A site which provide Unique Blogger Templates.
View site
8. Blogcrowds

Blogcrowds Blogger Templates by Blogcrowds.com. Another good and simple blogger template collection.
View site
9. Themecraft

Themecraft Blogger Templates by ThemeCraft.Net.
View site
10. Blogger Templates Free

Blogger Templates Free Blogger Templates by BloggerTemplatesFree.com.
View site
11. AllBlogTools

AllBlogTools Blogger Templates by AllBlogTools.com.
View site
12. Blogger Styles

Blogger Styles Blogger Templates by BloggerStyles.com.
View site
13. Blogger Template Place

Blogger Template Place Blogger Templates by BloggerTemplatePlace.com.
View site
14. Blogger Theme

Blogger Theme Blogger Templates by BloggerTheme.Net.
View site
15. Dhe Template

Dhe Template Blogger Templates by DheTemplate.com.
View site
16. Templates Block

Templates Block Blogger Templates by TemplatesBlock.com
View site
17. AnshulDudeja.com

AnshulDudeja.com Blogger Templates by AnshulDudeja.com.
View site
18. Our Blogger Templates

Our Blogger Templates Blogger Templates by OurBloggerTemplates.com.
View site
19. Chicablogger

Chicablogger Blogger Templates by Chicablogger.com.
View site
20. Buy My Themes

Buy My Themes Blogger Templates by BuyMyThemes.com.
View site
21. Splashy Templates

Splashy Templates Blogger Templates by SplashyTemplates.com.
View site
22. Xml Blogger Templates

Xml Blogger Templates Blogger Templates by XmlBloggerTemplates.com.
View site
23. Lovely Templates

Lovely Templates Blogger Templates by Lovely Templates.com.
View site

WonderFox DVD Ripper Giveaway for Our Readers

In cooperation with WonderFox Soft, Inc, our site (http://www.bloggertipandtrick.net) is now holding the WonderFox DVD Ripper Giveaway for the readers of bloggertipandtrick.net.
The Brief Introduction of WonderFox DVD Ripper
WonderFox DVD Ripper is the powerful and professional ripper software. It is the good solution which is also easy to use for ripping content of DVDs to a wide range of mainstream video formats such as AVI, MPEG, MP4, MOV, FLV, WMV, 3GP etc. The WonderFox DVD ripping software is also a powerful DVD converter which supports to convert DVDs to the popular portable devices such as iPhone, iPad, iPod, Nokia N8, BlackBerry PlayBook, Motorola Xoom…
WonderFox DVD Ripper is easy to use (three steps - Load DVD > Set Profile > Get Start) but provides fast ripping speed. The ripper software would also ensure the quality of output videos. The software supports all popular DVD formats and will continuously update to support the latest DVD copy protections. It is really one of the best solutions for ripping DVDs.
Now, all of the readers of bloggertipandtrick.net can get the WonderFox DVD Ripper without any fees.
All of you just need enter the official giveaway page below and then follow the guide mentioned in the giveaway page, and then you can get the WonderFox DVD Ripper without any fees.
Giveaway Page: http://www.videoconverterfactory.com/giveaway/dvd-ripper/bloggertipandtrick.html

How To Add Perfect Share Box to Blogger

In this tutorial, I am going to show how to add a useful share box for your blogger blog. This share box contains official Tweet button with counter, official Facebook share button with counter, official Google Buzz button with counter, official Stumbleupon button with counter, BlogThis! link, Email This! link, Print This! link, Comments count link and Facebook like button. I have configure all this button for Blogger blogs, so you can add this share box quickly to your blog.
Perfect Share Box for Bloggers
Now follow the steps given below to add this share box for your blog.
1.Login to your blogger Dashboard and go to --> Design- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see below code:
<div class='post-header-line-1'/>
  4.Now Copy Share Box code given below and paste it just below the above code.
NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste your "Twitter tweet button" code just before <data:post.body/> .
<b:if cond='data:blog.pageType == "item"'>

<style type='text/css'>
.multisharebox {
 background: none repeat scroll 0 0 #EFEFEF;
 float: right;
 margin: 5px 0px 3px 10px;
 padding: 0 5px 0;
 text-shadow: 0 1px 0 #FFFFFF;
 width: 260px;
 border:4px solid #d8dfea;
}
.fb-like-boxtop {
 background: none repeat scroll 0 0 #EDEFF4;
 border: 1px solid #D8DFEA;
 color: #000000;
 float: right;
 font-size: 11px;
 margin: 0 0;
 padding: 5px 10px;
 text-align: left;
 width: 230px;
}
.fb-like-boxtop a {
 color: #000000;
 text-decoration:none;
}
.fb-like-boxtop a:hover {
 color: #000000;
 text-decoration:underline;
}
.fb-like-box {
 background: none repeat scroll 0 0 #EDEFF4;
 border: 1px solid #D8DFEA;
 color: #000000;
 float: right;
 font-size: 11px;
 height: 60px;
 margin: 5px 0;
 overflow: hidden;
 padding: 5px 10px;
 text-align: left;
 width: 230px;
}
</style>

<!-- Perfect Share Box : Created by www.bloggertipandtrick.net  -->
<div class='multisharebox'>
<table><tr>
<td><table><tr>
<td><a class='twitter-share-button' data-count='vertical' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
</b:if></td>
<td><script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=5&amp;r=&quot; + data:post.url'/></td>
<td><a class='google-buzz-button' data-button-style='normal-count' data-locale='en_IN' expr:data-url='data:post.url' href='http://www.google.com/buzz/post' rel='nofollow' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></td>
<td><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></td>
</tr></table></td>
</tr><tr>
<td><div class='fb-like-boxtop'><a expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>BlogThis!</a> | <a expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>Email This!</a> | <a href='javascript:window.print();'>Print This!</a> | <b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> comments</b:if></a></b:if></div></td>
</tr><tr>
<td><div class='fb-like-box'>
Do you like this post?
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=230&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/>
</div></td>
</tr></table>
</div>
<!-- Perfect Share Box : Created by www.bloggertipandtrick.net  -->

</b:if>
Note : This share box now will add to your Blogger post pages only. If you want to show it in every pages, then simply remove green lines from the code.
5. Save your template and you are done.

Blogger New Feature : Five New Dynamic Views

Now Blogger has introduced a new feature again. They currently offers five dynamic views for public blogger blogs. These views are only accessible if allowed for by the blog author. You can also can see a message in your blogger dashboard. Use this new feature you must configure your sire feed as "Full". Unless it will not work.
Blogger Five new dynamic views
To enable this new 5 dynamic view feature for your blogger go to Settings --> Site Feed. Now from "Allow Blog Feeds" section, select the option "Full" and click on save. Now you blogger blog ready for this "Five New Dynamic Views" feature.
Blogger Feed Settings
To view this dynamic views simply follow the url formats given below:
Flipcard : available at [yourblogURL]/view/flipcard
Mosaic : available at [yourblogURL]/view/mosaic
Sidebar : available at [yourblogURL]/view/sidebar
Snapshot : available at [yourblogURL]/view/snapshot
Timeslide : available at [yourblogURL]/view/timeslide
Replace [yourblogURL] with your blogger blog url.
For example, click on the links given below to see how this work :
Flipcard : http://www.bloggertipandtrick.net/view/flipcard
Mosaic : http://www.bloggertipandtrick.net/view/mosaic
Sidebar : http://www.bloggertipandtrick.net/view/sidebar
Snapshot : http://www.bloggertipandtrick.net/view/snapshot
Timeslide : http://www.bloggertipandtrick.net/view/timeslide
These views require modern browsers such as Internet Explorer 8+, Firefox 3.5+, Chrome or Safari. Many elements of these views will not work should you have an older browser.
Flipcard View : http://www.premiumbloggertemplates.com/view/flipcard
Flipcard View
Mosaic View : http://www.premiumbloggertemplates.com/view/mosaic
Mosaic View
Sidebar View : http://www.premiumbloggertemplates.com/view/sidebar
Sidebar View
Snapshot View : http://www.premiumbloggertemplates.com/view/snapshot
Snapshot View
Timeslide View : http://www.premiumbloggertemplates.com/view/timeslide
Timeslide View
You can view more info about this here : http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=1229061

Official "Follow by Email" Feedburner Widget for Blogger

Now Blogger has introduced "Follow by Email" Feedburner email subscription widget for blogger blogs. So you don't want to add your site to the Feedburner manually. It will save your time.
To add this widget to your blog,
1.Log in to your dashboard --> Design -->Page Elements.
2.Click on 'Add a Gadget' on the sidebar.
3.Select "Follow by Email".
Select Follow by Email
4.Now if you want you can add "FeedBurner URL" manually. but your feed address is automatically added to the "Feedburner URL" box by Blogger.
Enter your FeedBurner URL
5. Click save. You are done.
Follow by EMail Subscription Box

How To Add Disqus Comment System to Blogger

DISQUS is a comments platform that helps you build an active community from your website's audience. It has awesome features, powerful tools, and it's easy to install.Before this I have explain how to add IntenseDebate comment system to blogger blog and now I am going to explain how to add Disqus comment system to your blogger blog.
There are lot of good features with Disqus comment system when we comparing it with Blogger default comment system.
Realtime comment system
Comments become more like live discussions with realtime posting and updating. By offering a faster, more intuitive experience, Disqus is everyone's favorite way to comment.
Notification and reply system
The notification system lets people know when they've received a response. Best of all, they can continue the conversation straight from the email.
Inline media embedding
Full integration with media services such as Youtube, Flickr, and more. Attach media such as photos and videos right within the comments.
Mobile commenting
Fully compatible with mobile websites for commenting while on the go. The default mobile theme is formatted with smartphones, like the iPhone or Android phones, in mind.
Social integration
Full integration with Facebook, Twitter, and more. Let people login, comment, and share using social services they already use and love.
The Community Box
A quick way to show off what your community is made up of. The community box gives everyone a summary view of the activity and people participating on the site.
Liking and sharing
People can rate what they like by liking pages or comments and then sharing that on Facebook, Twitter, and other networks.
Moderation tools
Powerful and easy-to-use tools helps you keep your community under control. The moderation panel is designed for managing a large volume of incoming comments.
Spam-Be-Gone
Our in-house anti-spam technology keeps spam and unsavory people out of your community. Our anti-spam continually learns from the rest of the Disqus network to keep your site safe.
Mobile apps
Disqus apps are available for the iPhone, Android, and webOS phones. Manage your communities while you're on the go with these freely available apps.
Blacklists and whitelists
Make daily moderation easier with granular control over who gets to contribute within the community. Disqus gives you powerful tools such as blacklists, whitelists, and word filtering.
Import and export
Import existing comments into Disqus and sync up your data. All data is completely portable and can be exported at any time.
International languages
Disqus supports dozens of languages in addition to English. Complete your integration with native language support.
SEO-friendly and local sync
We offer plugins and integration methods that ensure compatibility with search engines.
Theme customization
Customize with CSS to smooth out the integration with your website. Or, use our advanced theme editor to craft your own custom theme.
Tweets and reactions
Disqus brings the conversation back to your site by collecting Tweets, mentions, and other reactions from around the web.
Profile management
Commenters control their personas and reputation across the different communities they participate on. Disqus makes it easy to track and keep conversations together.
Activity streams
Audiences stay engaged with insight into others' activity all over the web. Integrated activity streams let people see where else the smart people are talking.
Connected communities
Disqus reaches 200 million people every month across half a million websites and communities on the web. Keep the conversations lively by connecting your audience with the millions of others already on Disqus.
Before follow the instruction given below,
(a) Login to your Blogger Account.
(b) Backup your blogger template.
(c) Make sure that your blog is using Blogger Layouts. See upgrade instructions if not.
(d) Enable commenting. See instructions to enable commenting. Make sure that Who Can Comment? is set to Anyone.
Now Follow the steps given below. You can add Disqus comment system to your blog easily.
1. First create a account on Disqus.com.
2. Now visit this link to add your blog to the Disqus account:
http://disqus.com/admin/register/
3. Fill in the necessary details and click on "Continue".
Register your blog
4. Now you can see below screen. select the option as you like and click on "Continue" again.
Select options
5. Now can see installer instructions page.
Select Install Instruction
Click on "Blogger" instructions.
Install Instruction
6. Now click on "Add site..." button.
Add your blog to Disqus
7. You will bring to your blogger account. If there are multiple blogs under your Blogger account, be sure to pick the correct blog. Select your blog and click on "Add Widget" button.
Add Page Element
You are done. you can see Disqus widget there in Blogger "page elements" page. For best performance, make sure that the widget is in the bottom slot of the bottom-most right column.
Now Disqus comment box will appear under your every blogger posts.

Note : Do you have existing comments in Blogger? You can import them into Disqus by visiting the import page under Tools.

How To Add IntenseDebate Comment System to Blogger

IntenseDebate is one of the most popular a feature-rich comment system for WordPress, Blogger, Tumblr and many other blogging/CMS platforms.In this tutorial I am going to explain how to add IntenseDebate comment system to Blogger blog.
With IntenseDebate,you can do many things than your default comment system.These are some main features of IntenseDebate comments.
IntenseDebate features:
  • Comment Threading.
  • Reply-By-Email.
  • Email Notifications.
  • Commenter Profiles.
  • Moderation/Blacklisting.
  • Reputation Points & Comment Voting.
  • Plugins API.
  • OpenID.
  • Widgets.
  • Twitter Connect.
  • Facebook Connect.
  • RSS Readers & Tracking.

HTML Formatting
You can also customize your links and add some photos to your comments. IntenseDebate supports the following HTML tags: <a>, <b>, <i>, <u>, <em>, <p>, <blockquote>, <br>, <strong>, <strike>, <img>
Gravatar
Intensedebate offers full Gravatar support. If you have a Gravatar they will automatically upload your Gravatar when you signup for IntenseDebate. You can choose to use your Gravatar or upload a different profile pic.
Before start this process,you must backup your blogger template first.Save the backup template file on your hard drive.
1.Create a Account on IntenseDebate.com.

2.Now add your blog to IntenseDebate : http://intensedebate.com/install

3.Then you can see this window. Now you have to select some option.

1.How would you like to install IntenseDebate?
select "Template" option.
2.Which blog posts should have IntenseDebate comments enabled?
Only on new posts
- Your old comments will be displayed using your blog's native comment system
On all blog posts
- IntenseDebate comments will be available on all posts, but your existing comments will be hidden.
Select "On all blog posts" option.
Note : If you want to keep "Blogger default comments of your old blog posts",then select "Only on new posts".
4.Scroll down to the bottom of the instructions.
Now upload the template you have backup.

5.After uploading it you can see a screen like below. Copy modified template code from the textfield.

6.Login to your blogger dashboard--> Design--> Edit html.
7.Select entire code in the Edit Template text Box and delete it.Now you must have a blank text box.

8.Now paste the code we have copied in step 5.
Save your template.You are done.

You can see IntenseDebate comment form under your blog posts.

blogger better Headline Animator