Blogger FULL Seo TemamdıR GaRdasss HayırdıR ! q72

www.q72.in

İndirmek Mi İstiyon Aha Sana Link

http://www.q72.in/2011/05/q72-blogger-temamz-oldu-artk-full-seo.html

Typebased theme was originally developed for WordPress blogs, but later it was converted to Blogger template, keeping it’s demand and sleek design in view. Typebased WordPress theme features three columns which is customizable to two column, decent and professional look widget enabled sidebars. While Typebased blogger template carries all same features like it’s original WordPress theme and fits better for blogger blogs.
Typebased Blogger Template / WordPress Theme Features

1. Decent and professional look
2. Navbar menu
3. Integrated search box
4. Flickr photos integration (WordPress only)
5. Footer widgets
6. Highly customizable
7. Small square sized ad slot (125 x 125)

Setup Instructions (For Blogger / Blogspot blogs)

1. Find the following code from the HTML page and edit it to fit in your navbar.

<li> <a href="#"> Edit </a> </ li>

2. Navigate to Settings >> Formatting menu and choose the last option as your date header option

Typebased Blogger Template >> Demo | Download
Typebased WordPress Theme >> Demo | Download

Adding social bookmarking buttons in your blog increases the chances of getting popular since your readers will find it easy to submit your blog posts to various social bookmarking sites. There are several social bookmarking widgets available today for Blogger blogs, however if you want a sexy and attractive bookmarking widget for your blog, you can try Sharing is Sexy widget in your blog. This sexy and attractive widget has been coded by Naeem.
Adding Sharing is Sexy Bookmarking Widget

1. Login to your Blogger dashboard
2. Navigate to Layout >> Edit HTML >> Expand Widget templates
3. Search for </head> inside your template and add the following code just below it :

<style type='text/css'> div.sexy-bookmarks { height:54px; background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom; position:relative; width:540px; }
div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom; position:absolute; right:-17px; }
div.sexy-bookmarks ul.socials { margin:0 !important; padding:0 !important; position:absolute; bottom:0; left:10px; }
div.sexy-bookmarks ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important; }
div.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important; font-size:0 !important; color:transparent !important; }
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url('http://i44.tinypic.com/1znbj83.png') no-repeat !important; }
.sexy-furl { background-position:-300px top !important; }
.sexy-furl:hover { background-position:-300px bottom !important; }
.sexy-digg { background-position:-500px top !important; }
.sexy-digg:hover { background-position:-500px bottom !important; }
.sexy-reddit { background-position:-100px top !important; }
.sexy-reddit:hover { background-position:-100px bottom !important; }
.sexy-stumble { background-position:-50px top !important; }
.sexy-stumble:hover { background-position:-50px bottom !important; }
.sexy-delicious { background-position:left top !important; }
.sexy-delicious:hover { background-position:left bottom !important; }
.sexy-yahoo { background-position:-650px top !important; }
.sexy-yahoo:hover { background-position:-650px bottom !important; }
.sexy-blinklist { background-position:-600px top !important; }
.sexy-blinklist:hover { background-position:-600px bottom !important; }
.sexy-technorati { background-position:-700px top !important; }
.sexy-technorati:hover { background-position:-700px bottom !important; }
.sexy-myspace { background-position:-200px top !important; }
.sexy-myspace:hover { background-position:-200px bottom !important; }
.sexy-twitter { background-position:-350px top !important; }
.sexy-twitter:hover { background-position:-350px bottom !important; }
.sexy-facebook { background-position:-450px top !important; }
.sexy-facebook:hover { background-position:-450px bottom !important; }
.sexy-mixx { background-position:-250px top !important; }
.sexy-mixx:hover { background-position:-250px bottom !important; }
.sexy-script-style { background-position:-400px top !important; }
.sexy-script-style:hover { background-position:-400px bottom !important; }
.sexy-designfloat { background-position:-550px top !important; }
.sexy-designfloat:hover { background-position:-550px bottom !important; }
.sexy-syndicate { background-position:-150px top !important; }
.sexy-syndicate:hover { background-position:-150px bottom !important; }
.sexy-email { background-position:-753px top !important; }
.sexy-email:hover { background-position:-753px bottom !important; } </style>

4. Now search for <data:post.body/> and add the following code just after it :

<div class='sexy-bookmarks'> <ul class='socials'>
<li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; data:post.url &quot;&amp;title=&quot; data:post.title' target='_blank'/></li><li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; data:post.url &quot;&amp;title=&quot; data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; data:post.url &quot;&amp;title=&quot; data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; data:post.url &quot;&amp;title=&quot; data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; data:post.url &quot;&amp;title=&quot; data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; data:post.url &quot;&amp;title=&quot; data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; data:post.url &quot;&amp;title=&quot; data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; data:post.url &quot;&amp;title=&quot; data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; data:post.url &quot;&amp;title=&quot; data:post.title' target='_blank'/></li>
<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/SolidBlogger' title='Subscribe to RSS'/></li>
<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; data:post.url &quot;&amp;title=&quot; data:post.title' target='_blank'/></li> </ul>
<span class='sexy-rightside'/></div>

5. Replace the Feedburner ID with yours (it’s highlighted in red font)
6. Save all the changes you have made so far
7. You are done.

Blogger displays a navbar in all it’s blog’s header area. This blogger navbar has been implemented for easier blog navigation but however, it does not look good especially if you are blogging professionally. Generally it shows a search box to search blogger blogs, option to flag blog, follow the blog updates, share option along with a link to view next blogger blog. On the right hand side of the navbar, you get two links where you can either navigate to your Blogger dashboard or sign out of your account.
It takes only a couple of seconds to modify your blog template and hide Blogger navbar. Here we will add a piece of code which will block the navbar from appearing on your blog header.

Removing Blogger Navbar

1. Login to your Blogger dashboard
2. Navigate to Layout >> Edit HTML
3. Search for </head> tag inside your template
4. Add the following code just below the </head> tag

#navbar-iframe {
display: none !important;
}

5. Save the template to save the changes
6. You are done.

Now your blog should not display the navbar on your blog header area. You can always remove the above code from your blog template to bring back the navbar.

Photo Slideshow is the best way to do more with a little space. There are bloggers who love to show a Slideshow using their pictures, technology based photos or niche images and this slideshow speak more louder than any text since it displays a number of images serially and takes a very little space, literally. You can keep the Blogger Slideshow either on the sidebar or just below the post by editing the HTML template. Here is how a slideshow on Blogger blogs look like :

Before moving ahead, you should get some images ready to display on your Blogger blog. Once you are done with the images, simply upload them to any supported web host, like Flickr. Follow the below tutorial for a step-by-step guidance :

1. Head to Flickr and sign up for an free account
2. Make a new album and upload all your images
3. Add description and tags to your images and click on Create a new set
4. Give a proper name to your set and save the settings
5. Click on Share this >> Grab the link and copy the slideshow code
6. Go to Blogger dashboard and head to Layout >> Page Elements >> Add a Gadget >> Slideshow
7. Give a title and choose Source and Option as Flickr and User respectively
8. Paste the Slideshow code that you copied from Flickr
9. Click on Save to save the changes you have made
10. You are done.

Now you can see your Slideshow for Blogger blogs on your blog. You can later add or remove images from your Flickr account and edit your album accordingly so that it displays selected images accordingly.

Having an Alexa widget on the blog might influence the Alexa ranking – this has been the belief of many bloggers. I don’t want to argue on this point since this is still a debatable topic and the basic aim of this post is to show how to add Alexa widget to a Blogger blog. Alexa, a website that assigns traffic rank to websites based on the daily traffic, pageviews with other factors has got a handful of widgets that displays the blog rank. Alexa widget sends the accurate traffic data to Alexa on every page load since every time the page is loaded, Alexa script is called and Alexa stores the information to calculate the blog rank.

Adding Alexa Widget to Blogger Blog

1. Navigate to Alexa widgets page by clicking here
2. Select the widget that you want to display on your site
3. Fill up the details and click on Build Widget
4. Copy the widget code from the next page
5. Login to Blogger dashboard and navigate to Layout >> Page Elements
6. Click on Add Widget >> HTML/JavsScript and paste the code
7. Click on Save to save the changes you have made so far
8. You are done.

Now your blog should display the Alexa widget on Blogger sidebar. Generally this Blogger widget displays the Alexa rank of a blog with the number of incoming links.

Having an Adsense optimized Blogger template can not only get you more clicks but it can also get you more revenue as the result. There are many Adsense blogger templates there but not all of them strictly follow Adsense TOS and hence you stand tall to get banned for not using Adsense friendly templates. Here I’ve collected some best Adsense optimized and Adsense friendly Blogger templates that you can use to maximize your Adsense revenue and get a whole new appealing look for your blog.

Bloggerized Adsense

Bloggerized Adsense template is one of the high CTR grabbing Blogger templates. With a blackish and three column look, this template has got some prominent Adsense slots above the fold. There is one banner sized slot just below the header and above the post contents with a square sized ad slot on the top right sidebar. The two sidebars can also be used to add more ad slots as the ads blends perfectly with the template and hence grabs more clicks.
Demo | Download

ProSense Blue template

ProSense was originally a WordPress theme and was created by Dosh Dosh. Later it got converted to Blogger template by Akoogle and it got popular within no time. It’s one of the templates that attract higher CTR from blog readers since the ads blend well with the template. The 160 x 600 ad, on the middle sidebar has been designed to grab more clicks. This three column adsense template is one of the most popular Adsense optimized blogger templates.
Demo | Download | Download Images | Setup Instructions

Auto Mobile Blogger Template

It’s a classic Blogger template with Adsense friendly layout. You can play with it’s Adsense placements to increase your Adsense income. You can put different sized ads with the flexibility of putting either image, text or both ads to attract more Adsense clicks on your blog. This template has just one sidebar but more width for post contents with one header navbar to put Adsense link ads. All you have to do is edit the template and add your Adsnese publisher ID in the adsense slots to display your Adsense ads.
Demo | Download

Money Generator Template

This Blogger template is for those bloggers who want to blog for money. This template has got excellent Adsense placements in prominent places along with the perfect colour combination which attracts more clicks from your blog readers. Money Generator is a three column blogger template where you can put ads on both sidebars and on above post area also. One 728 x 15 link unit has been placed on the header which looks like the navbar. GosuBlogger created this template with the aim to grab not less than 10%-15% click through rate.

Border – 000000
Title – FFFF66
Background – 000000
Text – 7F7F7F
URL – B3B3B3
The above colour code combination should be used to blend the ad slots properly with the template.
Demo | Download

Ads Theme Template

Ads Theme Blogger template has not only got some prominent spots for advertisements but also it has got some a decent and professional layout. If you are a professional blogger, you can’t ignore it’s professionally designed layout. It’s a three column template which can be customized into two column layout easily. It has been developed by eBlogTemplates and they made the look clean and it’s pretty easy to setup.
Demo | Download

Langit Blogger Template

Langit Blogger template is a professional looking web 2.0 template that comes with some pre designed widgets such as recent posts, subscription box or ‘about me’ section on top sidebar along with pre-defined spots for Adsense ads. Langit template has got navbar links on the top, with option to add customized logo and a top banner advertisement. To change the logo, find http://goasou.googlepages.com/langitlogo.jpg inside the template and replace it with the actual link to your logo. It has been developed by GosuBlogger.
Demo | Download

Blue Adsense

Blue Adsense is a free Blogger Adsense with maximum Adsense exposure and income chances. This template provides higher CTR which is not less than 3 times more than your current CTR. With maximum Adsense slots, you get maximum chances of earning from Adsense. Blue Adsense template features one 728 x 15 and one 468 x 15 link unit on the top. Since it’s a three column template, you can ad different ad slots to these sidebars and one slot at the post space. This template has been developed by GosuBlogger.
Demo | Download

Ads Optimal Sizes Template

Ads Optimal Sizes Blogger template is an another Blogger Adsense template which has been optimized for Adsense ads and is capable of getting more clicks from blog readers. Abdul Manir, the author of this template made it very simple and amateur, yet highly effective as far as increasing online revenue is concerned. It’s a three column template with some prominent spaces to put Adsense ads and grab more money.
Demo | Download

Passion Duo Template (Red)

Passion Duo Red Blogger template has got many ad placements including 125 x 125 ad slots on right sidebar with a top banner ad (468 x 60) in the header area. This three column template has been developed by eBlogTemplates and has some high CTR ad placements. This layout gives your blog a professional look and will be best for bloggers who blog about blogging. It has got some other colours as well, such as Passion Duo Blue, Passion Duo Green, Passion Duo Black, Passion Duo Grey etc.
Demo | Download

Passion Duo Template (Blue)

Passion Duo Blue Template is almost same as Passion Duo Blue template. The only difference this holds is the colour combination. This blogger template has a perfect combination of white, blue and red (links). 125 x 125 ad slots to place small sized ads on the sidebar along with one top header banner spot. Blue navbar to display important links for easy navigation or can also be used to display Adsense link units.
Demo | Download

Adsense Ready Blogger XML Template 1

Adsense Ready Blogger XML template 1 is a three column template for Blogger blogs, authored by GosuBlogger. This template has a top 728 x 15 link unit with a 725 x 90 ladderboard on the header for higher chances of Adsense clicks. You can add more Adsense slots to the sidebar or post content area, depending on your needs. One Adsense search box has been placed in the header area. All you have to do is edit the template and replace all pub-6046403693672240 with your actual Adsense publisher ID.
Demo (N/A) | Download

Adsense Ready Blogger XML Template 2

This is an another Adsense ready Blogger template that has been authored by GosuBlogger. It’s a three column layout with perfect locations for putting Adsense ads and the colour combination just increases the higher CTR chances.  It has got Adsense code added already, all you have to do is edit the HTML and replace pub-6046403693672240 with your actual Adsense publisher ID. This fixed width and widget ready Blogger template can increase your blog CTR, no doubt!
Demo (N/A) | Download

Simple News Evolution Template

Simple News Revolution Blogger template is the perfect template if you are running a news based blog and want to earn more out of it. Herdiansyah Hamzah, the author of this News template has made quite a lot of work while making this template as it displays abosulte different layouts in homepage and post pages. This three column template has got two dedicated sidebars for Adsense ads on the homepage while you can customize the location of the ads on post pages manually. Navbar displays important links with Google Adsense search box and one translation widget on the header to change languages using Google translation.
Demo | Download

Funny Adsense Template

Funny Adsense template is a beautiful and sober three column blogger template which provides maximum Adsense income chances. One skyscraper slot in left sidebar, one large rectangle ad below post title, one link unit above post title can really boost your Adsense earnings. This is the most suitable layout for picture or image blogs since the post portion is having a white background with ample space to fit your images.
Demo | Download

Adsense Blogger Template

This Adsense optimized template is called Adsense Blogger template, itself. It has an Adsense friendly layout with three columns and customizable header. With white and gray colour combination, one can easily configure the ads to blend with the template and maximize online revenue from Blogger blogs. This template can easily be converted into two or three column templates by managing the widgets from the page layout.
Demo | Download

Blogging is not all about sharing great tips, it’s also about building relationship with fellow bloggers and readers. Giving a way to your blog readers to communicate with you will surely increase your popularity as well as reach. Displaying Yahoo Messenger status icon on Blogger blogs will allow your blog readers to communicate with you whenever you come online. We will be using some pre-configured Yahoo! Messenger code to show your Yahoo Messenger online or offline status on your Blogger blog.
Yahoo Messenger status icon looks like the below screenshots :
If Online >>
If Offline >>
Whenever you come online on Yahoo messenger, the status icon will get changed to the I’m Online icon. Whenever someone clicks on the icon, it will direct him to Yahoo Messenger window to start chatting with you.

Displaying Yahoo Messenger Status icon on Blogger Blogs

1. Login to Blogger dashboard
2. Navigate to Layout >> Page Elements
3. Click on Add a Widget >> HTML/JavaScript >> paste the following code

<a href="ymsgr:sendIM?mymuse88"><img src="http://opi.yahoo.com/online?u=YOURUSERNAME&m=g&t=Style" border="0"></a>

4. Save all the Changes and you are done.

Remember to change YOURUSERNAME to your actual Yahoo! Messenger username.

Favicons are generally small sized icons associated with a blog. These icons are displayed beside your blog’s URL so that anyone who visits your blog can see the favicon. Favicon gives your blog an unique value since your blog gets it’s own branded favicon which displays the theme of your blog or site. These favicons are small sized 16 x 16 or 32 x 32 icons. Here is the tutorial on how to display or add favicon to Blogger blog.
Favicons works as a logo since people tend to recognize a site from it’s favicon. If we see “g” or “Y!”, we come to know that this page belongs to Google and Yahoo! respectively. Adding a favicon to blogger blog is a nice step to add more value to your blog and help people to identify your site easily. Favicons can be in any format such as PNG, GIF, JPG etc and we need to convert it to .ICO format to set it as a favicon. Do note that you can not only make static favicons but you can also make animated favicons for your blogger blogs.
How to create favicon for blogger blogs :

1. First you need to create one favicon. Navigate to any of the following online favicon generators are create one favicon for your blog :
   1. Dynamic Drive
   2. Favicon.cc
   3. HTML Kit
   4. Anti Favicon
   5. Degraeve
2. Now upload the favicon to any of the image sharing websites such as Photobucket, Imageshack etc and get the link to your favicon
3. Login to your Blogger dashboard and navigate to Layout >> Edit HTML >> search for <head> and then paste the following piece of code just below <head> :

<link href='IMAGE URL HERE' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

4. Replace IMAGE URL HERE with the actual link to your uploaded favicon and save the template
5. You are done.

Now your blog should display your new favicon. If you want to keep an animated favicon for your blog, you can create animated favicons online at HTML Kit. If you want to keep any static and attractive favicon, you can choose one from the below favicon images.

Google Buzz allows users to share personalized updates, blog posts, images, videos and more with their friends. This is more like Twitter and Facebook where people can share stuffs with their friends and followers. If you want to draw traffic to your Blogger or Blogspot blog by allowing your blog readers to buzz your posts, you can add Google “Buzz this” button to your Blogger or Blogspot posts. This is pretty simple and takes just a couple of minutes.

Adding Google Buzz Button (Buzz this) to Blogger or Blogspot Blog Posts

• Login to your Blogger account dashboard
• Head to “Layout” >> “Edit HTML”
• Search for following code inside your template (Press “CTRL + F”)
• Now add the following code just below the above code
For Large Google Buzz button, add the following piece of code:

<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}'><img alt='Buzz this' src='http://img2.pict.com/15/da/3e/2809374/0/googlebuzz.png'/></a>

For small or compact sized Google Buzz button, add the following piece of code:

<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}'><img alt='Buzz this' src='http://img2.pict.com/9c/09/57/2854010/0/buzzthis.gif'/></a>

• Save the template and you are done.

Now Google Buzz this button should appear in all your blog posts. Happy Buzzing!

Earlier Google had launched the Blogger Template designer as an experimental feature in March 2010. But now the template designer is out of in-draft experimental section as Google has released this much awaited Blogger Template designer to everyone. This will give the bloggers ample scope to play with their blogger templates and get the perfect look on their blogs.
Using Blogger Template designer you can customize the design and look of your blog. This also eliminates the requirement of having any HTML or CSS knowledge. It has got it’s own a pre-defined templates, images, colors, column layouts, and more.
If you are blogging at Blogger platform, sign in to your profile now and you will see a “New! Template Designer” notification. Else you can head to “Design” menu and then select Template Designer.

New Blogger Templates download. I am adding few more good looking blogspot themes to my collection. These blogspot themes are very mature in nature. Here mature means, professional looking. Blogger widget ready templates with great places for adsense positioning. Boost up your CTR rate with these high quality blogger templates. Demo and download links updated. Enjoy.