|
|
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:
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
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.
Author: Unknown Location: Pangkalpinang, Bangka Belitung
Article Create Image Spinning and distention When Touched Mouse, Published by Unknown on the day Sunday, June 30, 2013. Hopefully this article can add your insights. Unknown 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