Thursday, January 26, 2012

BLOGGER HELP: HOW TO CENTER POST TITLES IN BLOGGER

Have you ever wondering how you can make your Blogger Post Title and Date goes into the center of your post (see picture below). So Here is my simple and quick tutorial on how you can center your Blog Title Post and do it all through the basic template editor in your Blogger. 


Just paste some cod๐Ÿ˜‰ to the CSS section in the Template design! and off to go! your post is in the center now!

HOW TO DO IT ๐ŸŒป
  1.  Make sure you logged in to your Blogger account 
  2.  Go to your Theme section that you can see on the left side
  3. Then Click the Customize button
  4. Then go to the Advance section on the left
  5. Just Scroll down and look for Add CSS
  6. Then paste the code ( see picture below)
Once you are in there, you're going to add the following codes. Simply copy/paste them into the Add CSS fields and you'll see that the format will immediately apply into your page. Just don't forget to click the "Apply to Blog" to save it ๐Ÿ˜‰

Copy and paste the code on your CSS

CODE TO CENTER YOUR TITLE POST ๐ŸŒป

.post-title {
text-align:center;
}

.date-header {
text-align:center;

}
Code to center your Gadget Headers in Blogger:
.widget {
  text-align: center;
}

 Code to center your Tabs in Blogger:
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}





You can also leave out any of these if you want and just pick and choose which things you want to centered and which you do not. Hope my simple tutorial helps you guys! for a beginner like me this simple tutorial is really a big help! Let me know if you guys like your new format. Tap my back and say thanks hihihi :)



๐ŸŒผSupport donation๐ŸŒผ

 Running a blog & Youtube takes a lot of time, money and effort. Become a part of a selfless patron by buying me a coffee ☕ or sponsoring a post is really a big help! Your support is highly appreciated and it really means a lot to me. I DO Thank you :)



No comments:

Post a Comment