As a blogger when you want to host java script files, you want to get help from free .js hosting provider like google sites.But here the problem is bandwidth limitations.If you can host java script files into blogger you can get unlimited bandwidth for your .js files.
So if you want to host your .js files with unlimited bandwidth use the code below.
<script type='text/javascript'>
//<![CDATA[
PASTE YOUR JAVASCRIPT CODE HERE
//]]>
</script>
If you can't understand above code look at the example below.
This is the code when you host your java script file into another hosting account.
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 170;
img_thumb_width = 300;
</script>
<script src='http://keerthiset2.110mb.com/excerpt.js' type='text/javascript'/>
Now when you host your java script file into blogger it should change like this :
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 170;
img_thumb_width = 300;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
Now you are done.
Love the idea but here's the problem. Instead of assuming I know all the intermediary steps of hosting a .js file somewhere, perhaps you could write a short step by step tutorial of how to get the file hosted on Blogger.
I've never hosted a .js file *anywhere* before and am trying to put up a template that requires one. I could play around with what you wrote and see if I get lucky but I still think the basic info is missing...
...how do I get the .js file ON Blogger?
Thanks,
Sam
Ok, wait... looks like I'm just supposed to put the literal code right into the template, I guess?
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.
I have the same problem. How do I connect the javascript on the template in one widget.