Slide show

Adding CSS and Javascript in a post

Javascript widget
Step-1: Go to layout of your blogger blog.
Step-2: Click on Add a Gadget text link where you want to appear the result of that JavaScript codes.
Step-3: Now, scroll down and select HTML/JavaScript (Add third-party functionality or other code to your blog).
Step-4: Finally, insert your JavaScript codes into the content field and save it.


Javascript

Clasic
<script type='text/javascript'>
//<![CDATA[

Place your JavaScript codes here

//]]>
</script>
Imternal in <head>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
Paste Your JavaScript Here for post page
</b:if>
Imternal winth more options in <head> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<!-- Paste Your JavaScript Here for Static Page -->
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Paste Your JavaScript Here for Homepage -->
</b:if>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<!-- Paste Your JavaScript Here for 404 Error Page -->
</b:if>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.searchLabel'>
<!-- Paste Your JavaScript Here for Label Page -->
</b:if>
</b:if>
CSS

External in <head><link ... ></head>
<link type="text/css" rel="stylesheet" href="your-externally-hosted-style.css">
Imternal in <head> <style>...</style> </head>
<style type="text/css">
/* Place your CSS codes here. */
</style>
Focus in <span>...</span>
<span style="CSS Codes here">Write your text here</span>
Anchor body in Head <head> {...} </head>
/* Showeblogin CSS Codes sample for body tag */
body {
font-family:"Times New Roman",Serif;
color:#123456;
background:#654321;
border:solid 2px red;
}
Reblog https://www.superwebtricks.com/add-javascript-codes-to-blogger-template/
NEW !!! You can actively participate in the wordpress911 team to ask and answer questions to upload articles and videos register » Here

Links: You can download the best WordPress Woocommerce templates HERE


No comments:

Post a Comment