How To Change Post Title Color in Blogger Designer Templates.

I have received a lot of comments on a previous post. Readers are asking how to change the post title color in the new Blogger Template Designer templates. Well, here is a very simple step by step tutorial for you.We'll make some changes in the template CSS and then you'll be able to customize post title without any coding stuff.

Warning: Before making any changes, you must backup your existing layout:

Blogspot How to: Backup Your Blogger/Blogspot Template

Note: If you're using 'Picture Window' template, then see this tutorial:

How To Change Post Title Color in Picture Window Template

Steps to Make Post Title Font Customizable in the Blogger Template Designer Templates.

1. Go to Design then Edit HTML tab.
2. Find the following code:
   

      <Group description="Post Title" selector=".post">
   <Variable name="post.title.font" description="Font" type="font"
   default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
   </Group>

3. Replace the above code with the following code:
   

      <Group description="Post Title" selector=".post">
   <Variable name="post.title.font" description="Font" type="font"
   default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
   <Variable name="post.title.color" description="Color" type="color" default="#FE6602" value="#FE6602"/>
   <Variable name="post.title.hover.color" description="Hover Color" type="color" default="#FFD25F" value="#FFD25F"/>
   </Group>

4. Now find this code:
   

   .post {
   margin: 0 0 25px 0;
   }

5. Replace the previous code with the following code:
   

   .post {
   margin: 0 0 25px 0;
   }
   
   .post h3 a, .post h3 a:visited { color: $(post.title.color); }
   .post h3 a:hover { color: $(post.title.hover.color); }

6. The coding work is finished, save your template and move on to the next step.

Coding Done! Go & Customize the Post Title in Template Designer!

Simply open the Template Designer tab and select Advanced from the left options. Find Post Title and you'll see this,

You'll see Color and Hover Color there. By changing the Color, you'll be changing the color of the post title in normal state and it will also be available in Preview mode. However, Hover Color will change the post title color when mouse comes over it. You can't see the change in Hover Color in Preview mode. You have to save your template, open it and bring your cursor over the post title to see hover color effect.

How To Add You Tube Song In Bloggger / Web site Automatically

How To Add You Tube Song In Bloggger / Web site Automatically

You Wont AutoPlay Youtube Songs In Your Blogger Or Website ?
It's Verry Simple Try This Trick........


Select All And Copy This Code:


<embed src="http://www.youtube.com/v/N_JLOenKOkA&autoplay=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="300" height="25"></embed>


DEMO:

How to Get Your Blogger Sitemap

Sitemap is a way to learn a search engines about pages scattered in your blog. A sitemap will list down all URLs in your blog and it will make it easy for search engines to find your pages. Else search engines need to come and crawl your pages to grasp updates on your pages. So you may have heard of the word "Sitemap" if you are using tools such as Google Webmaster Tools, Bing Webmaster Tools to notify about your blog updates to search engines. They will ask for sitemap address from you whenever you wanna submit URLs. Eventhough you have heard of it, you may have no idea how to obtain or generate sitemap address for your blog. Wanna find out your sitemap address?

Blogger maintain a unique address as blog's sitemap address. You don't need to generate a new address for it. All you just need to do is finding relevant sitemap address for your blog and provide it whenever you need to submit your sitemap. Generally, your sitemap includes recently updated posts only. So if you update an old post and submit default sitemap, your post update won't notify for search engines. So you may have to alter sitemap address to populate all of your blog page addresses. Let's discuss how to find default sitemap address and alter it to grab all of your post URLs. You might think this is a advanced scenario to find your sitemap. But its neither advanced nor hard to find.

Steps:

1. Type your blog URL in the address bar of your web browser.

2. At the end of your URL, append /robots.txt and hit Enter.

i.e: http://www.mayura4ever.com/robots.txt

3. It will open up a simple page with text. As you see at the end, you can find your default sitemap address for your blog.

Also you can make use of below instead of what you found,

[Your Blog URL]/atom.xml?redirect=false


Note: But this default sitemap address will submit or notify about your recent page URLs (approximately 25). If you need to include all your page URLs in the sitemap, you need to use below modified sitemap address,

[Your Blog URL]/feeds/posts/default?redirect=false&max-results=[Number of Posts]

or

[Your Blog URL]/atom.xml?redirect=false&start-index=1&max-results=[Number of Posts]

Color Indication Information

- Your Blog URL

Add your blog URL here with preceding http://

- Number of Page/Post URLs to Submit

Here this refers to maximum number of pages that will be submitted to the Sitemap. Mostly this could be equivalent to the number of posts on your blog. Use a number which exceeds the count of number of posts published on your blog.

i.e: If you have 21 posts published on your blog, use a number larger than 21. It may be 22, 30, 100, 500, 1000 or even 100000. It will include all available page URLs with your specified limit.

5. Now you can submit your sitemap to relevant services.

Enjoy :-)

How to Create and Submit Your Blogger Sitemap to Google

It is very important to generate and submit blogger sitemap to Google, Yahoo and Bing. But here a question arises that what is a sitemap? A sitemap is a digital map of all your contents on a blog or website. It is important to create such a sitemap which can be easily understand by search engines.

If you have added your sitemap to Google Webmaster Tools then all your contents will be indexed by Google and they may appear in search results very frequently. There are various types of sitemaps like rss.xml sitemaps, atom.xml sitemaps, video sitemaps, etc. But here I will tell only atom.xml sitemap, because it is very easy to generate and submit. Follow the below steps to start.

1. To submit your sitemap to Google sign in to Google Webmaster Tools. I am assuming that you have verified your blog ownership.

2. Select your blog and on the left side click Site Configuration >> Sitemap and click the red button on the right side which says Add/Test Sitemap.

3. Copy/Paste the below sitemap in the box.

• atom.xml?redirect=false&start-index=1&max-results=500

Click submit and you've done. It will take time to index all your posts. Once it is verified you will see your submitted and indexed webpages in blue and red colors as seen in the above image.

Now a very important thing you should keep in mind. The above sitemap generated is only for 500 posts. After every 500 post you have to submit a new sitemap. See below examples.

• Sitemap for less than 500 posts.

• atom.xml?redirect=false&start-index=1&max-results=500

• Sitemap for more than 500 posts but less than 1000 posts.

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

• Sitemap for more than 1000 posts but less than 1500 posts.

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

From above example you can see that after every 500 post you have to submit a new sitemap in addition to old sitemaps so that all your post should get indexed by Google.