Local Tech Repair: Formatting Your Blog Articles - Part 1

Wednesday, November 16, 2011

Formatting Your Blog Articles - Part 1

Formatting is a very important thing when it comes to blogging and well any other type of writing. Not only does formatting help your viewers see important headlines, quotes, and many other things. Search engine bots look for different HTML tags and CSS to determine topics and how to index your posts.


Part 1 HTML

Us header commands or bold commands


<h1> text </h1>
<h2> text </h2>
<b> text </b>


Output

text

text

text


These give the viewer eye catching titles for your posts and also give bots titles for it instead of having to guess at what is and whats not.

use things like code tags so that you can format your posts. for instance if you want your code to always be your quotes to look like our code does on our blog you can just use this code in your css.


code {background: #F3EFC3 url(http://img403.imageshack.us/img403/6029/backgroundcode.png) 0 7px;
background-image: url(http://img403.imageshack.us/img403/6029/backgroundcode.png);
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-position-x: 0px;
background-position-y: 7px;
background-origin: initial;
background-clip: initial;
background-color: #F3EFC3;
overflow-x: auto;
display: block;
width: 95%;
padding: 2% 2.5%;
padding-top: 2%;
padding-right: 2.5%;
padding-bottom: 2%;
padding-left: 2.5%;
margin: 30px 0;
margin-top: 30px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
clear: both;
color: #585535;
font-size: 85%;
line-height: 140%;
border: solid 1px #E8E3B8;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-color: #E8E3B8;
border-right-color: #E8E3B8;
border-left-color: #E8E3B8;
border-bottom: solid 1px #D9D4A8;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #D9D4A8;
-moz-border-radius: 15px;
border-radius: 15px;
}


for linking text so that your user does not loss you remember to add target="_blank" to your links so that the link they click will open in a new tab.

<a href="http://localtechrepair.blogspot.com" target="_blank">local tech repair</a>

will come out like this
local tech repair

if your wanting your paragraphs to auto intent so that you don't have to do it your self when writing you can make sure that they always do it with css.


p
{
text-indent:50px;
}

This will make sure that it is always indented at ever new paragraph granted that there be a p tag

Well I hope you liked this first part of this post hope you read the next coming soon.

Local Tech Repair Admin