Ask Experts » Blogging and Websites » Blogger Blogging Platform »

How to make blogger description font small


Date: 19 Apr 2015   Posted By: Mukhtar     Group: Blogging and Websites    Category: Blogger Blogging Platform   

Description plays important role for your website. It shows users what you are offering on your blog. It appears below your title. I have long description and it is coming in three lines I want to know how I make my blogger description font small so it look nice and comes in one line.

Are you looking for way or option to get your blogger post description to be appeared in small post? Get the advice from our experts.


Author: Aryan    21 Apr 2015      Member Level: Bronze     Points : 3  (Rs 3)    Voting Score: 0

follow this steps :
1.open the blogger website and log in in your account.
2.Click on the 'Layout' or 'design' link
3.then click on the 'edit HTML'. Now the HTML code will open that control your blog.
4.Now instead of #header.description.Now press CTRL and F and type 'header.description'
5. Now find out the 'front-size' and the the size make it low.
for example: 110 make it 109.
I hope this information may help you.


Author: vijay kumar rana    13 Jan 2016      Member Level: Silver     Points : 15  (Rs 15)    Voting Score: 0

You can easily change the color, font family, font size of your blog. To make blogger description font small, you need to perform the following steps:

1. Log in to Blogger and go to the dashboard of your blog.

2. From the left hand menu select "Template"

3. On the Templates Page select "Edit HTML" under Live Blog.

4. From the top menu select "Jump to Widget" and then "Header 1" from the drop down menu.

5. Find this line:
< b:widget id='Header1' locked='true' title='Your Blog Name (Header)' type='Header'>...< /b:widget>

6. Now click on the dots that appear between type='Header'> and < /b:widget> to expand the section.

7. You should now see the following code
< b:section class='header' id='header' maxwidgets='1' showaddelement='no'> < b:widget id='Header1' locked='true' title='Your Blog Name (Header)' type='Header'>
< b:includable id='main'>
< b:includable id='description'>...< b:includable>
< b:includable id='title'>
< /b:includable>
< /b:widget>
< /b:section>

8. Click on the dots between < b:includable id='description'> and < /b:includable>

9. Now you will presented with this code:
< b:includable id='description'>
< div class='descriptionwrapper'>
< p class='description'>< data:description/>< /p> < /div>

10. Find this line:
< p class='description'>< span>< /span>< /p>

11. Now to change the blog description to a different font eg default to verdana change the code to the following
< p class='description' style='font-family: verdana;'>< span>< /span>< /p>

12. To change the blog description font style to italics change the code to the following
< p class='description' style='font-family: verdana; font-style: italic;'>< span>< /span>< /p>

13. To change the font style of your blog description from the default capitalized case to uppercase change the code as follows. Note for lower case use: text-transform: lowercase;



14. To increase the size of the blog description font from 12px to 16px for example change the code to the following
< p class='description' style='font-family: verdana; font-size: 16px;'>< span>< /span>< /p>

15. Putting all the changes together from 11 to 14 would need the following code change
< p class='description' style='font-family: verdana; font-style: italic; text-transform: uppercase; font-size: 16px;'>< span>< /span> < / p>

This is how you can change the font size, text, font style, font-family of your blog through code. Or you can simply follow above answer as described by @aryan for easier process.







Post Answer



You must Sign In to post a response.


Post Answer        





Related Questions
  • Return to Question Index
  • Ask Question to Experts


  • Top Contributors
    TodayLast 7 Daysmore...