Friday, November 28, 2008

Add captions to your Blogger Posts Images

Captions means the short explanation, or description accompanying an illustration or a photograph.Using Captions for images in your blog posts will make you easy to describe that picture.So i have brought you a tutorial that helps you show the captions just below the images in the cool way.

To show the captions to your blog posts images first paste the following code between <head> and </head> Tags in your Template and save your Template.

<style type="text/css">
.caption {
border: 1px solid #DDDDDD;
text-align: center;
background-color: #EEEEEE;
padding: 4px 0px 5px 0px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.caption img {
margin: 0px 0px 5px 0px;
padding: 0px;
border: 0px;
}

.caption p.caption-text {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
line-height: 12px;
}
</style>

After you Save the Template you have to apply the style for the images in the posts.For that use the code in your blog posts as in the same style as below.

<div class="caption" style="width: 410px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhN4oSj08BlC9LPOy5nsDBlGJ6R1omYj6MKqenibOPoPI_1q9YXAcJLAc4vw_0PMP1NkqSh9v1T28sxjZy76QpW8-TIvYzpVMVQmFn0XFt8U2XDSVMQnPMAyAcM71ERUVzHqEYx1s6SkE/s400/revolution+lifestyle+Blogger+Template.png"/><p class="caption-text">This is the screenshot of the Great Revolution Lifestyle Blogger Template.
</p></div>

Here I have used width 410px for the image.always use width 10px more than the width of the image.Enjoy

Monday, November 24, 2008

Revolution Lifestyle Blogger Template

After Revolution Crunch Blogger Template we have brought you another Magazine style revolution Blogger Template named Revolution Lifestyle Blogger Template.This is also converted from Wordpress theme and the designer of the original Wordpress Theme is Brian Gardner.

This is the screenshot of the Great Revolution Lifestyle Blogger Template.

This Template is also same like the Revolution Crunch Blogger Template.This template is able to recover some of the drawbacks of the Revolution Crunch Blogger Template.The configuration of this template is also same like the configuration of Revolution Crunch Blogger Template.If you need any support or like this Template then please Leave a Comment on this post.

Saturday, November 22, 2008

Social bookmarking widget with opacity effect for blogger

People like to bookmark your blog posts to different social bookmarking sites if they find something interesting content and find the easy bookmarking widget installed in your blog.None of your readers will visit digg or reddit to bookmark your blog there.They will bookmark only when they find social bookmarking widget installed in your blog post footer or other easy place.They will be more interested if they find something interesting with the social bookmarking widget.

This social bookmarking widget is with the opacity effect will really make bookmarking interesting.It means first the image of the widget is seen dim and when the users hover mouse pointer over the image, the image seems brighter.Isn't it interesting?So if you are interested to install this social bookmarking widget with opacity effect follow the simple steps below.I would also like to thank Smartbloggerz who has saved my time by providing me the raw script and images.


Tutorial

From the blogger dashboard after you sign in into blogger Goto Edit Html Section.Check Expand Widget Templates and search for the following code.
<p><data:post.body /></p>

Now replace the above code with the following block of codes.

<p><data:post.body /></p>
<!-- Widget By www.bloganol.com & www.smartbloggerz.com BEGIN -->
<b>Share and Enjoy!</b><br/>
<a class='bookmark' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Digg' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/digg.png'/></a>

<a class='bookmark' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Stumble This' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/stumbleupon.png'/></a>

<a class='bookmark' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add to Del.icio.us'><img alt='Del.icio.us' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/delicious.png'/></a>

<a class='bookmark' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Mixx It'><img alt='Mixx' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/mixx.png'/></a>

<a class='bookmark' expr:href='&quot;http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;t= &quot; + data:post.title' target='_blank' title='Add to Furl'><img alt='Furl' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/furl.png'/></a>

<a class='bookmark' expr:href='&quot; http://www.propeller.com/submit/?U=&quot; + data:post.url + &quot;&amp;T= &quot; + data:post.title' target='_blank' title='Propeller'><img alt='Propeller' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/propeller.gif'/></a>

<a class='bookmark' expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href= &quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add to Simpy'><img alt='Simpy' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/simpy.png'/></a>

<a class='bookmark' expr:href='&quot;https://favorites.live.com/quickadd.aspx?marklet=1&amp;url= &quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Live'><img alt='Live' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/live.png'/></a>

<a class='bookmark' expr:href='&quot;http://twitthis.com/twit?url= &quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Twitthis'><img alt='Twitthis' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/twitter.png'/></a>

<a class='bookmark' expr:href='&quot;http://slashdot.org/bookmark.pl?url= &quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Slashdot'><img alt='Add To Slashdot' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/slashdot.png'/></a>

<a class='bookmark' expr:href='&quot;http://www.spurl.net/spurl.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add to Spurl'><img alt='Spurl' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/spurl.png'/></a>

<a class='bookmark' expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Bookmark To Google'><img alt='Google' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/googlebookmark.png'/></a>

<a class='bookmark' expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u= &quot; + data:post.url + &quot;&amp;=&quot; + data:post.title' target='_blank' title='Add to Yahoo web'><img alt='Yahoo' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/yahoo.gif'/></a>

<a class='bookmark' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title= &quot; + data:post.title' target='_blank' title='Add to Reddit'><img alt='Reddit' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/reddit.png'/></a>

<a class='bookmark' expr:href='&quot;http://technorati.com/faves?add= &quot; + data:post.url' target='_blank' title='Add to Technorati'><img alt='Technorati' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/technorati.png'/></a>

<a class='bookmark' expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp; Description=&amp;Url=&quot; + data:post.url + &quot;&amp;Title=&quot; + data:post.title' target='_blank' title='Add to Blinklist'><img alt='Blinklist' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/blinklist.png'/></a>

<a class='bookmark' expr:href='&quot;http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp; url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add to Blogmarks'><img alt='Blogmarks' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/blogospherenews.gif'/></a>

<a class='bookmark' expr:href='&quot;http://smarking.com/editbookmark/?url=&quot; + data:post.url' target='_blank' title='Add to Smarkings'><img alt='Smarkings' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/smarking.png'/></a>

<a class='bookmark' expr:href='&quot;http://ma.gnolia.com/bookmarklet/add?url=&quot; + data:post.url + &quot; &amp;title=&quot; + data:post.title' target='_blank' title='Add to Ma.gnolia'><img alt='Ma.gnolia' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/magnolia.png'/></a>

<a class='bookmark' expr:href='&quot;http://www.sphere.com/search?q=sphereit:&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='SphereIt'><img alt='SphereIt' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/sphere.png'/></a>

<a class='bookmark' expr:href='&quot;http://sphinn.com/submit.php?url=&quot; + data:post.url + &quot; &amp;title=&quot; + data:post.title' target='_blank' title='Sphinn'><img alt='Sphinn' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/sphinn.png'/></a>

<a class='bookmark' expr:href='&quot;http://feedmelinks.com/categorize?from=toolbar&amp; op=submit&amp;name=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url' target='_blank' title='Add to Feedmelinks'><img alt='Feedmelinks' border='0' src='http://s306.photobucket.com/albums/nn241/deineshd/bookmark16x16/feedmelinks.png'/></a>
<!-- Widget By www.bloganol.com & www.smartbloggerz.com END -->

Now in second step paste the following style code between <head> and </head> section in your Template.


<style type="text/css">

.bookmark img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.bookmark:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.bookmark img{
border: 0px solid #ccc;
}
</style>


After you complete the above steps save your template.Then you're done.

Wednesday, November 19, 2008

Spice up your gmail inbox with new themes and colors

After making voice and video chat possible with gmail,Gmail has launched 30 odd themes four your styling your gmail inbox.These themes includes a shiny theme with chrome styling, another one that turns your inbox into a retro notepad, nature themes that change scenery over time, weather driven themes that can rain on your mailbox, and fun characters to keep you in good company.There's even an old school ascii theme (Terminal) which was the result of a bet between two engineers.They have also done a minor facelift to Gmail's default look to make it crisper and cleaner .
To customize your inbox, go to the Themes tab under Settings.Then choose your favorite then apply that theme for your gmail inbox.once you apply your favorite theme you can again chance it and can restore your theme to default.

Monday, November 17, 2008

U Drop I link

The following links are of our recent Entrecard droppers.This link is shown using the Entrecard recent Droppers Feed and Feedburner.The Link of the recent droppers will be automatically shown when users drop their Entrecard on our blog.


Recent Droppers


Saturday, November 15, 2008

Top 20 replies by programmers when their programs don't work:

I think I have written lots of posts on Free Blogger Templates, Blogger hacks and other Topics related to blogging.But this time am I trying to go beyond blogging and make you laugh with this cool Joke related to a programmer.If you have not read it before then you will surely laugh at it and if you have already read this before then Try to laugh at this joke again.
Top 20 replies by programmers when their programs don't work:
  • 20. "That's weird..."
  • 19. "It's never done that before."
  • 18. "It worked yesterday."
  • 17. "How is that possible?"
  • 16. "It must be a hardware problem."
  • 15. "What did you type in wrong to get it to crash?"
  • 14. "There is something funky in your data."
  • 13. "I haven't touched that module in weeks!"
  • 12. "You must have the wrong version."
  • 11. "It's just some unlucky coincidence."
  • 10. "I can't test everything!"
  • 9. "THIS can't be the source of THAT."
  • 8. "It works, but it hasn't been tested."
  • 7. "Somebody must have changed my code."
  • 6. "Did you check for a virus on your system?"
  • 5. "Even though it doesn't work, how does it feel?
  • 4. "You can't use that version on your system."
  • 3. "Why do you want to do it that way?"
  • 2. "Where were you when the program blew up?"
  • 1. And the Number One Reply by Programmers when their programs don't work: "I thought I fixed that."
  • Friday, November 14, 2008

    New Updates made on Twittad that helps you maximize your Twittad Income

    It has been a long time that I have been telling you that all the twitter users can make money with their twitter profile by displaying background image ads on their twitter profile.Now twitter has even added two more new features that helps you maximize your Twittad income and those new features are Twittad Affiliate Program and “1-Tweet Promotion” .

    Affiliate Program:
    Now when you log into your twittad account you can see new affiliate section in your account.from there you can get the affiliate links and banners.You can get single affiliate link but you can get banners in two different sizes : 468X60px and 200X200px Iframe banner.Each referral you send our way will be tracked via your affiliate code. You will earn 25% of transaction fees over the life of the Twittad user. Once your account hits $30 you can request payment from Twittad.

    “1-Tweet Promo”: When an advertiser purchases a Twitter users background for ad placement through Twittad, they will be allowed 1 Tweet message to announce the purchase. This is a pre-formed Tweet from Twittad that we send using the seller’s Twitter credentials. The Tweet will look like this:

    “Hey! My background is Sponsored is Apple. Check out http://www.apple.com"

    This 1 Tweet promo is exactly that, only one message is sent after the ad has been placed by the Twitter user, and no further messages are sent after that.

    So if you want to make money online with twittad then sign up to twittad now.

    Now do Voice and Video Chat with Gmail

    Google Scientists are working days and night in their Labs to invent and add new and new features to Gmail that could bring Gmail to more higher position. So in this process they discovered new theory and made Video chat possible on Gmail .
    Voice and Video chat is the recently added Feature in Gmail.You must have the browsers installed in your System that could support new version of Gmail to access this service.Some examples of these types of browsers are FF 2.0+, IE 6.0+, Safari 3.0+, and Google Chrome.

    Its really easy to setup and access Gmail new Video chat with your Gmail account for that
    • Download the Gmail voice and video chat plug-in, quit all open browser windows, and install the plug-in.
    • Sign in to Gmail.
    • In the Chat section of your Gmail, select the contact you want to call. If they have a camera icon next to their name, you can make a voice or video call to them; just click Video & more.


    Monday, November 10, 2008

    Give style to your Blog Link Titles

    NiceTitle is a relatively simple script that creates a div-container that pops up when a link (with the title attribute is hovered. This script shows the title of the link plus the URL links redirect to when the links are hovered.

    How to Set Up this Script?
    Setting up this script is also same like adding other codes in Blogger.You just need to Paste the CSS plus JavaScript code in your blog Code Section.To setup this script in your blog Just follow the simple steps below.

    1. Download nicetitle.js and Upload it to your Googlepages account.

    2. After that Goto Edit Html Page from your Blogger Dashboard after you Log in to your Blogger Account.

    3. After that add the following lines of code just before </head> in your Template.
    <script type="text/javascript" src="nicetitle.js"></script>
    4. Next step is you should add style to this Script.For that Add the following block of codes just above ]]</b:skin> in your Template.

    div.nicetitle {
    background-color: #A38531;
    color: #fff;
    font: bold 13px "Trebuchet MS", Verdana, Arial, sans-serif;
    padding: 4px;
    position: absolute; top: 0; left: 0;
    text-align: left;
    width: 25em;
    z-index: 20;
    }

    div.nicetitle p {
    margin: 0;
    padding: 0 3px;
    }

    div.nicetitle p.destination {
    font-size: 9px;
    padding-top: 3px;
    text-align: left;
    }
    After you complete the above steps Save your Template and don't forget to use Title in your Links.If you have any questions then simply tell us about it either by Commenting or Contacting us.

    Thursday, November 6, 2008

    Revolution Church Template for Blogger

    Revolution Church is originally a magazine style wordpress theme designed by Brian Gardner and we have converted for all blogger users.It is 3 column fixed and is optimized for advertising.Click here for free demo.

    Download now

    Total Downloaded: Times

    Features of this Template:
    1. This Template is 3 column fixed with Sidebars at right.
    2. This Template is optimized for advertising.It has got more than 4 perfect areas for advertising.
    3. It has got inbuilt site-search Engine.
    4. This Template has got date widget at Top left that shows the current date.
    5. This Template has got two CSS Menus.
    6. This Template is a magazine style template and has got the professional look.


    Top Menu Configuration

    To customize Top Menu , find the following code and edit with your own link.
    <div id='NavbarMenuleft'>
    <ul id='nav'>
    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
    <li>
    <a href='#'>Sample Page</a>
    <ul>
    <li>
    <a href='#'>Sub Page #1</a>
    <ul>
    <li><a href='#'>Sub Sub Page #1</a></li>
    <li><a href='#'>Sub Sub Page #2</a></li>
    <li><a href='#'>Sub Sub Page #3</a></li>
    </ul>
    </li>
    <li><a href='#'>Sub Page #2</a></li>
    <li><a href='#'>Sub Page #3</a></li>
    <li><a href='#'>Sub Page #4</a></li>
    <li><a href='#'>Sub Page #5</a></li>
    </ul>
    </li>
    <li><a href='#'>Sample Post</a></li>
    <li><a href='#'>Blog Page</a></li>
    </ul>
    </div>
    Sub Menu Configuration

    To customize Top Menu , find the following code and edit with your own link.But if you are a Google Adsense user then i suggest you to use long Link unit here.
    <div id='subnavbar'>
    <ul id='subnav'>
    <li>
    <a href='#'>Community Events</a>
    <ul>
    <li>
    <a href='#'>Sub Category #1</a>
    <ul>
    <li>
    <a href='#'>Sub Sub Category #1</a>
    </li>
    <li>
    <a href='#'>Sub Sub Category #2</a>
    </li>
    <li>
    <a href='#'>Sub Sub Category #3</a>
    </li>
    </ul>
    </li>
    <li>
    <a href='#'>Sub Category #2</a>
    </li>
    <li>
    <a href='#'>Sub Category #3</a>
    </li>
    </ul>
    </li>
    <li>
    <a href='#'>Conferences</a>
    </li>
    <li>
    <a href='#'>Get Connected</a>
    </li>
    </ul>
    </div>

    New design for Bloganol

    Since many days I was not writing any post on bloganol because I was busy designing new Template for bloganol.Now I have already created Template and Uploaded in Bloganol.It means i am back in work.

    This template is inspired from Revolution Crunch Wordpress theme.I selected this theme to use in my blog because it is adsense friendly.It means i have discovered 4 best places to show your adsense ad that is in the right header , Submenu, Sidebar and between the posts or between post and comment block.It means that it will surely help me earn more revenue through Google adsense.It has also got cool CSS Menu and good looking comment area.

    I think this template looks more professional than the previous template.If you think this template is good then i will surely make this template download to everyone for making some more modifications.