<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Smashing Tips &#187; Blogger</title>
	<atom:link href="http://www.smashingtips.com/category/blogger/feed" rel="self" type="application/rss+xml" />
	<link>http://www.smashingtips.com</link>
	<description>Design and Photography Tips</description>
	<lastBuildDate>Sun, 18 Jul 2010 12:28:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>25 Useful Tools for Registering and Monitoring Domain Name</title>
		<link>http://www.smashingtips.com/25-useful-tools-for-registering-and-monitoring-domain-name</link>
		<comments>http://www.smashingtips.com/25-useful-tools-for-registering-and-monitoring-domain-name#comments</comments>
		<pubDate>Fri, 12 Feb 2010 13:37:11 +0000</pubDate>
		<dc:creator>Mohamed Rias</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[bust-a-name]]></category>
		<category><![CDATA[bustaname.com]]></category>
		<category><![CDATA[domain finder]]></category>
		<category><![CDATA[domain tools]]></category>
		<category><![CDATA[domainer]]></category>
		<category><![CDATA[domainfinder]]></category>
		<category><![CDATA[domainr]]></category>
		<category><![CDATA[domize]]></category>
		<category><![CDATA[geek name]]></category>
		<category><![CDATA[godaddy]]></category>
		<category><![CDATA[godaddy.com]]></category>
		<category><![CDATA[nameboy]]></category>

		<guid isPermaLink="false">http://www.smashingtips.com/?p=3956</guid>
		<description><![CDATA[Anything from a company to products, websites to blogs require a good name to have a good impression at the audience. Getting a good name for the site can be really difficult as most of the names are already taken by some one else. This case is especially prominent in the area of website’s domain [...]]]></description>
			<content:encoded><![CDATA[<div style="float:right;"><img src="http://lh6.ggpht.com/_aVtbdMo1J34/S3VbIZd_6qI/AAAAAAAADBE/c0NOWUI2GPU/domain-name-registration.gif" style="width:200px;height:180px;"/></div>
<p>Anything from a company to products, websites to blogs require a good name to have a good impression at the audience. Getting a good name for the site can be really difficult as most of the names are already taken by some one else. This case is especially prominent in the area of website’s domain name registration. Its similar to not having an email Id you wanted. Millions of domain names are created daily and deleted daily, so what matters is making sure that you get the names you want before some body else. But how will you do that? It simply requires a tool that will show you the available domain names over all the domains.</p>
<h3>25 Sites to register or monitor domain names</h3>
<p>Here are the lists of 25+ tools that will allow you to check for the free domain names.</p>
<h3></h3>
<h1>GoDaddy.com</h1>
<p>GoDaddy is probably the most popular domain registration service in the world. In 2009, it reached more than 36 million domain names under management. It has one of the most comprehensive service from domains to hosting to Site Building. It is one mega platform for buying and selling anything related to web services.</p>
<p><center><a href="http://www.smashingtips.com/go/godaddy" target="_blank" rel="nofollow"><img src="http://lh3.ggpht.com/_chG-Yc2Tuyw/S3Gnc3LW-9I/AAAAAAAAAko/khArvr1nKQQ/godaddy-domain-registerer.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h3>BustAName.com</h3>
<p>BustaName helps you find available domain names based on the entered keywords. The keywords has to describe the website that you are going to make, and BustaName will bring back all the available domain names using these keywords. You can extend the search by adding synonyms, adding suffixes/prefixes, dropping vowels, etc. Once you get a list of available domain names you can sort them alphabetically, rank by quality and add potential candidates to your watch list.</p>
<p><center><a href="http://www.smashingtips.com/go/bustaname" target="_blank" rel="nofollow"><img src="http://lh4.ggpht.com/_chG-Yc2Tuyw/S3LIIFspvsI/AAAAAAAAAlI/Z56aJonn8cU/bustaname-domain-registrer.png" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>Domai.nr </h1>
<p>Domainr provides all the different possible domain names it creates. You’ll also see generic domains like .com,.net and .org. If you’re looking for a non-Latin internationalized domain name, you can enter characters with accents or other diacritics, and even scripts such as Arabic, Hebrew, Chinese, Japanese and Hindi.</p>
<p>Domainr also shows whether a domain name is possible to register—different domains have their own restrictions for things like minimum domain length, top-level registerability, and International character support.</p>
<p><center><a href="http://domai.nr" target="_blank" rel="nofollow"><img src="http://lh4.ggpht.com/_chG-Yc2Tuyw/S3LsGhJDDmI/AAAAAAAAAlo/OWPIykFGXXE/domainr-registerer-service.png" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>DomainFinder</h1>
<p>DomainFinder is a simple web application for webmasters which helps you to find fun domain name.</p>
<p><center><a href="http://domainfinder.geekfg.net/" target="_blank" rel="nofollow"><img src="http://lh5.ggpht.com/_chG-Yc2Tuyw/S3QGVKI4RfI/AAAAAAAAAnU/TFSRpbdso1M/domain-finder-domain-search-tool.png" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>Geek.name</h1>
<p> This is another application that lets you find domain names.</p>
<p><center><a href="http://geek.name/" target="_blank" rel="nofollow"><img src="http://lh4.ggpht.com/_chG-Yc2Tuyw/S3QGzeySHyI/AAAAAAAAAnc/fCKU5hmmoow/geek-name-domain-name-finder.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>Nameboy.com</h1>
<p>NameBoy, as its &#8220;name&#8221; suggests, is a domain name generating tool that&#8217;s currently making waves all over the &#8216;net. It doesn&#8217;t matter if you&#8217;re looking to enter a competitive field such as free poker or something as unique as your whole name, NameBoy can find the available domain name for you.</p>
<p><center><a href="http://www.nameboy.com/" target="_blank" rel="nofollow"><img src="http://lh4.ggpht.com/_chG-Yc2Tuyw/S3QLwPL_FcI/AAAAAAAAAn0/4XbxsMpIYhg/name-boy-domain-searcher.png" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>Dot-o-mator</h1>
<p>Dot-o-mator gives a domain name suggestions. User has to enter a word or words, and choose some endings (or enter your own), click to combine them. If you see a name you like, you can check its availability or save it to your scratchboard. There is a max of 15 words in the prefix and suffix boxes.</p>
<p><center><a href="http://www.dotomator.com/" target="_blank" rel="nofollow"><img src="http://lh6.ggpht.com/_chG-Yc2Tuyw/S3QJuQnAhpI/AAAAAAAAAns/CnsF6p4RSfg/dotomator-domain-finder.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>Domain Tools</h1>
<p>This application lets you search for current and expired whois domains and dns tools.</p>
<p><center><a href="http://www.domaintools.com/" target="_blank" rel="nofollow"><img src="http://lh5.ggpht.com/_chG-Yc2Tuyw/S3QPFcZDGII/AAAAAAAAAn8/84kOcZk9svQ/Domain-tools.png" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>Domize</h1>
<p>In addition to checking whether a domain name has been previously registered or not (the limit of other domain name look-up tools), Domize will check whether unavailable domain names can be bought on the secondary market or whether they&#8217;re soon expiring. Most incredibly, Domize runs these additional checks in no time, meaning you&#8217;re spending less time waiting for page reloads or starting at spinning icons and more time finding your perfect domain name.</p>
<p><center><a href="https://domize.com/" target="_blank" rel="nofollow"><img src="http://lh5.ggpht.com/_chG-Yc2Tuyw/S3QQAUWTG6I/AAAAAAAAAoE/fMNTK6qZB1k/Domize-domain-name-finder.png" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>squurl</h1>
<p> Squurl allows you to quickly and easily check domain name availability. It has a simple interface to add the keywords and search for the free domains available.</p>
<p><center><a href="http://squurl.com/" target="_blank" rel="nofollow"><img src="http://lh5.ggpht.com/_aVtbdMo1J34/S3Qw2N6kY_I/AAAAAAAAC_A/UrR-Q1gvnpg/squurl-domain-registerer.png" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>dnScoop</h1>
<p>dnScoop.com attempts to estimate a value for an established website or a domain name by using factors such as:<br />
1.	Links pointing to the domain<br />
2.	Popularity of the domain<br />
3.	Age of the domain<br />
4.	Pagerank of the domain<br />
5.	Traffic to the domain</p>
<p><center><a href="http://www.dnscoop.com/" target="_blank" rel="nofollow"><img src="http://lh4.ggpht.com/_aVtbdMo1J34/S3QzS3xQKAI/AAAAAAAAC_I/YyfuF6JJfHw/dnscoop.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>Ajax Whois</h1>
<p>AW is a comprehensive and easy to use service for finding available domain names and obtaining WHOIS and other information about registered domain names. The first public version was built under the Microsoft .NET platform (C#) and was released to the public on November 17, 2005.</p>
<p><center><a href="http://ajaxwhois.com/" target="_blank" rel="nofollow"><img src="http://lh5.ggpht.com/_aVtbdMo1J34/S3StYRfbKlI/AAAAAAAAC_o/pZwtrKzS_nI/ajaxwois.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>Domaintyper</h1>
<p>Domain Typer is a simple to use search engine that allows you to simply add the desired name for the domain, and you will instantly be notified whether it can be used or not.</p>
<p>Moreover, the website includes a dynamic Web 2.0 domain name generator which comes up with random names for you to sift through and see if a memorable one comes about. If that is the case, a link is provided for you to buy it on the spot.</p>
<p><center><a href="http://domaintyper.com/" target="_blank" rel="nofollow"><img src="http://lh3.ggpht.com/_aVtbdMo1J34/S3TNZhP8rDI/AAAAAAAAC_w/Xz_VrwOkLQA/domaintyper.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>DNZoom</h1>
<p>DNZoom By Bido consolidates nearly every facet of the domain monetization and management lifecycle into one easy to use application. Buy your domains, track their performance, update Whois information, and sell domains (coming soon!) all with a single, secure login.</p>
<p><center><a href="http://www.dnzoom.com/" target="_blank" rel="nofollow"><img src="http://lh6.ggpht.com/_aVtbdMo1J34/S3TOH2CK4LI/AAAAAAAAC_0/QpNBwujowMI/dnzoom.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>Domain Pigeon</h1>
<p>Domain Pigeon lists available domain and Twitter names which you can register as you please.</p>
<p><center><a href="http://www.domainpigeon.com/" target="_blank" rel="nofollow"><img src="http://lh6.ggpht.com/_aVtbdMo1J34/S3TOlEkhT_I/AAAAAAAAC_8/UHEWiVzL0J8/domain%20pigeon.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>ALLWHOIS.COM</h1>
<p>Allwhois™ automatically locates the appropriate &#8220;whois&#8221; database server for a particular domain name, queries that database for information about that domain name, and returns all available data. In addition, a domain name availability check will also be performed, even if a particular domain extension doesn&#8217;t have a searchable whois database.</p>
<p><center><a href="http://allwhois.com/" target="_blank" rel="nofollow"><img src="http://lh3.ggpht.com/_aVtbdMo1J34/S3TPIBPCtRI/AAAAAAAADAE/QWeyRfMWZWw/allwhois.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>Namethis</h1>
<p>We all know how tiresome and painful finding a domain name can get. You just need to describe the project or product and Namethis will suggest you the name. This $99 service can really save you a lot of time and trouble.</p>
<p><center><a href="http://namethis.com/" target="_blank" rel="nofollow"><img src="http://lh4.ggpht.com/_aVtbdMo1J34/S3TPrZwONqI/AAAAAAAADAI/tKpPHl0Eh50/namethis.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>checkdomain</h1>
<p>Checkdomain is a simple tool that allows you to search for the domain name by typing in the name along with the appropriate domain, such as .com, .biz, .info, .ws (for businesses), .org (for non-profit organizations), .edu (for educational institutions), .net (for networks), .mil (for military) and .gov (for government agencies). You can also search domain according to countries.</p>
<p><center><a href="http://www.checkdomain.com/" target="_blank" rel="nofollow"><img src="http://lh4.ggpht.com/_aVtbdMo1J34/S3TQ1j3xPbI/AAAAAAAADAU/GFrgE7LMs0I/checkdomain.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>easywhois</h1>
<p><center><a href="http://www.easywhois.com/" target="_blank" rel="nofollow"><img src="http://lh6.ggpht.com/_aVtbdMo1J34/S3TQBFCtBYI/AAAAAAAADAM/8YKEVvTIhsc/easywhois.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>coolwhois</h1>
<p>CoolWhois lets you look up the registration information for any domain name including the generic top level domains (.com, .net, .org, .info and .biz) and thecountry top level domains (such as .uk, .de, .to, .ws, .at, etc.).</p>
<p><center><a href="http://www.coolwhois.com/" target="_blank" rel="nofollow"><img src="http://lh3.ggpht.com/_aVtbdMo1J34/S3TUnST5NMI/AAAAAAAADAc/lewpwvJyjko/coolwhois.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>Domain Punch</h1>
<p>This is a desktop application that lets you manage all the domain’s protfolio. You can research and find good domain names, organize and manage your domain portfolio, watch expiry dates,monitor web sites associated with the domain (including ping and http home page check), get email alerts when the status of a domain changes or if the server fails a ping test, categorize domains into different groups for easy management.</p>
<p><center><a href="http://www.domainpunch.com/" target="_blank" rel="nofollow"><img src="http://lh3.ggpht.com/_aVtbdMo1J34/S3TVDf29EjI/AAAAAAAADAg/E21TVa-H-Do/domainpunch.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>Domainer</h1>
<p>Domainer is the domain tracking and managing application built for MAC OS. You can enter domains that you would want to monitor with some additional details. It also shows domain-related data such as Page Rank, the amount of incoming Links, bookmarks on Delicious and Digg stories to a particular domain. Other useful features are syncing renewal dates with iCal, Smart Groups for organizing and import / export of lists.</p>
<p><center><a href="http://www.domainer.com/client/login" target="_blank" rel="nofollow"><img src="http://lh4.ggpht.com/_aVtbdMo1J34/S3TXHVBKZUI/AAAAAAAADA8/bn6AvOhD-1E/domainer.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>Domain Portfolio Manager</h1>
<p>Domain Portfolio Manager allows you manage all your different domains at one single place. It provides a great platform to<br />
Sort Domains by Expire Date, by Registrar, by Genre and by IP address. You can also filter the list just to show certain domains &#8211; like ones starting with pe.. It provides a complete platform to manage all your domain chores.</p>
<p><center><a href="http://collectionmanagers.com/domain_portfolio.php" target="_blank" rel="nofollow"><img src="http://lh4.ggpht.com/_aVtbdMo1J34/S3TVb6bse5I/AAAAAAAADAo/o-XdVYCXYpE/domianprotfoliomanager.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>Tweetname</h1>
<p>This is an interesting application that allows you to register domains through twitter. Tweetname can automatically send a tweet from you when you successfully register a new domain name.</p>
<p><center><a href="http://tweetname.com/" target="_blank" rel="nofollow"><img src="http://lh4.ggpht.com/_aVtbdMo1J34/S3TWhD6D-ZI/AAAAAAAADA0/wANfj5xFrzg/tweetname.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<h1>iWantMyName</h1>
<p>iWantMyName is a domain registration and management service for international domain names. iWantMyName also makes it easy to connect domains to popular web services and applications.</p>
<p><center><a href="http://iwantmyname.com/" target="_blank" rel="nofollow"><img src="http://lh4.ggpht.com/_aVtbdMo1J34/S3TWMBU7GGI/AAAAAAAADAw/ec4y9GfXRWA/iwantmyname.jpg" alt="useful Domain tools" title="25+ Useful Tools for Registering and Monitoring Domain Name" style="width:650px;"/></a></center></p>
<h3></h3>
<p>I hope that this collection will help newbies who are planning to give their website a brand name.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.smashingtips.com/25-useful-tools-for-registering-and-monitoring-domain-name/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>How to add multiple Authors in Blogger</title>
		<link>http://www.smashingtips.com/how-to-add-multiple-authors-in-blogger-blogs</link>
		<comments>http://www.smashingtips.com/how-to-add-multiple-authors-in-blogger-blogs#comments</comments>
		<pubDate>Sun, 10 Jan 2010 06:15:14 +0000</pubDate>
		<dc:creator>Mohamed Rias</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[blogger hacks]]></category>
		<category><![CDATA[Blogger Tips]]></category>
		<category><![CDATA[blogger tutorials]]></category>

		<guid isPermaLink="false">http://www.smashingtips.com/?p=3583</guid>
		<description><![CDATA[The technique of having Multiple authors to manage a Blog is getting popular these days. Though this feature was already available in wordpress , recently Blogger too has enabled this feature. So now Blogger Users can have upto 100 multiple Authors or co-Authors for their blogs. So this new Team Blogging feature has enabled multiple [...]]]></description>
			<content:encoded><![CDATA[<div style="float:right;padding:5px;"><img src="http://174.136.63.8/~techiebl/wp-content/uploads/2010/01/blogger_logo21.png" alt="How to ADD Multiple Authors to Blogger blogs" style="width:200px;height:200px;"/></div>
<p>The technique of having Multiple authors to manage a Blog is getting popular these days. Though this feature was already available in wordpress ,  recently Blogger too has enabled this feature. So now Blogger Users can have upto 100 multiple Authors or co-Authors for their blogs. So this new Team Blogging feature has enabled multiple authors to manage a single Blog. Although the owner of the blog will be the admin by default and all new authors he invites will be given co-author account. They can only EDIT their posts and they won&#8217;t have the feature to edit / delete others posts. However the admin can change the privileges of the co-authors anytime.</p>
<h1></h1>
<h1>Adding Multiple Authors to Blogger Blogs</h1>
<p>In this tutorial , I will explain how to Add more co-authors or guest authors to your Blogger Blog.  Just follow these simple steps to enable this feature in Blogger.</p>
<ul>
<li>Sign in to Blogger</li>
<li>Go to the Settings page of your blog. Click the link for Permissions.</li>
<li>Click the &#8220;Add Authors&#8221; button to add one or more new authors to the list of people who can write posts for your blog.</li>
<p><center><a href="http://www.smashingtips.com/how-to-add-multiple-authors-in-blogger-blogs/add-multiple-authors-in-blogger" rel="attachment wp-att-3588"><img src="http://174.136.63.8/~techiebl/wp-content/uploads/2010/01/add-Multiple-authors-in-blogger1.png" alt="" title="add Multiple authors in blogger" width="680" height="328" class="alignnone size-full wp-image-3588" /></a></center></p>
<li>After adding the authors email id , click &#8221; invite &#8221; button.</li>
<p><center><a href="http://www.smashingtips.com/how-to-add-multiple-authors-in-blogger-blogs/add-multiple-author-email-id-in-blogger" rel="attachment wp-att-3589"><img src="http://174.136.63.8/~techiebl/wp-content/uploads/2010/01/Add-multiple-author-email-id-in-blogger1.png" alt="Add multiple author email id in blogger" title="Add multiple author email id in blogger" width="680" height="457" class="alignnone size-full wp-image-3589" /></a></center></p>
<li>Blogger sends an email invitation to each person you listed in Step 4. If they agree to participate in writing the blog, they respond to the email affirmatively. Blogger does the rest for you.</li>
</ul>
<h1>Changing the permissions of the author</h1>
<p>Once the author accepts your invitation , he can start writing in your blog. But he can only edit or delete posts written by him. He can&#8217;t delete posts written by others.</p>
<p>If you want anyone of the author to edit others post , then you need to grant him admin privileges. For granting Admin privileges , go to Settings page of your blog and navigate to Permissions subtab. Beside the author name you will see a button &#8221; grant admin privileges &#8220;.</p>
<p><center><a href="http://www.smashingtips.com/how-to-add-multiple-authors-in-blogger-blogs/grant-admin-priviliges-in-blogger" rel="attachment wp-att-3592"><img src="http://174.136.63.8/~techiebl/wp-content/uploads/2010/01/grant-admin-priviliges-in-blogger1.png" alt="grant-admin-priviliges-in-blogger" title="grant-admin-priviliges-in-blogger" width="680" class="alignnone size-full wp-image-3592" /></a></center></p>
<p>Click that button and you are done. Now your partner can edit or delete any posts. But one thing you must be very careful before giving someone the admin privileges is that once you grant someone admin privileges he has the power to remove you from the blog.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.smashingtips.com/how-to-add-multiple-authors-in-blogger-blogs/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>How to upload custom Blogger Themes</title>
		<link>http://www.smashingtips.com/how-to-upload-blogger-templates</link>
		<comments>http://www.smashingtips.com/how-to-upload-blogger-templates#comments</comments>
		<pubDate>Sat, 09 Jan 2010 13:07:00 +0000</pubDate>
		<dc:creator>Mohamed Rias</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[blogger hacks]]></category>
		<category><![CDATA[blogger tutorials]]></category>

		<guid isPermaLink="false">http://www.smashingtips.com/?p=3554</guid>
		<description><![CDATA[As you can see , In smashing Tips I have one separate category for Blogger users. I will be showcasing all my unique Blogger hacks , Blogger widgets and Tips to customize Blogger templates there. I have been using Blogger since a longtime and I recently shifted to wordpress. So I thought I can guide [...]]]></description>
			<content:encoded><![CDATA[<p>As you can see , In <a href="http://www.smashingtips.com">smashing Tips</a> I have one separate category for Blogger users. I will be showcasing all my unique Blogger hacks , Blogger widgets and Tips to customize Blogger templates there. I have been using Blogger since a longtime and I recently shifted to wordpress. So I thought I can guide all newbie blogger users to set up their Blog.</p>
<p>Since I will be creating new blogger themes soon , I thought this post will help my readers to upload my custom Blogger templates to Blogger. Here is an simple step by step process to install New Custom Blogger Templates to Blogger Database.</p>
<ul>
<li> Download your favorite Blogger XML template to your computer. If the template is contained in a zip file, ensure you have extracted the XML template.</li>
<li> Log in to your Blogger dashboard and go to Template <span style="color:red;"> Edit HTML</span></li>
<li> Ensure you back up your old template in case you decide to use it again. To do this, click on the &#8220;download full template&#8221; link and save the file to your hard drive.</li>
<p><center><br />
<a href="http://www.smashingtips.com/how-to-upload-blogger-templates/upload-blogger-templates" rel="attachment wp-att-3562"><img src="http://174.136.63.8/~techiebl/wp-content/uploads/2010/01/Upload-Blogger-templates1.png" alt="How to Upload Blogger Template" title="Upload-Blogger-templates" width="700" height="452" /></a></center></p>
<li> Look for the section near the top where you can browse for your XML template: </li>
<li>Enter the location of your template and press <span style="color:red;">&#8220;upload&#8221;.</span></li>
<li>The HTML of your new template will now appear in the box below. You can preview your template or simply save to start using it!</li>
</ul>
<p>I hope these step by step guide will definitely help newbie Blogger users to upload any custom Blogger template.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.smashingtips.com/how-to-upload-blogger-templates/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Page Navigation Hack for Blogger</title>
		<link>http://www.smashingtips.com/page-navigation-hack-for-blogger-blogs</link>
		<comments>http://www.smashingtips.com/page-navigation-hack-for-blogger-blogs#comments</comments>
		<pubDate>Fri, 25 Dec 2009 02:33:27 +0000</pubDate>
		<dc:creator>Mohamed Rias</dc:creator>
				<category><![CDATA[Blogger]]></category>

		<guid isPermaLink="false">http://174.136.63.8/~techiebl/?p=3839</guid>
		<description><![CDATA[Most said page navigation menu in the bottom of the page can appear only in WordPress blogs. But Now here is a blogger hack which will help you to show Page Navigation Menu in bottom of the page ( see screenshot ) . you can Add this Page Navigation hack to your blogger template either [...]]]></description>
			<content:encoded><![CDATA[<p>Most said page navigation menu in the bottom of the page can appear only in WordPress blogs. But Now here is a blogger hack which will help you to show Page Navigation Menu in bottom of the page ( see screenshot ) . you can Add this Page Navigation hack to your blogger template either by inserting script to your template by editing or you can add it as a widget . In this post I will write only how to add this Page navigation menu by editing template code.</p>
<p><center><a title="Page Navigation Hack" href="http://www.smashingtips.com/wp-content/uploads/2010/01/PageNavigationHackforBloggerBeta.gif" rel="lytebox"><img style="border: medium none ;" alt="Page Navigation Hack " src="http://www.smashingtips.com/wp-content/uploads/2010/01/PageNavigationHackforBloggerBeta.gif" /></a></center></p>
<p>I have used a background image for this Page Navigation hack. If you want to show this without the background image just remove the background image url .</p>
<p>Let us start :</p>
<p>Step 1 : Log in to your blogger account and navigate to <span style="color: rgb(255, 0, 0);">Layout</span> section. Now go to the <span style="color: rgb(255, 0, 0);">edit HTML</span> subtab.</p>
<p>Step 2 : search this line <span style="color: rgb(255, 0, 0);">]]&gt;&lt;/b:skin&gt;</span> and add this CSS code above that line.<br />
<span style="color: rgb(0, 0, 153);">CSS CODE WITH IMAGE :</span></p>
<div class="codeview">.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;<br />}</p>
<p>.showpageArea a {border: 1px solid #505050;<br />color: #000000;font-weight:normal;<br />padding: 3px 6px !important;<br />padding: 1px 4px ;margin:0px 4px;<br />text-decoration: none;<br />}<br />.showpageArea a:hover {<br />font-size:11px;<br />border: 1px solid #333;<br />color: #000000;<br />background-color: #FFFFFF;<br />}</p>
<p>.showpageNum a {border: 1px solid #505050;<br />color: #000000;font-weight:normal;<br />padding: 3px 6px !important;<br />padding: 1px 4px ;margin:0px 4px;<br />text-decoration: none;</p>
<p>}<br />.showpageNum a:hover {<br />font-size:11px;<br />border: 1px solid #333;<br />color: #000000;<br />background-color: #FFFFFF;</p>
<p>}<br />.showpagePoint {font-size:11px;<br />padding: 2px 4px 2px 4px;<br />margin: 2px;<br />font-weight: bold;<br />border: 1px solid #333;<br />color: #fff;<br />background-color: #000000;</p>
<p>}</p>
<p>.showpage a:hover {font-size:11px;<br />border: 1px solid #333;<br />color: #000000;<br />background-color: #FFFFFF;</p>
<p>}<br />.showpageNum a:link,.showpage a:link {<br />font-size:11px;<br />padding: 2px 4px 2px 4px;<br />margin: 2px;<br />text-decoration: none;<br />border: 1px solid #0066cc;<br />color: #0066cc;<br />background-color: #FFFFFF;}</p>
<p>.showpageNum a:hover {font-size:11px;<br />border: 1px solid #333;<br />color: #000000;<br />background-color: #FFFFFF;<br />}</div>
<p>It must look like this :</p>
<p><img title=" Page Navigation Blogger Hack Instructions" alt=" When you Add CSS code to your template , it must look like this " src="http://i263.photobucket.com/albums/ii150/mohamedrias/AddtheCSScodeforPageNavigationHacki.jpg" /></p>
<p>Step 3 : Now search for this code or related in your template ( no need to expand widgets )</p>
<p><span style="color: rgb(255, 0, 0);">&lt;b:section class=&#8217;main&#8217; id=&#8217;main&#8217; showaddelement=&#8217;yes&#8217;&gt;<br />&lt;b:widget id=&#8217;Blog1&#8242; locked=&#8217;true&#8217; title=&#8217;Blog Posts&#8217; type=&#8217;Blog&#8217;/&gt;<br />&lt;/b:section&gt;</span></p>
<p>Now Add This script just below the <span style="color: rgb(255, 0, 0);">&lt;/b:section&gt;</span> .</p>
<p>
<div class="codeview">&amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt;</p>
<p>function showpageCount(json) {<br />var thisUrl = location.href;<br />var htmlMap = new Array();<br />var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&amp;quot;.blogspot.com/&amp;quot;;<br />var isLablePage = thisUrl.indexOf(&amp;quot;/search/label/&amp;quot;)!=-1;<br />var isPage = thisUrl.indexOf(&amp;quot;/search?updated&amp;quot;)!=-1;<br />var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&amp;quot;/search/label/&amp;quot;)+14,thisUrl.length) : &amp;quot;&amp;quot;;<br />thisLable = thisLable.indexOf(&amp;quot;?&amp;quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&amp;quot;?&amp;quot;)) : thisLable;<br />var thisNum = 1;<br />var postNum=1;<br />var itemCount = 0;<br />var fFlag = 0;<br />var eFlag = 0;<br />var html= &amp;#39;&amp;#39;;<br />var upPageHtml =&amp;#39;&amp;#39;;<br />var downPageHtml =&amp;#39;&amp;#39;;</p>
<p>var pageCount=5;<br />var displayPageNum=3;<br />var firstPageWord = &amp;#39;First&amp;#39;;<br />var endPageWord = &amp;#39;Last&amp;#39;;<br />var upPageWord =&amp;#39;Previous&amp;#39;;<br />var downPageWord =&amp;#39;Next&amp;#39;;</p>
<p>var labelHtml = &amp;#39;&amp;lt;span class=&amp;quot;showpageNum&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;/search/label/&amp;#39;+thisLable+&amp;#39;?&amp;amp;max-results=&amp;#39;+pageCount+&amp;#39;&amp;quot;&amp;gt;&amp;#39;;</p>
<p>for(var i=0, post; post = json.feed.entry[i]; i++) {<br />var timestamp = post.published.$t.substr(0,10);<br />var title = post.title.$t;<br />if(isLablePage){<br />if(title!=&amp;#39;&amp;#39;){<br />if(post.category){<br />for(var c=0, post_category; post_category = post.category[c]; c++) {<br />if(encodeURIComponent(post_category.term)==thisLable){<br />if(itemCount==0 (itemCount % pageCount ==(pageCount-1))){<br />if(thisUrl.indexOf(timestamp)!=-1 ){<br />thisNum = postNum;<br />}</p>
<p>postNum++;<br />htmlMap[htmlMap.length] = &amp;#39;/search/label/&amp;#39;+thisLable+&amp;#39;?updated-max=&amp;#39;+timestamp+&amp;#39;T00%3A00%3A00%2B08%3A00&amp;amp;max-results=&amp;#39;+pageCount;<br />}<br />}<br />}<br />}//end if(post.category){</p>
<p>itemCount++;<br />}</p>
<p>}else{<br />if(title!=&amp;#39;&amp;#39;){<br />if(itemCount==0 (itemCount % pageCount ==(pageCount-1))){<br />if(thisUrl.indexOf(timestamp)!=-1 ){<br />thisNum = postNum;<br />}</p>
<p>if(title!=&amp;#39;&amp;#39;) postNum++;<br />htmlMap[htmlMap.length] = &amp;#39;/search?updated-max=&amp;#39;+timestamp+&amp;#39;T00%3A00%3A00%2B08%3A00&amp;amp;max-results=&amp;#39;+pageCount;<br />}<br />}<br />itemCount++;<br />}<br />}</p>
<p>for(var p =0;p&amp;lt; htmlMap.length;p++){<br />if(p&amp;gt;=(thisNum-displayPageNum-1) &amp;amp;&amp;amp; p&amp;lt;(thisNum+displayPageNum)){<br />if(fFlag ==0 &amp;amp;&amp;amp; p == thisNum-2){<br />if(thisNum==2){<br />if(isLablePage){<br />upPageHtml = labelHtml + upPageWord +&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;;<br />}else{<br />upPageHtml = &amp;#39;&amp;lt;span class=&amp;quot;showpage&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;/&amp;quot;&amp;gt;&amp;#39;+ upPageWord +&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;;<br />}<br />}else{<br />upPageHtml = &amp;#39;&amp;lt;span class=&amp;quot;showpage&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;&amp;#39;+htmlMap[p]+&amp;#39;&amp;quot;&amp;gt;&amp;#39;+ upPageWord +&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;;<br />}</p>
<p>fFlag++;<br />}</p>
<p>if(p==(thisNum-1)){<br />html += &amp;#39;&amp;amp;nbsp;&amp;lt;span class=&amp;quot;showpagePoint&amp;quot;&amp;gt;&amp;lt;u&amp;gt;&amp;#39;+thisNum+&amp;#39;&amp;lt;/u&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;;<br />}else{<br />if(p==0){<br />if(isLablePage){<br />html = labelHtml+&amp;#39;1&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;;<br />}else{<br />html += &amp;#39;&amp;lt;span class=&amp;quot;showpageNum&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;/&amp;quot;&amp;gt;1&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;;<br />}<br />}else{<br />html += &amp;#39;&amp;lt;span class=&amp;quot;showpageNum&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;&amp;#39;+htmlMap[p]+&amp;#39;&amp;quot;&amp;gt;&amp;#39;+ (p+1) +&amp;#39; &amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;;<br />}<br />}</p>
<p>if(eFlag ==0 &amp;amp;&amp;amp; p == thisNum){<br />downPageHtml = &amp;#39;&amp;lt;span class=&amp;quot;showpage&amp;quot;&amp;gt; &amp;lt;a href=&amp;quot;&amp;#39;+htmlMap[p]+&amp;#39;&amp;quot;&amp;gt;&amp;#39;+ downPageWord +&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;;<br />eFlag++;<br />}<br />}//end if(p&amp;gt;=(thisNum-displayPageNum-1) &amp;amp;&amp;amp; p&amp;lt;(thisNum+displayPageNum)){<br />}//end for(var p =0;p&amp;lt; htmlMap.length;p++){</p>
<p>if(thisNum&amp;gt;1){<br />if(!isLablePage){<br />html = &amp;#39;&amp;lt;span class=&amp;quot;showpage&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;/&amp;quot;&amp;gt;&amp;#39;+ firstPageWord +&amp;#39; &amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;+upPageHtml+&amp;#39; &amp;#39;+html +&amp;#39; &amp;#39;;<br />}else{<br />html = &amp;#39;&amp;#39;+labelHtml + firstPageWord +&amp;#39; &amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;+upPageHtml+&amp;#39; &amp;#39;+html +&amp;#39; &amp;#39;;<br />}<br />}</p>
<p>html = &amp;#39;&amp;lt;div class=&amp;quot;showpageArea&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;&amp;quot; class=&amp;quot;showpage&amp;quot;&amp;gt;Page &amp;#39;+thisNum+&amp;#39; of &amp;#39;+(postNum-1)+&amp;#39;: &amp;lt;/span&amp;gt;&amp;#39;+html;</p>
<p>if(thisNum&amp;lt;(postNum-1)){<br />html += downPageHtml;<br />html += &amp;#39;&amp;lt;span class=&amp;quot;showpage&amp;q<br />
uot;&amp;gt;&amp;lt;a href=&amp;quot;&amp;#39;+htmlMap[htmlMap.length-1]+&amp;#39;&amp;quot;&amp;gt; &amp;#39;+endPageWord+&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;;<br />}</p>
<p>if(postNum==1) postNum++;<br />html += &amp;#39;&amp;lt;/div&amp;gt;&amp;#39;;</p>
<p>if(isPage isFirstPage isLablePage){<br />var pageArea = document.getElementsByName(&amp;quot;pageArea&amp;quot;);<br />var blogPager = document.getElementById(&amp;quot;blog-pager&amp;quot;);</p>
<p>if(postNum &amp;lt;= 2){<br />html =&amp;#39;&amp;#39;;<br />}</p>
<p>for(var p =0;p&amp;lt; pageArea.length;p++){<br />pageArea[p].innerHTML = html;<br />}</p>
<p>if(pageArea&amp;amp;&amp;amp;pageArea.length&amp;gt;0){<br />html =&amp;#39;&amp;#39;;<br />}</p>
<p>if(blogPager){<br />blogPager.innerHTML = html;<br />}<br />}</p>
<p>}<br />&amp;lt;/script&amp;gt;</p>
<p>&amp;lt;script src=&amp;quot;/feeds/posts/summary?alt=json-in-script&amp;amp;callback=showpageCount&amp;amp;max-results=99999&amp;quot; type=&amp;quot;text/javascript&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;</p>
<p>&lt;div style=&#8217;text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;&#8217;&gt; &lt;a href=&#8217;http://www.smashingtips.com/page-navigation-hack-for-blogger-blogs&#8217;&gt;SmashingTips &#8211; Blogger Tips&lt;/a&gt;&lt;/div&gt;</div>
<p>In the code above you can edit the lines in red to your wish .</p>
<p>1 : var pageCount = <span style="color: rgb(255, 0, 0);">5</span>;</p>
<p>The digit in red represents number of posts to be shown in single page. Change the digit to show as many pages you want.</p>
<p><span style="color: rgb(0, 0, 153);">for example :</span></p>
<p>In my blog I have put that value as 2 . In each page you can see only 2 posts .</p>
<p>2 : var displayPageNum = <span style="color: rgb(204, 0, 0);">3</span>;</p>
<p>here the digit in red represents number of pages to be listed.</p>
<p><span style="color: rgb(0, 0, 153);">For example :</span></p>
<p>In my blog I have chosen 3 , then 3 pages will be shown.</p>
<p>That&#8217;s it now we have added Page Navigation menu hack to our blog successfully. That CSS code will suit almost all templates. Please don&#8217;t remove the credit link.</p>
<p>I hope all of you will like this Page Navigation blogger hack . If you have any doubts please ask in comment section . Comments are most welcome , please give me your feedback about this blogger Hack.</p>
<p>You can also add this Page navigation hack in the another method : <a href="http://rias-techno-wizard.blogspot.com/2008/07/page-navigation-menu-widget-for-blogger.html">Widget style</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.smashingtips.com/page-navigation-hack-for-blogger-blogs/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Show Adsense ads below post title</title>
		<link>http://www.smashingtips.com/show-adsense-ads-below-post-title-in-blogger</link>
		<comments>http://www.smashingtips.com/show-adsense-ads-below-post-title-in-blogger#comments</comments>
		<pubDate>Sat, 16 May 2009 06:07:38 +0000</pubDate>
		<dc:creator>Mohamed Rias</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Adsense]]></category>
		<category><![CDATA[blogger hacks]]></category>

		<guid isPermaLink="false">http://174.136.63.8/~techiebl/?p=3826</guid>
		<description><![CDATA[In this tutorial I will explain how to place Adsense ads below post title in Blogger Blogs with lots of customization tips. You might have noticed that most of the bloggers show Google adsense ads below title to increase their Click through rate and earnings. According to Google adsense help pages &#8221; Where to place [...]]]></description>
			<content:encoded><![CDATA[<p>In this tutorial I will explain how to place Adsense ads below post title in Blogger Blogs with lots of customization tips. You might have noticed that most of the bloggers show Google adsense ads below title to increase their Click through rate and earnings.</p>
<p>According to Google adsense help pages &#8221; <a href="https://www.google.com/adsense/support/bin/answer.py?answer=17954">Where to place adsense ads ?</a>&#8220;. Placing adsense ads below title and above article content can bring high ctr and performance.</p>
<div style="text-align: center;"><img style="width: 472px; height: 402px;" src="http://www.google.com/images/adsense/en_us/support/general_en.jpg" alt="Adsense ads Below post title" /></div>
<p>This &#8220;heat map&#8221; illustrates the ideal placing on a sample page layout. The colors fade from dark orange (strongest performance) to light yellow (weakest performance). So it&#8217;s clear from the heat map that the adsense ads below post title can bring high ctr.</p>
<h3> How to add Adsense ads below post title ?</h3>
<p>It&#8217;s really very easy to add adsense ads below post title in blogger. Inorder to add adsense ads below post title ,just follow the below steps.</p>
<p>Before adding the adsense ads to blogger templates , we need to encode our adsense ads code.If you add the adsense code without encoding then you can&#8217;t see any adsense ads below post title.</p>
<h3>Encoding Adsense Ad Code ?</h3>
<p>To encode adsense ads, first create an adsense ad and then visit <a style="color: rgb(255, 0, 0);" href="http://centricle.com/tools/html-entities/" target="_blank">centricle</a> website to encode. In centricle web page , you need to paste your adsense code in the text area and then click &#8221; <span style="color: rgb(255, 0, 0);">Encode</span> &#8220;. Copy the encoded code. Now your adsense code is ready to be added to blogger template.</p>
<h3> Adding adsense ad code to blogger template</h3>
<p> step 1 : Go to layout section of your blogger template and then navigate to EDIT HTML sub tab. There check the &#8220;Expand Widget Templates &#8220;.</p>
<p>step2 : Look up the following tag : <span style="color: rgb(204, 0, 0);">&lt;p&gt;&lt;data:post.body/&gt;&lt;/p&gt;</span> and paste the encoded adsense ad code above that tag.</p>
<p>Then click save. That&#8217;s it Now we have added the adsense ad code below the post title in blogger blog successfully.</p>
<h3> Customizing Adsense ads</h3>
<p>Here are the few customization tips , which you can apply to increase your CTR.You might have seen that most of the bloggers will show more than Three posts in home page / labels page / archives page. But as per adsense TOS we can show only  Three ads per page. So due to this we will see some blank spaces between post title and content , when the three adsense ads are already loaded.In order to avoid this error , we can show adsense ads only in Post pages i.e pages containing articles.</p>
<h3> Showing adsense Ad only in Post pages </h3>
<p>In order to implement this hack in your blogger template. you need to change the encoded adsense ad code to this.</p>
<blockquote><p>&lt;b:if cond=&#8217;data:blog.pageType == &amp;quot;item&amp;quot;&#8217;&gt;<br />Encoded Adsense code here<br />&lt;/b:if&gt;</p></blockquote>
<p>Now paste this code above <span style="color: rgb(204, 0, 0);">&lt;p&gt;&lt;data:post.body/&gt;&lt;/p&gt;</span><br />
<h3>Making adsense ads to Float</h3>
<p>After adding the adsense ad code to your templates , you can see that by default the adsense ad code will not allow any text to be shown nearby it.</p>
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_aVtbdMo1J34/Sg7TDYYZQQI/AAAAAAAABb8/R7usxLBVq5s/s1600-h/adsense+ads.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 256px;" src="http://3.bp.blogspot.com/_aVtbdMo1J34/Sg7TDYYZQQI/AAAAAAAABb8/R7usxLBVq5s/s400/adsense+ads.jpg" alt="" id="BLOGGER_PHOTO_ID_5336434663518454018" border="0" /></a><br />So in order to overcome this error , we need to add some CSS codes to make adsense ad code to float either left or right.</p>
<p>For this we just need to modify the encoded adsense code to be added in step 2.</p>
<p>replace that encoded code with this one :</p>
<blockquote><p>&lt;div style=&#8221;float:<span style="color: rgb(255, 0, 0);">left</span>;padding:<span style="color: rgb(204, 0, 0);">5px</span>;&#8221;&gt;</p>
<p>encoded adsense ad code here</p>
<p>&lt;/div&gt;</p></blockquote>
<p>Change the text in red to make adsense ad to float either to left or right.</p>
<h3>My suggestion </h3>
<p>According to me , instead of showing adsense ads in all pages ( home page , archives page and labels page ) ,  we can show adsense ads only in post pages to increase our ctr. If you are using the &#8221; <a href="http://www.techieblogger.com/2009/05/read-more-hack-for-blogger-with.html">Read More hack for Blogger with automatic Thumbnail creator script</a> &#8221; then it&#8217;s advisable to show adsense ads only in post pages.</p>
<p>Hope you guys will like this hack. If you need any more customization , then give me your suggestions via comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.smashingtips.com/show-adsense-ads-below-post-title-in-blogger/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Read More hack for Blogger with automatic Thumbnail creator script</title>
		<link>http://www.smashingtips.com/read-more-hack-for-blogger-with-automatic-thumbnail-creator-script-2</link>
		<comments>http://www.smashingtips.com/read-more-hack-for-blogger-with-automatic-thumbnail-creator-script-2#comments</comments>
		<pubDate>Thu, 14 May 2009 08:39:00 +0000</pubDate>
		<dc:creator>Mohamed Rias</dc:creator>
				<category><![CDATA[Blogger]]></category>

		<guid isPermaLink="false">http://www.smashingtips.com/read-more-hack-for-blogger-with-automatic-thumbnail-creator-script-2</guid>
		<description><![CDATA[You might have noticed that since few weeks I have been using a strange script which enables us to summarize content and show only the summary with a thumbnail in Home Page , Archives page and Labels page. Since some of my readers requested this hack in gtalk , so I am going to explain [...]]]></description>
			<content:encoded><![CDATA[<p>You might have noticed that since few weeks I have been using a strange script which enables us to summarize content and show only the summary with a thumbnail in Home Page , Archives page and Labels page.</p>
<p>Since some of my readers requested this hack in <a href="gtalk:chat?jid=mohamedrias1103@gmail.com">gtalk</a>  , so I am going to explain How to add this hack to your blogger template.</p>
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_ecj_-xaKLE0/SYRf0tjDWiI/AAAAAAAABVE/D77J2tT-IEA/s400/resumo.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 360px; height: 318px;" src="http://4.bp.blogspot.com/_ecj_-xaKLE0/SYRf0tjDWiI/AAAAAAAABVE/D77J2tT-IEA/s400/resumo.jpg" alt="" border="0" /></a></p>
<p>Before going into this , I would like to mention the previous versions of this created by some of my fellow Bloggers.</p>
<ul>
<li> <a href="http://www.eblogtemplates.com/how-to-add-the-blogger-read-more-expandable-posts-link/">Eblog Templates</a> </li>
<li> <a href="http://hackosphere.blogspot.com/2006/09/expandable-posts-with-peekaboo-view.html">Hackosphere</a> </li>
</ul>
<p>But these versions had some disadvantages like :</p>
<h3>1. It can&#8217;t automatically create summaries.</h3>
<p>We need to add the following tag in all post pages while writing new posts</p>
<div style="text-align: left; color: rgb(255, 0, 0);">Type your summary here<br />
&lt;span id=&#8221;fullpost&#8221;&gt;<br />
Type rest of the post here<br />
&lt;/span&gt;
</div>
<h3>2. This feature can be available only for future posts.</h3>
<p> That is if you already have 50 posts in your blog and then after that you are adding this hack to your template then you need to add the above tag in each and every previous 50 posts to make this hack working. But it&#8217;s a tedious process.</p>
<h3>3. Can&#8217;t create Thumbnails automatically </h3>
<p>This hack can&#8217;t create automatic thumbnails for posts.</p>
<p>Now a new version has been developed by my blogger friends. I would like to share that new version of read more hack with you all.</p>
<h3> Read More hack with automatic Thumbnail creator script </h3>
<p>This hack has overcome all the drawbacks of the previous version of read more hack. This hack is developed by <a href="http://www.bloggersphera.com/2009/01/resumo-do-post-hack-leia-mais.html">Blogsphera </a> . ( <a href="http://translate.google.com/translate?u=http%3A//www.bloggersphera.com/2009/01/resumo-do-post-hack-leia-mais.html&amp;hl=en&amp;langpair=auto%7Cen&amp;tbb=1&amp;ie=UTF-8">Translated version </a>).</p>
<p>Let&#8217;s see the installation instructions :</p>
<h3> Adding the Javascript in the header </h3>
<p>To add the javascript files to the header , first login to your blogger account. Then navigate to Layout section of your blog and then move to <span style="color: rgb(255, 0, 0);">EDIT HTML</span> sub tab.</p>
<p>There search for this tag : <span style="color: rgb(204, 0, 0);">&lt;/head&gt;</span></p>
<p>Now place the follwing code above that tag &lt;/head&gt; :</p>
<div class="codeview">&lt;SCRIPT type=&#8217;text/javascript&#8217;&gt; var thumbnail_mode = &amp;quot;no-float&amp;quot; ; summary_noimg =<span style="color: rgb(204, 0, 0);"> 500</span>; summary_img = <span style="color: rgb(255, 0, 0);">400</span>; img_thumb_height = <span style="color: rgb(255, 0, 0);">130</span>; img_thumb_width =<span style="color: rgb(255, 0, 0);"> 281</span>; &lt;/SCRIPT&gt; &lt;SCRIPT src=&#8217;http://techieblogger.com/wp-content/uploads/2009/08/readmore.js&#8217; type=&#8217;text/javascript&#8217;/&gt; </div>
<p>then save your template.</p>
<h3> Final step : ADD the code in post body </h3>
<p>Now check &#8221; Expand Widget Templates &#8221; option in the edit html page. And then search for this tag</p>
<div style="text-align: center; color: rgb(255, 0, 0);">&lt;p&gt;&lt;data:post.body/&gt;&lt;/p&gt;</div>
<p>Now replace that whole tag with the code below :</p>
<div class="codeview">&lt;b:if cond=&#8217;data:blog.pageType == &amp;quot;item&amp;quot;&#8217;&gt;<br />
&lt;p&gt;&lt;data:post.body/&gt;&lt;/p&gt;<br />
&lt;b:else/&gt;&lt;DIV expr:id=&#8217;&amp;quot;summary&amp;quot; + data:post.id&#8217;&gt;&lt;p&gt;&lt;data:post.body/&gt;&lt;/p&gt;&lt;/DIV&gt; &lt;SCRIPT type=&#8217;text/javascript&#8217;&gt;createSummaryAndThumb(&amp;quot;summary&lt;data:post.id/&gt;&amp;quot;);&lt;/SCRIPT&gt;  &lt;div style=&#8217;clear: both;&#8217;/&gt; &lt;div style=&#8217;border:0px;padding-top:5px;;float:right;text-align:right;&#8217;&gt;&lt;span class=&#8217;readon&#8217;&gt;&lt;a expr:href=&#8217;data:post.url&#8217; rel=&#8217;bookmark&#8217;&gt;&lt;img src=&#8217;<span style="color: rgb(255, 0, 0);">http://i422.photobucket.com/albums/pp302/bloggeracs/ReadMore.png</span>&#8216;/&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;<br />
&lt;/b:if&gt;</div>
<p>You can now preview your template and then save it.</p>
<p>it will look like this :</p>
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_aVtbdMo1J34/SgvqQi69QfI/AAAAAAAABbU/bwKU2nJacBw/read-more-hack.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 500px; height: 222px;" src="http://1.bp.blogspot.com/_aVtbdMo1J34/SgvqQi69QfI/AAAAAAAABbU/bwKU2nJacBw/s320/read-more-hack.jpg" alt="" id="BLOGGER_PHOTO_ID_5335615753523380722" border="0" /></a></p>
<h3> <span style="color: rgb(255, 0, 0);">Customizing The code </span></h3>
<p>Now let us see how to customize the code to suit your style :</p>
<ul>
<li>var thumbnail_mode = &#8220;no-float&#8221;;</li>
<p>By default i have selected no-float. That the image will be unformatted. If you want the thumbnail to be shown only on left use the option &#8221; float &#8221; instead of &#8220;no-float&#8221;.</p>
<li>summary_noimg = 500 ;</li>
<p>This code will decide how much characters must be shown in the post if that post doesn&#8217;t contain any images. I have selected 500 characters.. you can customize it to suit ur template.
<li>summary_img = 400 ;</li>
<p>If the post contains image , then this code will decide how many characters must be shown in that post. Change the number of characters to be shown to suit your template.</p>
<li>img_thumb_height = 130; </li>
<p>This tag decides the height of the thumbnail to be shown in the post. Vary the number 130 to suit your template.</p>
<li> img_thumb_width = 281 ; </li>
<p>This tag decides the width of the Thumbnail image to be shown.</p>
<h3> Adding read more image </h3>
<p>The author of this hack haven&#8217;t included any read more buttons in this hack. But I have modified the code and have included a image to link to the full post.</p>
<p><img src="http://i422.photobucket.com/albums/pp302/bloggeracs/ReadMore.png" alt="" width="80" height="25" /></p>
<p>If you want to change the image then replace the url of the image with your own image</p>
<p>or if you don&#8217;t need any read more button , then replace the code in final step to this one :</p>
<div class="codeview">&lt;b:if cond=&#8217;data:blog.pageType == &#8220;item&#8221;&#8216;&gt;<br />
&lt;p&gt;&lt;data:post.body/&gt;&lt;/p&gt;<br />
&lt;b:else/&gt;&lt;DIV expr:id=&#8217;&#8221;summary&#8221; + data:post.id&#8217;&gt;&lt;p&gt;&lt;data:post.body/&gt;&lt;/p&gt;&lt;/DIV&gt; &lt;SCRIPT type=&#8217;text/javascript&#8217;&gt;createSummaryAndThumb(&#8220;summary&lt;data:post.id/&gt;&#8221;);&lt;/SCRIPT&gt; &lt;div style=&#8217;clear: both;&#8217;/&gt;&lt;div style=&#8217;border:0px;padding-top:5px;;float:right;text-align:right;&#8217;&gt;&lt;span class=&#8217;readon&#8217;&gt;&lt;a expr:href=&#8217;data:post.url&#8217; rel=&#8217;bookmark&#8217;&gt;Read More&#8230;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;<br />
&lt;/b:if&gt;</div>
<p>change the tag in red to suit your style.</p>
</ul>
<p>Hope I have explained everything in this script. if you need any other modification or help please feel free to add to <a href="gtalk:chat?jid=mohamedrias1103@gmail.com">gtalk</a>. I love to help you guys.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.smashingtips.com/read-more-hack-for-blogger-with-automatic-thumbnail-creator-script-2/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>30+ smashing tutorials for creating Texture and Background Effects in Photoshop</title>
		<link>http://www.smashingtips.com/30-smashing-tutorials-for-creating-texture-and-background-effects-photoshop</link>
		<comments>http://www.smashingtips.com/30-smashing-tutorials-for-creating-texture-and-background-effects-photoshop#comments</comments>
		<pubDate>Fri, 08 May 2009 18:38:30 +0000</pubDate>
		<dc:creator>Mohamed Rias</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[backgrounds]]></category>
		<category><![CDATA[photoshop backgrounds]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://174.136.63.8/~techiebl/?p=3830</guid>
		<description><![CDATA[We all know that attractive backgrounds are very much needed for any graphics, banners or ads these days. An interesting artwork can make the abstract art , vector or texture pattern more appealing . Getting the correct theme, whether it’s an abstract art, vector, or texture pattern, somehow makes the entire artwork looks more interesting. [...]]]></description>
			<content:encoded><![CDATA[<p>We all know that attractive backgrounds are very much needed for any graphics, banners or ads these days. An interesting artwork can make the abstract art , vector or texture pattern more appealing . Getting the correct theme, whether it’s an abstract art, vector, or texture pattern, somehow makes the entire artwork looks more interesting.</p>
<p>Hope most of you know the importance of a good background image . For Instance , some product graphics advertisements uses subtle background or texture to help create focus point. Even your Desktop also needs a good attractive background as well. And also for most of the web designers creating backgrounds is a tedious job , since for that you need to know photoshop or Adobe illustrator and other image editing software. Even though if you are good at CSS programming skills without a background image you can&#8217;t create a much appealing site.</p>
<p>So here I present some of the most famous and interesting abstracts and background tutorials for Adobe Photoshop users.It’s probably not about getting the exact effect they’ve got, but to pickup the technique and see how you can advance from there.</p>
<h3><a href="http://pshero.com/archives/calculations-and-colorization">Calculations And Colorization : </a></h3>
<p>Learn how to create an Alpha Channel using the Calculations dialog and we’ll use it to get a really great abstract photo effect.</p>
<div style="text-align: center;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5333514590170980770" src="http://2.bp.blogspot.com/_aVtbdMo1J34/SgRzQveBIaI/AAAAAAAABXE/jiiPYFkFwEc/s320/Calculations-And-Colorization.jpg" style="height: 160px; width: 320px;" /></div>
<p>
<h3><a href="http://veerle.duoh.com/blog/comments/create_a_magical_rainbow_color_flame_in_photoshop/">Create a magical rainbow color flame in Photoshop</a></h3>
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_aVtbdMo1J34/SgVkmzpsylI/AAAAAAAABac/2Pu1nkU_JH8/s1600-h/Create+a+magical+rainbow+color+flame+in+Photoshop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_aVtbdMo1J34/SgVkmzpsylI/AAAAAAAABac/2Pu1nkU_JH8/s320/Create+a+magical+rainbow+color+flame+in+Photoshop.jpg" /></a></div>
<p>
<h3><a href="http://assaultblog.com/repeating-seamless-background-image-tutorial/">Repeating Seamless Background </a></h3>
<p>A trick often employed on webpages is to use a seamless background that can tile both vertically and horizontally. If your website gets alot of traffic and you don’t like paying for extra bandwidth costs you need to optimize your site for every single kilobyte. This generally translates to NOT using a giant JPG as a background.
<div class="separator" style="clear: both; text-align: center;"><a href="http://draft.blogger.com/post-edit.g?blogID=6425918883307327859&amp;postID=7030471549902602337" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_aVtbdMo1J34/SgTcjHi8z_I/AAAAAAAABYM/zfdRNNDTv9s/s320/tile2_4-300x300.jpg" /></a></div>
<p>
<h3><a href="http://www.adobetutorialz.com/articles/2819/3/Abstract-Summer-Illustration">Abstract Summer Illustration :</a> </h3>
<p>Learn to create an illustration picturing the summer.</p>
<div style="text-align: center;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5333514910263709730" src="http://4.bp.blogspot.com/_aVtbdMo1J34/SgRzjX6EkCI/AAAAAAAABXM/YOC4i6LZKlA/s320/Abstract-Summer-Illustration.jpg" style="height: 160px; width: 320px;" /></div>
<p>
<h3><a href="http://www.adobetutorialz.com/articles/2521/1/Texture-of-black-bubbles-effects">Texture of black bubbles effects  :</a> </h3>
<p>Create cool texture of Black Bubbles in photoshop</p>
<div style="text-align: center;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5333515290805291986" src="http://1.bp.blogspot.com/_aVtbdMo1J34/SgRz5hiQS9I/AAAAAAAABXU/qlVma-9pFR8/s320/13.jpg" style="height: 320px; width: 314px;" /></div>
<p>
<h3><a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-effects/digital-star-effect.html">Digital Star Effect</a> </h3>
<p>An easy tutorial to generate Digital Star Effect in Photoshop .</p>
<div style="text-align: center;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5333516014376810866" src="http://2.bp.blogspot.com/_aVtbdMo1J34/SgR0jpDJeXI/AAAAAAAABXc/XKTbjiQ3bfU/s320/Digital-Star-Effect.jpg" style="height: 160px; width: 320px;" /></div>
<p>
<h3><a href="http://psd.tutsplus.com/tutorials-effects/creating-a-mac-type-background-in-photoshop/">Mac-type background</a> </h3>
<p>This tutorial is about making a &#8220;mac&#8221; style background. You can use these in all sorts of situations, including the obvious &#8211;your desktop&#8211; as well as part of your designs or for corporate work</p>
<div style="text-align: center;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5333516356528417394" src="http://1.bp.blogspot.com/_aVtbdMo1J34/SgR03jqcqnI/AAAAAAAABXk/HcvYl45c2W0/s320/mac-type-background.jpg" style="height: 160px; width: 320px;" /></div>
<p>
<h3><a href="http://www.rnel.net/tutorial/Photoshop/11541"> Cool abstract background </a></h3>
<p>Being able to create effects from elsewhere is a great way to learn Adobe Photoshop. Here I will take you through the steps used to create abstract background from bubbles and waves.
<div style="text-align: center;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5333516820858638242" src="http://2.bp.blogspot.com/_aVtbdMo1J34/SgR1SlbZj6I/AAAAAAAABXs/akOHrY4DqWk/s320/36.jpg" style="height: 240px; width: 320px;" /></div>
<p>
<h3><a href="http://www.webdesignerwall.com/tutorials/chroma-wallpapers/">Chroma Wallpapers </a></h3>
<p>This tutorial explains how to create a energetic, vibrant, colorful wallpaper, like the ones available at <a href="http://colorcharge.com/chroma/">Color Charge</a>.
<div class="separator" style="clear: both; text-align: center;"><a href="http://draft.blogger.com/post-edit.g?blogID=6425918883307327859&amp;postID=7030471549902602337" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_aVtbdMo1J34/SgTZTCgq4JI/AAAAAAAABX0/xSI8-0e_sj0/s320/chroma-wallpapers.jpg" /></a></div>
<h3><a href="http://www.freephotoshop.ca/tutorials/effects/photoshop-tutorial-abstract-light-rays">photoshop tutorial abstract light rays</a> </h3>
<p>An easy tutorial to create abstract light rays in photoshop.
<div class="separator" style="clear: both; text-align: center;"><a href="http://draft.blogger.com/post-edit.g?blogID=6425918883307327859&amp;postID=7030471549902602337" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_aVtbdMo1J34/SgTZrq9E3DI/AAAAAAAABX8/ka9VPBqr17c/s320/Abstract-Light-Rays.jpg" /></a></div>
<p>
<h3><a href="http://thedesignplaybook.wordpress.com/2009/01/08/photoshop-retro-grid-background/">Photoshop Retro Grid Background </a> </h3>
<p>Create Retro Grid Background easily in photoshop with this tutorial
<div class="separator" style="clear: both; text-align: center;"><a href="http://draft.blogger.com/post-edit.g?blogID=6425918883307327859&amp;postID=7030471549902602337" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_aVtbdMo1J34/SgTb3Ctat8I/AAAAAAAABYE/y1Udbdzh6q8/s320/retro_grid22.jpg" /></a></div>
<p><a href="http://princess-of-shadows.deviantart.com/art/vintage-grunge-textures-79040200"><br /></a><br />
<h3><a href="http://princess-of-shadows.deviantart.com/art/vintage-grunge-textures-79040200">vintage grunge textures</a></h3>
<div class="separator" style="clear: both; text-align: center;"><a href="http://draft.blogger.com/post-edit.g?blogID=6425918883307327859&amp;postID=7030471549902602337" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_aVtbdMo1J34/SgTdifQu47I/AAAAAAAABYU/LeZQe7O3rrA/s320/textures_2008_1.jpg" /></a></div>
<p>
<h3><a href="http://www.blog.spoongraphics.co.uk/freebies/5-fantastically-high-res-brown-paper-textures">Brown Paper Textures </a></h3>
<p>5 Fantastically Free High Res Brown Paper Textures created by Blog Spoon Graphics
<div class="separato<br />
r" style="clear: both; text-align: center;"><a href="http://draft.blogger.com/post-edit.g?blogID=6425918883307327859&amp;postID=7030471549902602337" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_aVtbdMo1J34/SgTeItpqZII/AAAAAAAABYc/NhYy7ufeRKg/s320/textures_2008_24.jpg" /></a></div>
<h3><a href="http://www.lostandtaken.com/2008/12/reader-submitted-textures-christy.html">Christy Sobolewski Textures </a></h3>
<p><img alt="" border="0" id="BLOGGER_PHOTO_ID_5333774660822969186" src="http://4.bp.blogspot.com/_aVtbdMo1J34/SgVfy2JVK2I/AAAAAAAABY8/6Xj7Vaq3LNU/s320/textures_2008_9.jpg" style="display: block; height: 149px; margin: 0px auto 10px; text-align: center; width: 320px;" /></p>
<h3>c<a href="http://princess-of-shadows.deviantart.com/art/color-grunge-textures-83281389">olor grunge textures</a></h3>
<p><img alt="" border="0" id="BLOGGER_PHOTO_ID_5333775079407744962" src="http://1.bp.blogspot.com/_aVtbdMo1J34/SgVgLNft98I/AAAAAAAABZE/CwFRsuPszKA/s320/textures_2008_2.jpg" style="display: block; height: 149px; margin: 0px auto 10px; text-align: center; width: 320px;" /></p>
<h3><a href="http://princess-of-shadows.deviantart.com/art/hardcore-vintage-grunge-80717858">hardcore vintage grunge</a></h3>
<p><img alt="" border="0" id="BLOGGER_PHOTO_ID_5333775285758787538" src="http://4.bp.blogspot.com/_aVtbdMo1J34/SgVgXONo_9I/AAAAAAAABZM/_3flWTfCkj8/s320/textures_2008_3.jpg" style="display: block; height: 149px; margin: 0px auto 10px; text-align: center; width: 320px;" /></p>
<h3><a href="http://malchik1-stock.deviantart.com/art/Old-Grunge-Photo-Texture-Pack-91010531">Old Grunge Photo Texture Pack</a></h3>
<p><img alt="" border="0" id="BLOGGER_PHOTO_ID_5333775517727496898" src="http://4.bp.blogspot.com/_aVtbdMo1J34/SgVgkuXSmsI/AAAAAAAABZU/Saeqpcohydc/s320/textures_2008_6.jpg" style="display: block; height: 149px; margin: 0px auto 10px; text-align: center; width: 320px;" /></p>
<h3><a href="http://www.lostandtaken.com/2008/09/17-more-old-book-cover-textures.html">17 More Old Book Cover Textures </a></h3>
<p><img alt="" border="0" id="BLOGGER_PHOTO_ID_5333775722018088018" src="http://3.bp.blogspot.com/_aVtbdMo1J34/SgVgwnZ9pFI/AAAAAAAABZc/imlNjfYuRTY/s320/textures_2008_25.jpg" style="display: block; height: 149px; margin: 0px auto 10px; text-align: center; width: 320px;" /></p>
<h3><a href="http://cloaks.deviantart.com/art/Vintage-Texture-Pack-85522612">Vintage Texture Pack</a> </h3>
<p><img alt="" border="0" id="BLOGGER_PHOTO_ID_5333775926625033122" src="http://1.bp.blogspot.com/_aVtbdMo1J34/SgVg8hoD26I/AAAAAAAABZk/xzsp7uEmnS0/s320/textures_2008_12.jpg" style="display: block; height: 149px; margin: 0px auto 10px; text-align: center; width: 320px;" /></p>
<h3><a href="http://onecoldcanadian.deviantart.com/art/Textures-Wood-76755413">Wood textures : Textures &#8211; Wood </a></h3>
<p><img alt="" border="0" id="BLOGGER_PHOTO_ID_5333776193744636754" src="http://1.bp.blogspot.com/_aVtbdMo1J34/SgVhMEuVi1I/AAAAAAAABZs/SoexMrYXd58/s320/textures_2008_27.jpg" style="display: block; height: 149px; margin: 0px auto 10px; text-align: center; width: 320px;" /></p>
<h3><a href="http://beyond-oddities.deviantart.com/art/Local-Texture-Three-by-One-77137822">Local Texture: Three by One</a> </h3>
<p>Feel free to use this for anything you want. It took five seconds to take the photo, but I&#8217;d still like to see the finished product of anything this is used in. Click download for larger.<br /><img alt="" border="0" id="BLOGGER_PHOTO_ID_5333776677533926226" src="http://4.bp.blogspot.com/_aVtbdMo1J34/SgVhoO-sQ1I/AAAAAAAABZ0/ny_2855-jWM/s320/textures_2008_14.jpg" style="display: block; height: 149px; margin: 0px auto 10px; text-align: center; width: 320px;" /></p>
<h3><a href="http://sixrevisions.com/freebies/textures/cardboard-textures-and-objects-high-resolution-pack/">Cardboard Textures and Objects</a></h3>
<p><img alt="" border="0" id="BLOGGER_PHOTO_ID_5333776968452155122" src="http://4.bp.blogspot.com/_aVtbdMo1J34/SgVh5KvAJvI/AAAAAAAABZ8/9NZVL42i4xE/s320/Cardboard+Textures+and+Objects.jpg" style="display: block; height: 149px; margin: 0px auto 10px; text-align: center; width: 320px;" /></p>
<h3><a href="http://www.tutorial9.net/photoshop/add-visual-texture-3-easy-steps/">Add Visual Texture in 3 Easy Steps</a></h3>
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_aVtbdMo1J34/SgVjzswz6rI/AAAAAAAABaE/e3fjFCG86jM/s1600-h/Add+Visual+Texture+in+3+Easy+Steps.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_aVtbdMo1J34/SgVjzswz6rI/AAAAAAAABaE/e3fjFCG86jM/s320/Add+Visual+Texture+in+3+Easy+Steps.jpg" /></a></div>
<p>
<h3><a href="http://www.denisdesigns.com/blog/2009/03/create-an-awesome-background-using-patterns/">Create an Awesome Background Using Patterns</a></h3>
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_aVtbdMo1J34/SgVkGxP24AI/AAAAAAAABaM/aV4istrBSmk/s1600-h/Create+an+Awesome+Background+Using+Patterns.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_aVtbdMo1J34/SgVkGxP24AI/AAAAAAAABaM/aV4istrBSmk/s320/Create+an+Awesome+Background+Using+Patterns.jpg" /></a></div>
<p>
<h3><a href="http://www.blog.spoongraphics.co.uk/tutorials/create-a-realistic-torn-paper-effect-in-photoshop">Create a Realistic Torn Paper Effect in Photoshop</a></h3>
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_aVtbdMo1J34/SgVkZQi127I/AAAAAAAABaU/coXWBewg2YU/s1600-h/Create+a+Realistic+Torn+Paper+Effect+in+Photoshop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_aVtbdMo1J34/SgVkZQi127I/AAAAAAAABaU/coXWBewg2YU/s320/Create+a+Realistic+Torn+Paper+Effect+in+Photoshop.jpg" /></a></div>
<p>
<h3><a href="http://www.bittbox.com/photoshop/photoshop-how-to-make-an-awesome-grungy-paper-texture-from-scratch/">How To Make An Awesome Grungy Paper Texture From Scratch</a></h3>
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_aVtbdMo1J34/SgVk53-Ha-I/AAAAAAAABak/Hh5OKBe6-5Y/s1600-h/impressive-header-tut7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_aVtbdMo1J34/SgVk53-Ha-I/AAAAAAAABak/Hh5OKBe6-5Y/s320/impressive-header-tut7.jpg" /></a></div>
<p>
<h3><a href="http://colorburned.com/2009/01/53_impressive_polka_dot_patter.html">53 Impressive Polka Dot Pattern Swatches</a></h3>
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_aVtbdMo1J34/SgVlOa1HsdI/AAAAAAAABas/gG7tcU9BFyM/s1600-h/53+Impressive+Polka+Dot+Pattern+Swatches.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_aVtbdMo1J34/SgVlOa1HsdI/AAAAAAAABas/gG7tcU9BFyM/s320/53+Impressive+Polka+Dot+Pattern+Swatches.jpg" /></a></div>
<p>
<h3><a href="http://www.grungetextures.com/">GrungeTextures</a></h3>
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_aVtbdMo1J34/SgVlo5hImlI/AAAAAAAABa0/ADYHhsRJAVE/s1600-h/beautiful-background-32.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_aVtbdMo1J34/SgVlo5hImlI/AAAAAAAABa0/ADYHhsRJAVE/s320/beautiful-background-32.jpg" /></a></div>
<p>
<h3><a href="http://www.brusheezy.com/patterns">Brusheezy Patterns</a></h3>
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_aVtbdMo1J34/SgVl4FqJ1wI/AAAAAAAABa8/kVLDRrDL0xc/s1600-h/beautiful-background-39.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_aVtbdMo1J34/SgVl4FqJ1wI/AAAAAAAABa8/kVLDRrDL0xc/s320/beautiful-background-39.jpg" /></a></div>
<p>
<h3><a href="http://www.noqta.it/dromoscopio/">Milleseicentopercento </a></h3>
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.bl<br />
ogspot.com/_aVtbdMo1J34/SgVmUnT8AKI/AAAAAAAABbE/gCkBg0MTq8Q/s1600-h/beautiful-background-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_aVtbdMo1J34/SgVmUnT8AKI/AAAAAAAABbE/gCkBg0MTq8Q/s320/beautiful-background-1.jpg" /></a></div>
<p>
<h3><a href="http://tu-torial.com/view_tut.php?id=237">Abstract Lines Background</a></h3>
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_aVtbdMo1J34/SgVmo5ht69I/AAAAAAAABbM/uQI3DIHYhWY/s1600-h/Abstract+Lines+Background.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_aVtbdMo1J34/SgVmo5ht69I/AAAAAAAABbM/uQI3DIHYhWY/s320/Abstract+Lines+Background.jpg" /></a></div>
<p>hope you guys will like this one. If you have came across any other tutorial to create texture or background effect then please let me know. I will add them to this list as well.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.smashingtips.com/30-smashing-tutorials-for-creating-texture-and-background-effects-photoshop/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Page Navigation Menu Widget for Blogger</title>
		<link>http://www.smashingtips.com/page-navigation-menu-widget-for-blogger-blogs</link>
		<comments>http://www.smashingtips.com/page-navigation-menu-widget-for-blogger-blogs#comments</comments>
		<pubDate>Fri, 01 Aug 2008 01:27:00 +0000</pubDate>
		<dc:creator>Mohamed Rias</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Blogger Hack]]></category>
		<category><![CDATA[blogger tutorials]]></category>
		<category><![CDATA[Blogger widget]]></category>
		<category><![CDATA[blogger widgets]]></category>
		<category><![CDATA[Featured Articles]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[page navigation hack]]></category>
		<category><![CDATA[script]]></category>

		<guid isPermaLink="false">http://www.test.smashingtips.com/techieblogger/?p=22</guid>
		<description><![CDATA[Yesterday I wrote How to add Page Navigation Menu hack by editing your blogger template. Now today I would like to use a different method to add this Page Navigation Menu to our Blogger Blog. Most Bloggers will prefer this method to add Page navigation Menu , because this method is very easy than editing [...]]]></description>
			<content:encoded><![CDATA[<p>Yesterday I wrote How to add <a title="Page Navigation Hack" href="http://www.smashingtips.com/2008/07/page-navigation-hack-for-blogger.html">Page Navigation Menu hack</a> by editing your blogger template. Now today I would like to use a different method to add this Page Navigation Menu to our Blogger Blog. Most Bloggers will prefer this method to add Page navigation Menu , because this method is very easy than <a href="http://www.smashingtips.com/2008/07/page-navigation-hack-for-blogger.html">editing Blogger Template</a>.</p>
<p>Let us see how to add this Page Navigation Menu Widget :</p>
<div style="TEXT-ALIGN: center"><a title="Page Navigation Hack" href="http://i263.photobucket.com/albums/ii150/mohamedrias/PageNavigationMenuWidgetforBlogger.jpg" rel="lytebox"><img style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none" alt="Page Navigation Menu Widget " src="http://www.smashingtips.com/wp-content/uploads/2010/01/PageNavigationHackforBloggerBeta.gif" /></div>
<p><span class="fullpost"></p>
<p>step 1 : Login to your Blogger account and Navigate to <span style="COLOR: rgb(255,0,0)">Layout Section</span> . Now click <span style="COLOR: rgb(255,0,0)">Add Page Element link</span> there.</p>
<p><img src="http://i263.photobucket.com/albums/ii150/mohamedrias/AddPageNavigationMenuWidget.jpg" /></p>
<p>Step 2 : In that Page Element window , choose <span style="COLOR: rgb(255,0,0)">HTML / JAVASCRIPT</span> .</p>
<p>Step 3 : Now add this Javascript in that window.<br /><!-- adsense -->
<div class="codeview">&lt;style&gt;<br />.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;<br />}<br />.showpageArea a {border: 1px solid #505050;<br />color: #000000;font-weight:normal;<br />padding: 3px 6px !important;<br />padding: 1px 4px ;margin:0px 4px;<br />text-decoration: none;<br />}<br />.showpageArea a:hover {<br />font-size:11px;<br />border: 1px solid #333;<br />color: #000000;<br />background-color: #FFFFFF;<br />}</p>
<p>.showpageNum a {border: 1px solid #505050;<br />color: #000000;font-weight:normal;<br />padding: 3px 6px !important;<br />padding: 1px 4px ;margin:0px 4px;<br />text-decoration: none;</p>
<p>}<br />.showpageNum a:hover {<br />font-size:11px;<br />border: 1px solid #333;<br />color: #000000;<br />background-color: #FFFFFF;</p>
<p>}<br />.showpagePoint {font-size:11px;<br />padding: 2px 4px 2px 4px;<br />margin: 2px;<br />font-weight: bold;<br />border: 1px solid #333;<br />color: #fff;<br />background-color: #000000;</p>
<p>}</p>
<p>.showpage a:hover {font-size:11px;<br />border: 1px solid #333;<br />color: #000000;<br />background-color: #FFFFFF;</p>
<p>}<br />.showpageNum a:link,.showpage a:link {<br />font-size:11px;<br />padding: 2px 4px 2px 4px;<br />margin: 2px;<br />text-decoration: none;<br />border: 1px solid #0066cc;<br />color: #0066cc;<br />background-color: #FFFFFF;}</p>
<p>.showpageNum a:hover {font-size:11px;<br />border: 1px solid #333;<br />color: #000000;<br />background-color: #FFFFFF;<br />}<br />&lt;/style&gt;</p>
<p>&lt;script type=&#8221;text/javascript&#8221;&gt;</p>
<p>function showpageCount(json) {<br />var thisUrl = location.href;<br />var htmlMap = new Array();<br />var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&#8221;.blogspot.com/&#8221;;<br />var isLablePage = thisUrl.indexOf(&#8220;/search/label/&#8221;)!=-1;<br />var isPage = thisUrl.indexOf(&#8220;/search?updated&#8221;)!=-1;<br />var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&#8220;/search/label/&#8221;)+14,thisUrl.length) : &#8220;&#8221;;<br />thisLable = thisLable.indexOf(&#8220;?&#8221;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&#8220;?&#8221;)) : thisLable;<br />var thisNum = 1;<br />var postNum=1;<br />var itemCount = 0;<br />var fFlag = 0;<br />var eFlag = 0;<br />var html= &#8221;;<br />var upPageHtml =&#8221;;<br />var downPageHtml =&#8221;;</p>
<p>var pageCount=5;<br />var displayPageNum=3;<br />var firstPageWord = &#8216;First&#8217;;<br />var endPageWord = &#8216;Last&#8217;;<br />var upPageWord =&#8217;Previous&#8217;;<br />var downPageWord =&#8217;Next&#8217;;</p>
<p>var labelHtml = &#8216;&lt;span class=&#8221;showpageNum&#8221;&gt;&lt;a href=&#8221;/search/label/&#8217;+thisLable+&#8217;?&amp;max-results=&#8217;+pageCount+&#8217;&#8221;&gt;&#8217;;</p>
<p>for(var i=0, post; post = json.feed.entry[i]; i++) {<br />var timestamp = post.published.$t.substr(0,10);<br />var title = post.title.$t;<br />if(isLablePage){<br />if(title!=&#8221;){<br />if(post.category){<br />for(var c=0, post_category; post_category = post.category[c]; c++) {<br />if(encodeURIComponent(post_category.term)==thisLable){<br />if(itemCount==0  (itemCount % pageCount ==(pageCount-1))){<br />if(thisUrl.indexOf(timestamp)!=-1 ){<br />thisNum = postNum;<br />}</p>
<p>postNum++;<br />htmlMap[htmlMap.length] = &#8216;/search/label/&#8217;+thisLable+&#8217;?updated-max=&#8217;+timestamp+&#8217;T00%3A00%3A00%2B08%3A00&amp;max-results=&#8217;+pageCount;<br />}<br />}<br />}<br />}//end if(post.category){</p>
<p>itemCount++;<br />}</p>
<p>}else{<br />if(title!=&#8221;){<br />if(itemCount==0  (itemCount % pageCount ==(pageCount-1))){<br />if(thisUrl.indexOf(timestamp)!=-1 ){<br />thisNum = postNum;<br />}</p>
<p>if(title!=&#8221;) postNum++;<br />htmlMap[htmlMap.length] = &#8216;/search?updated-max=&#8217;+timestamp+&#8217;T00%3A00%3A00%2B08%3A00&amp;max-results=&#8217;+pageCount;<br />}<br />}<br />itemCount++;<br />}<br />}</p>
<p>for(var p =0;p&lt; htmlMap.length;p++){<br />if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){<br />if(fFlag ==0 &amp;&amp; p == thisNum-2){<br />if(thisNum==2){<br />if(isLablePage){<br />upPageHtml = labelHtml + upPageWord +&#8217;&lt;/a&gt;&lt;/span&gt;&#8217;;<br />}else{<br />upPageHtml = &#8216;&lt;span class=&#8221;showpage&#8221;&gt;&lt;a href=&#8221;/&#8221;&gt;&#8217;+ upPageWord +&#8217;&lt;/a&gt;&lt;/span&gt;&#8217;;<br />}<br />}else{<br />upPageHtml = &#8216;&lt;span class=&#8221;showpage&#8221;&gt;&lt;a href=&#8221;&#8216;+htmlMap[p]+&#8217;&#8221;&gt;&#8217;+ upPageWord +&#8217;&lt;/a&gt;&lt;/span&gt;&#8217;;<br />}</p>
<p>fFlag++;<br />}</p>
<p>if(p==(thisNum-1)){<br />html += &#8216;&amp;nbsp;&lt;span class=&#8221;showpagePoint&#8221;&gt;&lt;u&gt;&#8217;+thisNum+&#8217;&lt;/u&gt;&lt;/span&gt;&#8217;;<br />}else{<br />if(p==0){<br />if(isLablePage){<br />html = labelHtml+&#8217;1&lt;/a&gt;&lt;/span&gt;&#8217;;<br />}else{<br />html += &#8216;&lt;span class=&#8221;showpageNum&#8221;&gt;&lt;a href=&#8221;/&#8221;&gt;1&lt;/a&gt;&lt;/span&gt;&#8217;;<br />}<br />}else{<br />html += &#8216;&lt;span class=&#8221;showpageNum&#8221;&gt;&lt;a href=&#8221;&#8216;+htmlMap[p]+&#8217;&#8221;&gt;&#8217;+ (p+1) +&#8217; &lt;/a&gt;&lt;/span&gt;&#8217;;<br />}<br />}</p>
<p>if(eFlag ==0 &amp;&amp; p == thisNum){<br />downPageHtml = &#8216;&lt;span class=&#8221;showpage&#8221;&gt; &lt;a href=&#8221;&#8216;+htmlMap[p]+&#8217;&#8221;&gt;&#8217;+ downPageWord +&#8217;&lt;/a&gt;&lt;/span&gt;&#8217;;<br />eFlag++;<br />}<br />}//end if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){<br />}//end for(var p =0;p&lt; htmlMap.length;p++){</p>
<p>if(thisNum&gt;1){<br />if(!isLablePage){<br />html = &#8216;&lt;span class=&#8221;showpage&#8221;&gt;&lt;a href=&#8221;/&#8221;&gt;&#8217;+ firstPageWord +&#8217; &lt;/a&gt;&lt;/span&gt;&#8217;+upPageHtml+&#8217; &#8216;+html +&#8217; &#8216;;<br />}else{<br />html = &#8221;+labelHtml + firstPageWord +&#8217; &lt;/a&gt;&lt;/span&gt;&#8217;+upPageHtml+&#8217; &#8216;+html +&#8217; &#8216;;<br />}<br />}</p>
<p>html = &#8216;&lt;div class=&#8221;showpageArea&#8221;&gt;&lt;span style=&#8221;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-&#8221; class=&#8221;showpage&#8221;&gt;Page &#8216;+thisNum+&#8217; of &#8216;+(postNum-1)+&#8217;: &lt;/span&gt;&#8217;+html;</p>
<p>if(thisNum&lt;(postNum-1)){<br />html += downPageHtml;<br />html += &#8216;&lt;span class=&#8221;showpage&#8221;&gt;&lt;a href=&#8221;&#8216;+htmlMap[htmlMap.length-1]+&#8217;&#8221;&gt; &#8216;+endPageWord+&#8217;&lt;/a&gt;&lt;/span&gt;&#8217;;<br />}</p>
<p>if(postNum==1) postNum++;<br />html += &#8216;&lt;/div&gt;&#8217;;</p>
<p>if(isPage  isFirstPage  isLablePage){<br />var pageArea = document.getElementsByName(&#8220;pageArea&#8221;);<br />var blogPager = document.getElementById(&#8220;blog-pager&#8221;);</p>
<p>if(postNum &lt;= 2){<br />html =&#8221;;<br />}</p>
<p>for(var p =0;p&lt; pageArea.length;p++){<br />pageArea[p].innerHTML = html;<br />}</p>
<p>if(pageArea&amp;&amp;pageArea.length&gt;0){<br />html =&#8221;;<br />}</p>
<p>if(blogPager){<br />blogPager.innerHTML = html;<br />}<br />}</p>
<p>}<br />&lt;/script&gt;</p>
<p>&lt;script src=&#8221;/feeds/posts/summary?alt=json-in-script&amp;callback=s<br />
ho</p>
<p>wpageCount&amp;max-results=99999&#8243; type=&#8221;text/javascript&#8221;&gt;&lt;/script&gt;<br />&lt;div style=&#8221;text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;&#8221;&gt; &lt;a href=&#8221;http://www.smashingtips.com/2008/07/page-navigation-hack-for-blogger.html&#8221;&gt;Blogger Tips @smashigntips&lt;/a&gt;&lt;/div&gt;</div>
<p>After Adding this Javascript you need to drag and drop the widget below the Blog Posts main widget. See this screen shot</p>
<div style="TEXT-ALIGN: center"><a title="Page Navigation Hack" href="http://i263.photobucket.com/albums/ii150/mohamedrias/PageNavigationMenuWidget.gif" rel="lytebox"><img style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; WIDTH: 352px; BORDER-BOTTOM: medium none; HEIGHT: 265px" alt="Page Navigation Menu Widget " src="http://i263.photobucket.com/albums/ii150/mohamedrias/PageNavigationMenuWidget.gif" /></a></div>
<p>In the code above you can edit the lines in red to your wish .</p>
<p>1 : var pageCount = <span style="COLOR: rgb(255,0,0)">5</span>;</p>
<p>The digit in red represents number of posts to be shown in single page. Change the digit to show as many pages you want.</p>
<p><span style="COLOR: rgb(0,0,153)">for example :</span></p>
<p>In my blog I have put that value as 2 . In each page you can see only 2 posts .</p>
<p>2 : var displayPageNum = <span style="COLOR: rgb(204,0,0)">3</span>;</p>
<p>here the digit in red represents number of pages to be listed.</p>
<p><span style="COLOR: rgb(0,0,153)">For example :</span></p>
<p>In my blog I have chosen 3 , then 3 pages will be shown.</p>
<p>Now save your template .<br />That&#8217;s it now we have added Page Navigation menu widget to our blog successfully .</p>
<p>I hope you guys will feel this method is easier than the <a href="http://www.smashingtips.com/2008/07/page-navigation-hack-for-blogger.html"><span style="COLOR: rgb(255,0,0)">last one</span></a>.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.smashingtips.com/page-navigation-menu-widget-for-blogger-blogs/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
