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:

  1. abseeeeeeeeeeeeeeeeeeeeeeeen........

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

    ReplyDelete
  3. japa script for what yahhh??
    hehehehe Tengkiu for sharing

    ReplyDelete
  4. 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

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

    thx yes!

    ReplyDelete
  6. thank you for sharing..

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

    ReplyDelete
  7. @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

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

    ReplyDelete
  9. 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...!!

    ReplyDelete
  10. @persipura;

    Access Denied - Account Disabled

    account fileave mu mati

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

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

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

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

    ReplyDelete
  14. wegah mbaca bong

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

    ReplyDelete
  16. 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

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

    ReplyDelete
  18. emg di blogspot bisa ngedit head ??
    how ?

    ReplyDelete
  19. @benicko: itu hanya penempatannya saja

    ReplyDelete
  20. 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 ?

    ReplyDelete
  21. @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

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

    ReplyDelete
  23. what is ""my fulljavascript code here""?

    ReplyDelete
  24. @anonym: your own javascript code

    ReplyDelete
  25. 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

    ReplyDelete
  26. @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

    ReplyDelete
  27. 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.

    ReplyDelete
  28. 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

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

    ReplyDelete
  30. This comment has been removed by the author.

    ReplyDelete
  31. 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.

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

    ReplyDelete
  33. 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!

    ReplyDelete

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

 

Ipietoon - Blog Design and Online Business Blogging Since 2008