Note: HTML edit feature is accessed through the Blogger dashboard> design / design> edit HTML.
Some cases I have come across from visitors and some blogger friends (especially newbie) who complained that failed to include hack / additional scripts, not find a specific code like the one in the tutorial, some are even templates "chaotic" because one edit the HTML template.
I created these tips to give input and ideas in editing HTML templates to suit the desired result. May be useful.
1 Understand the basic elements of a template blogger / blogspot is very important, there are basically 5 essential elements in the Blogger template that is similar to the basic elements of HTML web in general:
a. HTML / XML tags, which marks part of the whole page, beginning with <html> and ends with </ html>. Especially for XML tags, for Blogger templates and HTML editor after 2007, always ends with /, example: <data: post.body />.
b. Head tag, is part of the overall head of the page, it included rules that regulate many things, including the display (CSS), begins with the <head> and ends with </ head>.
c. Body tag, the contents of the web page / blog, in it there is the content / core content pages, including the widgets that are part of the content of the page, beginning with the <body> and ends with </ body>.
d. CSS, display manager page elements, both in terms of color, font, position, width wide, and much more. It is located between the <b: skin> <! [CDATA [and]]> </ b: skin> and are at the head. In some cases also included the CSS code just above the </ head> as additional rules.
e. Javascript, an element that actually contains the software (web widgets) that contains certain commands. Usually used to include additional elements such as the popular post, auto readmore, and so on. There are two types of javascript that can be used: internal, which is uploaded and hosted directly on Blogger, and external, are uploaded and hosted on other servers. It is relative, depending on the species. For that type of widget used to exist in the body.
2 Make a habit of backing up before editing the template, click on "Full Backup Templates" on 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 Note that the tutorial actually read, not to anyone overlooked. For example, if you have to tick / click "expand widget templates", then make sure it is doing it. The function of this command is to open up parts of the body that contains the widget. If not checked, these parts will be "hidden" by Blogger because it is intended to security.
4 When copying the script from the tutorial page you read, make sure all parts of the script has been copied or not any part other than the part of the script copied.
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 Notepad, WordPad, Word. After doing the conversion script and make sure everything goes wrong, 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 browser's search feature, press Ctrl + F, after a search box appears 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 the sort of comfort. For the browser, he still read from left to right. example:
<b: include data = 'top' name = 'status-message "/> <data: adStart />
We see there is 2 tags side by side, if you have to insert the tag / new code <b: include data = 'posts' name =' breadcrumb '/> below / after the <b: include data =' top 'name =' status-message '/>, that means you have to lay completely afterwards, so that <data: adStart /> should be shifted position, or code / new tag is inserted in between the two, 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 it is still not convinced and accustomed, create a new blog whose function is to experiment and test scripts (trial and error). You can freely test without any 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 3 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 (for example: installing readmore or background), after entering the script and the editing is finished, do not jump in-first save. Use / click feature preview / preview to see the result. If it is wrong, and as desired, the one in the new-save.
10 In some templates, there are certain of is flanked by the paragraph tag: <p> and </ p>, so that when a certain part of the sought after, as if not found. 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 of flanking 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 /> when searching (Ctrl + F), simply use the data: post.body alone.
nah its way so guys. habit was self-sufficient in terms of editing the blog template that can be used to create their own work and learn at the same time. keep the spirit and continue to learn editing guys yes. good luck :)
0 Komentar untuk "How to Edit Template HTML / XML Blog "