Sunday, June 30, 2013

Create Image Spinning and distention When Touched Mouse

Learning to blog is not going to ever end, because there will be many more new science, let alone to beautify the look of the blog. Blogs are lightweight, simple and has a lot of information needed these will interest everyone and have a lot of visitors. I also want to have a blog like that, although I was a rookie and the look and content of my blog is still a lot of shortcomings.

Maybe my friend all have ever come across in the blog / website that can rotate the image in its news and enlarged if the mouse is touched it. If you've never seen, then try buddy mouse over the image above, then the image will rotate and enlarge. In this post I will share knowledge on how to make pictures rotate and enlarge when touched by a mouse. And the steps you can see below:



1. As usual my friend having to login in your account your blog
2. Once inside your blog dashboard, select the menu template
3. Then go to Edit HTML
4. Check "Expand Widget Templates" to avoid the event of an error
5. Mate for the code </ head>
6. Having met my friend copy and paste the following code just above the </ head>

<style>#fawaiq img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
#fawaiq img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style> 
 
7. And pal click save / save the template.
8. The next step for the placement of the image in the post.
Buddy must add <div id="fawaiq"> before the image url and do not forget the lid with the code </ div> examples like the following:

<div id="fawaiq">
<a href="http://mohnurfawaiq.blogspot.com"><img src="http://4.bp.blogspot.com/-iZJIZ24cdus/URTWmh3BQuI/AAAAAAAAAhY/5_Uxdgeo
_r4/s320/fawaiqblog.jpg
"></a></div>
Description:
a. Red code is the code opening and closing.
b. Code green dressing please buddies with your blog URL and the URL of the image you want buddy pairs in the post.

9. After all done click Publish
10. Take a look at post mate, and then mouse over the image the image will rotate and enlarge
11. If successful thank God, if not successful do not despair, and repeat again until I can read the steps carefully

Such tips "Create Image Spinning and distention When Touched Mouse" smile

May be useful for my friend .. source : here
  
Thank you for buying a product from amazon this blog, may be useful.

Blogger

Author: Sendi Karlita Location: Pangkalpinang, Bangka Belitung

Article Create Image Spinning and distention When Touched Mouse, Published by Sendi Karlita on the day Sunday, June 30, 2013. Hopefully this article can add your insights. Sendi Karlita a is a writer who wants to be successful in the virtual world. Try, and keep trying. May God give consent. regards

0 comments:

Post a Comment

Enter your email address:

Delivered by FeedBurner

 

© 2013 BLOG AMAZONE ZONA - Designed by Mukund | ToS | Privacy Policy | Sitemap

About Us | Contact Us | Write For Us