LEARN BLOGGING EASY - By Abhijit Patil
  • Home
  • About
  • Sitemap
  • Disclaimer
  • Contact
  • Trending Now! ▼
    • [T.E] Computer Engineering Syllabus
    • CRICKET PEPSI IPL 2015 Patch
    • Theory Of Computation
  • Write for Us!
Home » 2015 » Blogger CSS Codes » Blogging » Blogging Basics » Blogging Tricks » Blogspot Tutorials » Post Title » Tech » Web » Website Designing » Website Development » Widgets » The 3 different styles of post title in blogger

The 3 different styles of post title in blogger

Posted by BA
» 2015, » Blogger CSS Codes, » Blogging, » Blogging Basics, » Blogging Tricks, » Blogspot Tutorials, » Post Title, » Tech, » Web, » Website Designing, » Website Development, » Widgets
» Thursday, September 24, 2015

A good an attractive template is always pretty to attract visitors to your blog or website. So, here we bring the three different styles for designing the post title in blogger. These CSS codes will be helpful to change the look of post title with different fonts and sizes.
The following CSS Code will help you design your post title in different style. You just need to insert the CSS in your blogger template.

STEP 1 : Find  </b:skin> in blogger template by pressing Ctrl + F in Edit HTML of Template Option.

STEP 2 : Just add any of the following CSS code to style your post title. Choose any 1 style and paste the following style above </b:skin>
.

The 3 different styles of post title in blogger
The 3 different styles of post title in blogger

STYLE 1 :

.post-title
{
Adding dashed Line below and above post title in blogger
Dashed In Post Title 
border-bottom:1px dashed Black;
border-top:1px dashed Black;  
font-size: 16px; 
padding:3px; 
}


STYLE 2 :

.post-title
Solid Bar (line) above and below Post Title
Solid Bar (line) above and below Post Title
{
border-bottom:2px solid Black;
border-top:2px solid Black;  
font-size: 18px; 
padding:4px; 
}


STYLE 3 :


Adding dotted lines below and above Post Title In Blogger
Adding dotted lines below and above Post Title
.post-title
{
border-bottom:2px dotted Black;
border-top:2px dotted Black;  
font-size: 18px;
padding:4px; 

}


STEP 3 : After copying above selected style CSS code above </b:skin>, save the template.

STEP 4 : Save Template ! That's it. Enjoy :)

ADS HERE !!!

COMMENT POLICY: We’re pleased to see your comment here. However, Please Keep in mind that all comments are moderated manually by humans according to our comment policy. Using Keywords and links to your blogs or websites in the name field area is forbidden. Let’s enjoy a personal and meaningful conversation. Do not break the rules of comment policy.

Newer Post
Older Post
Home
Subscribe to: Post Comments (Atom)

Popular Posts

  • Third Year [T.E] Computer Engineering Pune University 2012 Course Syllabus
    T.E Computer (Pune University) [2012 Pattern/Course] Syllabus and Subjects : SEM-I Subjects for  semester 1  of T.E Computer engg [201...
  • Download CRICKET PEPSI IPL 2015 Patch For EA Sports Cricket 07
    EA SPORTS CRICKET 07 A2 STUDIOS IPL GAME PATCH  DOWNLOAD Today's post will be fun for 'gamers' as they will love the new IPL...
  • Theory Of Computation : Computer Engineering 5th Sem
    Theory of computation is a subject in computer science which deals with how efficiently a problem can be solved using a algorithm on a  ma...
  • The 6 Best Footer Designs For Blogger Template
    The 6 Best Footer Designs For Blogger Template Many of us are interested in designing their blogger template on their own. So, we design eve...
  • What is Bluestacks? How to use android apps On PC (Computer/Laptop)
      WHAT IS BLUESTACKS ? Bluestacks App Player For PC Bluestacks allows us to run all android applications on windows operating syste...
  • What is On-Page SEO and what are On-Page SEO Methods?
    What is On-Page SEO? 1) On-Page Seo  : It is  where you optimise elements of your site in an effort to increase your search ranking. U...
  • Write a shell program to convert all lowercase letter in a file to uppercase letter
    QUE: Write a shell program to convert all lowercase letter in a file to uppercase letter. ANS - clear         echo "Menu" ...
  • How to remove/hide author name and date-time from your blogger blog posts permanantly?
    Hi ! Today we will see the solution of one of the main problems faced by bloggers while they post on their blogs. Yes, it's the privacy...
  • Bidvertiser Advertising Adnetwork Review, Bidvertiser Payment Proof 2014
    Today, we will review an advertising network for our bloggers named 'Bidvertiser'. Don't worry if you have been banned or disab...
  • How to remove Subcribe to posts atom from blogger? Remove it permanantly from Blog
    Today, we will see that how can we design our blog and keep it clean and neat. So, many bloggers have thought of removing the 'subcribe...

CATEGORIES

  • Android
  • Big Data
  • Chrome Browser Tricks
  • Computer Engineering
  • Database Management Systems Applications
  • Download Youtube Videos
  • Hive
  • IPL 2015 EA Sports Cricket Game
  • Programming Basics
  • SEO
  • Top 10 Blogging Templates
  • Tutorials For Bloggers
  • Website Designing
  • Website Development
  • Widgets

ABOUT LBE

WHAT'S LBE?


Learn blogging easy often said (LBE) is a blog where you would be served with the finest of tech articles and other trending articles. The blog is a source of articles useful for computer engineering and other blogging topics. Started with a vision to provide good tech articles, we would do better and better day by day. Thank you all visitors for making this blog a success. We are thankful for your co-operation. Stay tuned and keep blogging :)

HEY VISITOR!

This is Abhijit Patil, an enthusiast geek blogger from Pune city (India), mostly interested in writing tech articles. Certified HTML/CSS web developer, also likes programming and tech niche. More importantly an SEO lover.

LBE QUOTE

You are what you think!

Copyright © | LEARN BLOGGING EASY - By Abhijit Patil | All rights reserved

↑