top 5 stylish sub-heading design bloggers blog ke liye jarur padhiye

hello frnds 

aaj ham sikhenge ki apne blogspot blog me stylish heading kaise use kar sakte hai waise to aap jante hi honge ki agar hamare pass html ki acchi jankari nhi hai to ham apne blog ke kisi bhi post me stylish heading nhi use kar sakte hai isliye ham apke liye lekar aye hai kuch bahut hi acche heading style apko ye jarur use karni chahiye,qki aaj har ek blogger adwance ho raha hai apne blog me kuch alag karna chah raha hai isliye ham apke liye lekar aaye hai ye bahut hi accha collection aap bhi use kijiye 

chaliye sikhate hai 

step1:log in your blogger dashboard(blogger dash board me log in ho jaiye)

step2:apko apne dashboard me dikh rahe TEMPLATE>> EDIT hTML click kare 

step3:apko ab ctrl+f press karna hai or ye code pest karna hai </b:skin> hit search

step4:ab apko niche diye huye kisi style ka code jo apko pasand aa jaye usko copy karna hai or </b:skin>ke just pahle pest kar dena hai 

chaliye style or code dekhate  hai

style 1

code 

.post h3{
margin-top:10px;
    max-width:95%;
    padding:6px 2px;
color: #000000;
    padding-left:10px;
    margin-bottom:10px;
    font-size:20px;
    font-family:'Oswald',sans-serif;
    background-color:#F8FAFD;
    text-decoration:none;
    border-left:10px solid #05A8FC;
    box-shadow:1px 1px 2px gainsboro;
transition: border-left .777s;
-webkit-transition: border-left .777s;
-moz-transition: border-left .777s;
-o-transition: border-left .777s;
-ms-transition: border-left .777s;
}
.post h3:hover {
  border-left:10px solid #FC2B2C;
}

style 2

post h3 {
color:#222222;
border-left:10px solid #222222;
border-right:10px solid #222222;
padding:3px 5px 3px  20px;
border-radius:15px;
-moz-border-radius:15px;
box-shadow:0px 0px 13px #222222;
-webkit-box-shadow:0px 0px 13px #222222;
-moz-box-shadow:0px 0px 13px #222222;
}
.post h3:hover {
color:#219DFC;
border-left:10px solid #219DFC;
border-right:10px solid #219DFC;
box-shadow:0px 0px 13px #219DFC;
-webkit-box-shadow:0px 0px 13px #32A4FC;
-moz-box-shadow:0px 0px 13px #32A4FC;
}

style 3

code

.post h3{
background: #F9F9F9;
font-family:'Oswald',sans-serif;
font-size: 120%;
padding: 6px 12px;
color: #333;
text-shadow: 1px 1px 1px #AAA;
border-bottom: 4px solid #03DA03;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 1px 1px 2px #AAA;
-moz-box-shadow: 1px 1px 2px #AAA;
box-shadow: 1px 1px 2px #AAA;
margin: 6px 3px;
text-transform: capitalize;
width: 95%;
line-height:1.0em;
}
.post h3:hover {
border-bottom: 4px solid #003F80;
}

style 4

code 

.post h3 {
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
border: 3px solid rgb(251, 10, 38);
padding: 0px 1px 4px 14px;
box-shadow: rgb(251, 10, 38) 3px 3px3px;
color: rgb(251, 10, 38);
font-family:'Oswald',sans-serif;
font-size:120%;
font-weight:400;
margin: 0px 0px 1em;
text-transform: uppercase;
text-shadow: rgb(0, 0, 0) 1px 1px 0px;

style 5

code 5

.post h3 {
padding:5px;
border: 1px solid #cccccc;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
color:#333333;
font:140% 'Oswald',Sans-Serif;
text-transform: uppercase;
}

customization:

1.aap apni custom font ka use kar sakte hai
2.aap font ke size ko badal sakte hai 
3.aap kisi bhi colour picker ka use karke colour ko bhi badal sakte hai

use kaise kare:

1.aap sabse pahle apne blogger ke post editor mr jaye 
2.apko janha pe bhi heading use karni hai us jagah pe SUB HEADIN use kare 
3.ab apko kuch type karna hai or preview dekhana hai 

frnds ye rahi aaj ki post agar apko is post ke baare me kuch puchna hai to plzzz comment kare mai apki help jarur karunga 

request for you/agr apki thodi bhi help hui hai to

plzzz share this post with your frnds
 thannkxxx for read this

Share this

gaurav   BLOGGING   HTML CODE   usefull trick

Receive Quality Articles Straight in your Inbox by submitting your Email below.

Related Posts