How To Change And Hower The Colour Of Post Title In Blogger

change and hover the blog post title color

How To Change And Hower The Colour Of Post Title In 

Blogger




Hello all out there,

We learned previously about changing the fonts of Post title and later about customization about Blogger Template and Layout. One of our newbie Blogger friends asked me about changing the Post Title Color.

He said that he followed our post in which we have shown the process about customizing the template, but unable to find the option for solving his query.

Well, the answer is new Blogger Template Designer has no option for changing the color of Blog posts title, it is required to be added some CSS Codes in the template to make it possible.

Finally he got his query solved but what about others who have the same question!! Thence, we have decided to publish the method here for rectifying it within five minutes.

So dear friends, do you want to get it for Your Blog posts title too? Come let's find the output of this tutorial first.

Output of this Tutorial

  • Link colorYou can change the post title color if it is in the link form.
  • Hover ColorYou can bring hover effect with this, whenever people will move the mouse to the blog post title it will get changed.
  • Post Color; if your blog post title is not in link form, it can be used instead.

========================================================================
"This tutorial is recommended for those bloggers who have been using the Blogger default template for their blog. If they are using the third Party Template they may find the difficulty as they have predefined definitions for color codes".
=========================================================================
So, here we go..

Tutorial:

First take a backup of your blog template

1. Go to Blogger Dashboard > Template > Edit HTML

2. Find the "Variable definitions" by pressing CTRL+F

3. Copy the following code and paste just below it, as shown in the picture
<Group description="Post Title Color" selector="h3.post-title">
<Variable name="post.title.link.color" description="Link Color" type="color" default="#ff0000" value="#ff0000"/>
<Variable name="post.title.hover.color" description="Link Hover Color" type="color" default="#0000ff" value="#00ffff"/>
<Variable name="post.title.color" description="Color on Post Page" type="color" default="#ff00ff" value="#ff00ff"/>
</Group>
How To Change And Hower The Colour Of Post Title In Blogger

4. Search for ]]></b:skin>

5. Copy below code and paste just above it as directed in the picture
h3.post-title { color:$(post.title.color); }
h3.post-title a, h3.post-title a:visited { color:$(post.title.link.color); }
h3.post-title a:hover { color:$(post.title.hover.color); }

6. Click on Save Template 

7. Go to Blogger dashboard > Template > Customize

How To Change And Hower The Colour Of Post Title In Blogger

8. Click on Advanced > Post Title Colour

How To Change And Hower The Colour Of Post Title In Blogger

9. Now, pick any color for the post title and hover effect from the given options

Note: you can see the demo just below the “Blogger Template Designer” where your blog appears for changing effects. But to see the hover result, it will require to be saved. 

10. After making changes, click on “Apply to Blog” button in top right corner

Now, guess what will be the next step!! Oh come on, it's time to “View Blog” :)

so, did you do that! Yeah…. celebration for successfully done :)

More to Say 

Blog post title color should differ from Blog Template color, it will help in getting more visibility on your blog posts. If you're finding this tutorial useful, please comment below even in negative cases. However, we publish all posts after getting positive experiences, but you can ask for assistance in any difficulty. We are always ready to try our level best. We would really appreciate your feedback buddies. 

Thanks and have a great day ahead!
continue reading How To Change And Hower The Colour Of Post Title In Blogger

How To Customize Post Title In Blogger

How To Customize Post Title In Blogger

How To Customize Post Title In Blogger

The default blogger post titles floats in left and doesn't look attractive. Also in simple template of blogger, you can not even change the color of your post title. Today I'll tell you how you can easilycustomize blogger post titles to make them look way more beautiful. First I'll tell you  how you can easily "change the color of post title in simple template of blogger" and and after that I'll tell you how you can change these titles in different ways and create stitched effect around them by adding  simple css code to your template.

How toChange Post-Title Color in Simple Blogger Template


For changing the color of post title in simple template, just follow the given steps:


1.) Go to Blogger dashboard and choose Template option


2.) Click on Customize button and choose  Advanced option from the list.


3.) Now select Add Css option (last option in the list) and paste the code given below:



.post-title{
color: black !important;
}
.post-title a{
color: black !important;
}


Here, I changed the post title color to black. To change it to any other color replace black with desired color code. See color codes here


It was just about changing color of the post-title in simple template of blogger. But you can customize it in numerous number of ways by aligning center, changing font, background and  image of post-title. Here I have created a few customization for post-titles. You can add any of these to your blog easily no matter which template you've applied on your blog. These designer titles have been created with pure css and won't affect the loading time of your blog.



How to Customize Post Title on Blogger


To customize the post title as one of the given images in any template of blogger(including simple template), just follow the given steps:


1.) Go to Blogger dashboard and choose Template option


2.) Click on Customize button and choose  Advanced option from the list.


3.) Now select Add Css option (last option in the list) and paste one of the codes given below:




Preview
how-to-customize-post-title-in-blogger
Code
.post-title{
background : #7fff00;
border:2px dashed white;

box-shadow:1px 1px 1px 4px #7fff00;
padding:10px;
border-radius:5px;
color:white !important;
text-align:center;
}
.post-title a{
color:white !important;
}



Preview
customize-post-title-on-blogger
Code


.post-title{
background:#ffc0cb;
color:white !important;
border:2px dashed white;
border-left:0px;
box-shadow:1px 1px 1px 4px #ffc0cb;
padding:10px;
border-top-right-radius:10px;
border-bottom-right-radius:200px;
text-align:center;
}
.post-title a{
color:white !important;
}



Preview

change-post-title-color-in-simple-blogger-template
Code
.post-title{
background-color:#00b2b2;
color:white !important;
border:2px dashed white;
border-left:0px;
box-shadow:1px 1px 1px 4px #00b2b2;
padding:10px;
border-top-right-radius:50px;
text-align:center;
}
.post-title a{
color:white !important;
}


Preview

change-post-title-image-blogger
Code
.post-title{
background : #00ccff;
border:2px dashed white;
background-position: 0 0, 15px 15px;
box-shadow:1px 1px 1px 4px #00ccff;
padding:10px;
border-top-right-radius:50px;
border-bottom-left-radius:50px;
color:white !important;
text-align:center;
}
.post-title a{
color:white !important;
}



Preview

post-title-blogger
Code
.post-title{
background : #ff9999;
border:2px dashed white;
border-left:0px;
background-position: 0 0, 15px 15px;
box-shadow:1px 1px 1px 4px #ff9999;
padding:10px;
border-top-right-radius:50px;
border-bottom-right-radius:50px;
color:white !important;
text-align:center;
}
.post-title a{
color:white !important;
}

continue reading How To Customize Post Title In Blogger

Creating AdSense Ads for Websites or Blogs

Creating AdSense Ads for Websites or Blogs



Google AdSense is the most commonly used ad provider. You can use it to earn revenue from your website blog by placing AdSense text and image ads. These ads are delivered through the Google Display Network, where advertisers create ads using Google AdWords, and display them on your website. AdSense allows you to create ad zones, filter ads, and handle the payments. Google AdSense displays ads on your website or blog based on a number of factors, such as the type/category of the website and the keywords that appear in the web page content. You can also use AdSense to deliver advertisements to mobile sites. 

Many people though after getting AdSense approved dont know how to put/ display ads on their respective sites or blogs. So in this article I will be explaining you on how to create and display ads on your websites. Hope you will like it. 


1. Go to www.google.com/adsense and login to your Adsense account using your ID.
Note: If you do not have an account, click Sign Up Now. It can take up to a week for the account to be approved. 



2. AdSense home page opens. Click on My Ads.



3. Click on New Ad Unit.  Name your Ad, Select the size of Ad. Select Ad type according to your needs.
Create a Custom Channel if you need to track different Ad Units according to Channels.



4.  Select the AD style according to your requirements.



5.  Click Save and get code. (Nowadays you have an option to get code of 2 types. Synchronous and Asynchronous. I will explain more in my further posts. But I recommend to use Asynchronous Ad code.). 
The code appears. You can copy the code and paste it in your website where you want the AdSense ad to appear. 



Hope you guys understood everything, 
continue reading Creating AdSense Ads for Websites or Blogs

Never Get Affected By Google Updates

Never Get Affected By Google Updates




Hello guys, It's Iftekhar here, in this article I’m going to tell you what Google exactly wants from a website nowadays and how to get the best of google. Until 2011 all the website owners were living in a rock, but then Google hit with PANDA update, and due to which many of the websites got affected. Having a good micro niche with a matching domain and just 3-4 articles was no longer a good business model.
Even worse struck when Google came with Penguin updates, and the way we all used to build our websites was no longer valid. Many backlinks that worked before were no longer useful and instead put a negative impact on the website.

Then came Hummingbird update, and this will continue in future
So In this short report I will be teaching some methods by which your site will be NEVER affected by future google updates. Not only this, You will be learning on how to get PROFIT from them.

THE PROBLEM

If you want a passive regular income for years to come, with little to no work form your side, then building and monetizing niche websites is the best option available for you. No doubt in that.
That’s because everyday people are searching for solutions to their problems on Google and desperately click on ads that says “Quick FIX“ or so. Its not only just Adsense that you can use to make money, you can also sell products as an affiliate and much more.



But the problem is 85%+ of people run these niche sites in a completely wrong way, and then they themselves get confused asking questions to themselves IS SEO DEAD? etc etc.  

Let me tell you that right now SEO is Alive and Kicking.
The past Google updates are actually a good thing for you and your business. They leveled the playing field, so that you can easily move ahead from the crowd, provided you have the right tools and knowledge.


THE SOLUTION 
Here are the steps:


Step 1 – Niche Research

This is the most important step, as picking the right niche can make or break success of your website.
Make sure the niche you select has a lot of POTENTIAL buyers who are eager to learn and get more. This can be done with the help of many tools but I wouldn’t recommend you to buy one, rather just look up google for it.
Apart from this you also will need a good domain name that is easy to remember. EMDs (Exact Match Domains) no longer works and get hurt your rankings.



Step 2 – Building The Website

Once you pick your domain and niche after a good research, its time to build your website. Remove the misconception of just putting 2-3 articles and relax methods.
You need a clear strategy, make sure your website has Google Analytics and Webmaster tools integrated, they are the best source of getting keyword information.
If you want ot know what your audience is interested in, check out some of the top ranking sites within your niche. You’ll get plenty of ideas for new articles, contents and categories. Harvest and Build a list of keywords that you can use to write articles about. You can do that by Google Adwords Keyword tool. There are many factors to consider when deciding keywords to make articles, but the most important is common sense.

When writing content, it’s a paramount that you have an appealing headline. Make sure keyword density is around 1%-5% and also that you’re correctly using header tags H1- H3. Use internal Linking whenever possible, but most important thing is post regularly.

What about the length of the content ?
A few years ago, the concept that 500 words is all you need was spreading like a plague. Let me tell you, if you’re planning on having every piece of article the exact (or close) amount of words (be it 500, 600, 1000 etc.) you’re seriously going to have a bad time.

You should always ignore your word count and just write as much as you feel you should. What happens is, this way you will create a natural diversity with your articles, exactly what google needs. ( You won’t get this, but when google updates this will be a plus point of your articles.) With all articles with same word count, it will raise a red flag.



Step 3 – Website Promotion

Finally now that we have a web asset that respects all guidelines laid by Google for on page optimization, its time to look for some off-page works.


Keep in mind that automated backlinks no longer work and affects your site in a negative manner.
However, video backlinks are a great way to build quality SEO juice and even traffic, if the video gets viral.
A few backlinks that I know and work’s really well are from PDF sharing sites, Press releases, Infographics and even Podcasts. However I’d say guest posting is by far the best way to get an important backlink. Although it may be hard to find but they’re worth it.
Another important thing is that you should develop a Facebook page, Twitter Profile and G+ community, which you can use to direct your likers or members to your website and get an increase in traffic.



Conclusion

I know you will be feeling that is it over, is it this much only. Yes you’re right, these are the only steps that you need to follow in a regular manner to remain unaffected by google updates. People actually don’t follow these steps and they’ve experienced the results.  
Remember the primary thing you need is quality, and that should reflect on your website (layout, content) as well as backlinks.
In this way you will be never affected by google updates.

Hopefully I’ve helped you better understand how you should build your website from now on. Please share this with your friends and relatives.
Please leave a comment below and like our posts.

continue reading Never Get Affected By Google Updates

3 Must Have Android Apps For Bloggers

We all want to get live updates about our blog, analytics and AdSense account. But Most of us don’t have access to their desktops or Laptop’s 24/7.

But most of us have one thing with us all the time. Any guesses?  Yes Our Phones, I must rather say Smartphones. J
3 Must Have Android Apps For Bloggers
3 Must Have Android Apps For Bloggers

So do you use your smartphone to get updated about your blog?

IF NO, then you have to start it. So today in this post I will be sharing 3 Apps which all bloggers and AdSense publishers must have on their Android Smartphones. These apps aren’t bulky and even runs on older versions of Android. So make sure you try them all.


NOTE: All these Apps Are free of cost. 

Blogger App


It’s the official Blogger app by Google. With this App you can easily write, edit or even publish blog posts. Though this app still needs many improvements to be done but still this app proves out to be handy in many situations. 

For Example, you are on a big journey and you don’t have access to your Laptop or Pc. In such cases we feel very much bored, so to utilize some time you can start writing a post using this app. It’s quite simple and you need not to have any technical knowledge.

Blogger App
Features of the App: 

  • Edit Existing Posts of your Blog
  • Save a post as Draft
  • View list of all posts including drafts
  • Add labels to posts
  • Add Location 
  • Add Images right from the gallery or even by taking from the Camera


To Install this App ClickHere



Google Analytics App

It’s again an official google app and it’s very useful to all the webmasters. I seriously like this app more than the Desktop version of Google Analytics Site. You can see each and every data of your analytics account with this small app anywhere anytime. This app shows everything Real-time Views, Demographics, weekly views, Referrals, Bounce rate etc. of every site you own.

I have this app installed in my phone right from the beginning and I always use it to check my Real time visits. It’s a user friendly app which uses very less amount of your internet data.

I tag this app as A MUST HAVE APP FOR BLOGGERS. 

Analytics AppAnalytics App

To Install Google Analytics App ClickHere

Adsense App

Last but not the least comes Google AdSense’s official app. This app keeps you updated of your daily earnings. After the last update of this App you can now view everything, you can check the countries from where the clicks are made, CPC, CPM, CTR, daily earnings, weekly earnings etc. You can also check your earnings based on the custom channels or the ad units you’ve created.

Well this is not all yet; this app comes with a very attractive widget for your home screen which shows your live earning, weekly earning and monthly earnings. The widget can be edited in size also.

So if you are an ADSENSE publisher, then you must have this app installed on your phone.

AdSense app

New Features:

  • More Metrics: CTR, CPM, CPC, Clicks, Page Views
  • Detailed charts for all metrics
  • Additional reports: Product, Platform, Countries.
  • Improved User Interface.


To Install Google ADSENSE App ClickHere

Final Words

There are many other apps available on the internet and Play store serving the same purpose, but be careful before using them as they are created from sources other than google which will make your Google Account quite vulnerable to hacking. So we recommend you to only use official google apps for such purposes. 

Source of some Content: Google Play Store

I hope you guys enjoyed it. Share it with your fellow bloggers too. 

continue reading 3 Must Have Android Apps For Bloggers