THE RATED-R BLOG

How to prepare link to my site widget

How To prepare link to my site widget ?
Many people are unaware of how to create this widget
I am going to tell you a simple trick which will tell how to create this widget
Just follow the following steps
Step 1>Take a screen shot of the image which you want to put in the widget or in which you want to put the hyperlink to your website .
For example i took the screenshot given below:-

This can be taken by and image capturing software. If you dont have one you can download it from here
Then Upload the image to a free photo hosting website .like ibibo flickr or photobucket
Then go to the website where you have uploaded the image
open that image and copy its web adress address
eg. the web address of my image is :-http://mdb8.ibibo.com/03453616c7465645f5f5957c18ac85173578b00b2aa0e4bdd1c0d7290ba73e4c2dfa944b5b2
75bb82ff5a07b88fc5fb58463e753f.bmp

STEP 2 > Go to your blogger dasboard . Create a new post . then put the image by using the second option of uploading i.e obtain image through web

Step 3> Since the image you upload must be of a small size so that it could easliy fit in the link.Then rezise the image to the size which you appear the best

Step 4> Give the image link to your website or whatever website you want to connect

Step 5> Go to HTML tab of the editior

Step 6> Copy all the HTML code given there

Step 7> Paste the HTML Code in a new notepad or wordpad file which ever you are using . This would be the code of your image .

Step 8> Now we have to prepare a scroll box where we can put this link.
Step 9> For that copy the code given below:-
<textarea style="WIDTH: 100; HEIGHT: 75" onfocus="this.select();" name="textarea" cols="19">

Step 10>Just arrange the codes in the follwoing manner
Picture code
(leave three four lines)
above code written in that and just after that the picture code (dont leave any space between the scroll and the picture code )
eg:-

Step 11> Select the whole code obtained in 10
Step 12> Go to Layout>Add a gadget>HTML/javascript and paste that code .
The work is done cheers
You can also adjust the size of the box by resizing the picture and the scroll box code if you wish
If you counter any problems please feel free to consult me .

VIVITI

6:29 PM free web hosting No comments

VIVITI

GO TO VIVITI.COM
SIGN UP
START EDITING YOUR WEBSITE

Google chat widget for your Blog

11:20 PM blogging tricks No comments

Google chat widget for your Blog

A review of google talk gadget for your blog/webpage:-This gadget will let your visitors to chat with you , It will tell you whether you are offline or online . The special quality is that you can chat with the visitors directly and they dont even need to sign in to your google account . This works if you are online on your gmail or orkut account . Otherwise it will always show you offline.See the screenshots given below:-

Grab this widget here

Expandable Post Summary Hack for Blogger

6:15 PM blogging tricks No comments

Expandable Post Summary Hack for Blogger

There are two methods to do it . I am publishing Only one method in this blogger post.
Just follow the following step by step procedures:-
1.Go To Layout > Edit HTML > Expand WIdget Template .
2.Press ctrl +F and search for the closing tag of your blogger template .
3. Paste the follwing HTML Code Just below it .

<!-- JavaScript Posts Summaries --> <script
language='javascript' src='http://www.sigmirror.com/files/16723_kc9lz/jquery-1.2.3.pack.js'
type='text/javascript'/> <script language='javascript'
src='http://www.sigmirror.com/files/16722_nbdvm/jquery.extractor.js'
type='text/javascript'/>  <script type='text/javascript'>
 $(document).ready(function() {  $('.excerpt').expander
({ slicePoint: 450, // default is 100 expandEffect: 'fadeIn', expandText:
'[...]', // default is 'read more...' userCollapseText: '[^]' // default is '
[collapse expanded text]' });  }); </script> <!--
End JavaScript Posts Summaries -->

Note :- You can change the %age of Post which you want to show by changing the %age out of 1000 which is written in black in the above HTML code (Slice Point:450) , Here 450 is the %age out of 1000.

4. Search for the following code:-

<div class='post-body entry-content'>
<data:post.body/> <div style='clear: both;'/
> <!-- clear for photos floats --> </div>

And replace it with the following code written in green:-

<b:if cond='data:blog.pageType != "item"'> 
<div class='excerpt post-body entry-content'> <data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats
--> </div> <a expr:href="data:post.url">Read More..</a>
<b:else/> <div class='post-body entry-content'>
 <data:post.body/> <div style='clear: both;'/> <!--
clear for photos floats --> </div> </b:if>

It Must look like this:-

5. Now preview your template , If the work is done you save the template .
6. Your template must look like this:-

Bannershop GIF Animator

7:22 AM Animation softwares No comments

Bannershop GIF Animator

Create, edit, and optimize animated GIFs images for the Web. Animate images, shapes, and texts, using predefined animation effects such as Fade, Zoom, and Blur, or build animations from existing images. Bannershop GIF Animator uses a powerful optimization engine that can significantly reduce GIF file size.
The Optimization Wizard leads the user through the process, providing instant preview of optimized animation, so users can balance between image quality and the file size.
The application can create single or multi-frame animations. Master frame can be used as a background for entire animations, so repetitive graphics can be easily reproduced and managed. Extendable architecture allows adding new animation extensions.

EximiousSoft Banner Maker

7:24 PM Animation softwares No comments

EximiousSoft Banner Maker

EximiousSoft Banner Maker is a powerful yet easily software for creating web graphics.Even you have no image-editing experience, With it you can make more impressive banner ads,cool buttons,web headers or logos and flashy images.

* Supports strongly layer compose.
* Allow import raster images or vector shapes and rich texts.
* Shape objects can filled by rich gradient style,images or patterns.
* Each object can be painted with bevel,shadow,texture features,By which it looks with high 3D vision.
* Support animated GIF images. Build a animation with provided effects in one step.
* Export web graphics as JPG,GIF,PGN file format,preview the result in web browser directly.
* Preset many gradient styles,filled images, textures,and patterns.
* Has good interface and edit visually and easily.
* Frames in the animation can be added or removed or viewed.
* Undo or redo anytime.

Flash Banner Intro Maker 1.8.80

7:24 PM Animation softwares 2 comments

Flash Banner Intro Maker 1.8.80

Flash Intro and Banner Maker is a Flash authoring tool to help you create Flash intros, AD banners and ecards with ease. There is no need for knowledge of Flash development studio and Actionscripts, all you need is to input texts and select from premade customizable background effects and text animation effects.

Here are some key features of "Flash Intro and Banner Maker":
• Wizard style user interface, extremely easy to use;
• Customize width, height, frame rate of Flash movie;
• Add border to Flash movie;
• Add MP3 or WAV file to Flash movie as background sound effect;
• Add preloader to Flash movie;
• Add multiple images or Flash movies to background;
• Lots of background effects to select from, all of them are customizable;
• Add multiple background effects to Flash movie;
• Set background of Flash movie as transparent, solid color, linear gradient color, radial gradient color

Animated Banner Maker V1.06

7:24 PM Animation softwares 1 comment

Animated Banner Maker V1.06

Animated Banner Maker for GIF is the excellence banner maker and banner design tool,
where you can create your own professional-looking animated banner in just minutes.
When you have completed the banner, just save it as a GIF and add it to your Web site.
No skill need, Animated Banner Maker for GIF is very easy to use. The software
provided more than 330 animated GIF templates, you just need to change the size,
background, MovieClip position, text and text effect.

PASSWORD:-www.zipile.com

Banner Maker Pro

7:22 PM Animation softwares No comments

Banner Maker Pro

Banner Maker Pro is software that quickly (and easily!) allows you to create web-based banner ads, web buttons, web headers, animated gifs, logos, image ads and other web graphics. Its not just for banners. Its an animated banner ad maker, button maker, and logo maker all in one.
By using a wizard-like interface, Banner Maker Pro allows you to easily create professional looking banners, buttons, and graphics for web pages in just minutes. Simply follow the tabs at the top of the program to go step-by-step in the image making process. When you have completed the image, just save it as a GIF or JPEG and add it to your website. Create an animated banner or button in under 5 minutes! No graphics expertise needed.