Own A Blog Like This
For Questions, Inquiries, Click Here
Page | Group - Follow us - Call us - Hire Us - info@howtosguide.com
Join Howtosguide - Telegram Group Today!

Tuesday, 20 September 2016

12 Simple Steps On How to Create a Border Around a Post in Blogger





In Today's Thread, You Will Be Able Remove the borders around images on Blogger to better fit your theme.

Using the free blog-publishing services provided by Blogger allows your business to relay important information to your customers, even if you do not yet have a website.

Blogger offers a variety of templates to customize the layout of your blog but you can also edit the HTML code directly to make changes. Creating a border around a post in Blogger, for example, will allow the contents of the post to stand out and be more noticeable. This is useful if you need to relay information in steps or sections that you want to keep separate from each other.


Step 1: Navigate to the Blogger website and sign in to your account.

Step 2: Click the blog post that you want to edit or click the "Create New Post" button.

Step 3: Click the "HTML" button on the top left corner of the screen.

Step 4: Enter the code
as the opening tag for the post around which you want to create the border.

Step 5: Substitute the number after the "border" property with the value of the width you want your border to be.

Step 6: Substitute the "solid" value with dashed, groove, ridge, inset, double or outset depending on what type of border you want around your post.

Step 7: Substitute the "black" with the color that you want your border to be. Values can be either the name of the color such as red, blue, and yellow or the hex color code, such as #C92020.

Step 8: Substitute the number after the "padding" property with the value of the distance you want your post content to be from the border line.

Step 9: Enter the
tag to close the code section. For example to create a dashed, yellow border that is 5px in width and has a padding of 10px, the code would be as follows:

Step 10: Click the "Compose" button at the top of the page to view your borders. You can now add your content inside the new borders if it is a new post.

Step 11: Click the "Preview" button to see a preview of how your post with the border around it will appear when published.

Step 12: Click the "Publish" button if you are satisfied with the results and want to publish it to Blogger.




No comments:

Post a Comment

Designed by Chivalry Benson