Showing posts with label image. Show all posts
Showing posts with label image. Show all posts

Tuesday, November 22, 2016

Menucool Javascript Image Slider for Blogsopt

Menucool Javascript Image Slider for Blogsopt



Here I’m sharing a cool JavaScript image slider for blogger. It could be easily usable as featured content on blogger blog. This image slider is created by menucool.com. A really cool slider is this. It has pretty nice sliding effect, and a less loading time as created by Javascript, no jQuery or flash used. And another thing is it’s easily customizable. I have customized it little to suite perfectly for blogger blog. See Demo or download source code from below link.

  • DEMO1
  • DEMO2
  • DOWNLOAD SOURCE

Read more »

Go to link download

Read more »

Sunday, October 30, 2016

CSS3 Image Slider for Blogspot

CSS3 Image Slider for Blogspot



Here I came up with a stylish and hot image slider for blogger that is just using pure CSS3. No Javascript or jQuery is used. So this slider is more easy to customize for newbies, just need a basic HTML and little good CSS3 knowledge. No server side coding is used here, so all is on your hand. This cycle style slider is created by smashingmagazine. Take a look on their page for more about it.
I created a bogarized version from theirs, it is now just need to follow few easy steps to installing this slider on blogspot blog.
  • DEMO
  • DOWNLOAD

Read more »

Go to link download

Read more »

Tuesday, September 13, 2016

Add Author Box with Rotator Image Effects in Blogger Sidebar or Footer

Add Author Box with Rotator Image Effects in Blogger Sidebar or Footer


Add Author Box
This is my first time to share a tutorial 
how to Add Author Box with Rotator Image
Effects in Blogger Sidebaror Footer. 
This author box contains rotator image effect 
that means when your mouse cursor come on
image then it will rotate. I have tried to bring 
little variety I include colored border your can 
easily change color of border and other things.
This widgets Have great css effect.







How can you Add Author Box in bloggers blog?

  • Log in to your blogger account.
  •  Click on blog title in which you want to add This Author  box.
  •  Go to layout and then click on Add a Gadget.
  • Select "HTML/JavaScript" Widget.
  •  Copy the below code and paste in it then Hit save.
Live Demo


<style>.KHprofileBorder {margin:5px auto;padding:10px;width:auto;
border-radius:5px;border: 2px #3322dd
solid;min-height:125px;
width:275px;}
#KHprofile{border:2px solid #888;
margin:2px 5px 0px 5px; padding:2px;

    }

    #KHprofile:hover {border:2px solid #ccc;cursor:pointer;

    }

    .KHprofileopacity  {opacity: 0.5;margin-left: 50px;
-moz-transition: all 0.5s ease-out;
  -o-transition:
all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;  -ms-transition:
all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(8deg);
 -o-transform: rotate(8deg);
 -webkit-transform: rotate(8deg);
 -ms-transform: rotate(7deg);  transform: rotate(8deg);
sizingMethod=auto expand);
zoom: 1;  }
.KHprofileopacity:hover  {opacity: 1;
margin-left: 0px;-moz-transform:
rotate(0deg);  -o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
transform: rotate(0deg);

sizingMethod=auto expand);
zoom: 1;
-moz-box-shadow: 1px 1px 4px #000;
-webkit-box-shadow: 2px 2px 8px #000;
box-shadow: 2px 2px 8px #000;} </style>

<div class="KHprofileBorder">

<img class="KHprofileopacity" id="KHprofile" height=65

src="http://3.bp.blogspot.com/-61Gvbm5glB8/

UPpeVQAMZ1I/AAAAAAAAADM/oAOmgWv2GLI/s1600

/429379_242610719163393_2098735386_n.jpg "

width=50 align="left"/>Im
<a rel="me" href=https://plus.google.com
/u/0/116054827022382240041/

title="Shakeel Asghar" target="_blank"> Shakeel Asghar
</a>from Lahore Pakistan. Founder of
<a href="http://kutebkhana.blogspot.com/">KutebKhana</a>
I love to blogging and
sharing tips and tricks with my readers.
I
 am a Part time blogger.
Design Blogger template,               
 Web Developing and Designing.>>><a style="color:red;
"href="http://kutebkhana.blogspot.com/p/blog-
page.html " target="_blank">Read More &#187;</a>
</div></div>

Customization!


  •  Change 116054827022382240041
    with your G+ ID and write your own information.
  • Change http://kutebkhana.blogspot.com/p/blog-page.html
    link with your About Us Page.
  • Change http://3.bp.blogspot.com/-61Gvbm5glB8
    /UPpeVQAMZ1I/AAAAAAAAADM/oAOmgWv2GLI/s1600
    /429379_242610719163393_2098735386_n.jpg

    with your Image link. 
  • If you want to change height and width of
    width then simply change for
    height
        125px For width 275px.


Enjoy You Are Done!


Go to link download

Read more »

Sunday, September 11, 2016

FlexSlider Blogspot Image Slider Widget

FlexSlider Blogspot Image Slider Widget


Blogger Slider

This is a responsive jQuery image slider. This simple but amazing slider developed by woothemes.com. It has some really nice features that makes you like it. The most cool feature is it is extremely responsive and lightweight; you don't have to tensed about the sliders width / height even all images width and height are auto adjustable. Here it is customized for blogger/blogspot so you can just copy and paste the code to install on your blogger blog. Check out the live demo below.
  • Slider DEMO1 (Blogspot)
  • Slider DEMO2 (Static)

Read more »

Go to link download

Read more »

Saturday, September 10, 2016

Automatic Image Slider for Blogger using Bookflip

Automatic Image Slider for Blogger using Bookflip



Bismillah, Alhamdulillah, Based on request from visitor about book flip slideshow , so I made This widget for blogger. result of this widget can show image inside of your posts automatic to become book flip slideshow for blogger.













Follow this step to use this gadget

Apply Gadget

Design -> Click on “Add a Gadget” -> HTML/JavaScript type.






<script type="text/javascript"> // 7 variables to control behavior var Book_Image_Width    =140; var Book_Image_Height   =225; var Book_Border         =true; var Book_Border_Color   ="gray"; var Book_Speed          =15; var Book_NextPage_Delay =1500; //1 second=1000 var Book_Vertical_Turn  =0; // variables for content var random_posts        = true; // random posts var numposts_gal        = 10;   // number of posts </script> <script src="http://catur-at-abu-farhan.googlecode.com/svn/trunk/galeryposts-bookflip.js" type="text/javascript"></script> <script src="http://catur-at-abu-farhan.googlecode.com/svn/trunk/bookflip.min.js" type="text/javascript"></script> <div id="Book" style="position:relative"> <img src="http://i1133.photobucket.com/albums/m596/abu-farhan/bookflip/placeholder.gif" width="144" height="227"> </div> <script src="http://shakeelasghar.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script> <script type="text/javascript"> ImageBook(); </script>


Replace it with your blog url:  http://shakeelasghar.blogspot.com


if you have any questions please leave a comment….

thx u


Go to link download

Read more »

Tuesday, August 23, 2016

Canon CanoScan LiDE25 Color Image Scanner Driver for Windows 7 64bit

Canon CanoScan LiDE25 Color Image Scanner Driver for Windows 7 64bit


Canon CanoScan LiDE25 Color Image Scanner Driver for Windows 7 64bit

TWAIN Driver LiDE 25 Scanner Driver Ver. 11.0.1.1a
File Name:   lide25vst6411011aen.exe
File Version:  11.0.1.1a
File Size: 3.97 MB
Operations System:  Windows 7 (64 bit),  Windows Vista (64 bit)
Download

Go to link download

Read more »