How to Format your Template

How to make your blog format on blogger.com?
>First log in to your blogger account then click the dashboard at the top on the right side of your screen ,from the page choose layout and click edit HTML file displayed on the top, using your keyboard use Ctrl-F and find(type) "#main-wrapper{" under that you will see something like
width:500px;
float$startside;
You can change number to whatever number you want( the bigger number, the bigger space). But for more secure, you should download your template for back up just in case you screw up.
Furthermore, this is very minimal configuration, you will need to adjust the container if you would like to extent it, but if you will do adjustments make sure that the width will fit into your computer screen otherwise you will be having unreliable different dimension on your computer screen.
.
Now back to edit HTML page, you have an option to download a copy of your template to a text file on your hard drive. Do this if you are interested in customizations to your design, so that you can easily change or edit your template if you don't like that way it comes out and you can upload your same file again.
Now about your actual code on your template, you will see a regular HTML and CSS with lots of custom tags also that can make it compatible with drag-and-drop layout editor as well as the font and color picker. If you would like to have changes on your code, Read this first:

On the option "Expand Widget templates" By default, every page element is shown in the code as a single line plane placeholder, whose option can be set in the graphical interface on the page element. The code is simply at first but you could have more control on the second way, so be wise in which option you prefer to do.
At the bottom, you can see three buttons there it is for Clear Edits, Preview and Save Template that you can use what do you want to work for it. On the the hand, there are two links referring to your classic template, if you are changing your blog from old style of the Blogger Templates to the new layouts version, then your classic template whatever it is, is the last template you used in the old system, with your customizations. If the blog was created on the new system and has always used layout, so then your classic template is a default, classic version of the original design you chose when you created the blog, without customizations. Anyway there is different kind way in working your link , it has called View link, it will show you the code if you want to check or copy a part of it for your new design and the second is Revert link, it will erase all the customizations you have made in the layouts feature and set your blog to use the old style Blogger template again, In this Case you can't use the graphical Layouts interface in this mode, but you can convert it back to layout by then later.
.
Now let's talk about TARGET = "_blank"
"_blank" means opening a new window



"_blank" is known in WebPages in linking other resources on the internet. Opening a new content window of each resources, surfer or user has a main page and secondary pages which is individual resources listed from a main page. But this is not a perfect idea too to the readers or surfers; it brings complication though as you have more windows pop up on your screen.

About HREF Attribute and the anchor tag:
Anchor has an ability to arrive in any resource on the web like HTML pages, images, sound files, movies and etc.
Here is some syntax in creating an anchor;



Let's talk about tag- It is use in creating an anchor to link from, and the href attribute is use to address the document to link to, and any words inside the anchor tag will display as a hyperlink.
For Instance, I have link 123greetings, the anchor defines a link to 123greetings;



what about the Target Attribute;
this one is very interesting, here you can target where the linked document will be opened.
The syntax will open the document in a new browser window:



About the Name Attribute and Anchor Tag;
It is says the name attribute is used to create anchor. When doing this, we can easily jump to the desire section on the page that we would love to read or look without spending time in scrolling it.
Here is the syntax:



The name attribute is creating a named anchor, mean the name of the anchor can be any text you care to use. Look at this,



In order to link to the "news" section, you should use # sign and the name of the anchor to the end of a URL, for instance;



then a hyperlink to the important news from Between the file "html_links.asp" will be seen like this;

.

Seja o primeiro a comentar