Offline HTML,CSS, and JAVA Script Editor.
The biggest problem faced by majority of newbie bloggers and web developers is editing their templates. And the reason for this is lack of awareness with browser languages like CSS, XML, HTML, JavaScript etc. There are several websites online that have tutorials in these fields and one of such websites is www.w3schools.com This website is popular because it lets you play with the code! It has an Online HTML Editor Tool that lets you see live preview of the code that you use. Many developers find this tool pretty useful but has someone ever imagined that you can actually rip this tool out of w3schools and use it offline for practicing coding while offline? Well fortunately after some trial and error we could successfully create a similar tool entitled as “ HTML Editor” This is the first time all bloggers are having a chance to have fun playing with important codes like CSS, HTML and JavaScript and learn important coding in a more interesting way! Now you can actually test a code before adding them to blogger.
This tool is better than any other HTML Editor found online or available as a software, in the following ways,
1. It works Offline in any browser available
2. Takes less than a fraction of a second to show live preview
3. Is equal in size to a peanut i.e 2.32 Kb
4. Code is saved in browser if your PC shutdowns accidently
5. You can go back several times using Ctrl + Z and go forward using Ctrl + Y
6. Can be used to test a code for Cross Browser Compatibility
7. It is free of charge thanks to MBT.
------------------------------------------------------------------------------------------------------------------------------
Downloading the HTML Editor Following Steps :
------------------------------------------------------------------------------------------------------------------------------
Click this link Download the File –> HTML Editor ( Direct Link Here )
The HTML Editor window will expand. Now you can start using it Online but to work offline in it you need to save it first. To save it click on the file menu at top-left-corner of your browser and then choose “Save As” or “Save Page As”. Select a safe location and hit enter, as shown below,
Done!
NOTE: Troubleshoot:- In IE a Security alert will appear, ignore it by right clicking on it and then selecting Allow Blocked Content.
------------------------------------------------------------------------------------------------------------------------------
How To use HTML EDITOR
------------------------------------------------------------------------------------------------------------------------------
This tool consists of two panes i.e left pane and right pane. See a screen shot below,
The left pane is the area where you add your code and the right pane is the area responsible for displaying a visual view of the code. The CSS code is added just between <style> and </style> and the HTML code is added just below </style>
------------------------------------------------------------------------------------------------------------------------------
Some Important Tips:-
------------------------------------------------------------------------------------------------------------------------------
To go backward to previous changes, click Ctrl + Z
To go forward to last changes made, click Ctrl + Y
To get URL of an image saved in your hard drive suppose Drive F, open Firefox browser and simply type F: in the address bar and hit enter. That drive will open and now simply browse to that image and right click on it and then click on Copy Link Location. Alas! you got the URL. Now use this URL wherever required during your offline code editing adventure.
Once you are happy with the code that you prepared then simply paste the CSS code just above ]]></b:skin> inside your blogger template and the HTML code where you want the effect to be seen i.e post or sidebar
NOTE: This HTML Editor Provided By My Blogger Tricks.com. Special Thanks For @TEAM
0 comments:
Post a Comment
kumaraswami42@gmail.com