We have been moved to http://www.bloganol.com/

Showing posts with label blogger tricks. Show all posts
Showing posts with label blogger tricks. Show all posts
Google has now added more features to Its Image search that helps you easily find wallpapers for your PC .Now lets see how to find wallpapers for your PC with Google Image search.
  1. Goto Google Image Search and then click Advanced Image Search Preferences at the right.
  2. Enter the Query of which you want to find the wallpapers of.for eg nature.
  3. Select Photo Content from Content types lists.
  4. Click on Use my desktop size.This will automatically detect our Screen resolution and makes you easy to find wallpapers for your PC.
  5. Perform the image Search.
  6. You can also Select the filetype and color of the Wallpapers from Filetypes and colorization.
Read more
One thing you may have noticed that at search engines pages.That is your Blog Title comes First and The Post Title comes after the post title.Its not fair and doesn't seems so cool.Therefore we have brought you a cool Blogger Hack that shows your Blog Posts Title First in the search Engine results.We got this code at archit.To start customizing your search Engine follow the steps that follow below.

Goto blogger Edit Html Page( Sign in--> Dashboard--> Layout --> Edit Html) and search for the following code.

<title><data:blog.title/></title>

If you didn't find the above code then search for this Code.

<title><data:blog.pageTitle/></title>

Now Replace that code with the following code.
<!-- Blogger Swap Title by Archit T at http://blog.archit.in -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title>
<data:blog.pageName/> | <data:blog.title/>
</title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<!-- End of Blogger Swap Title by Archit T at http://blog.archit.in -->

Now save your Template and see the snapshot below.


Enjoy!

Technorati Tags: , ,

Read more
Previously we have written about adding paypal donation widget on your blog .Now we are talking about adding Paypal donation button on your blog by getting code from Paypal.This is how Paypal Donation button looks like.



First of all sign in to into your Paypal account.If not then create a new account.


















After you Sign in to your account Goto Merchant Services Page.














In the Merchant Services Page Click Donations on The Key features List.
















On the donations page fill up the form , Choose button style and Click Create button now at the end of the Page.







































After you click create button now you will be taken to paypal donation button code page.Copy the code and Paste it to your blog.



















Technorati Tags: , , ,

Read more

I was very excited to use expandable content in my blog.It searched it for an hours and finally found it on the site named Flooble.This site contains multiple of Blogger Scripts,Blogger hacks and Many More.i think this is the greatest Hacks on this Site.They said they spent Full Two days to Build This Script.Now without wasting the time lets start creating This Hack on your blog.



The installation has Mainly two Parts . First is to put the Following Code Between <head> and </head> of your Template.Once you Paste the code in your Template you donot need to paste it again and again when you add more widgets.

<!-- flooble Expandable Content header start -->
<script language="javascript">
// Expandable content script from flooble.com
// Promoted by bloganol.blogspot.com
// For more information please visit:
// http://www.flooble.com/scripts/expand.php
// Copyright 2002 Animus Pactum Consulting Inc.
//----------------------------------------------
var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) { if (ie4) { return document.all[id]; } else {
return document.getElementById(id); } }
function toggle(link, divId) { var lText = link.innerHTML; var d =
getObject(divId);
if (lText == '+') { link.innerHTML = '−'; d.style.display = 'block'; }
else { link.innerHTML = '+'; d.style.display = 'none'; } }
</script>
<!-- flooble Expandable Content header end -->
And the second step is to Paste the following code to Your blog by adding a New page Element.But remember Don't write The title in when you add the Code.

<!-- flooble Expandable Content box start -->
<div style="border: 1px solid #000000; padding: 0px; background: #EEEEEE;
"><table border="0" cellspacing="0" cellpadding="2" width="100%"
style="background: #000000; color: #FFFFFF; "><tr><td>Title Here</td><td
align="right">
[<a title="show/hide" id="exp1209796610_link" href="javascript:
void(0);" onclick="toggle(this, 'exp1209796610');"
style="text-decoration: none; color: #FFFFFF; ">−</a>]</td></tr></table>
<div id="exp1209796610" style="padding: 3px;">Content Here</div>
</div><noscript><a href="http://www.flooble.com/scripts/expand.php">this
expanable content box is made using a
free javascript from flooble</a> | <a href="http://perplexus.info/">logic
problems, math puzzles</a>
</noscript>
<script language="javascript">toggle(getObject('exp1209796610_link'),
'exp1209796610');</script>
<!-- flooble Expandable Content box end -->

In the above code Replace Title Here with your Widget Title and Replace Content Here with your Widget Code and see how my Livetraffic Code looks Like.

<!-- flooble Expandable Content box start -->
<div style="border: 1px none #000000; padding: 0px; background: #ffffff;
"><table border="0" cellspacing="0" cellpadding="2" width="100%"
style="background: #e6e6e6; color: #000000; "><tr><td>Live Traffic
Feed</td><td align="right">
[<a id="exp1209792360_link" style="text-decoration: none; color:
#000000; " href="javascript: void(0);" title="show/hide"
onclick="toggle(this, 'exp1209792360');">−</a>]</td></tr></table>
<div id="exp1209792360" style="padding: 3px;">
<script
src="http://feedjit.com/serve/?bc=FFFFFF&tc=494949&brd1=ffffff&lnk=494949&hc=336699&ww=180"
type="text/javascript"></script><noscript><a
href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript></div>
</div><noscript>
<noscript><a href="http://www.flooble.com/scripts/expand.php">this
expanable content box is made using a
free javascript from flooble</a> | <a
href="http://www.flooble.com/scripts/">free javascripts</a>
</noscript>
<script language="javascript">toggle(getObject('exp1209792360_link'),
'exp1209792360');</script>
<!-- flooble Expandable Content box end --></noscript>

Not satisfied?Then Visit Flooble Expandable Content Script Creator page.
Read more
It is very interesting to the readers and The Bloggers to have their Blog post Images Tweak when they Rollover the post pointer on the Post images. It is very easy to Create images Tweak on Roll over.First Look at demo below it will tweak when you rollover your mouse pointer on it.


To create Your Blog Post images tweak on Roll over Goto Blogger Edit Html Page , Expand Widget Template and Add Follow the Steps Below.

Search for the Following Code in Your Template:

.post img {
padding: 4px;
border: 0px solid $borderColor;
}

Now Paste The following Code Just Below the above code in your template .
.post img:hover {
position: relative;
top: 1px;
left: 1px;
}

I Think This Will sure make your blog more Active and attractive.
Read more