How to Add a Logo to Blogger title bar and Address bar


<!-- How to put a logo with a link in the title bar and search bar of your blog: -->


  • Save the picture or logo on your picasaweb.google account.
  • Open  your logo image and and get (copy) the url of your logo image.
  • Open your blog in blogspot.com.
  • Then choose “Design”.
  • Then choose “Edit HTML”.
  • Then in META Tag put the following code 
       <link align='left' alt='logo' href='http://put here your image url' rel='shortcut icon'/>

free website tracker-Online user

<script type="text/javascript" src="http://radarurl.com/js/radarurl_widget.js"></script>
<script type="text/javascript">
radarurl_call_radar_widgetv2({edition:"Dynamic",location:"bottomright"})
</script><noscript><a href="http://radarurl.com/">free website tracker</a></noscript>

FREE SLIDESHOW CODE

<!-- SLIDE SHOW CODE -->
<!-- Put this code in BODY tag of your HTML PAGE -->
<marquee behavior="scroll" direction="down" scrollamount="10" onmouseover="this.stop();" onmouseout="this.start();">

<table width="100" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#C0C0C0">



<tr valign="top" bgcolor="#FFFFFF">
<td width="100" bgcolor="#FFFFFF" align="center">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_xp0vb0FZuNTllAfxt0litggfbHMxk0SEQ_mJl2A-gdVOlK80JqRAFFeiSea0HkHffpVoyUwEoS87W3kSaVxWrInDBPfvrBZ3d6yP1tJgb9Zzg-GoOKN-NessitZm_zbrZIym0w0LZdG/" class="normal" target="external">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_xp0vb0FZuNTllAfxt0litggfbHMxk0SEQ_mJl2A-gdVOlK80JqRAFFeiSea0HkHffpVoyUwEoS87W3kSaVxWrInDBPfvrBZ3d6yP1tJgb9Zzg-GoOKN-NessitZm_zbrZIym0w0LZdG/" width="100" height="150" border="0"></a>
<font face="Verdana" size="-2">TEXT 1</a>
<BR></td>
</tr>

<tr valign="top" bgcolor="#FFFFFF">
<td width="100" bgcolor="#FFFFFF" align="center">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_xp0vb0FZuNTllAfxt0litggfbHMxk0SEQ_mJl2A-gdVOlK80JqRAFFeiSea0HkHffpVoyUwEoS87W3kSaVxWrInDBPfvrBZ3d6yP1tJgb9Zzg-GoOKN-NessitZm_zbrZIym0w0LZdG/" class="normal" target="external">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_xp0vb0FZuNTllAfxt0litggfbHMxk0SEQ_mJl2A-gdVOlK80JqRAFFeiSea0HkHffpVoyUwEoS87W3kSaVxWrInDBPfvrBZ3d6yP1tJgb9Zzg-GoOKN-NessitZm_zbrZIym0w0LZdG/" width="100" height="150" border="0"></a>
<font face="Verdana" size="-2">TEXT 12</a>
<BR></td>
</tr>

<tr valign="top" bgcolor="#FFFFFF">
<td width="100" bgcolor="#FFFFFF" align="center">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_xp0vb0FZuNTllAfxt0litggfbHMxk0SEQ_mJl2A-gdVOlK80JqRAFFeiSea0HkHffpVoyUwEoS87W3kSaVxWrInDBPfvrBZ3d6yP1tJgb9Zzg-GoOKN-NessitZm_zbrZIym0w0LZdG/" class="normal" target="external">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_xp0vb0FZuNTllAfxt0litggfbHMxk0SEQ_mJl2A-gdVOlK80JqRAFFeiSea0HkHffpVoyUwEoS87W3kSaVxWrInDBPfvrBZ3d6yP1tJgb9Zzg-GoOKN-NessitZm_zbrZIym0w0LZdG/" width="100" height="150" border="0"></a>
<font face="Verdana" size="-2">TEXT 13</a>
<BR></td>
</tr>

<tr valign="top" bgcolor="#FFFFFF">
<td width="100" bgcolor="#FFFFFF" align="center">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_xp0vb0FZuNTllAfxt0litggfbHMxk0SEQ_mJl2A-gdVOlK80JqRAFFeiSea0HkHffpVoyUwEoS87W3kSaVxWrInDBPfvrBZ3d6yP1tJgb9Zzg-GoOKN-NessitZm_zbrZIym0w0LZdG/" class="normal" target="external">
<img src="http://i47.tinypic.com/2ug1eur.jpg" width="100" height="150" border="0"></a>
<font face="Verdana" size="-2">TEXT 14</a>
<BR></td>
</tr>

<tr valign="top" bgcolor="#FFFFFF">
<td width="100" bgcolor="#FFFFFF" align="center">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_xp0vb0FZuNTllAfxt0litggfbHMxk0SEQ_mJl2A-gdVOlK80JqRAFFeiSea0HkHffpVoyUwEoS87W3kSaVxWrInDBPfvrBZ3d6yP1tJgb9Zzg-GoOKN-NessitZm_zbrZIym0w0LZdG/" class="normal" target="external">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_xp0vb0FZuNTllAfxt0litggfbHMxk0SEQ_mJl2A-gdVOlK80JqRAFFeiSea0HkHffpVoyUwEoS87W3kSaVxWrInDBPfvrBZ3d6yP1tJgb9Zzg-GoOKN-NessitZm_zbrZIym0w0LZdG/" width="100" height="150" border="0"></a>
<font face="Verdana" size="-2">TEXT 15</a>
<BR></td>
</tr>

<tr valign="top" bgcolor="#FFFFFF">
<td width="100" bgcolor="#FFFFFF" align="center">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_xp0vb0FZuNTllAfxt0litggfbHMxk0SEQ_mJl2A-gdVOlK80JqRAFFeiSea0HkHffpVoyUwEoS87W3kSaVxWrInDBPfvrBZ3d6yP1tJgb9Zzg-GoOKN-NessitZm_zbrZIym0w0LZdG/" class="normal" target="external">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_xp0vb0FZuNTllAfxt0litggfbHMxk0SEQ_mJl2A-gdVOlK80JqRAFFeiSea0HkHffpVoyUwEoS87W3kSaVxWrInDBPfvrBZ3d6yP1tJgb9Zzg-GoOKN-NessitZm_zbrZIym0w0LZdG/" width="100" height="150" border="0"></a>
<font face="Verdana" size="-2">TEXT 17</a>
<BR></td>
</tr>

<tr bgcolor="#FFFFFF">
<tr valign="top" bgcolor="#FFFFFF">
<td width="100" bgcolor="#FFFFFF" align="center">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_xp0vb0FZuNTllAfxt0litggfbHMxk0SEQ_mJl2A-gdVOlK80JqRAFFeiSea0HkHffpVoyUwEoS87W3kSaVxWrInDBPfvrBZ3d6yP1tJgb9Zzg-GoOKN-NessitZm_zbrZIym0w0LZdG/" class="normal" target="external">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_xp0vb0FZuNTllAfxt0litggfbHMxk0SEQ_mJl2A-gdVOlK80JqRAFFeiSea0HkHffpVoyUwEoS87W3kSaVxWrInDBPfvrBZ3d6yP1tJgb9Zzg-GoOKN-NessitZm_zbrZIym0w0LZdG/" width="100" height="150" border="0"></a>
<font face="Verdana" size="-2">TEXT 18</a>
<BR></td>
</tr>
 </table>

</marquee>

Upload Files To Blogger

You can only upload image files to your Blogger blog. These can only be uploaded through your blog posts. To do this Login to Dashboard and click on "+New Post". The Post Editor will open. In the top frame of the Post Editor just mouseover all the icons.

This will show the tooltips and click on the square bluish icon (Add Image). The upload Image dialog box opens. Click Browse under Add an image from your computer to choose the picture file on your PC. Click on file to highlight it and then click Open. You can also add an image from the web. Paste the URL of your image in the URL text box under "Or add an image from the web". Then choose the position you want the image to be in and the size of the image and click Upload. See Picture below


Click on picture to enlarge it.

 There is a total limit of 300MB on the pictures you are uploading through Blogger, Picasa, or Hello to a free BlogSpot blog. If it is a ftp blog then it is space on your server you should take into account. If you are posting pictures through Blogger Mobile there is a limit of 250K per picture. However there is no way to know whether this limit is approached until you break through it.

Individual pages of your blog are limited to 1MB size. Your main page may run into this limit so limit the number of posts on main page by going to Settings----->Formatting----->Show 4 posts on Main Page----->Save Settings. This will also speed up the loading of your blog.

There is no limit to number of blogs you have or number of posts you can make. Also there is no limit to number of comments. Individual posts do not have limit but may be limited by page-size as described above.




FREE HOSTING

To overcome the size and file-type limit in your free blog try uploading your pictures to a freehostlike Googlepages. You can create 5 sites in Googlepages with each site having free 100 MB space to host files. To upload create a Googlespace account and click on Upload in bottom frame of sidebar. See picture below :


If you cannot create a Googlepages account create a Google Group of your own. You can upload 100 MB of total files here also. Click on "Files" after clicking on Manage Group. Then click on Upload File button. See Picture below:




Thus you can upload image, PDF, MP3, WAV, DOC, TXT and any other files to these freehosts. You can also upload image files to other freehosts like Flickr, Photobucket, Imagehosting etc. To upload files to Flickr see Youtube and Flickr. After uploading the files place your mouse cursor over the filename and right-click and choose Copy Link Location. This copies the location/URL/link of your file at the freehost. Then paste it into this code in your blog :

<a href="LINK OF YOUR FILE AT FREE HOST">DOWNLOAD NOW</a>

When viewers click on "DOWNLOAD FILE" they will get a dialog box prompting the to download your file. In this manner you can also create an image link as described in Making Image Link.




<html>
<!-- ABOUT THIS SCRIPT: You may use images of variable sizes, and they'll appear fine in Internet Explorer. However, in Netscape the images may be distorted.  If you'd like your slideshow to be crossbrowser compatible, then use all images of the same size.

---------------------------------------------------------------------------------------
INSTRUCTIONS:
1.  First upload your photos to your web host server.
2.  Edit "Picture Name" and "filename.jpg" in the code below for your photos.
3.  You may add additional photos by simply copying and pasting more lines below it and changing the image number to the next number.
4.  Copy the script below and paste it into the <BODY> </BODY> section of your page HTML exactly where you'd like the slideshow to appear.

--------------------------------------------------------------------------------------

-->

<SCRIPT LANGUAGE="JavaScript">
theimage = new Array();

theimage[0]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_hNGEMlrEOcCxET6Y_nqn4SD7c37Irl28aniLk_8G4GdsFVDovQybt9TM1hHk7n5L34FWhRmtuAk4ekV5JBFOsEBkhX8f8D-orqbOQnPMu9fXKYyurLZiKSWr0UlE2GfU9-kkAY97law/s128/nc.JPG"];
theimage[1]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwtBnFeS_MoS8cD39G75zP3ESfL5rxyBcmkOY86LIu-HD8jTAMYmvQ7ScIefPIZiKtmICvIAO3PBXVW1QcXwgnezMr2psr52J46YmBljLAsGPYeYWe4zauWGfMEVPfWotpVIlp8cMIwQA/s128/AnugrahNarayanSinha.jpg"];
theimage[2]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7vkckuogUqLP_Y83udziavouEdRMD6Bkxu6jf0hlVzfOiiDsggkE6UgHiXsRKcQmiN9UnCS5hpAw7_n-dLc8RnDMYjUZRiYN4vDyqeuXWD-itMOXz2qo_-xLyqK9o_ifvgZeKiErlKP8/s128/Bihar_Kesari_Sri_Babu_&_Bihar_Vibhuti_Anugrah_Babu.jpg"];
theimage[3]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxi2v28cQSbuA2hSOIHg-zIezW1ZG30mUg-i0bZW8ztCVvEbb7zV1aH2boq67iUcvU1mRxclMljfpHF9Z8VmE1B-jE7ev3V1ld0hAGUwXciYqYXfoDx4mtfaeMuVJYPB2-DdL9P0SXpNA/s128/Dr.Rajendra.Prasad.jpg"];
theimage[4]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsnqBYccEHZnFahlNQFZq0Ohej-VX9I69fqwuZnIafS74BlJZAWEPsbRjC1umlllLDmcaGLn_QAzcaosCA5EKYozHpOe-Lgn3AWJTo0L_sfObtDLHiXSp46Ncte5PEchLCtaBwEIi0bHk/s128/Jayaprakash.jpg"];
theimage[5]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8SjvaA36NT1pVd3D_SoMxxHOOoN0m_jlwf6LIzzBIOkaqbABKNqGFcLaxloQiNJG982MzdcHgJounLCHKaE5CScNb979lc2qzRYS4HlABT0UepQVi8kX0dzOTVRXNuDIiWY35V4LYZOs/s128/jayaprakashnarayan.jpg"];
theimage[6]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvYHvBNFUgvad4YJTeuMAyvFjUcNh_yUID9sspC9BV9GQbLAIUKNpMDD-qMcA0VBXN3ek_MJLEOXm2Igu6xBmyIxHQohGj_-Xv1dQRBh6zs_KadjZKbFPbjvoar9CTRr3W8E6Lr0X8p1Q/s128/JP_SK_rally.jpg"];
theimage[6]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbpLqDHqrKxVFxYInHyecBHaIby2QDWPShi0J11z5JAykNCZzsURrc2kxcQVAMqrwUA0f8saAOumhh8Njt5qRMjtVTu4b6oZ5ptUZHsEzJ-RGX_Wufmcx0sDSbvWiF_f8tcqT91S23hkM/s128/Mangal_pandey.jpg"];
theimage[6]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizEv_7c2PJR_UQewZgDQa2b7g5eBY4yUs0EEqWBc1FPgrUDnvgY1EeiRUeBBOxtnxy4Sp9C6yFwq3BL0-1BJAgTfOg7utcOGt6DeKYN-kYUACI-raDL71Z66NwRjtWROSlS-MN6xZYdfE/s128/Sri%20Krishna%20Sinha.jpg"];
theimage[6]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8slHRyK4L11mSclBuZ92iCJsGfLwRg4dDEm_p7XkyJO90ENCJrKEqiyXGzXZAS0nrY1HCwkUBgbtOczSzhCsMyj5ufRMDFBxpX0oe9mP9RXOmX15Rwrn4HnZtaJ1k7yItdQ1TjbmWvps/s128/amitabh%20bachchan.jpeg"];
theimage[6]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj35FOS2TqPtuMYHQ2AHZ9TC0sHkBy-CHDRbncG5lpKsRneNcdLPTuA9UKY-ruFfhNDz7wMdxsqWneKj4dwZgwiBpupxMMx0SfNKrrXL0ukCGaTxp58ul2FG8JK63rd2yYThnjwPuCP0ec/s128/shabana_azmi.jpg"];
theimage[6]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHn9hQeNCpdhTOgJ287IL6m7oFIAkimpRVUL7Uzu0XV3WSUXcN2Es9v1d3ChRrrqXv8bZzkY-VcVc9Y2NsIN8PlgXD_xvQHBZQG1r5WXKTYrStLT-1pguvqWP-7NlbL2YKxZMPe3vdLSI/s128/Padma_Khanna.jpg"];
theimage[6]=["", "http://lh5.ggpht.com/_uG1qrPyN2yg/TBH21dXS86I/AAAAAAAAAEc/OykRDnw-x_w/s128/amitabh%20bachchan.jpeg"];
theimage[6]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGa6YjTrrA8k-zseIt6h8EzFoVnohsNptLzm9wNbeQgqt_HUReXHVaXezcVX5zGxtj15Dp1oVN9OGvikLGCUH1BiTCiaG_FOwRKVjjjMEcmYDy3NGUlcE3zl_fmG2aQmnRFr9qHbNn1Jk/s128/spinning_globe_logo.gif"];

playspeed=600;
dotrans=1;  
transtype='blendTrans'; 
transattributes='duration=1,transition=23'; 
randomorder=1;
playdiffernce=500; 
autostart=0;
preloadslides=1;
function makeRandom() {
tempimage = new Array();
for(p=0;p<theimage.length;p++){
for(p1=0;p1>-1;p1) {tempNum = Math.floor(Math.random()*theimage.length)
if(!tempimage[tempNum]){tempimage[tempNum]=theimage[p];break}}}
for(p=0;p<theimage.length;p++)theimage[p]=tempimage[p]}
if(randomorder==1)makeRandom()

function preloadSlide() {for(k=0;k<til;k++) {theimage[k][1]=new Image().src=theimage[k][1];}}

window.onload=function(){
if(window.preloadslides)preloadSlide();if(window.autostart)slidePlay();}

window.onresize=function(){
if(document.layers)this.location=this.location;}
</SCRIPT>


<FORM NAME="slideshow">
<DIV ALIGN="CENTER">
<TABLE border=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR="black">
<TR>
<TD ALIGN=CENTER>
<div align="center">
  <center>
<TABLE border=0 CELLPADDING=10 CELLSPACING=1 style="border: 1 solid #008080">
<TR>
    <TD ALIGN=CENTER BGCOLOR="#0099CC" colspan="5" style="border: 1 solid #000000"><font
      face="Verdana,Arial,Helvetica" size="2"><b>My Photo
      Slideshow</b></font></TD>
</TR>
<TR>
    <TD ALIGN=CENTER BGCOLOR="#FFFFFF" colspan="5" width="250" height="270" style="border: 1 solid #000000"><A HREF="#" onmouseover="this.href=theimage[i][2];return false"><SCRIPT>document.write('<IMG NAME="slideimage"  STYLE="filter:'+transtype+'('+transattributes+');" SRC="'+theimage[0][1]+'" BORDER=0>')</SCRIPT></A></TD>
</TR>
<TR>
    <TD ALIGN=CENTER BGCOLOR="#0099CC" colspan="5" style="border: 1 solid #000000"><SCRIPT>
for (y=0;y<theimage.length;y++) {document.slideshow.theimages[y]=new Option(theimage[y][0])}</SCRIPT>
    </TD>
</TR>
<TR>
    <TD ALIGN=CENTER BGCOLOR="#0099CC" style="border: 1 solid #000000"><b><font
      color="#000000"><a
      HREF="javascript:slideImage(0);" onfocus="this.blur()"><font
      face="Verdana,Arial,Helvetica" size="2" color="#000000">&lt;&lt;</font></a><font
      face="Verdana,Arial,Helvetica" size="2" color="#000000"><SCRIPT>imgStop=new Image().src='../beta/slideshow/b4.jpg';</SCRIPT></font></font></b></TD>
    <TD ALIGN=CENTER BGCOLOR="#0099CC" style="border: 1 solid #000000"><a
      href="javascript:slideImage(0);"><b><font face="Verdana,Arial,Helvetica"
      size="2" color="#000000">&lt;</font></b></a></TD>
    <TD ALIGN=CENTER BGCOLOR="#0099CC" style="border: 1 solid #000000"><a
      href="javascript:slidePlay();"><b><font face="Verdana,Arial,Helvetica"
      size="2" color="#000000">Play/Stop</font></b></a></TD>
    <TD ALIGN=CENTER BGCOLOR="#0099CC" style="border: 1 solid #000000"><a
      href="javascript:slideImage(i+1);"><b><font face="Verdana,Arial,Helvetica"
      size="2" color="#000000">&gt;</font></b></a></TD>
    <TD ALIGN=CENTER BGCOLOR="#0099CC" style="border: 1 solid #000000"><a
      HREF="javascript:slideImage(theimage.length-1);" onfocus="this.blur()"><b><font
      face="Verdana,Arial,Helvetica" size="2" color="#000000">&gt;&gt;</font></b></a></TD>
</TR>
</TABLE>
  </center>
</div>
</TD>
</TR>
</TABLE>
</FORM>

<SCRIPT>
with(document){i=0,play=0,di=images,dl=links,form=slideshow,til=theimage.length}

function slideImage(num) {
i=num%til;if(i<0)i=til-1;
if(document.all&&dotrans==1)eval('di.slideimage.filters.'+transtype+'.apply()')
di.slideimage.src=theimage[i][1];
if(document.all&&dotrans==1)eval('di.slideimage.filters.'+transtype+'.play()')
if(form.theimages)form.theimages.selectedIndex = i;
if(form.slidebox)form.slidebox.value = theimage[i][0];
if(form.slidecount)form.slidecount.value = "Image "+(i+1)+" of "+til;
if(form.slidespeed)doSpeed(0);}

function slidePlay() {
if (!window.playing) {
slidePlaying(i+1);
if(form.play)form.play.value="   Stop   ";}
else {playing=clearTimeout(playing);
if(form.play)form.play.value="   Play   ";}
if(di.imgPlay){setTimeout('di.imgPlay.src="'+imgStop+'"',1);imgStop=di.imgPlay.src}}

function slidePlaying(num) {
playing=setTimeout('slidePlaying(i+1);slideImage(i+1);', playspeed);}

slideImage(0);
</SCRIPT>


</html>

 
This information is brought you by free codes only blog
For more JavaScript and HTML code click here.