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

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


A lot 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 themed down the road most definitely I will buy a Pipdig premium Blogger theme, but in the meanwhile, I love this HTML / CSS coding customization. Who said Blogger is bad? I’ve been told to use WordPress, but I’m like haha…, lol! www.blogger.com. 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.

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

↓↓↓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 {
background-color: #222222;
padding: 5px 5px 5px 5px;
border-radius: 5px;

If it all looks right, remember to Save. And that’s it for these 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 learned 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 meanwhile check out TIPS & TRICKS FOR AVON REPS / BLOGGER HERE >>>

I hope this is helpful to you Blogger fans… 👍

See links below for info! To guide you through your Avon career

Avon Representative Tips and Tools – Check back to this page often for updates! Depending on how much time you have to dedicate to your Avon business, try implementing 1 – 3 new sales or recruiting activities per week. Not every method is going to work the same for every Avon Representative so be sure to repeat activities that have been successful for you and continue to do the same successful marketing activities every campaign.

Avon Representative Resources

  1. Campaign Mailer – Avon Catalog Mailing Service
  2. Town & Country – Avon Logo Items
  3. Avon Signs & Decals – Avon Logo Window Clings and Signs
  4. Love my Buttons – Avon Branded Buttons and More
  5. Avery for Avon Representatives – Labels, Postcards, and Marketing Materials for Avon Representatives
  6. VistaPrint – Great for making your own marketing materials and relatively inexpensive!
  7. Buffer – Automate your social media posts.
  8. Square – Process credit and debit cards.
  9. MailChimp – Email marketing service.
  10. Zoom – Host Avon webinars and make screen shot videos.
  11. Animoto – Create Avon video collages.
  12. StatCounter – Track your website traffic.
  13. Google Analytics – Track your website traffic.
  14. Pizap – Create photo collages.
  15. Mailmunch – Collect email addresses.
  16. Bluehost – Web hosting for your blog.
  17. SiteGround - Another Web hosting for your blog
  18. Pipdig - Is who I use for a professional theme

Hope this is helpful! Questions? Simply leave comments below or chat with me on the floating Facebook icon. Like the post subscribe, give-us a thumbs-up, & share the posts.

Follow Avon Corporate Online and on Social Media

  1. Avon on Facebook – https://www.facebook.com/Avon
  2. Avon USA Representatives on Facebook – https://www.facebook.com/avonusarepresentatives/
  3. mark. by Avon on Facebook – https://www.facebook.com/markbyavon/
  4. Avon on Twitter – https://twitter.com/avoninsider
  5. mark. by Avon on Twitter – https://twitter.com/markgirl
  6. Avon on Instagram – https://www.instagram.com/avoninsider
  7. mark. by Avon on Instagram – https://www.instagram.com/markbyavon/
  8. Avon on YouTube –https://www.youtube.com/user/AvonProductsInc
  9. Avon USA Representatives on YouTube – https://www.youtube.com/user/AvonUSAReps
  10. mark. girl on YouTube – https://www.youtube.com/user/MarkgirlTV
  11. Avon on Pinterest – https://www.pinterest.com/avoninsider/

Network Marketing Books and Other Resources

  1. A View from the Top: Avon’s Elite Leaders Share their Stories and Strategies to Success
  2. A View from the Top Volume 2: Avon’s Elite Leaders Share their Stories and Strategies to Success
  3. 100 Ways to Recruit Avon Representatives
  4. 100 Ways to Sell Avon
  5. Avon Selling Secrets Sales Tips from an Ex-Rep
  6. Don’t Shoot! I’m Just the Avon Lady
  7. The Avon Business for Newbies
  8. Accelerated Success
  9. Nice Girls Don’t Get the Corner Office
  10. The 7 Habits of Highly Effective People
  11. Direct Selling Association
  12. The Work at Home Mom – Direct Sales
  13. Zig Ziglar
  14. Stephen Covey
  15. Carrie Wilkerson: The Barefoot Executive

Thank you for your support online

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


Mary Vivanco Avon Rep Online

Mary Vivanco Avon Rep Online
Mary Vivanco Avon Rep Online

Welcome to Your Makeup Beauty Blog – Hello Beautiful!. I’m Your Avon Representative Online. I will be writing about Avon products, opportunity, reviews, makeup, fashion, trends, Tips for Avon Reps, skin care, jewelry, coupon codes, health & wellness and so much more.

Find me on: Web | Twitter | Instagram | Facebook

💋 I Appreciate You Taking The Time To Leave A Comment 💋

%d bloggers like this: