How To Create A Rollover Image Effect (change image on mouseover)

The Rollover effect is one in which an image web object changes (swaps itself) on mouse over to another web object (called rollovers) and reverts back to the original image on mouse out. Rollover images are preloaded into the page when it is loading, this ensures that the rollovers are displayed quickly. The onMouseOver and onMouseOut attributes of the link tag are used to make this functional.
Demo:  Place your mouse over the image below to see its rollover effect

Making Rollover Effect Image

You have the following code:

 <a href="URL ADDRESS"><img src="URL OF THE FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF THE SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF THE FIRST IMAGE GOES HERE'" /></a>

Change the colored texts as it follows:

1. URL ADDRESS

This is the address where somebody will be sent when clicks on the image.
Example, my blog address: http://www.adslooks.blogspot.com

2. URL OF THE FIRST IMAGE GOES HERE

Replace the orange text (two times) with the URL address of the image which will appear before you hover over it.

3. URL OF THE SECOND IMAGE GOES HERE

Replace the text in blue with the url of  the image that will appear when the cursor hovers over it.

Now you can paste your image inside a blog gadget, going to Layout > click on Add a Gadget link (right side) > Select HTML/JavaScript from the pop-up window, then add it to your sidebar.

You can also add it inside your post by going to New Post > Switch to HTML tab and then paste the code in the empty box.

That's it. Enjoy ;)

How to add simple recent post widget for Blogger.com/Blogspot.com

Simple Recent Posts Widget for Blogger/Blogspot




The main advantage on this Recent Posts widget is that it will show not only post titles but also post excerpts or snippets and it's easy to customize/ apply different style on it. To style it into your own design, you just have to modify the CSS style - you can change the link or background color, the size and color of text/links. 

What you can do with this widget:
display post titles only
change the number of posts
change the number of characters of the post snippet/excerpt
show the post dates

See the screenshot below:

How to add Recent Posts Widget to Blogger

Step 1. Log in to your Blogger Dashboard, then go to Layout and click on Add a Gadget link

Step 2. From the pop-up window, scroll down and choose HTML/JavaScript

Step 3. Select & Copy the code from one of the options below and paste it into the new HTML/JavaScript: 

Option 1: Recent posts widget with snippets

 <div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" target="_blank" title="Grab this Recent Posts Widget">Recent Posts Widget</a> by <a href="http://helplogger.blogspot.com" title="Recent Posts Widget">Helplogger</a></div>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size: 13px;} #rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL9Z3Fe7gfZP7m8rd9QlMR5KththTa4qCKQjFwJN7HL7uuDmufs56_A8Xy5_9KML6HRySrZ65sUhVsCvJRoODBAkaHekjE4LU4ZoXqaZXqLKbzGC7lE2rKMgX8GUGjywB24_Ritv2TyKMx/s1600/blogger.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>

Option 2: Recent Posts Widget Showing Post Titles Only

 <div id="hlrpsb">
<script style="text/javascript" src="http://adslooks.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://helplogger.blogspot.com" title="Recent Posts Widget">Helplogger</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css> 
#hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL9Z3Fe7gfZP7m8rd9QlMR5KththTa4qCKQjFwJN7HL7uuDmufs56_A8Xy5_9KML6HRySrZ65sUhVsCvJRoODBAkaHekjE4LU4ZoXqaZXqLKbzGC7lE2rKMgX8GUGjywB24_Ritv2TyKMx/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

Step 4.

Change 5 (option 1) and 10 (option 2) with the number of posts you want to display. 

Change false to true if you want the posts dates to appear 

Change 100 (option 1) if you want more characters to be displayed.

To change the color and font size of the links, modify the values in blue (links) and violet (font-size)

To change the style of posts summary, modify the values in green (color) and orange (font size)

Replace the your-blog text with the name of your blog or if you have a custom domain change all the bolded line with your address like in this example:
 http://www.your-site.com/feeds/posts/default....

Powerd by ADSLOOKS

How to submit blogger sitemap to google

How to submit your Blogger Sitemap to Google




What are Sitemaps?

Sitemaps are text files containing a list of all web pages that exist on your website and are accessible to crawlers and users. These helps visitors and search engine bots to find pages on website. Sitemaps are a way to help Google indexing pages on your site which otherwise might not be discovered.

If your blog is hosted on blogspot.com (or if you are using a self-hosted version of Blogger with a custom domain) you will be surprised to find out that the default sitemap file, contains only the 26 most recent pages of your blog which in normal case should contain all URLs of a website.
Many webmaster pretend to teach others how to drive traffic to blogs or websites yet leaving out the most important factors like sitemaps. There are still other websites who keep on providing the old methods of generating a sitemap for blogger which are not any effective.

How to add a complete Sitemap for your Blogger Blog


Step 1: If you haven't done this already, sign-in to your Google Webmasters account and add your blog. For details, check this tutorial on how to add a blog to Google.

Step 2: Once your blog is added to Google, go to Webmaster Dashboard  and click on your site address

Step 3:  On the left panel choose Site Configuration >> Sitemaps - then click on Add sitemap.







Add each of the following codes:




 /atom.xml?redirect=false&start-index=1&max-results=500
/atom.xml?redirect=false&start-index=501&max-results=500
/atom.xml?redirect=false&start-index=1001&max-results=500

If your blog have lots of pages, add the sitemaps below:

 atom.xml?redirect=false&start-index=1001&max-results=500
atom.xml?redirect=false&start-index=1501&max-results=500
atom.xml?redirect=false&start-index=2001&max-results=500
atom.xml?redirect=false&start-index=2501&max-results=500
atom.xml?redirect=false&start-index=3001&max-results=500

How to submit sitemap in blogger site

How to Create a Sitemap or Table of Contents in Blogger

 

One of the limitations of a blog is that it doesn't have an index or sitemap of the site that could make it easier for readers to find content that they are searching for.

While the blog archive and labels have all the information about the published post, these do not appear on a single page completely, so searching for more posts is not always easy.

Luckily, this gadget will help you to add a table of contents or sitemap on Blogger showing the index of all posts separated by categories that have been published. It will also show the latest posts with a text saying New!

table of contents, sitemap, blogger

Demo: You can see it working by clicking here.

How To Add a Sitemap with a List of Posts to Blogger

To implement it on your blog, follow the steps below:

Step 1. Login to your Blogger Dashboard and select your blog

Step 2. Go to Pages > click the New Page button and select Blank page 

Step 3.  Click on the HTML tab and paste the following code inside the empty box By Crtl+v:

 <style>

p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}

a.post-titles {color: #0000FF;}

ol li{list-style-type:decimal;line-height:25px;}

</style>

<script>

//<![CDATA[

var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"><a href="http://adslooks.blogspot.com/2013/12/add-sitemap-table-of-contents-to-blogger.html" style="font-size: 10px; text-decoration:none; color: #5146CD;">Get This Widget</a></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdHJwSOHCj3T0gERzEdElVVw1O334yKofTYSPmjzOz3PKwemrrwU47jCV6TvrUgwiRWUHVEtWS7mLkQaJL9TzQpoOoYsSwy9f2QrVCjkPg3WhocTHyXwGaSOnanrXMp28YEjcO6v81VOhU/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};

//]]>

</script>

<script src="http://adslooks.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

After adding the above code, replace adslooks.blogspot.com with the address of your blog.

Customization:

- to change the color and font size of categories title, replace the values in red

- to change the color of the links, replace the value in green

Step 4. Click Options on the right side and select Don't allow (hide existing) for the reader's comments

Step 5. Finally, click the Publish button and View the page.

That's all!

The index of the posts is sorted alphabetically and is updated automatically each time a new post is published.

How to famous your website in 1 minute

SUBMIT YOUR URL TO 1,653 DIFFERENT WEBSITES

 PingMyUrl allows you to submit your site to more than 1,500 external link and that's just the push of a button, and it gain a strong backlinks and gain popular site.
To submit your site for PingMyUrl follow the steps:
FIRST: We enter the site from this link: http://www.pingmyurl.com/

SECOND: Follow the pictures

Now enjoy the publicity, archiving and increasing Page Rank.

RevenueHits ad network review and earning details

RevenueHits ad network review


RevenueHits is an Israeli-based ad network founded in 2008. Their ads are performance based (CPA), which means visitors need to convert or you won’t earn anything. In their email communication or marketing materials, they don’t really stress this fact, so people get confused and think that they’re traditional CPM network. I’ve read some angry reviews where they call them scammers without being aware of how the system works.


They run proprietary ad serving and optimization system. Offers are served dynamically and you won’t be able to choose them individually. This is where RevenueHits is different from traditional affiliate marketing platform. Their platform needs several days to collect enough data to adjust their ads so they suit your users’ demographic and interest. You usually need a relatively large sample in order to optimize ad serving and see positive results. Beside websites, they also serve ads for apps, toolbars, search engines and other web properties. I noticed that some other networks, such as Bidvertiser, use their ads as defaults.


Their front page has rather impressive design with bold fonts and bright pictures of kids in superhero costumes. Signing up with them is an easy and painless process. After a quick approval, you get a dedicated account manager which will guide you through the process of getting started. Support is also helpful and responds quickly. What I really like is their publisher console. They run custom designed reporting and administration platform. On the dashboard, you can see yesterday stats, top placements and even create a new placement. Layout is clean and simple, without any unnecessary clutter. Stats are updated only once per day. They also provide a stats API, which allows you to check your stats from any app that can parse XML.


They support all standard ad formats, including banners, popups, sliders, top banners and shadow box. Interesting format is their top banner, which is a thin layer with a close button that stays fixed on top. Another interesting option is the shadow box, which is an ad that stays in the lightbox and can be set to automatically close in 30 seconds, or the visitor can close it manually.


All that is nice, but now for the really important question: can you make any money with them? Most heated debate about RevenueHits was in this department. Many complained about zero earnings and gave up very quickly. From my experience, you can make money, but as I mentioned earlier you need traffic that converts. Although, my average CPM was quite good, I don’t like the fact that earnings vary a lot. For example, one day you can make $30 and the next day only 50 cents, with the same traffic and ad placements. This is probably not true for websites that have millions of impressions, but for small to medium websites, earnings will oscillate a lot. If this doesn’t bother you, feel free to try them, since the only thing that matters is the final amount on your payment check.

Payment terms

Minimum payment amount is $50, paid on every thirty days (NET30). You are not required to fill any tax documents.

Payment methods

PayPal
Wire
Payoneer
What I like

Quick approval process
Responsive and helpful support
Legit business with phone number and a physical address
Clean and simple to use admin panel
What I don’t like

Earnings can oscillate quite a bit for smaller websites
Stats being updated only once per day
Download now/play now ads can be deceiving for visitors
Web address

http://www.revenuehits.com

Adcash ad network review details

Adcash ad network review
Adcash is an Estonian based company, founded in 2007. Just like RevenueHits and Matomy Display I wrote about earlier, Adcash is also a performance based ad network. That said your traffic needs to convert if you want to earn any money. Unlike them, Adcash is bit more close to a traditional affiliate network because you can choose, if you prefer, offers you wish to promote.

Apparently, Adcash seems to be more tailored to entertainment or gaming websites, as most of their offers come from these areas. At the moment, they serve ads from more than thousand offers to all countries of the world. Their ad platform is dynamically optimizing your ad inventory (they call this dynamic CPM optimization) to serve most relevant ads to your visitors’ demographics and site topic. They also serve ads optimized for mobile platforms and will deliver ads suited to user devices.

Signing up and approval with them is a trivial process, and will take less than a day to get accepted. After you register, they will assign a dedicated account manager to assist you with getting started. I can’t tell if they’re helpful or not, since I never had a need to contact them, but overall online reports about their support are positive. Nice touch is their multilingual support, thing that many companies these days completely ignore, assuming that everyone knows English. Interface, documentation and even technical support are available in ten languages. At the time when I signed up, they were also giving away ten euro welcome gift to all new publishers, which was a pleasant surprise. Not sure if they still have this.

Admin area interface is simple and relatively clutter free, with most options being available directly from the main menu. They support most of standard ad formats, including banner ads (plenty to choose from), site-under, interstitial, footer (catfish ad), slide-in and background ad. Background ad is an ad that appears behind the content, as a clickable background image. This ad is visible to visitors whose screen resolution is wider than the page. It looks interesting and I think it is worth trying. I don’t think visitors find them annoying, as many large and respectable websites use them. Another thing worth mentioning is their manual banner rotator. It allows you to hand pick offers you wish to promote. This is very useful if you’re very familiar with your audience.

So, with all that said we need to answer one question that matters: is it possible to earn any money with them? Like I mentioned earlier, Adcash is performance based, so you will only be paid for converting visitors. This means that just getting any junk traffic won’t work. I’ve read reports of people sending tens of thousands of impressions and getting zero earnings. That said, only having quality traffic will produce any results. Personally, I find their CPM rates and conversions to be better than average compared to other performance networks. I suggest you give them a try and see for yourself. Please comment and let others know about your experience with them.

Payment terms

Minimum payment amount is €100, paid on every thirty days (NET30). You are not required to fill any tax documents.

Payment methods

PayPal
Skrill (Moneybookers)
Web money
Payoneer
Wire transfer
What I like

Quick approval process
100% international fill rate
Multilingual support
Plenty of ad formats to choose from
Many available offers
Manual banner rotator for those who prefer to keep control of ads being served
What I don’t like

Minimum payment is quite high for small websites
High traffic websites probably get higher CPM rates
Web address

http://www.adcash.com