show-notice
hide-notice

Saturday, 29 June 2013

How to edit HTML in new blogger template editor

By on 08:56

How to edit HTML in new blogger template editor
Hey guys.Google the biggest network  of internet is constantly increasing  its services as well as  its user interface over the years with the advancement of technology and internet.Undoubtedly the number one ranking site google has rolled out various different new staffs from time to time and immensely get success with its cool features.Blogger is the biggest platform of internet which is owned by google itself.It has made some radical changes to google blogger  platform over the years.Some cool features are like google authorship,online traffic detection,hang out,community and so many cool features are adding daily.
Every one knows that google blogger is the best blogging platform for a newbie because of its simple user interface,advanced visual website design editor and more innovative features.Today I am going to show you how to design your website with different HTML coding in recently improved new HTML editor.Unless you implement some tweaks to your blogger html code,the website does not look like professional.Here are some post that may clarify your problems during blogger website craeation



Below are the steps I am going to explain graphically to provide you more clarification.

Step 1: Open www.blogger.com in your browser and then login with your Gmail id and password.
How to edit HTML in new blogger template editor
Step 2:Then the following screen will be appeared and click on create new blog as given in red mark below.
How to edit HTML in new blogger template editor
Step 3:The the title and address screen will be popped up
How to edit HTML in new blogger template editor
Step 4:Then provide the title and address of your blog as per your desire.Remember the words related to your blogging ,what you will enter in the address bar will be your web address
How to edit HTML in new blogger template editorStep 5:Then click on “create blog” if the web address is a available then the blue mark will be shown .
How to edit HTML in new blogger template editor
Well done.Now your web blog has been created and you can do what ever you want with your blog menu.
Step 6:Now you will find many options in the blogging site.Just click on the drop down arrow mark as shown  in the picture picture below and click on template option.
How to edit HTML in new blogger template editor
Step 7:Then the following windows will be opened.Click on edit html option as shown in the green ellipse.
How to edit HTML in new blogger template editorHow to edit HTML in new blogger template editor
Step 8:Now the blogger html editor will be opened like below.
How to edit HTML in new blogger template editor
Step 9:Then to search any code which you want to edit press Ctrl+F in your keyboard.as a result of which a small search bar will be appeared as shown below.Then search any code  which you want to edit.
How to edit HTML in new blogger template editor
Remember the basic HTML format of blogger editor is
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>

<html>
<head>
<title>your  title of your blog</title>
<b:skin> style css </b:skin>
<style> your css</style>
</head>
<body>
what ever your web page display
</body>
</html>
Step 10:Latest blogger editor has also provided some useful option for the ease of editing like the options shown as below like navbar,blog,widget id and so on.
How to edit HTML in new blogger template editor
If you want to jump directly into the Blog post section then click on Blog1
If you want to jump to Profile section then click on Profile1 and so on.It has really made easy than previous blog html editor.This is really a revolutionary change for blog designer.
Step 11:Now you can preview the design of your blog easily.how it looks?Perhaps nice..
How to edit HTML in new blogger template editor
If your coding has some problem then the html editor will show some html error .
Step 12:Then finally save the template .
If you want to design your Mobile blogger template then click on mobile template design.
How to edit HTML in new blogger template editor
If you want to use lighter  template then save “Yes. Show mobile template on mobile devices.”
If you want to use the current desktop template then click on “No. Show desktop template on mobile devices.” and save
You can also choose different Mobile templates in the choose mobile template option.
Finally save and exit.
I hope you enjoyed my article.I have thoroughly explained each and every step of the blogger html editing.If you face any problem in editing HTML coding, then feel free to ask any question.Also do not forget to comment below.Your reviews are always warmly welcomed.Thank you


Subscribe To Get Free Posts Update!

1 comments:

nepal news said...

thank you for the informative post!!!!!!!!!!!!!!!

Post a Comment