How to Change Heading style in blogger | Widgets For Everyone Widgets For Everyone: How to Change Heading style in blogger
Contact Us:

If You Have Any Problem, Wanna Help, Wanna Write Guest Post, Find Any Error Or Want To Give Us Feedback, Just Feel Free To Contact Us. We Will Reply You Soon.

Name: *


Email: *

Message: *


Skillblogger

LiveZilla Live Help

Saturday, 14 December 2013

How to Change Heading style in blogger

Hello Friends! This is mine first post on this blog . Every Blogger want to make a great and beautiful  blog. In nowadays Heading plays an important role to make a blog beautiful. There are many heading style to change blog heading. I have different types of heading style. Hope this would be surely Helping you. OK Getting into the tutorial.



How To change Heading Style In Blogger


  • Go to Blogger
  • click on template and clik on edit html
  • Press Ctrl+F and search for.post h4
  • Then Replace by the below codes
          Heading Style 1






          .post h4 {
          background-attachment: scroll;
          background-color: white;
          background-image:url(“https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKBjPHcRV4J9U286dg2vS6_R9Fi_urrFwOfLvvxhOiiJoQpBtegcDzxrMiiYfrdPSheFE8gGzp5ianBs5Hjn42uwB2uUBTY1hfN0pOv0PXhW-FymBGj526fnWrK1qflCAoav-Sf3zajHN5/s1600/h2.png”);
          background-position: 4px 50%;
          background-repeat: no-repeat no-repeat;
          border: 3px solid;
          border-radius: 60px 60px 60px 60px;
          box-shadow: 0 1px 3px, 1px 1px 0 inset;
          color: #333333;
          font-family: inherit;
          font-size: inherit;
          font-size-adjust: inherit;
          font-stretch: inherit;
          font-style: inherit;
          font-variant: inherit;
          font-weight: inherit;
          line-height: 1;
          list-style: none outside none;
          margin: 15px 3px;
          outline: medium none;
          padding: 3px 10px 3px 30px;
          text-shadow: 0 1px 0;
          text-transform: uppercase;
          vertical-align: baseline;
          }

          Heading Style 2


           



          .post h4{background: url(“http://1.bp.blogspot.com/-zs4aWzVV5J4/UTm__Ri99eI/AAAAAAAAbW4/a–rNrWDM9Q/s1600/h2.png”) no-repeat scroll 4px center transparent;border: 3px solid #C8C800;border-radius: 60px 60px 60px 60px;box-shadow: 0 1px 3px #C6C6C6, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;color: #A5A503;font-family: ‘lobster’,sans-serif;font-size: 19px;font-weight: bold;line-height: 1;margin: 15px 3px;padding: 3px 10px 3px 30px;text-shadow: 0 1px 0 #CCCCCC;text-transform: uppercase;}
          heading style 3




          .post h4 {background-attachment: scroll;background-color: white;background-image: url(“https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI2f4f6QEJb2sgCNI8C0W49KKJO7TMGEP59T6BjT5v-or2npQpPtdn0E913T1NuT58FcQws03-SuSjTW0P8VX4XmI0Nw08jch24Lyver9loqOI2DC1HyHjNvH0-jbMPgjiHDI3kROHF8kK/s1600/h2.png”);background-position: 0 50%;background-repeat: no-repeat no-repeat;border: 3px solid #0D7005;border-radius: 14px 14px 14px 14px;box-shadow: 3px 3px 3px #ABABAB;color: #25991C;font-family: Lobster,cursive;font-size: 26px;font-weight: normal;margin: 0 0 1em;padding: 0 1px 4px 34px;position: relative;text-shadow: 1px 1px 0 #000000;text-transform: capitalize;}

          Like the Post? Share with your Friends:-

          Team SB
          Posted By: Team SB

          0 comments:

          POST A COMMENT

          Contact Us

          Name

          Email *

          Message *

           

          Latest post

          Subscribe Now!

          Learn Free Pro Tricks daily

          About Us

          Recent Comment

          Want To Get Hot Updates?

          Follow Us On Your Favourite Social Networking Site To Start Getting Notified!

          Follow Me on Pinterest
          Copyright © 2025. WidgetsPlace. All Rights Reserved.
          Designed by :- Arslan Arshad