How to Add Javascript Code in Blogger Post

Do you want to embed javascript to your posts blogger? Sometimes when we want to write some articles that containt HTML script in it, blogger will hide it or even erase those scripts. When I google it, many sources i've has not work in my blogger template. So after searching; i've found quite useful from BloggerLab in its article Insert HTML-CSS-Javascript Codes in Blogger Posts As Plain Text. Here's the guidelines:

Method #1:
1. Go to Blogger >> Your Blog >> Template >> EDIT HTML >> Proceed
2. And Search For ]]></b:skin> you can using (CTRL+F)
3. After you find it, copy this code below, and paste it ABOVE ]]></b:skin>

.post blockquote {
background: #7fffcb;
background-position:top left;

background-repeat:repeat-y;

margin: 0 20px;
padding: 10px 20px 10px 45px;

border-top: 2px solid #DDD;

border-right: 2px solid #666;

border-left: 2px solid #DDD;

border-bottom: 2px solid #666;

font-size: 0.9em;
}
.post blockquote p {

margin: 0;
padding: 0 0 15px;
}
.blockquote {
font: 18px normal  sans-serif,Tahoma;
padding-top: 10px;
margin: 5px;
text-indent: 65px;
}
.blockquote div {
display: block;
padding-bottom:10px;

}
.blockquote p {
margin: 0;
padding-top:10px;
}

4. Click Save Tempate.
5. Go to Your Blog >> Create New Post
6. On Compose Post Editor, Paste your Code into post editor.
7. After that, sort / block your script, and click Qoute (Top Right Button on Your Blog Post Editor)


8. Publish Your Post. Remember, Just click Quotes once for those script.

Method #2:

1. Using PRE Tag in post blog. Remember to use this on HTML Post Editor
<pre class="brush: csharp">//Simple Code</pre>
2. Change //Simple Code above with your script 

So that's how to add javascript, HTML, or CSS coding in your Posting on Blogger. You can use this to embed and write your favorites script to your blog without any "blogger technical interruption". Is his article useful? Share it or Give me your Comments :)

sorry if my english not good..just want to have friends outside Indonesia through this article

0 comments:

Posting Komentar

Hi, thank for reading my article. If you like it, please share your thoughts on comment box. Also, don't forget to tick 'notify me' to inform that your comment already replied. See ya!
Hi, jangan lupa untuk klik "NOTIFY ME" untuk menginformasikan comment kamu telah dibalas yaa ♥