Blogger 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 that the
Blogger HTML template has a great editing feature 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 complained that they failed to include hack / additional scripts because they did not find the specific code. Sometime templates are even "chaotic" in tutorials because of one edit HTML templates.
I created these tips to give input and ideas in order to edit HTML templates. I hope it could be useful and give you the desired result.
- Understand the basic elements of a template blogger / blogspot is very
important. There are basically 5 essential elements in Blogger template which is similar
to the basic elements of HTML web in general:
a. 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/>.
b. 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>.
c. 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>.
d. CSS, page views 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.
e. 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-read-more, and so on. There are two types of javascript that can be used: internal, was uploaded and hosted directly on Blogger, and external, are uploaded and hosted on other servers. Located relatively, depending on the species. To the widget type normally present in the body. - 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.
- Read the tutorial carefully, do not let anything amissed. 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.
- When copying a script from the tutorial pages, make sure all parts of the script has been copied. Do not let anything left behind.
- If you must change the contents of the script / code, e.g. changing the blog URL/feed, value, etc., copy / paste the first code / script editor to sort of notepad, WordPad, Microsoft Word. After doing the conversion script (and make sure everything is OK), just insert the script into an HTML template.
- In order to do searching for specific code more easily and quickly 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).
-
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/> - If you are still confused but willing to try, 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 to try new script so that I can freely do anything without worrying.
- Special to hack / script where certain zoom can immediately be seen on the homepage / homepage (e.g.: installing read more 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. If it is wrong, edit it. If it is as desired, save it.
- In some templates, there is a section in the wedge by certain of the
paragraph tag: <p> and </ p>, so that when a certain part of the
search, as 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.
0 comments:
Post a Comment