May 15, 2009

How to Add Javascript on Blogspot Template?

Sometimes we use javascript on HTML template to create some special effect such as slide, glider, parallax, automatic readmore and another blogger hack. As we know, javascript contain such a long code, usually we're using third party hosting. The purpose is to make it simple and lighter. Before put javascript on HTML, it should be uploaded to your web host.

Read this how to.

Here's how to place hosted javascript on HTML template.

Open Edit HTML. Copy these code below

<script src='http://YOUR-JAVASCRIPT-URL.js' type='text/javascript'></script>

put before </head> section

But many people have no own hosting, and sometimes free hosting have limited bandwidth and complicated registration. So how? Javascript can be placed through HTML without hosting. Here's how to place it.

Open Edit HTML. Copy these code below

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

your fulljavascript code here

//]]>
</script>

put before </head> section

36 comments:

RanggaGoBlog on May 15, 2009 11:56 PM said...

abseeeeeeeeeeeeeeeeeeeeeeeen........

thom on May 16, 2009 2:28 AM said...

Yuuhuuu...
Cuman mau ngomong sejutu aja aaah :)

GONDES on May 16, 2009 3:01 AM said...

japa script for what yahhh??
hehehehe Tengkiu for sharing

^^haqie on May 16, 2009 7:38 AM said...

yek apa iku mbk aku g is0 e,
angel,
gag er0h h0sting2an, er0hnya kal0 dah mateng aja c0denya jadinya tinggal c0m0d dr auth0rnya, gampang kan,
wekekekekeke

akunamasao on May 16, 2009 10:29 AM said...

hihi, hyo yu..
nanti saya jajal deh :p

thx yes!

~ aman shah ~ on May 16, 2009 7:01 PM said...

thank you for sharing..

what is template that u use right now?
i like it...

suryaden on May 16, 2009 8:37 PM said...

nggarai mumet ndase ki...

cebong ipiet on May 16, 2009 9:29 PM said...

@suryaden:heleh ojo di woco kekekek
@aman shah: thx for visiting, this is my own template, I make it only for this blog
@akunamaso:seeepz

ndop on May 19, 2009 11:28 PM said...

nice post, oooh, ngono to tibake, ket mbiyen mung iso kopas-kopas tok, tibake maksude ngono to.. hehehe...

egyphoto on May 20, 2009 6:03 AM said...

thanx

PERSIPURA Jayapura on May 21, 2009 11:25 AM said...

Bos mau tanya ni, Kenapa di blog saya ga bisa setengah post yah??
padahal aku dah pake "readmore otomatis" dan link untuk file java-nya juga dah di rubah.

plese di bantuh yah...!!

cebong ipiet on May 21, 2009 12:33 PM said...

@persipura;

Access Denied - Account Disabled

account fileave mu mati

buwel on May 21, 2009 1:16 PM said...

ternyata setelah di terjemahin gitu ya....tutorial bagus mbak...

PERSIPURA Jayapura on May 21, 2009 1:34 PM said...

Makasih yah boss,, jujur gw banyak blajar dari anda.

di FileAve hanya berlaku sebulan yah?? Klu hosting file free untuk selamanya ada ga bos??

cebong ipiet on May 21, 2009 5:34 PM said...

@persip: susah, saya pakai hosting saya sendiri, berbayar, mending pakai cara ke dua itu saja, tanpa harus di hosting

Anonymous said...

wegah mbaca bong

subagya on June 2, 2009 6:09 PM said...

i think good idea to put javascript on HTML, but the risk is web become heavy if loaded :D

shankha on June 7, 2009 11:46 AM said...

hi i tried putting :
var howOften = 2; //number often in seconds to rotate
var current = 0; //start the counter at 0
var ns6 = document.getElementById&&!document.all; //detect

netscape 6

// place your images, text, etc in the array elements here
var items = new Array();
items[0]="My fav

blog 01
";
items[1]="http://player-01.blogspot.com";
items[2]="Text

with a link
";
items[3]="Text

with a link
";
items[4]="Text

with a link
";

function rotater() {
if(document.layers) {
document.placeholderlayer.document.write(items

[current]);
document.placeholderlayer.document.close();
}
if(ns6)document.getElementById

("placeholderdiv").innerHTML=items[current]
if(document.all)
placeholderdiv.innerHTML=items[current];

current = (current==items.length) ? 0 : current + 1;

//increment or reset
setTimeout("rotater()",howOften*1000);
}
window.onload=rotater;

to my page and it didnt come
any ideas why?
cheers shankha

admin said...

@sankha: script doesn't stand it self, usually depend on another javascript, ensure it

benicko on June 9, 2009 9:02 AM said...

emg di blogspot bisa ngedit head ??
how ?

admin said...

@benicko: itu hanya penempatannya saja

Denny on July 4, 2009 8:44 PM said...

miss bong..
I like to use .js file :D *u can look on my page..

the problem is blogger not give own hosting to their user to upload that js, any idea for good free hosting? last time I use geocities, but this october yahoo will close geocities.

hmmm.. if u interest with web standard?
blogger not support that, any idea ?

Cebong Ipiet on July 6, 2009 11:27 AM said...

@denny:

But many people have no own hosting, and sometimes free hosting have limited bandwidth and complicated registration. So how? Javascript can be placed through HTML without hosting. Here's how to place it.

read on my post

veRn on August 17, 2009 9:47 AM said...

wah seep iki....
ga perlu host js lagi....

Anonymous said...

what is ""my fulljavascript code here""?

admin said...

@anonym: your own javascript code

blogger on November 23, 2009 9:53 PM said...

miss bong,,,,saya baru diblogger dan saya juga baru ikutan miss bong..aku mo tanya apa kegunaan javascript itu sendiri. Trus bagaimana saya membuat java itu??? kasih contoh javanya donk.
makasih sebelumnya.
salam blogger

admin said...

@blogger: :D saya juga g bisa javascript, biasanya kita ngambil aja. Kegunaannya ya misal untuk hack yang ga bisa cuma lewat CSS, seperti slideshow,readmore, related post dll

visit lists2day.blogspot.com on January 19, 2010 4:05 AM said...

hi. this works well when the javascript is placed in the template but not in the sidebar widgets. i have widgets with javascripts such as recent comments and recent tags.

or is there a way that i can place javascript in template and my sidebar widgets can access the javascript from the template?

help pls.

Fiarenji on February 25, 2010 5:47 PM said...

Miss bong, tolong di bantu neh bgm buat remove calender nya, couse undefine, sudah di set format tgl jg bhs na, tetep...aj.
Please email to fiarenji@gmail.com, anda my blog http://www.fiarenji2.blogspot.com.
Mkasih..di tunggu ya

fesfo on March 12, 2010 9:10 AM said...

thx bos.. info nya

nooksncorners.com on October 23, 2010 11:48 AM said...

Thanks very much. Have been looking for this command to insert javascript into blogger HTML. It works perfectly!

Designer Fred on December 5, 2010 10:09 PM said...
This comment has been removed by the author.
Openxcell Inc on May 20, 2011 7:32 PM said...

Here are the steps to Add JavaScript to blogger
1. Open Blogger website -> .
2. Sign-up or login to blogger -> Enter into Dashboard.
3. Select Layout.
4. Add Page Element.

This are the steps to add JavaScript.

funny one liners unlimited on October 12, 2011 9:08 PM said...

i have a question , can we add it in wordpress.cm blog .

Coach Factory Outlet on November 29, 2011 2:01 PM said...

Coach outlet online Leading American designer and maker of luxury lifestyle handbags and accessories.Large market in Europe and Canada,UK,USA etc.Welcome to Order!2011 New Style arrive,Free Shipping!

Post a Comment

Hi, thanks for visiting. You can leave your comment here

Share

Widgets

 

Free Blogger Template, Blogger Widgets,Vector, Icon, Design Resources,Design Inspiration Copyright © 2012