Tuesday, May 20, 2014

How to add an image gallery with links below the header/Make your blog fancy by adding clickable images with htmls/Create clickable image gallery for blog/how to insert clickable images in blog/MAHAS own creations

Hi..Today Iam going to share about one more html which is very useful to bloggers.Process of creating this html may looks like lengthy but it`s works out perfectly.If u have patience and if you are really interested to make your your blog popular then go with this html which gives a bright looks to your blog and increases your page views too..If you have your all blog pictures in your system then it is very easy to create this html..In my case,I saved all the old posts pictures in pen drives and with latest recipes pictures I tried this html..

Actually, I was in plan to share a detailed post about scrolling images with link in today`s post.But,last two days while I was working for this,suddenly I got a sparkle in brain.Hehehehe...I was thinking about creating small pics with recipe links which can arrange on top of the blog post or in the side bars..So,postponed scrolling images project,and immediately started working on this html..Completely It`s my very own Idea of creating this html and it`s working perfectly.I also faced few difficulties while creating this and came out of them with my own solutions.I tried my level best to give a complete notes with each and every image which helps you lot to follow.If you are crazy about page views and ranking of your blog,then you must try this..Here you can find the detailed step by step pictures.

WHILE CREATING THIS HTML HAVE TO FOLLOW FEW IMPORTANT STEPS WHICH ARE NECESSARY FOR PROPER HTML.OTHER WISE HTML MAY NOT WORKS.READ AND FOLLOW CAREFULLY THOSE MARKED POINTS IN THE POST.

HOW TO CREATE IMAGE GALLERY WITH LINKS





1.go to the website "www.picresize.com"

2.Then upload your image

click on continue to start the procedure

Crop the image according to your wish.

3.Then in the below you can see the options.

5.See.every picture is different in size.For example  After uploading the picture you can see the width and height of the picture which automatically this website shows.then decide to size of minimizing.


4.In those options choose last one..i.e., custom size...
in the width i wrote 100 and automatically it shown the height of the image too.
  
See.here width is 100 and height is 88

6.So,according to the pic size select the option. and After that click on " Iam done"

7.In my case I went through with last option for most of the pics..For few pics I choosed 25% minimize.

Then you can click on view image.


Here is the important step..After minimizing the image you must save the pic in any folder.

See..how it looks after hard work...perfect

If you think it is too small again in the top you can see the option re edit.So,go with that and maximize or minimize the size of picture.

saving the image is the important step here.otherwise after creating html it won`t works properly

 And then upload it in your blog-new post.
Do this process with all images.Around 8-10..


careful here..while you trying to add links for each image you may see the disappearance of the images.So,you should select the picture carefully.

now click on link option which is given in the top and add links of the recipes to images.

in the left side of the post you can see the options compose and html.

.In that click on html and copy the complete code carefully

Now go to blog layout and click on add gadget...

Select Html/Javascript option and paste the code

Then save and drag this gadget on below the header and check the preview

FINALLY CHECK IT OUT HOW IT`S LOOKING AND LET ME KNOW IS YOU HAVE ANY ISSUES





4 comments:

  1. Very useful post. Waiting for this for a long time.

    ReplyDelete
  2. thats really helpful.. im gonna try it soon..

    ReplyDelete
  3. wow very useful info dear, thnx for sharing it, mus try it....

    ReplyDelete
  4. really useful wiill try n let u know

    ReplyDelete

Thanks for visitng,Try If you feel it is helpful and you can share results..PLEASE!! Dont write any indecent comments..

Print Friendly and PDF

Printfriendly