Search: label/Blogger%20Hacks

How to host javascript on blogger

by Ritesh Sanap on June 21, 2010

How to host javascript on blogger

Hello to all my visitors, its been few days that i haven't wrote anything on best2know.info, but today i have bought something for you all that will help you very very much to keep your blog healthy. Now you all might thing how ? . So here's my today's trick i will teach you how host JavaScript in blogger.

Why to host JavaScript in blogger?
Earlier their used to Google pages but now Google has closed them so we cannot use them. Plus the problem with Google pages was that it has a bandwidth limit. so when more visitors some functions of the site wont load then visitors are nervous and some time they don't come back. So its bad for the blog. we cant also keep it on sites.google.com because it will set the scripts to download and not view.

Plus if you host it outside the server fails or take too much time too load again that causes problems so now we need to host JavaScript in blogger to save time bandwidth and too load fast.

So here's the trick :

  1. Login to your dashboard.
  2. Click on Design and then on EDIT HTML.
  3. Then Find for </head> and just above this add the below code :

    <script type='text/javascript'>

    //<![CDATA[

    PASTE THE JAVASCRIPT CODE HERE

    //]]>

    </script>

  4. Now just Replace the PASTE THE JAVASCRIPT CODE HERE with your javascript.
  5. Click on Preview i think now you can see no problem in Javascript and then click on Save.

Too add more then one JavaScript repeat the process.

Benefits of this trick:
» No file size limitations
» No bandwidth limitations
» Super fast page loading (because files are stored in blogger itself)

Automatic Read More Hack with fixed pages

by Ritesh Sanap on May 29, 2010

in Blogger Tutorials

Automatic Read More Hack with fixed pages

After a long time the most awaited Blogger feature called static pages or stand alone pages has been launched in drafts . But it has some issues with automatic expandable summaries read more trick for blogspot. With this new code you can minimize your blogger posts so that only some of your description and image appears on the homepage and the rest of all is shown when you visit that post or static page.
you might have familiar with earlier read more hack.

Just Follow this simple steps :

  1. First log in to your blogger account.
  2. Then click on Design Link.
  3. Then Click on Edit HTML.
  4. Check Expand widget content.
  5. Then Search for below code :
    </head>
  6. Add the below code before </head> : 
    <script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 430;
summary_img = 300;
img_thumb_height = 130;
img_thumb_width = 160;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTagundefinedstrx,chop){
ifundefinedstrx.indexOfundefined"<")!=-1)
{
var s = strx.splitundefined"<");
forundefinedvar i=0;i<s.length;i++){
ifundefineds[i].indexOfundefined">")!=-1){
s[i] = s[i].substringundefineds[i].indexOfundefined">")+1,s[i].length);
}
}
strx = s.joinundefined"");
}
chop = undefinedchop < strx.length-1) ? chop : strx.length-2;
whileundefinedstrx.charAtundefinedchop-1)!=' ' && strx.indexOfundefined' ',chop)!=-1) chop++;
strx = strx.substringundefined0,chop-1);
return strx+'...';
}
function createSummaryAndThumbundefinedpID){
var div = document.getElementByIdundefinedpID);
var imgtag = "";
var img = div.getElementsByTagNameundefined"img");
var summ = summary_noimg;
ifundefinedimg.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>' + removeHtmlTagundefineddiv.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
  7. Then Find this <data:post.body/>
  8. Then Replace <data:post.body/> with the below code : 
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'><b:else/> <b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumbundefined&quot;summary<data:post.id/>&quot;);
</script> <span class='rmlink' style='float:right;padding-top:10px;'><a expr:href='data:post.url'><img src='http://i37.tinypic.com/351icqx.jpg'/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
  9. Then Click on Preview if no error occurs then just click on save.

Customization :

Now let us see how to customize the code to suit your style :

  • summary_noimg = 500 ;

    • This code will decide how much characters must be shown in the post if that post doesn't contain any images. I have selected 500 characters.. you can customize it to suit ur template.

  • summary_img = 400 ;

    • If the post contains image , then this code will decide how many characters must be shown in that post. Change the number of characters to be shown to suit your template.

  • img_thumb_height = 130;

    • This tag decides the height of the thumbnail to be shown in the post. Vary the number 130 to suit your template.

  • img_thumb_width = 281 ;

    • This tag decides the width of the Thumbnail image to be shown

Changing Read More Image :

1. Find this :

http://i37.tinypic.com/351icqx.jpg

2. Change it to your desired image you want.

Having Text Instead Image :
1. Find this :

<img src='http://i37.tinypic.com/351icqx.jpg'/>

2. And Replace it with the desired text you want to use.

Attribution : New Blogger Widget

by Ritesh Sanap on May 27, 2010

in Blogger

Attribution : New Blogger Widget
As Now a days blogger is upgrading with all new stuffs . for the bloggers who use blogger. always while using blogger many people want their site to look professional . So they don't put the word "by powered by blogger" because blogger is simple and some people feels ashamed while using because of it cheapness and Simple stuff. Like not have much powerful control like wordpress platform. So to get rid of all this problems and to increase bloggers rating or to bring it more in-front blogger made a new widget which is not yet launched officially . Its Name is "Attribution" the widget puts an simple text of powered by Blogger . This Widget can also be used to write our copy rights or disclaimer without going in the Edit HTML page.

Screen shots :

1. The Main Preview (The Preview of the widget appeared in the template):

Attribution : New Blogger Widget

2. Page Layout (widget appeared in Page Layout) :

Attribution : New Blogger Widget

3. Widget Page (The page when we click on the Edit Link of the Widget) :

Attribution : New Blogger Widget

How I found this widget ?
It was just a little coincident that we met each other. I was converting a new blogger template to share with all of you. After creating the blog i went to page layout and then pick template section. after picking an Minima template. I returned back to page layout page and then i found it their.

Dont Worry friends the template which i m converting is completed and i will share it with you tomorrow

Get Free Premium Account Of Rapidshare (GiveAway)

by Ritesh Sanap on May 11, 2010

in Give Away

Get Free Premium Account Of Rapidshare (GiveAway)

Hi Friends,

We Are Continuously Serving You Latest Stuff OF blogger  Like Blogger Hacks,Blogger Tutorial,Blogger Templates,Blogger Problems. And We have Recently Starts Blogger Begginer Series For All Biggners So please be good talkative audience And If U are Facing any problem please notify it to us or by submitting Contact us form so we can understand your problem and give you solutions.And If U have any suggestions For us Please give it to us

I am Not Taking More Time And come on main point me And Ritesh Have De sided To Give one rapidshare premium account to you and have organized a Give away For you

Setp To Get Free Premium RapidShare Account

  1. Follow US On Twitter @riteshsanap  
  2. Re tweet This Article
  3. Comment Your Re-tweet Link Below

And This Contest Closed On 20 May winner is selected with Help of Random.org

SO Keep Visiting For Latest Updates

What is Blog? And What Are Requirement of Blog : Blogger Biggner Guide:Part 1

by Ritesh Sanap on May 9, 2010

in Blogger

What is Blog? And What Are Requirement of Blog : Blogger Biggner Guide:Part 1

Many of you may be interested in writing your own blog. Blogging has gained more popularity (especially in India) since when celebrities started creating own blogs. we are giving tips for new bloggers.Let it be any reason behind it but many of readers asked me to guide on starting a new blog and so, for all beginners willing to join blogosphere, I am writing a series of tutorial “Blogger Biggner Guide“ With writing aricals on blogger hacks,blogger templates designing, Blogger Tips, Blogger Widgets ,Blogger Seo And Others. You Can Also Use Our Blogger Services .
And Please Help Us To Sharing our Article On Social BookMarking Sites So Your Friends and Others Can Learn From This.And Write Ur Suggestion To Us By Commenting And Other Way

The objective behind completing this series is to cover technical aspects as mush as possible with the content to serve as a beginning for a newbie for this exciting subject “Blogging”. Let’s get started-

What is a Blog?

A blog is a website which has a so called software that allows publishing content in very simple and quick manner. in that we can write our idea,Guide others like us,and many other reasons. Typically, its front page (homepage) shows the latest content that has been published. These are usually displayed in reverse chronological order, going from last to first published.
Publishing system is called CMS (Content Management System) which is a software when installed on the server, allows us to publish content on a website without messing with codes. The CMS for blogs are focused on the function to create and publish content easily and quickly. Examples of these CMS are WordPress and Movable Type. There are also web services that we offer free hosting for our blog, offering the CMS installed (often created by the company itself). This is the case Blogger and WordPress.com. If you are very new in this field, I would recommend signing up on any of the free services.
Regarded as means of communication, I would compare a blog with a magazine: it may be single-minded or cover various topics, is divided into items that can be classified into sections (categories) and has a subscription (RSS) bridging the technology gap, of course.

Why have a blog?

Memories-Money

  • Build Contacts- Connect with others in your business or interest
  • Identity- Make your name or brand visible
  • Express yourself- Reach out to the public about issues you’re passionate about
  • Share your knowledge
  • Make money

In beginning, Many people often feel restless due complications of technology behind it. But that is the least of the problems. The main thing is the content on which the blog is to nurture. Yes, appearance is important, design and functionality of it, along with accessories but content is king.
A blog is ideal for anyone who has anything to say or want a space to say whatever he wants. You can serve almost any thing, but it is mainly communication so, do not forget that. Yes, it can serve to make money. You can make you gain reputation and contacts. It can give you much satisfaction (and occasional annoyance) but it may serve simply to tell the world what you think of it. Depending on what your goal, you should follow these or that strategies.

Requirements for having a Blog

  • The skills you have to create and maintain a blog depends on the principle of I want to.
  • It is not necessary to know programming but help concepts of HTML and CSS (especially for difficult times).
  • It is not necessary to spend money.You must have some minimal knowledge of computers (which is always easily extendable with all the information out there on the internet).
  • You must have desire to write and to do it correctly: that is to say, that is understand what you say, respecting spelling and grammar.

From here, it all depends on your goals: about views, these views will become minting money, build you a reputation, networking with people who share your interests and so on But there are three points that you should always bear in mind:

  1. Dedication: It is more of certainty and not of speed. As said in one of my interview, Be focused and dedicated to what all you do.
  2. Patience: This is more important because From day one to the next, you are going to have neither thousands of visits, nor thousands of subscribers.
  3. Original Content: Written by you, not copied from elsewhere. Or if you are taking reference or excerpt from elsewhere, always quote the source.

These three are the pillars on which you build a blog with frequent readers.
In next part, we will discuss about choosing a platform for publishing blog. Yes, I will consider only free services. Whether Blogger or WordPress?