#Tutorial Installing HTML / CSS Codes In #Blogger – Simple Template

Tutorial Installing HTML / CSS Codes In Blogger – Simple Template lots of tips several html / css codes and much more.

I’m an Avon Rep Online and let me say I use Blogger to promote & I like blogger, and it’s themes down the road most definitely I will buy a Pipdig premium Blogger theme, but in the mean while I love this html / css coding customization. Who said Blogger is bad? I’ve been told to use WordPress, but I’m like naaa.., lol!


Learn more about this Avon lady @ Welcome To Your Makeup Beauty Blog

Tip: Always write down the section you paste the code in your HTML for blogger. Use Microsoft word or any docs.

↓↓↓Here are the codes below ↓↓↓

Centering Post Title, Tabs (Pages), Date Header & Sidebar Gadget Titles

To center your post title, tabs, date header and gadget headers, go to Customize>Advanced>Add CSS, and type the following. Hit Space key after each addition… In order for it to work.

Code to center post title in Blogger:

.post-title {



Code to center your Tabs in Blogger:

.PageList {text-align:center !important;}

.PageList li {display:inline !important; float:none !important;}

Code to center date header in Blogger:

.date-header {


Code to center Gadget Title in Blogger:

.section-columns h2, #sidebar-right-1 h2, #sidebar-left-1 {text-align: center;}

Code for footer give it a color to it:

.footer-outer {

    background-color: #eeeeee !important;

Code for title background color:

.sidebar h2 {


padding:0 0.2em;



If it all looks right, remember to Save. And that’s it for this CSS codes..

I will be updating and adding more CSS codes in this post as I customize my Simple theme in blogger. So far I’ve learn a lot of customizations and implementing HTML CODES as well.

HTML CODE to implement html in blogger.

1. This Html code is to open links in new tabs, including your drop down menus.
2. Implement this code in your html in blogger. Hit Ctrl – F the search box pops-up and then copy and paste the skin tag in the search box <b:skin>  search for this tag >> <b:skin> and then paste the following code <base target=’_blank’/> above the skin tag. See pic below.

3. Save it and test your blog, like your drop-down menus etc.. And enjoy!

I will be back to add more tips & tricks to this post.. In the mean while check out TIPS & TRICKS FOR AVON REPS / BLOGGER HERE >>>

I hope this is helpful to you Blogger fans.. 👍

Don’t have an Avon lady to shop from?

Subscribe To Your Makeup Beauty Blog-Hello #Beautiful!

  • Don’t forget to subscribe here, add me to favorite, comment, and share the post.

Create Your AVON Account by Clicking Links Below:

↓ Savings Here ↓

Free shipping on $40. or more no code required. Don’t forget to add your #FREE brochure in cart.

Shop By Categories Below:

Avon Orders for Customers Via Phone:

Prefer to Call, Text, or leave a Message to place an AVON order? Call at (904)400-2501 to place an AVON order and have your order shipped directly to your home. Mary Vivanco Avon Rep Online on stand by to place your AVON orders. If I do not answer simply leave a message and I will get back to you during the phone call operating hours listed below. Thank You for your online orders and via phone orders.

Operating phone orders hours:

*Monday – Saturday

*9am – 8pm

*Sunday’s Closed

Need extra cash?

  • Late on bills?
  • Going college to and need the extra cash?
  • Want to make it a long life career?
  • Do you love makeup, beauty, fashion, skincare? And there is so much more Avon has to offer. Possibilities are endless!! Learn about opportunity, to be your own #BeautyBoss see all info @ www.beautybossopportunity.com

Follow Me On Google Social Media:

Follow Blog

Thank you for your support online

Shop with confidence our products are magnificent. I love to share the best to my Avon customers online.


Mary Vivanco Avon Rep Online

Leave a Reply