Well, when it comes to widget, you and i probably want something finest for the blog. Luckily Blogger allow it for as much as you desire to tweak everything yet, they don't give you the hosting for it. So, while there are so many free hosting out there, somebody must understand the external hosting sometimes not as much as promised. While blogger is okay, the hosting is down, or limited in bandwidth, or so slow to render the javascript and that means disaster when it comes to render andview your blog as smooth as it comes. That is not includes when somebody who hosting your whole blog script suddently closed down, hell that means all your script is gone by a split seconds and finding another seems much difficult. So here the trick for you:
Features:
1- Host your script inside blogger own hosting
2- It is 100% free
3- It gives you controll over your own script
4- Your blog takes the speed of the Blogger itself.
5- Unlimited storage
6- Unlimited bandwidth
1- Just use this simple code to place your whole precious javascript:
Features:
1- Host your script inside blogger own hosting
2- It is 100% free
3- It gives you controll over your own script
4- Your blog takes the speed of the Blogger itself.
5- Unlimited storage
6- Unlimited bandwidth
1- Just use this simple code to place your whole precious javascript:
<script type='text/javascript'>
//<![CDATA[
PASTE
YOUR JAVASCRIPT CODE HERE
//]]>
</script>
2- Or here is some simple step tutorial. Let's say below is your java code:
<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'/>
Note: Open the http://keerthiset2.110mb.com/excerpt.js (copy the whole thing) and that is the javascript code (this example) where you then require to replace it inside the default (number 1) code. Or below is the whole example of the javascript taken from that url.
3- Now, copy and paste the default script (number 1) into the add/remove element box. Replace the PLACE YOUR JAVASCRIPT CODE HERE with your own javascript eg: the above (number 2) script, so that it would looks like the below. Done.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 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>