Search Engine Submission - AddMe adsense tricks & templets
Home | Looking for something? Sign In | New here? Sign Up | Log out

Subscribe via email

Enter your email address:

Delivered by FeedBurner

FeedBurner FeedCount

Wednesday 30 March 2011

Recent Posts with Thumbnails Widget for Blogger

Wednesday 30 March 2011
1 comments
Recent Posts widget with thumbails for bloggerThis 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 tomorrowsenyum)
..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!sengihnampakgigi

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 widgetcellspacing - 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 titleacolor - Color of the titleaBold - 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

read more

Releasing Mind Blowing Magazine style Blogger Template "Falkner Press"

0 comments
After the huge hit of my previous two Magazine style Blogger Templates Turnout Mag and SchemerMag, here is my latest yet another Mind Blowing Blogger Template "Falkner Press".
Yes! It's simply Mind Blowing with so many cool features including Automatic Thumbnails and Automatic Post summarize on homepage, Youtube video integration,etc.
This was converted from a wordpress theme designed by CamelGraph.com.

FalknerPress Blogger Template
Main Features:
* Automatic Thumbnails on posts
* Automatic Post Summarize
* Featured Content Slider
* Adsense ready
* PSD Custom Logo Included
* Youtube Video embedding Integrated
* Fully SEO Optimized
* Advertisement Block Ready
* 3 Columns
* Social Bookmarking Icons
* Twitter Updates widget
* Feedburner Email Subscription ready
* Thumbnails on Recent Posts in Sidebar
* Integrated Search box
* Beautiful top Navigation bar
* Cross-browser compatible
* and many more....

Step by Step Installation Guide:


(Make sure you backup your current template before installing any new template)

Step 0 : First Follow the basic installation steps here.

Step 1 : Edit the Logo

Edit the logoThe logo *psd (photoshop) file is included in the download file. Open it with Photoshop and Edit the logo and Save it in .jpg format.
Next, upload that image to some image host like tinypic, photobucket,etc.. and get the image link to that file.
Help : Don't have photoshop ? or don't know how to edit the logo ? Leave a comment here with your site name.. I'll make it for you..
If you want the logo quickly.. Post your request here. I'll quickly help you out!

Go to Layout » Edit html
Find this url

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNcgPT_FmwOxfAXeMJ5lckmtlSgiWYGqd51V65XuNVn9-5ffmj5Nj83MvzHKhzkTObWYmZ3KYlxdwcffBSCROZYMZ4VtQ-m3QHa-xO74XZ4MbvMaFVTqwXWmfLHLfA6VGJg4f2FDt8QKEz/

and replace it with your image url.

Step 2 : Edit the top Navigation links

edit the top navigation links
Go to Layout » Edit html and find this code

<ul>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='WEBSITE URL HERE'>About</a></li>

<li><a href='WEBSITE URL HERE'>Archives</a></li>
<li><a href='WEBSITE URL HERE'>Contact</a></li>


<li><a href='WEBSITE URL HERE'>Disclaimer</a></li>


<li><a href='WEBSITE URL HERE'>Forum</a></li>


<li><a href='WEBSITE URL HERE'>Subscribe</a></li>


<li><a href='WEBSITE URL HERE'>History</a></li>


<li><a href='WEBSITE URL HERE'>Profiles</a></li></ul>



See the pattern..you can easily understand. Simply replace the WEBSITE URL HERE with your target url. Also, Edit the anchor texts to your liking (About,Archives,Contact,etc)

Step 3 : Edit the Latest Twits

Latest Twits widget
If you use twitter, You can use the integrated twitter twits widget. Simply find this


<a href='http://twitter.com/bloggertricks' id='twitter-link' style='display:block;text-align:right;'>follow me on Twitter</a>

</div>

<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>

<script src='http://twitter.com/statuses/user_timeline/bloggertricks.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>


and replace bloggertricks with your twitter id.

Don't use Twitter...? then simply delete this code from the template.

From...

<b:widget id='HTML5' locked='false' title='Twitter' type='HTML'>

...................

...............

<script src='http://twitter.com/statuses/user_timeline/bloggertricks.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>

</div>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>


Step 4: Edit Feedburner Email subscription and Feed count Button

Edit Feedburner Email subscription and Feed count ButtonThis is another cool feature in this template.. built in Email subscription form and Feed count button.

Search for this line


http://feedburner.google.com/fb/a/mailverify?uri=bloggertricksdotcom


and next, this line


<p><a href='http://feeds2.feedburner.com/bloggertricksdotcom'><img alt='' height='26' src='http://feeds2.feedburner.com/~fc/bloggertricksdotcom?bg=FD6D00&amp;fg=202931&amp;anim=1' style='border:0' width='88'/></a></p>


and Edit those urls to your feedburner links.
Don't have Feedburner yet ? You can signup here.

Step 5 : Add Youtube Video

Add Youtube Video

Go to Layout tab.. and you can see like this

Click on the edit and add your youtube code

Click on the edit button and paste your youtube video code.
Don't forget to change the width and height of the video to 250 x 190 px to fit perfectly in the layout. You can edit the width and height values in the youtube embed code.
Help: How to add Youtube videos to Blogger

Don't want Youtube Video Widget ? then, simply remove this code from the template.


<b:widget id='HTML2' locked='true' title='VIDEO (250 x 190)' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty -->

<data:content/>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

Step 6 : Setup Mini Updates (Recent Posts with thumbnails)

This template has inbuilt Recent Posts with Thumbnails widget. All you have to do is enter your blog url and it will do the rest.
Look for this code in the template

Mini Updates


home_page = &quot;http://falknerpress.blogspot.com/&quot;;


and replace the url with your Blog url.

Step 7 : Edit Social Bookmarking links

Be my Friend?

In the footer, you will see three widgets, 1.About me 2. Be my Frined? and 3. Advertisement widget.
The 1 & 3 widgets can be directly added by going to Layout tab.
All you need to edit is the second widget 'Be my Friend'. Using Social Bookmarking sites is a smart way to drive traffic to your sites.. So, if you don't have any of those accounts, Just take time to register..they are free and worth it :)

Find these lines:

<ul>


<li><a href='http://your-feedburner-url.com' target='_blank'>Subscribe</a></li>


<li><a href='http://digg.com/users/bloggertricks' target='_blank'>Digg</a></li>


<li><a href='http://www.facebook.com/people/bloggertricks' target='_blank'>Facebook</a></li>


<li><a href='http://bloggertricks.stumbleupon.com'>Stumble It!</a></li>


</ul>


</div>

<div class='share-list2'>


<ul>


<li><a href='http://technorati.com/faves?add=http://your-blog.blogspot.com/'>Technorati</a></li>


<li><a href='http://twitter.com/bloggertricks' target='_blank'>Twitter</a></li>


</ul>



and Edit them accordingly.

Step 8 : Featured Content Slideshow

Featured Content SlideshowCheck out the Live Demo to see how it looks.

Edit the Slideshow...
Go to Layout » Edit html and find these lines..
Observe the pattern, it's easy!
wait! First prepare your images... the images should be 490(width) x 280 (height) pixels. Use Photoshop or any other image editing software to crop the images to 490 x 280 px and then upload the images to some image host like photobucket,tinypic,etc.

Next, find this code

<div id='myGallery'>

<!-- First Picture Start -->

<div class='imageElement'>

<h3>Title One </h3>

<p/>

<a class='open' href='http://bloggertricks.com'/>

<img alt='Marley And Me' class='full' src='IMAGE URL'/>

<img alt='Marley And Me' class='thumbnail' src='http://54800.com/wp-content/uploads/a1.jpg'/>

</div>

<!-- First Picture End -->

.........................................

..........................................

</div>



The pattern is like this

<div id='myGallery'>


<!-- First Picture Start -->


<div class='imageElement'>


<h3>Title 1 </h3>


<p/>


<a class='open' href='LINK 1 '/>


<img alt='Marley And Me' class='full' src='URL OF IMAGE 1 '/>


</div>


<!-- First Picture End -->


<!-- Second Picture Start -->


<div class='imageElement'>


<h3>Title 2 </h3>


<p/>


<a class='open' href='LINK 2 '/>


<img alt='Marley And Me' class='full' src='URL OF IMAGE 2 '/>


</div>


<!-- Second Picture End -->


<!-- Third Picture Start -->


<div class='imageElement'>


<h3>Title 3 </h3>


<p/>


<a class='open' href='LINK 3 '/>


<img alt='Marley And Me' class='full' src='URL OF IMAGE 3 '/>


</div>


<!-- Third Picture End -->



</div>



Got it? Now edit those links and Save the Changes!!
Now, FalknerPress template is successfully installed!

Extras

Here are few more things you can learn about this template..
Adsense Color Codes:

Here is the Color Palattes you can use to perfectly blend your adsense ads in the layout

1. Adsense in Left sidebar:
Preview:

Adsense in left sidebar







Colors to use:

left sidebar colors









2. Adsense in Right sidebar:

Preview:
Adsense in right sidebar

Colors to use:

Right sidebar colors

3. Adsense just below Featured Content Slideshow:
(468 x 60px)

SAME COLORS as 2nd one







4. Adsense in Footer:
Colors to use:

Colors to use in footer


That's it guys! Hope you like the template :D

Like the template? or If you have any questions ? Comment here...

read more

[Hack] How to Post Larger (HQ) Images in Blogger Posts

0 comments
This is one of the most wanted blogger hacks, which makes it possible to post big size pictures in blogger posts.
Normally, If you upload a large image to blogger(with large thumb size selected), it will automatically resize it and then post it as thumbnail . But, the image quality of the resized image is very poor. So, to make the image look more clean and sharper, this trick will come handy.

Normally Uploaded Image: (with large thumbnail selected)


Normal Picture without the hack
Image after applying the hack:

Normal Picture without the hack

So, lets learn how to do this..

1.First, calculate how much image size(large) you want to display ( normally, its just a bit less than your main body width). Suppose, take this blog as an example, the main body width is about 570px. So, the maximum width to post a large image is 570px. But, to make the image looks nice, we have to give some padding to it.so,choose the width which is a bit less than the post body width.. like 560px.

Now, Go to Layout » Edit html

Find this

]]></b:skin>

Add this before that line:



img {
max-width: 560px;
width: expression(this.width > 560 ? 560: true);
}


Change the value in red depending on the previous step.

Note: Do check if you have the img{ tag already in your template. If its there, just add the additional couple of lines to it.



max-width: 560px;
width: expression(this.width > 560 ? 560: true);




Save the changes.

2. Now, while doing your posts, upload the images normally like you did previously. Once the image is uploaded, go to Edit html tab, and the image code will look something like this



<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1jNFS8yCkEm-I2_wfD5fLNcVEfCk3j6DJN1xFDuH0fmIIelXPSMJ-VrkKIdIsKXjo4jJrz8EZXuVsJZJEzzw-jJDFRIlLs0ZYHJS8wA_lwYO7WZnvS_HqOQEnOmrQtuY3LPtsce_rT5DZ/s1600-h/megan+fox.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 280px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1jNFS8yCkEm-I2_wfD5fLNcVEfCk3j6DJN1xFDuH0fmIIelXPSMJ-VrkKIdIsKXjo4jJrz8EZXuVsJZJEzzw-jJDFRIlLs0ZYHJS8wA_lwYO7WZnvS_HqOQEnOmrQtuY3LPtsce_rT5DZ/s400/megan+fox.jpg" alt="Normal Picture without the hack" id="BLOGGER_PHOTO_ID_5350218059319919970" border="0" /></a>


All you have to do is Just remove that bolded text (width and height attributes) and replace s400 to s800.

So, the final code looks like this



<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1jNFS8yCkEm-I2_wfD5fLNcVEfCk3j6DJN1xFDuH0fmIIelXPSMJ-VrkKIdIsKXjo4jJrz8EZXuVsJZJEzzw-jJDFRIlLs0ZYHJS8wA_lwYO7WZnvS_HqOQEnOmrQtuY3LPtsce_rT5DZ/s1600-h/megan+fox.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1jNFS8yCkEm-I2_wfD5fLNcVEfCk3j6DJN1xFDuH0fmIIelXPSMJ-VrkKIdIsKXjo4jJrz8EZXuVsJZJEzzw-jJDFRIlLs0ZYHJS8wA_lwYO7WZnvS_HqOQEnOmrQtuY3LPtsce_rT5DZ/s800/megan+fox.jpg" alt="Normal Picture without the hack" id="BLOGGER_PHOTO_ID_5350218059319919970" border="0" /></a>


Done! Now, your uploaded image will look big in the post.

read more

How to Use Blogger to Upload your Javascript (.js) files ?

1 comments
This post explains how to host javascript(.js) files in blogger itself, so you don't need to worry about bandwidth limitations,etc:-

"How to host Javascript files for Free with unlimited bandwidth ?" is one of the most frequently asked questions in the blogger community. There are tons of hosting providers out there who can help you host your .js files for Free, but all have some bandwidth limitations and also they are not very reliable.

My friend Switcher previously explained how to use google sites to host your javascipt files for free in his blog (you can read that post here)... I used that method to host javascript files of my previously released magazine style blogger template ' Falkner Press '... but, the problem is even google sites have bandwidth limitations. So, if the bandwidth exceeds at a particular moment, the javascript files don't load which results in complete template mess up.

So, if you have those kind of problems, here is a simple trick.

I'll take Falkner Press template javascript files as an example.
If you look at the top of the template code, you see something like this:

how to host javascript files for free

So, as you can see, there are three javascript files (highlighted with colors) in the template. The files are hosted at google sites.


2. Copy each of those three links and paste them in your browser and download all those three files.

3. Now, open each file with Wordpad (not notepad) and copy that code.

4. Now, here is the trick...
Paste the code you copied (copied from first file) in your blogger template like this.


<script type='text/javascript'>

//<![CDATA[

PASTE THE JAVASCRIPT CODE HERE

//]]>

</script>



paste the javascript code as shown like this


What about if you have 2 javascript files or three (like falkner press template) ? Simple! Just repeat the process again... like this..


Do like this for multiple files

5. And the Final and Most Important step... SAVE THE CHANGES ;)

Benefits of this trick:
» No file size limitations
» No bandwith limitations
» Super fast page loading (coz files are stored in blogger itself)

read more

Free SEO Tools for Blogger

2 comments

If you want to get some good amount of visitors to your blog from search engines, you need to do a bit of SEO to your blog like meta tags, title tags, heading tags, choosing good keywords,etc.

But,its a bit difficult to do all that stuff on your own..especially if you are new to blogging and know less about design stuff(html,etc). Many sites are charging lots of bucks monthly for SEO tools like backlink checker, keyword researcher, etc. But, some people can't afford it.. So, I decided to create "SEO Tools" section here in BloggerTricks with full of useful SEO,design tools (ofcourse..for Free :D) which can help your blog traffic,search engine rankings,revenue..
With these tools, you can get to know lot of information about your blog like..your keywords, the keywords you should be targetting, how fast your blog is loading, your site pagerank,backlinks in search engines,etc.
I'm working on this new Tools section from a week now..and it is finally ready and I'm very happy to release it :)

Here are some of the top tools in the list..

Meta Tags Generator


Adding Meta Tags is one of the Best way to increase your search engine rankings.
This tool automatically creates you effective, error free, meta tags code. All you have to do is provide some basic information like your blog description,etc.. and it will generate your meta tags code for you.
If you don't know how to add meta tags to Blogger... Read this tutorial.

Help: How to add Meta Tags to Blogger


Blogger Ad Code Converter

Adding adsense inside blog posts can maximize your earnings a lot. But, if you directly paste adsense code in blog template, it will give you bx error. So, you need to first convert the code....and this tool will do just that. Just put your adsense code in the box and it will generate the encoded code which you can put anywhere you want in your template. You can also use this tool for any other codes too.. (abrite,chitika,etc)
I'll write a detailed post about how to add adsense inside blog posts in different positions soon..



Favicon Generator


Ever wondered about that short icon next to the address bar in your browser ? It is called FavIcon. It will give your blog a cool and professional look.
Use this Free Online Favicon Generator tool to create stunning favicons in many sizes like 16 x 16 , 32 x 32 , 48 x 48 , 64 x 64 ,etc.

Help: How to add Favicon in Blogger



Google Pagerank Checker


Google Pagerank plays a vital role in Search Engine Rankings. Improving your backlinks,etc can increase your pagerank.
Use this Free Online Google Pagerank Checker tool to check your blog pagerank easily.



Link Popularity/Backlinks Checker Tool


Increasing Quality Backlinks to your site increases your blog traffic, search engine rankings, pagerank,etc. So, try to get as many inbound backlinks as you can.

Use this Backlink Checker tool to check How many backlinks your site have in Google and Yahoo. Note down your site backlinks and check back from time to time to see if your backlinks increasing or not and try to improve your blog accordingly.



Keyword Suggestion Tool


If you are trying to rank for some specific keywords in search engines, you need to know all the relevant Keywords in that niche. Good Keywords increases your blog PPC, revenue and your traffic.

So, use this Free Keyword Suggestion Tool to get some keyword ideas.




Keyword Density Checker Tool


Repeating keywords often in your site make Search Engines to consider it as spam which decreases your SERP's (search engine rank positions). On the other hand, if you don't have proper keywords, you lose traffic and rankings.

So, use this free Keyword Density Checker tool to scan your blog and find out how often keywords are repeating and optimize your site according to that.



Instant Domain Name Search


If you're trying to register a domain name, you don't need to load hundreds of pages trying to find a good domain name. All you need is Just One ! With this Instant Domain Search Tool, you can know if a domain name is available or not (.com, .net or .org) instantly while you're typing.



Website Speed Test


Adding tons of images, javascript codes,etc slow down your blog page loading speed which is not good. So,Use this Free Website Speed Test checker tool to find out your website loading speed and try to optimize it as much as you can.



Online 3D Logo Maker Tool


Adding a cool header logo image to your blog makes your blog look more professional and nice.
But, what if you don't know photoshop, image editing well ? Don't worry! Use this Free Online Logo Maker tool to create Stunning Logo images to your blog. Hundreds of Font styles and text effects (shadow,reflection,glossy,etc) to choose from.


Email to Image Converter


Never type your email address directly in public forums,blogs,etc.. because, Spammers use harvesters to search email addresses and spam your inbox. So, instead of typing email address directly in your Contact Us Pages, forums,etc.. Use this Email to Image Converter tool to convert your email address into an image which makes it difficult for Email harvesters to find your address.


Nofollow Link Checker Tool


Search Engines don't follow and crawl links with nofollow tag and it don't benefit you SEO wise.. So, if you have your links in other sites, Use this tool to find out if they are using Nofollow tag to your links or not.


Reciprocal Link Checker


If you have purchased or exchanged links with other sites, make sure they are linking back to you properly. Use this Tool to scan your partner's website and find out if they are linking back to you or not.

read more

Numbered Page Nagivation hack for Blogger

0 comments
This post explains how to add numbered page navigation widget to blogger (blogspot) blogs:

What is Numbered Page Navigation ?


In blogger, by default, you see Older posts, Newer Posts links near the bottom of the page which is useful to your blog visitors to navigate to other posts of your blog. But, the problem is.. people hardly notice those newer and older posts links.. which means.. less pageviews to your blog.

So, to increase your blog pageviews you can use this cool looking, advanced numbered page navigation to your blog.



So, how to add this to your Blogger blog ?
(first backup your blog template before editing anything)

1. Sign into your Blogger account » Settings » Formatting
Choose the number of posts you want to display on homepage

set the amount of posts to be displayed on the homepage
2. Go to Design » Edit html » tick the expand widget templates

Scroll down to the bottom of the template code and find this


</body>

PASTE this code above that line

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>

<script type='text/javascript'>

//<![CDATA[

function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea" style="padding:10px 10px 10px 10px;"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}

//]]>

</script>
</b:if>
</b:if>

In that above code, Edit the part that I highlighted in red color according to Step 1. It determines the number of posts that to be displayed per page. (Make sure, the number you set is same like the one in Step 1)


3. Control + F and search for all the occurrences of this code

 'data:label.url'
 
and replace it with this


'data:label.url + &quot;?&amp;max-results=5&quot;'


Again, the number in the above line depends on the number you set in the STEP 1.

4. Now, the styling part.. I've made x styles.. you can choose the one you wish..




 (i) Default



Code



.showpageArea a {
text-decoration:underline;
background: #ffffff;
padding: 10px 10px 10px 10px;

}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
border-top: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

Copy the above code. Find this line and paste that code ABOVE IT.


]]></b:skin>

Save the changes.

I've made a few more navigation styles.. I'll post them in a few min.. look for it.

 



read more

Tuesday 29 March 2011

Free $75 Google Adwords Coupon

Tuesday 29 March 2011
4 comments

Free Google Adwords CouponRemember the last time we offered many useful online coupon codes like Godaddy Promo Codes, ClearTrip Coupons etc. Today you are going to find about a new useful coupon from Google Adwords which is going to give you a 75$ Free Advertising on Google and its network websites.
Why advertise on Google
  • Effective. Advertise on the most used search engine worldwide to grow your business.
  • Pay for results. You only pay when someone clicks on your ad and comes to your site.
  • Full control. You decide how much to invest and can change, pause or resume your ads anytime.
To get started you need to visit this link, and enter all the required details. Do make sure that you have a very good running business website which adwords team would review. If they find your website is worth advertising and if there is no prior advertising done on the ad network then the chances of getting the coupon increases.
Once the form is filled you will get the following message :
Thank you for your interest in Google AdWords! We will review your request for a free trial and if approved, we will send you your coupon code via email – please note that this may take a couple of hours! Thank you for your understanding.

read more

Complete Working Godaddy Promo Codes and Coupons

0 comments


I recently got 2 enquiries regarding latest working coupons for Go Daddy Bulk Domain Registration
promo codes which can help you save a lot of money while you register / renew domain names. Also some of these coupons can help you save money when you are planning to book a web hosting package. These coupons keep expiring and new ones are announced regularly, so i will keep updating the list with new ones. Also some coupons may work for some people and they might not work for others because of your account levels and the membership plans you have with godaddy. Make sure you select a good domain name and read some domain name selection tips before registering new domains.
Here is the List of coupons and Promo Codes from Godaddy :
Some Latest Coupon Codes :
.mobi 10.29-gdp0129c renew
.INFO $6.99 -gdp0130c (renew)
.net $6.20-gdp0119d (reg+renew)
.com 7.15 -hash3 (reg+renew)
.ws $8 gdp0108e (renew)
.biz $6.99. -cjcbentld gets (renew)
.us $6.79 (renew)-cjcbentld
TDNAM -$2(discount) -gdbb776 -

Go Daddy $1.99 Domains 125x125
OYH3 – $3 off / $6.95 any .COM
OYH1 – 10% off whatever
GDM1207 – 5.99$ for .org
BTPS7 – 20% any order of $50 or more
BTPS20 – 25% any order of $100 or more
BTPS4 – 10% off anything
OYH2 – $5 off a $30 purchase
chill1 – 10% off
chill2 – $5 off $30
chill3 – $6.95 .coms
GoDaddy.com Hosting & Servershash1 – 10% off
hash2 – $5 off $30
hash3 – $6.95 .com registration
gdd1101c – 10% off any order of $40 or more
LOL65 gives you 5.99 .net buys
gdm0716 5.99 .net renewal and buys, 7.95 .coms
command10 10% off any order
gdd1101c – 10% off on orders $40 or more
OYH1 – 10% off anything
OYH2 – $5 off a $30 purchase
OYH3 – $6.95 for .COMs
Todd -10% off anything
cjcdeal105 – Save $5 off a $30
cjcdeal106 – Save $10 off a $50
cjcdeal107 – Save $20 off a $100
DLTV – Save $10
gdm1225g – 25% of an order of $75 or more
gdbb776 – .com and .net – $5.99 renewals
BTPS7 – 20% off any order of $50 or more
OYH3 – $3 off .com
Please make a comment here if the coupon works for you and in case it didnt work for you so others dont use it because these coupons expire regularly and new ones are announced.

read more
 

Powered by Spiderizon, free backlinks.