Thursday, June 21, 2018
How to Add CSS andJavaScript Code on Blog Template
How to Add CSS andJavaScript Code on Blog Template
CSS JavaScript
During my early days in the blogosphere, customizing blog template blog template wasnt that easy compared to this days(every newbie blogger is a victim to this).
With what I have experienced... I will be guiding you on how to easily locate the most needed tags(<head>... </head >, ]]></b:skin>)when working with your blog template code.
Areas of conceteration...
1. How to find the ]]></b:skin> for adding CSS Code on your blog templat.
- Using Edit HTML metlhod.
- Using Template Designer.
2. How to find the <head>.....</head> for adding Java script code on blog template.
AND
How to open a search box on the template code area.
How to open search box on the template code area.
Login to your blog Dashboard, click Template >>Edit HTML.
Hover your mouse to the code area and click any key on your keyboard or mouse.
Use this keyboard command ctrl+f on windows and cod+f on Mac PC.
A blank rectangular search box will open at the right top side on the template area.
- How to locate the ]]></b:skin> tag...(add-in CSS code to your blog template)
Method 1...Using the HTML Edit Method
To search for ]]></b:skin> tag, always search within the <head> and </head> tag, and its is always located at the beginning of the template code with a black small code arrow head(Click on it to expand code and reaveal ]]></b:skin>)pointing to the right.
This image below explains better...
Method 2. Using Template Designer
Click on Layout>> Customize, now scroll to Advance then Add CSS(see image above), a blank boxx will appear, copy and paste the CSS code you to add to your template, the will automatically add the code before the ]]></b:skin> tag in your blog template.
After everything, click the Apply to blog button at the top right corner on your screen(see image below).
- How to locate the <head> and </head> tag...(Adding javascript code to your template)
After opening the search box using ctrl+f or Cmd+f. Type inside the search box <head> or </head> relating to the tag you want to search for.
Any HTMl code is usually pasted below the or after the <head> tag or above or before the </head> tag.
share this post to support us...
Tags: WRITEMEFLASH
