Showing posts with label images. Show all posts
Showing posts with label images. Show all posts

Sunday, 15 August 2010

Add amazing effect to your photos use photofunia

PhotoFunia is a web image editor that gives users the ability to introduce our images in order to get certain effects very colorful and fun experience with the photos you can assemble.
If you came looking for let me remind you to Download PhotoFunia PhotoFunia is not a downloadable program, but rather just need to log on page, upload your own photos, choose a design that pleases you and download the photo on your pc.
Sign in PhotoFunia page on this link: Photofunia 

Friday, 14 May 2010

Add icon or image beside your sidebar title

To make your blog interesting and attractive you can add small icons beside your sidebar title.This is most common in wordpress themes and many of the premium blogger templates .We can do this by adding CSS to individual widget title(h2). It surely will give a new look to your template and keeps your blog refreshing.

subscription box


Adding icon beside sidebar title involves for steps.
[1] Finding icons /image.
[2]Uploading to any free image hosting like tinypic.
[3] Making CSS for the sidebar heading title(h2)
[4]Customizing CSS.

Before going further deep in the tutorial i am expecting that you have found a suitable image and hosted it yourself.
Coming directly to step 3.Under Edit HTML tab Expand Widget template and look for ]]></b:skin> and insert the new code above ]]></b:skin>

.widget id h2 {background:url(URL OF HOSTED PIC);
background-repeat: no-repeat;
background-position:left center;
height:25px;margin:0;
padding:10px 3px 0 30px;
line-height:1.5em;
text-transform:uppercase;
letter-spacing:.2em;
}
]]></b:skin>
</head>

Now change widget id with the unique widget id in your template.

How do i know my widget id? 
Under Layout > > Page Element section.Click On edit Button of any widget/gadget to find its ID.
A new window will open with customization option .Look for the URL of the widget .Examine the url and you will find the widget id at the end of the url.
 edit widget blogger
 widget url blogger
Customizing CSS
You can customize the CSS according to your template by adding or removing properties to your css.One thing that will be most important in your customization is padding

padding top right bottom left

Thursday, 13 May 2010

Adding animated GIFs to blogger


One of the main annoying limitations of blogger is that it does not allow to post animated gifs to the post.The good news is that the Picasa Web Albums , Google service where you stored the images posted on Blogger supports animated images in GIF format.

The problem is that the HTML image, generated automatically by default post editor of Blogger, displays a thumbnail and not the original file hosted on Picasa.Because of that the animation does not work.

This problem can be solved by editing the HTML manually by Replacing the URL of the image displayed in the post with the URL of the link created automatically by Blogger.

In the example below are highlighted respectively: The URL of the original image (green) and the URL of the thumbnail generated by the Blogger post editor (in red):

<div class="separator" style="clear: both; text-align: center;">
<a href=" http://3.bp.blogspot.com/_mUT2piLt5H0/S8XXw_5DCdI/AAAAAAAANZU/ugV2mhfq2QU/s1600/YouTubeLoad.gif " imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src=" http://3.bp.blogspot.com/_mUT2piLt5H0/S8XXw_5DCdI/AAAAAAAANZU/ugV2mhfq2QU/s320/YouTubeLoad.gif " width="320" /></a></div>

 Just replace the address highlighted in red with the address highlighted in green and the animated image will appear on your blog.

<div class="separator" style="clear: both; text-align: center;">
<a href=" http://3.bp.blogspot.com/_mUT2piLt5H0/S8XXw_5DCdI/AAAAAAAANZU/ugV2mhfq2QU/s1600/YouTubeLoad.gif " imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src=" http://3.bp.blogspot.com/_mUT2piLt5H0/S8XXw_5DCdI/AAAAAAAANZU/ugV2mhfq2QU/s1600/YouTubeLoad.gif " width="320" /></a></div>

Now this code(with both green url ) will difinately work.
I have been working hard to write the best posts on my blog but some how i am not getting necessary comments. Pls do comment to uplift boost me up.

Saturday, 27 February 2010

Home newer post older post images for blogger :Part 2

Previously i have collected 10 different (Home older post newer post) images with black or grey color. 
See More Home,Newer post,Older post Free Icons and images for blogger

But as the HOLI approaching its time to add color to your life and let it reflect it to on your blog.For those who doesnot know what HOLI is. Holi is Hindu festival of color.
(Right Click and save image as ) 
Blue Home newer post older post images

1883541200 591881625agt_login1521353259  390745700  
   previous arrow-left-1Homearrow-right-1next   
Backward-64 home-47Forward-64             
    webdev-arrow-lefthome-25webdev-arrow-right

   arrow-left-bluehome-blue-1arrow-right-blue

  arrow-left-48redhat-home   arrow-right-48

GREEN Home newer post older post images

    20764054001065548873 folder-home-13  1190775426607624872          
  Arrow Lefthome-52Arrow Right

    arrow-green-04webdev-homearrow-green-01                    
        arrow-left-greenhome-greenarrow-right-green

    arrow-left-green-48gohome arrow-right-green-48             
         green-left-arrowhome-21green-right-arrow

1308538565    2086128595left-arrow-1rigth-arrow

    arrow-left-2arrow-left-4arrow-right-4arrow-right-2


   arrow-left-3 aarrow-right-3

Red And Orange Home newer post older post images

Picture14home-19Picture13

red-left-arrowagt_homered-right-arrow

   red-left-arrow home_64home-86  red-right-arrow

           Picture8homechome-altPicture7 


   Picture11Picture12  
  590347956346746024House_119850908801812794464 
   arrow-left-yellowhome-yellow-1arrow-right-yellow