Tuesday, November 9, 2010

Modify the Look of Your Blog ( Blogger )

In the tutorial that I wrote this time, will discuss how to modify the appearance of our blog on Blogger. This is a modification of primary to secondary stage. If you already understand the language of HTML (HyperText Markup Language), CSS (Cascading Style Sheet), JS (JavaScript) then you can easily modify the look of your blog itself without requiring the help of the facilities already provided by other parties.

Okay, let's start our discussion of memodifakasi blog.
The first step you should do is open a browser window is where you already connect to the Internet.
Furthermore, in the tab browser enter the address column www.blogger.com/

Previously, if you are logged in draft blogger, you can directly go to your blog. However, if your blog has never been stopped by the blogger draft, Stop and start making modifications to the blog. To go to blogger draft, type this address in your browser window: http://draft.blogger.com/.


Pictured above is the front page of blogger draft.

The next step, enter your email (Google Account) you on the form that has been provided. After you finish the contents, click the sign-ins.
Then you will be brought to the front page of your blog. See picture below.



It should be noticed, do not provide the check on the options tab "Make Blogger in Draft my default dashboard as .."
Next, click the Link tab is designed to go into edit to the page design of your blog. See the picture I have displayed below.



As seen in the picture above, your task is to click the Template Designer Link tab to go to a page template editing and started doing edits on your template. Come, do direct!



Pictured above is an example that I gave as a template editing material that you will follow. Note, the image I've included a few numbers where the description of the figures are as follows:

1. => In the column number 1 that I made, there are some related links. Namely, Template, Background, Layout, Advanced. What is the place where Link presentation templates blog templates which would you choose to be your blog template later. Background Link is a link that will direct you on the options of your blog template Background election. Layout Link is a link that will direct you on the options to determine how the size of the width of your blog it later. Advanced Link is a link that will direct you to the extra options.
2. => In the column number 2 that I made, it is an explanation of the template you are currently using on your blog.
3. => In column 3 that I made, it is an option list provided by the blogger template for you to use as your blog template. (Jump select a template you want to use).
4. => In column 4 that I made, it is a preview of the look of your blog. (You can see the changes that occur when you are done editing the template, so if you think you are not yet attractive template display your heart, you can edit-edit it again.) Interesting is not it?? Hehehe ... ..


Okay, look at the picture above. When you select a template is easy, choose one part of the template easily from between 6 and simple template which provide (See Figure that in the circle and the arrow mark.)
When finished selecting the template that you want, click the Background tab is Link. (See picture Below).



Steps will you do next is in accordance with the images I show above. Click on the Background-> None (Background Image) -> Choose Background Image (Here I choose Background Image "Family") -> clik the image you want as the background image we choose our template. See the results on the preview column of your blog.
Furthermore,



In accordance with the picture above, the steps we need to do next is by clicking the Layout link-> Adjust Width. In the Width Adjust option, we were told to adjust how wide his blog later. (Follow the wide selection of standard that I gave in the picture.)

Note the graphic below!!



From the picture above, I will explain the steps it. At the Advanced stage, this stage is an additional stage to edit your blog background color, the color of your blog title, just about the color dech .. hehehe ...

Okay lah, click Advanced -> Background and Explanation of Figures ... ... as follows:
1. Column No. 1 is a tab to edit out the background color of your blog.
2. Column 2 is a tab to edit the main Background color on your blog .. Can you see yourself on my blog previews on the image into a picture of Pink.
3. Column no.3 is a header background of this blog. Usually the blog header background does not need to edit anymore, but if you edit pingin you choose is the color that match to your heart.

Next....



Note the picture above, a step which we will do next is click on the tab "APPLY TO BLOG" for setting the template that will be used. After clicking on "APPLY TO BLOG" and after the loading process is completed correctly and Apply for sure, click "Back to Bloggers" to return to the house blogger.
Furthermore, note....



Follow the steps I already gave to the picture (I picture ma Bereng ITO). Okay, after you click "SAVE", and the storage process is complete. Then click the link is, "View Blog".

Now, let us see his results ..



Pretty well too. hehehe ....
Okay, so first tutorial from me .. This may be useful for us all .


    Other related articles:

No comments:

Post a Comment