Blogger Shout Box

Google Friends connect Gadget disappeared - Resolve the issue

noreply@blogger.com (srikanta) — Wed, 17 Mar 2010 18:40:00 +0000

I cannot see the members connect features in the box that appears on my site. I did everything according to the step by step...but not resolve the issue. After a search through the forums finally my problem is solved.
Friends look into the following codes;

<script>
window.JSON = {
parse: function(st){
return st.evalJSON();
},
stringify: function(obj){
return Object.toJSON(obj);
}
};
</script>

Add the above codes just before your gadget code and it works.You may take help here.

Happy New Year

noreply@blogger.com (srikanta) — Thu, 31 Dec 2009 17:26:00 +0000

Auction of Goods Online

noreply@blogger.com (srikanta) — Sat, 12 Dec 2009 17:27:00 +0000

• Important auction web sites- For new Internet entrepreneur the auction business can start for web site like www.ebay.com, www.ebay.in, www.amazon.com, www.yahoo.com.
• Working Principles – In an online auction site, sellers advertise their products or services and buyers bid on them. The sellers realize a higher price and the buyers pay lower price.
• Products/items sell online- Any thing that cannot be sold offline can be sold online through auction. All item like new cars, old shoes, broken furniture, new computers etc.
• Requirements for start up – The business requirement a small ad on a auction website mainly in big auction websites. Auction websites will take care of the traffic.
• Basic knowledge of online auction process – The reputed auction websites gives the required knowledge about basic auction procedures. The help pages in websites gives a good knowledge of auction and their procedures.
• Online Ad procedures – Most websites do not ask for money for registration. In online ventures, do not pay upfront fees to anyone who promises income opportunities. It is possible to find out many online opportunities without paying any fees.
• Other Essential Requirements-An auction business is like any other online business. So, make clear decision about how you will receive the money, how you will deliver the goods and how you will handle your customer’s complaints. Study other successful seller’s strategies and wherever possible modify them and use the ideas in your business.
• Another Procedure for Auction - If one find a great product at a bargain price, you can bid for it and buy it. You can ask the seller to hold the delivery. Then, you can resell the product either on the same site or some other site and ask the original seller to ship he product to your buyer.

Resolve Buttons Incompatible Issue with Blogger

noreply@blogger.com (srikanta) — Mon, 09 Nov 2009 17:58:00 +0000

I have listing my site today in some social networking sites. When I try to include the link buttons in the right side panel I get the error;

We were unable to preview your template

Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The reference to entity "show_voters" must end with the ';' delimiter.

Here you need to substitute the “amp;” just after “&”. This looks like this,

BEFORE EDITING: display=4&show_voters=1' TYPE='text/javascript'/>

AFTER EDITING: display=4&show_voters=1' TYPE='text/javascript'/>

In another case, I found that the error message like this;
XML error message: The reference to entity “id" must end with the ';' delimiter.

BEFORE EDITING: <img alt='BlogRankers.com' border='0' src='http://www.blogrankers.com/tracker.php?do=in& id=12407'/>

AFTER EDITING: <img alt='BlogRankers.com' border='0' src='http://www.blogrankers.com/tracker.php?do=in& id=12407'/>

This helps you to resolve the error. I hope this tutorial helps you to resolve the problem arise due to XML error message by blogger.

Happy blogging. Stay with me…

Label Cloud Blogspot

noreply@blogger.com (srikanta) — Thu, 22 Oct 2009 19:43:00 +0000

In blogger blog the label cloud is another important widget. I see this widget in phy3blog. You can make it is easy for a visitor to surf your blog by using label cloud. Here you just categories all your entries in organized manner.
I try to explain to install the label cloud widget in your blogspot blog. You follow the step as described here

First step:The first part to put in is the stylesheet section. The following code needs to be copied
and inserted into your stylesheet, which in the layouts is marked out by the <b:skin> tags.
Easiest thing to do is find the closing skin tag
]]></b:skin>

and place the code right BEFORE that.
/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

Second step:But this time place the code right AFTER ]]></b:skin> but BEFORE the </head> tag. Here it is.

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [139,35,35];
var minFontSize = 15;
var minColor = [205,51,51];
var lcShowCount = false;
</script>

Third step:Now the widget itself. Scroll down and find the label widget in your sidebar. It should look
something like this.

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

Copy the following code (from beginning widget tag to ending widget tag) and replace
the line above with it.

<b:widget id='Label12' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
      if(a>b){
          var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
             }
      else{
          var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
          }
      return v
   }
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
     if (!labelCount[ts[t]]){
           labelCount[ts[t]] = new Array(ts[t])
           }
        }
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
    if(ts[t] < cloudMin){
       continue;
       }
    for (var i=0;3 > i;i++) {
             c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
              }
         var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
         li = document.createElement('li');
         li.style.fontSize = fs+'px';
         li.style.lineHeight = '1';
         a = document.createElement('a');
         a.title = ts[t]+' Posts in '+t;
         a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
         a.href = '/search/label/'+encodeURIComponent(t);
         if (lcShowCount){
             span = document.createElement('span');
             span.innerHTML = '('+ts[t]+') ';
             span.className = 'label-count';
             a.appendChild(document.createTextNode(t));
             li.appendChild(a);
             li.appendChild(span);
             }
          else {
             a.appendChild(document.createTextNode(t));
             li.appendChild(a);
             }
         ul.appendChild(li);
         abnk = document.createTextNode(' ');
         ul.appendChild(abnk);
    }
lc2.appendChild(ul);
</script>
<noscript>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <data:label.name/>
        <b:else/>
          <a expr:href='data:label.url'><data:label.name/></a>
        </b:if>
        (<data:label.count/>)
      </li>
    </b:loop>
    </ul>
</noscript>
    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Yes friends, you do it. If you like the tutorial, then don't forget to leave a comment. I suggest you to visit the original work of label cloud by phy3blog.

Happy blogging. Stay with me ...

Disable Copying in Blogger Blog

noreply@blogger.com (srikanta) — Sun, 18 Oct 2009 16:56:00 +0000

Today the articles, photos are copied by others is a common in web. The blogger can disable others in coping their articles and photos he own. The process is very simple. I came to know this method from simplex and for main source you may visit Dynamic Drive.
Here you just embed a JavaScript in your blogger template and it works. Here is the tutorial for you.

Step 1: Go to Dashboard. Then, click Layout.

Step 2: Click HTML/JavaScript and paste the following JavaScript code.

<script language="JavaScript">

</script>

Step 3: You may change No Right-Click! in any other message. So change it according you choice.

And, friends you may check it now. Yes you disable others for any right click. But remember, it may not completely prevent your articles from some very experienced web users. So, it better to register your blogger blog at . The site helps you to check whether your contents are copied by any blogger or website. You may check it here now.
I also see similar resources available in other blogger blogs. You may visit techknowl, blogger tips and tricks or myblog-log. They explained with different JavaScript.
We see here disabling the content is necessary and you try to prevent the same. I guess, you try for it!
Stay with me and happy blogging :)

Newspaper Style Template

noreply@blogger.com (srikanta) — Fri, 16 Oct 2009 16:36:00 +0000

Live Demo Download

File Storage Services for Blogger

noreply@blogger.com (srikanta) — Thu, 15 Oct 2009 18:36:00 +0000

A blogger needs to store the files and download when needs them and also to share with others. There are many websites offer storage services. I’ve had look around for the best file storage services, offering the user hassle free ways of backing up and sharing the files.
Upload Box is a secure hosting service for storage and transfer of your files. The service allows earning on every down load. The service provides both premium and free account.
4shared is a free online storage service for upload, access, share the music, video and photos. It provides up to 5GB free storage space and also provide the premium account.
Skydrive is another storage service from Microsoft. It’s easy to store and share the files and photos with others. The service provides about 25GB free storage space.
Dropbox is file storage service and can be access from any computer or mobile service. The dropbox is software needs to install in your computer. If you put the files into your dropbox on one computer then they’ll be instantly available on any other computers.
Rapidshare is one of the biggest storage service providers. It can upload a file up to 200MB. It has both free and premium services available.
Megaupload is another storage website. It provides 200 GB free online storage service. The uploading time is slow. Friends I try to discuss some of the websites that provide you the best services for storage and share the photos, files and videos with your friends online.
Keep on reading for more information in future. Stay with me …

Weblog Information

noreply@blogger.com (srikanta) — Wed, 07 Oct 2009 03:27:00 +0000

I have spoken enough in the preceding pages to deign your blog. But, as you know very well, there is at least a million times more info on the subject on the internet. Here are some sites and web pages I believe you will find useful – if what you have read has kept you interested.

1. Comparing and choosing a Blog Platform: If you are undecided how to start these two links will take you to an in-depth article on how to choose your blogging platform, and a comparison of the different platforms along with their features. You should visit here for complete information.

2. Blogging Sites, Tools and Links: A short review of different blogging platforms, tools and links. Visit here.

3. Blog – Wikipedia: A comprehensive Wikipedia article covering the history of blogging and its present state. Contains a ton of links to other blogging resources.

4. Problogger: A very popular and huge resource articles on how to become a professional blogger. Problogger was one of the earliest blogs and has high ranking both in Google and Technorati.

5. Fab Freelance Writing: For those of you who prefer to get into freelance writing rather than blogging, this site offers tons of tips, suggestions and advice on how to break into the space.

Cute 'n' Cool Blog Accessories

noreply@blogger.com (srikanta) — Sun, 04 Oct 2009 02:28:00 +0000

It is the curiosity for all visitor to see the layout of your blog along with its content. If you have a blog and you planning to make it more beautiful then you must step at Cute'n' Cool*. It has a huge collection of blog header and blog skins. The blog is a rich resources for any enthusiastic blogger.

Each skin and accessories are eye catching that offer free to use. Please ensure that you have little knowledge of editing the templet. The instructions are given on the site itself to help the users. The implementation is not difficult and you need little adjustment after uploading the templet.

Friends, it is your own choice and intrest how you use it.

Happy blogging. Stay with me!

Monetising Your Blog

noreply@blogger.com (srikanta) — Thu, 01 Oct 2009 17:06:00 +0000

Making mony from your blog involves quite a few things:

A willingness to work hard.
An entrepreneurial approach.
Knowledge of/willingness to learn relevant web technologies.
A monetizing strategy.
Consistently implementing the strategy.

All these ingredients are crucial to turning your blog from a non-paying through passionate of personal expression to a solid revenue stream.

To motivate you in this direction you can consider the fact that many bloggers earn upwards of $100 per day and some even cross the $1000 per day mark. Moreover, these figures have been achived with little or no startup costs other than the time spent in writing and maintaing their blogs. just as importantly, also consider the fact that for every successful blogger, 99 others are not.

Friends, I discuss this at both 'soft' skills required as well as the techinques that you can use to extract revenue from you blog. Please visit this site. I hope you may get helped for monetising your blog.

New Archive Calendar Widget for Blogger

noreply@blogger.com (srikanta) — Mon, 28 Sep 2009 17:15:00 +0000

I first came about archive calendar widget from phydeauxredux. The installation process is very simple and I think you never face any problem.
But, the entries of BloggerSPhera and Vagabundia show us how you install the widget that is better look as compare to phydeauxredux. So I decide to install it.

...in archive calendar widget show us how to change the way we see...

In archive calendar widget show us how to change the way we see the elements blogger files, replacing the charts for a calendar.
Although I have implemented here in my side bar and you can see and check how it is running.

You see in the calendar, you have a control to select the month, where the days will be highlighted where there are entries in that month.
A navigation bar to move forward and backward month by month and below, a list of links to the corresponding inputs.

To apply the widget, you first download the script for this file is in zip.

Now you unzip the file and put the JavaScript just above the </head>.

In the second step, add blog archive page element in your blogger.

Now replace

<b:widget id='BlogArchive1' locked='false' title='' type='BlogArchive'>

With the following code:

<b:widget id='BlogArchive1' locked='false' title='' type='BlogArchive'>
<b:includable id='toggle' var='interval'>  </b:includable>
<b:includable id='interval' var='intervalData'> </b:includable>
<b:includable id='flat' var='data'>
<div id='bloggerCalendarList'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</div>
<div id='blogger_calendar' style='display:none'>
<table id='bcalendar'><caption id='bcaption'></caption>
<thead id='bcHead'/>
<tbody><tr><td id='cell1'> </td><td id='cell2'> </td><td id='cell3'> </td><td id='cell4'> </td><td id='cell5'> </td><td id='cell6'> </td><td id='cell7'> </td></tr>
<tr><td id='cell8'> </td><td id='cell9'> </td><td id='cell10'> </td><td id='cell11'> </td><td id='cell12'> </td><td id='cell13'> </td><td id='cell14'> </td></tr>
<tr><td id='cell15'> </td><td id='cell16'> </td><td id='cell17'> </td><td id='cell18'> </td><td id='cell19'> </td><td id='cell20'> </td><td id='cell21'> </td></tr>
<tr><td id='cell22'> </td><td id='cell23'> </td><td id='cell24'> </td><td id='cell25'> </td><td id='cell26'> </td><td id='cell27'> </td><td id='cell28'> </td></tr>
<tr><td id='cell29'> </td><td id='cell30'> </td><td id='cell31'> </td><td id='cell32'> </td><td id='cell33'> </td><td id='cell34'> </td><td id='cell35'> </td></tr>
<tr id='lastRow'><td id='cell36'> </td><td id='cell37'> </td></tr></tbody>
</table>
<table id='bcNavigation'><tr><td id='bcFootPrev'/><td id='bcFootAll'/><td id='bcFootNext'/></tr></table>
<div id='calLoadingStatus' style='display:none; text-align:center;'>
<script type='text/javascript'>bcLoadStatus();</script>
</div>
<div id='calendarDisplay'/>
</div>
<script type='text/javascript'> initCal();</script>
</b:includable>
<b:includable id='menu' var='data'> </b:includable>
<b:includable id='posts' var='posts'>  </b:includable>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>

Finally, add the following CSS properties for the calendar just before ]]</skin>

/* Archive calender element
---------------------------------------------------------------------/
#blogger_calendar { /* is where we show the block */
margin:0 auto; /* centered */
width: 190px; /* width */
}

#bcaption { /* the rectangle above the months */
height:20px;
text-align:right;
}
#bcaption select { /* this is the selector of the months */
background-color: #345;
border: 1px solid #567;
color: #DDD;
font-family:Tahoma;
font-size:11px;
padding: 0 0 0 10px;
width:100px
}

table#bcalendar thead tr th { /* each cell with the names of the days of the week */
background: #345;
border: 1px solid #567;
color: #EEE;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
padding: 2px;
text-align: center;
width: 20px;
}

table#bcalendar tbody tr td { /* each cell with the number of day */
background: #567;
border: 1px solid #789;
color: #ABC;
text-align: center;
padding: 2px;
-moz-border-radius: 2px;
}

td.highlightCell { /* the cells where there is input */
background-color: #9AB !important;
}
table#bcalendar tbody tr td a { /* the link of these cells*/
color: #000;
font-weight: bold;
}

td.firstCell { /* empty cells at the begining */
visibility: hidden; /* we can make them visible using visible */
}
td.emptyCell { /* empty cells in the final */
visibility: hidden; /* we can make them visible using visible */
}
td.filledCell {background: #FFF;} /* colour of empty cells if they are visible */

table#bcNavigation { /* is the bottom navigator bar */
color: #DDD;
background-color: #123;
border: 1px solid #234;
font-family:Tahoma;
font-size:10px;
margin: 5px 0 0 0;
padding: 0 ;
text-align:center;
width:190px;
}
table#bcNavigation a {color: #ABC;} /* text colour */
td#bcFootPrev {float: left; width: 10px;} /* back link */
td#bcFootNext {float: right; width: 10px;} /* forward link */
#calendarDisplay{ /* Below is the list of entries */
}

/* This is the list below showing the entries of the month */
ul#calendarUl { }
ul#calendarUl li { }
ul#calendarUl li a { /* each list item is a link */
color: #9AB;
display: block;
font-size:11px;
padding-left:30px;
}

Now check the installation by click the preview tab. Then, save the widget.
It is done.

Happy blogging!

NOTE: If you have any problem, please fill it free to ask the question to resolve the issue.
You also visit phydeauxredux, BloggerSHhera and Vagabundia's page for better understanding.

Chicklet Drop Down Widget for Blogger

noreply@blogger.com (srikanta) — Wed, 16 Sep 2009 21:21:00 +0000

I love Chicklets! Do you? Ok friends this is not our discussion. I am not here to bore you. I explain here step by step about this widget. You can add it to your blogger blog.
And I wish it may help you.

Welcome friends
to my blog ... where I spent my
little time to explore the fascinating world of blogger and share it with you...

Step 1: First you must enter the following code in your style sheet before ]]></b:skin>:

.commenthidden {display:none}
.commentshown {display:inline}

Step 2: Second put this code between the <head> and </head> tags,
but not in the style sheet:

<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className=& quot;commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

Step 3: Third put this code in your sidebar where you want it to appear:

<a aiotitle="click to expand" href="javascript:togglecomments('chickletlist')">Visit Where Am I ?(or any message) +/-</a><br />
<div class="commenthidden" id="chickletlist">Put Your Chicklet html here</div>

Friends if you try for the above tutorial, then never forget to leave a comment.
Happy blogging.

Favicon - fixed!

noreply@blogger.com (srikanta) — Fri, 11 Sep 2009 21:15:00 +0000

I want to fix the favicon for my blog as I see in others blog and websites. I like to display my own icon on the browser address bar and browser tabs when visitors view my blog pages. But, the problem arise when I see the favicon not appear.

...to
display my own icon
on the browser address bar and browser tabs when visitors view my blog pages...

I read one of the entry of Vagabundia on fixing the favicon.In his entry says that Rosa fix the problem. When I visit the site, it states that Blogger has added a line of code in the header of the templets that overrides ours:

<link href='http://www.blogger.com/favicon.ico rel='icon' type='image/vnd.microsoft.icon'/>

The same message I found while testing my favicon for my blog in chami.

While I search for the code in the templet, I have not seen the code. This is also mention by Vagabundia.
According to him, this may be due to the presence of the code

<b:include data='blog' name ='all-head-content'/>

The favicon dissappears because it is overwritten.
Yes, I agree with him as I get this message from chami.

The simple process that favicon code should be put after </skin> or before </head> blog.

It is like this;

</skin>

<link href='http://LINK SITE/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://LINK SITE/favicon.ico' rel='icon' type='image/x-icon'/>

</head>

He also give another procedure to fix the favicon.

You may add the following series of codes:

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
specifies the character encoding and content type

<meta content='true' name='MSSmartTagsPreventParsing'/>
is an attribute introducing by Microsoft to prevent a page showing the SmartTags,
something that was never implemented in browsers so there is no practical use.

<meta content='blogger' name='generator'/>
indicating who is the creator of the website

On continuing the feed syndication;

<link rel='alternate' type='application/atom+xml'-title='YOUR BLOG NAME - Atom' href='http://www.blogger.com/feeds/BLOGID/posts/default'/>

<link rel=type='application/rss+xml'-title='YOUR BLOG NAME - RSS' href='http://feeds.feedburner.com/YOUR BLOG NAME/feeds/posts/default?alt=rss'/>

<link title="rel='service.post" type="application/atom+xml' YOUR BLOG NAME - Atom' href='http://www.blogger.com/feeds/BLOGID/posts/default'/>

<link rel='EditURI' type='application/rsd+xml' title="RSD' href='http://www.blogger.com/rsd.g?blogID=xxxxxxxx'/>

<link rel='me' href='http://www.blogger.com/profile/xxxxxxxxxxxxxxxxxxxxx'/>
the number you get from your google profile

<link rel='openid.server href='http://www.blogger.com/openid-erver.g'/>
is how to integrate OpenID directly to our blogger account

Yes. I try for both procedure. And, I successful to fix the favicon.

Friends, I share the process that I use for my blog. If you use the process, let me know that my message help you or not.

Thanks. Happy blogging.

Ibox for videos

noreply@blogger.com (srikanta) — Tue, 08 Sep 2009 17:52:00 +0000

Dear friends I try to explain the simple procedure to hosting videos in blogs.

...the
lightwindow use in weblogs
for hosting videos is revolutionary...

A simple way to add videos to blog is explained as follows.

STEP 1: Download the zip file here and unzip the file.

STEP 2: Upload the "closelabel" and "loading" GIF image to Photobucket and copy the link by right click.

STEP 3: Open the lightbox Cascading Style Sheet Document. Replace the link (http://img132.imageshack.us/img132/165/closelabelca5.gif and http://img132.imageshack.us/img132/4341/loadinguj4.gif) by your photobucket link for closelabel GIF and loading GIF.

STEP 4: Copy the edited Cascading Style Sheet Document to blogger templet and place just before ]]></b:skin>. Take a preview before saving (if no error is shown).

STEP 5: Upload the "ibox" JScript file to your Google Pagecreator account and right click on the file to copy the link.

STEP 6: Copy the link of "ibox" JScript to your Notepad in computor.

STEP 7: Edit the following by using "ibox" JScript:


<script src='http://URL./ibox.js' type='text/javascript'/>
<link href='http://YOURS.blogspot.com_lightbox.css' media='screen' rel='stylesheet' type='text/css'/>

STEP 8: Copy the edited JScript to blogger templet and place just before </head>. Take a preview before saving (if no error is shown).

STEP 9: Go To Youtube.com and choose your video. Copy the link location to the NotePad in computer. Copy the Thubmnail picture by right click and copy the picture to your photo folder and save it.

Here is your link: http://www.youtube.com/watch?v=FF5Q1jr28PM

STEP 10: Upload the thumbnail picture to your photobucket account and copy the link to the Notepad.

STEP 11: Edit the following link in your NotePad and copy it to blog and publish.

PUBLISH:
<center><a href="http://www.youtube.com/watch?v=FF5Q1jr28PM" rel="ibox"><img id="video1" style="border: 0px dotted black;" src="http://xxx.photobucket.com/albums/xxxx/NAME/default.jpg" height="100" width="100"></a></center>

Your video is now work without loading the video into your blog that slow down the page downloading.
Click the video to play here:

cheers.

Automatic Read More Plugin

noreply@blogger.com (srikanta) — Tue, 18 Aug 2009 18:02:00 +0000

The expand/hide the blog post is a good idea, that I first found from Annie's blog. The process is manual, but it works fine. When I read the "new automatic post summaries for blogger with thumbnails" from bloggerplugins, which impress me the most. It is just a marvelous work. Actually it is a work from bloggersphera that hack from wordpress. The automatic Read More Post is amazing. The similar work also explained by snaphow and the effect you can see here.

I give a link and complete guidance to setup the "Automatic Read More Plugin". You download the zip file and unzip the file.

upload the summary.js to your Google page and copy the link by using right click on the link on Google page. Now, follow the instructions in the zip file.

You make a preview of the setup before SAVE it finally.

Yes now you done it.
Thanks for your visit. Please leave your message.

Labpixies - Cool Widgets

noreply@blogger.com (srikanta) — Thu, 09 Jul 2009 17:26:00 +0000

Labpixies is the coolest site for gadgets.There are many and all can be included in various Homepages personalize (Google, Netvibes, Live.com, etc)or be embedded in a web page by clicking the appropriate buttons:

Some examples are:

Live weather shows the status over time provided by WeatherBug.

Daily SweetIM an emoticon animated shows different everyday.

My del.icio.us gadget shows our list of del.icio.us bookmarks.

Labpixies Gadgets Daily Gadgets different places everyday.

My Notes allow you to include personal notes.

Here Moodget is a special type of a gadget that allows you to create and share personal or include it in a web. It can be edited whenever you want to show moods.

Add Yahoo Messenger Emoticons to Blogger Blog

noreply@blogger.com (srikanta) — Thu, 27 Nov 2008 21:02:00 +0000

A simple way to add yahoo messenger emotions to blog is explained as follows.

...this will
look like some of the yahoo emotions and smily we see
in blogstemplate...

You must used Firefox browser when you following this tutorial. If not yet have Firefox then you can download for free.
Open your Firefox browser.
To install greasmonkey, please click here!
Click this script, and then click install.
Go to your template editor, and find this code ]]></b:skin>
Copy and paste following codes just above of ]]></b:skin>

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

Click Save Template button.
Done.

After this, you will see the emotions at your post editor. However it only at tab editor. Here is the Screanshot:

Remember, this work at Firefox, not for internet explorer.

Hide Navbar in Blogger Template

noreply@blogger.com (srikanta) — Wed, 26 Nov 2008 06:07:00 +0000

The Blogger Navbar appears by default at the top of every Blogger templates. Navbar features include:
[B]:
takes you back to main page of blogger.com
Search Blog:
searches the blog you're viewing. Results will appear directly on the page.
Flag Blog:
lets you mark the current blog as objectionable.
NextBlog:
takes you to a random, recently-updated Blogger blog.
[email address]:
If you are logged in to your account, you'll see your own address here. Other viewers will see their own email addresses, or none at all if they aren't logged in.
Dashboard:
If you are logged in, you'll have a link to your own dashboard.
Sign In/Out:
This displays the appropriate option, depending on whether you're logged in or not.
Actually you can remove this Blogger Navbar by some coding. Here we discuss how to hide the Blogger Navbar...very easy, just follow this entire tutorial. Here, I give you two techniques...
Firstly you need login to your Blogger Dashboard. Then go to Template tab and choose Edit > HTML.

Technique One:

On that Edit Template box, you just need to paste this code just before ]]></b:skin>:

#navbar-iframe {
display: none !important;
}

OR
#navbar-iframe { height:0px; visibility:hidden; display:none }

The above codes HIDE the Navbar completely.

Technique Two:

On that Edit Template box, you just need to paste this code just before ]]></b:skin>:

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

The above codes HIDE the Navbar and reappear on mouse over.

Barack Obama - New President of USA

noreply@blogger.com (srikanta) — Mon, 10 Nov 2008 15:17:00 +0000

Pop Box

noreply@blogger.com (srikanta) — Fri, 07 Nov 2008 00:57:00 +0000

Pop Box is a simple and dynamic way to display the images. It is written in JavaScript that allows displaying images using different effects of enlargement, moving or resizing so dynamic way and it works well in Firefox and Internet explorer.
The setup is fairly simple. First download the zip file and unzip the file.

Upload the Popbox.js to your googlepage and copy the link by right click on the link in googlepage.

Now, add the popbox.js just before</head>

<script src="xxx.googlepage.PopBox.js" type="text/javascript"></script>
<link type="text/css" src="http://imagestore.com/xxx/PopBoxStyles.css?download"/>

You copy the link of your image store and paste here.

Now move to the zip folder. Upload the spinner40.gif, magminus.gif and magplus.gif to your image store. Here is the CSS class and edit it as directed. Copy the link of spinner40.gif, magminus.gif and magplus.gif and paste below.

GRAB THE CSS CODE

/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/
.PopBoxImageSmall
{
border: none 0px #ffffff;
cursor: url("http://image store/albums/ magplus.gif"), pointer;
}
.PopBoxImageLarge
{
border: solid 1px #999999;
cursor: url("http:// image store /albums/ magminus.gif"), pointer;
}
.PopBoxImageShrink
{
cursor: url("http:// image store /albums/ magminus.gif"), pointer;
}
.PopBoxImageLink
{
cursor: pointer;
}
.PopBoxImageMove
{
border: none 0px #ffffff;
cursor: pointer;
}

The above CSS should be paste just before ]]</skin>. Take the preview and if there is no error then save it.
Here are some effects of Pop box. Use the code according your needs and the effects are just amazing.

Type-1

GRAB THE CODE

<img pbshowreverttext="false" onclick="Pop(this,50,'PopBoxImageLarge');" src="http://xxx.com/xxx.gif" id="name popboximg" pbshowrevertimage="false" style="width: 200px; height: 145px;" pbshowrevertbar="false" class="PopBoxImageSmall"/>

Type - 2

GRAB THE CODE

<img pbshowreverttext="false" onclick="Pop(this,50,'PopBoxImageLarge');" src="http://xxx.com/xxx.gif" pbSrc="http://xxx.com/xxx.gif" id="NAME popboximg" pbshowrevertimage="false" style="width: 200px; height: 145px;" pbshowrevertbar="false" class="PopBoxImageSmall"/>

Type-3

GRAB THE CODE

<img pbshowreverttext="false" onmouseover="Pop(this,50,'PopBoxImageLarge');" src="http://XXX.com/albums/IMAGE(1).jpg" pbSrc="http://XXX.com/albums/IMAGE(2).jpg" id="NAME popboximg" pbshowrevertimage="false" style="width: 200px; height: 100px;" pbshowrevertbar="false" class="PopBoxImageSmall"/>

Type-4

GRAB THE CODE

<img class = "PopBoxImageSmall" pbshowcaption = "true" pbcaption = "The text" title = "Click to enlarge / reduce" style = "width: 150px; height: 170px;" src = "http://xxx.com/albums/image.jpg" onclick = "Pop (this , 50, 'PopBoxImageLarge'); "/>

Yes, you done it.
Thanks for your visit!

Rainbow Effect in the Links

noreply@blogger.com (srikanta) — Mon, 03 Nov 2008 18:47:00 +0000

With this simple JavaScript we can obtain a rainbow colour effect to our links. When the cursor passes over any links of your blog, the effect can be notice. It will affect to all the links in your blog that you need to add them no attribute.

First you down load the zip folder here and unzip the file.

Second, you upload the file to your Google Page Creator and copy the link by right click.

Finally, login to your blog and Navigate to Layout section. There click Edit HTML subtab.

Now search the code </head> and add the JavaScript above the head section. It looks like this:

]]></b:skin>


<script src='http://yourlink.googlepages.com/rainbow.js'/>

</head>

Oh! you done it and welcome to a new world of colours.

If you have any doubt please let me to know.

Thanks for your visit!

Magazine Style Blogger Template

noreply@blogger.com (srikanta) — Fri, 31 Oct 2008 18:59:00 +0000

I found this magazine style blogger template layout by Antonio and I really impressed with its layout then other blogger templates. This is highly customized blogger template. If you are familiar with CSS, HTML editing then this is the best blogger template for your site. Please visit Antonio's "The Daily Inspired" for downloading the template and read the tips for using the template.

Thanks for your Visit!