Pages Tab for Blogger

1. Log in to your Blogger

2. Next, go to Design > Edit HTML

3. Press Ctrl+F

4. Type:  ]]>

5. Then, copy these orange text before the ]]> :

a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:30px; background:#3F1529; border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:Calibri, sans-serif; font-size:17px; font-weight:bold;color:#F2C8D6; line-height:25px; overflow:hidden; float:left;}
a.burastabs:hover {color:#F2C8D6; background:#7E2D4E;}
#burasbar {width:auto; margin:0 auto;}

6. Click Save Template

Here's how to customize the Tab:

The one that you can edit is the text in bigger size:

a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:30px; background:#3F1529; border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:Calibri, sans-serif; font-size:17px; font-weight:bold;color:#F2C8D6; line-height:25px; overflow:hidden; float:left;}
a.burastabs:hover {color:#F2C8D6; background:#7E2D4E;}
#burasbar {width:auto; margin:0 auto;}

For more information at HTML COLOR CODES, click here