Recent Posts

Browse » Home » » 10 Step Easy Way How To Edit HTML Template For Blogger/Blogspot

10 Step Easy Way How To Edit HTML Template For Blogger/Blogspot

08:18  Unknown  11 comments

Blogger Template Editing HTMLBlogger is a free blog service that provides flexibility for the user to edit the look and function of their blogs. Basically, the Blogger platform HTML / XML with CSS display settings backed up and javascript functions. We know the existence of feature edit Blogger HTML template where we can freely modify, redesign, hack, adding features from third parties (third party) in the form of widgets, and others.

Note: HTML edit feature accessible via the Blogger dashboard> design / design> edit HTML.
I encountered a few cases of visitors and some blogger friends (especially newbies) who failed to include an hack or an additional scripts. They did not find the specific code in tutorials. The templates were even "chaotic" because of one edit HTML templates.
I created these tips to give input and ideas in order to edit HTML templates to get the result that you desire. It may be useful for you. Check these steps.


1. You need to understand the basic elements of a template blogger / blogspot. There are basically 5 essential elements in Blogger template similar to the basic elements of HTML web in general:
Blogger Template Editing HTML2
  • HTML / XML tags, which signifies a part of the whole page, with <html> begins and ends with </ html>. Specifically for XML tags, and HTML for Blogger template editor after 2007, always ends with /, example: <data:post.body/>.
  • Head tag, is part of the overall head yard, in which is inserted the rules that govern a lot of things, including the display (CSS), beginning with <head> and ends with </ head>.
  • Body tag, the content of a web page / blog, in which there is content / core content pages, including the widgets that are part of the content of the page, beginning with <body> and ends with </ body>.
  • CSS, pageviews regulatory elements, both in terms of color, font, position, width wide, and much more. It is located between <b:skin> <! [CDATA [and]]> </ b: skin> and is at the head. In some cases also included CSS code just above the </ head> as additional rules.
  • Javascript, an element that actually contains software (web widgets) that contains certain commands. Typically used to include additional elements such as a popular post, auto readmore, and so on. There are two types of javascript that can be used: internal, was uploaded and hosted directly on Blogger, And external, was uploaded and hosted on other servers. Located relatively, depending on the species. To the widget type normally present in the body.
2. Make a habit of backing up before editing the template. Click on "Full Backup Template" in the box "Edit HTML". If there is an error and you do not know where the script should be addressed, you can easily upload the template file back-up and restore it.

3. Read the tutorial carefully, do not let anything missed. For example, if you had to tick / click "expand widget templates", then make sure it is done. The function of the command is to open the body parts that contain widgets. If not checked, the parts will be "hidden" by Blogger because it is intended for security.

4. When copying a script from the tutorial pages you read, make sure all parts of the script has been copied or not any part other than the script copy to go too.

5. If you must change the contents of the script / code, eg changing the blog url / feed, value, etc., copy / paste the first code / script editor to sort of notepad, WordPad, Word. After doing the conversion script and make sure everything is OK, just insert the script into an HTML template.

6. In order to more easily and quickly search for specific code as requested in the tutorial, use the search feature browser. Press Ctrl + F, after a search box pops up enter the code that you want to search and press next (enter).

7. Note the term actually under / after and above / before. It means actually put code after or before the code is searched. The code is read by the browser from left to right as a sequence. Top down is only used to provide comfort in the sort. For the browser, he still read from left to right. Example:
<b:include data='top' name='status-message'/> <data:adStart/>
We see there is no 2 tags side by side, if you have to insert tag / new code <b:include data='posts' name='breadcrumb'/> below / after the <b: include data = 'top' name = 'status- message '/>, that means you have to put really after, so <data:adStart/> had shifted his position, or code / new tag is inserted in between the two, it would:
<b:include data='top' name='status-message'/> <b:include data='posts' name='breadcrumb'/> <data:adStart/>
or,
<b:include data='top' name='status-message'/> <b:include data='posts' name='breadcrumb'/> <data:adStart/>

8. If you are still not convinced and accustomed, create new blog function to experiment and test scripts (trial and error). You can freely conduct trials without the fear of your blog template is damaged or blurred reader. In order for accurate results, use the same type of template as your blog. I have three blogs to experiment and try new script so that it can freely do anything without worrying.

9. Special to hack / script where certain zoom can immediately be seen on the homepage / homepage (eg: installing readmore or background). After entering the script and the editing is complete, do not jump on save first. Use / click feature preview / preview to see the results then save.

10. In some templates, there is a section in the wedge by certain of the paragraph tag: <p> and </ p>, so that a certain part of the search not met. If your template type like this, do not give up first.
Example:
When should seek <data:post.body/>, and is not met, then there is a possibility flanked the paragraph tag (<p> <data:post.body/> </ p>), or there are some other conditions (for example, you forget check the "expand widget templates"). To make it easier again, do not include the <and /> while searching (Ctrl + F), simply use the data: post.body alone.
There are still a few more that I want to say, but if only 10 points above are complete enough to be tips and hints for smooth and safe in editing HTML Template Blogger / Blogspot. Further, Blogger buddy can develop and familiarize yourself with the Blogger template and template editor and self-editing (Do It Yourself . Keep on learning and learning.

Posted in:

11 comments:

Its a wonderful post and very helpful, thanks for all this information.
Javascript Training institute in Noida

Thanks for this post...Coding for beginners is a hot topic right now. The technologies are improving at light speed, and the number of tech-related job positions keeps rising every year. Our Elegant Training Center provides best HTML Online Course.
Best C++ Course
Full Stack Java Developer Course
Interior Designing Course in Dubai

Thanks for this post... The Best C++ Course is fairly easy because it uses basic commands in English. However C is a compiled language so after you type your commands, in order to execute your program, you need to run it through a compiler to transform the human-readable form into machine-readable language.
Full Stack Java Developer Course
Python Certification
Autodesk Authorized Training Center

You explained the topic very well. The content has provided meaningful information thanks for sharing. intresting to gain knowledge then checkout our blog full stack course in pune

Informative and insightful! This blog offers valuable insights and practical tips. Thanks for sharing this valuable knowledge with us. If youi are looking for full stack development training in noida

Post a Comment