It is displayed in the upper right corner of your blog, an edge 'up', similar to that of a sheet of paper, which is deployed or raised to move the cursor or pointer over them. This wonderful effect not only attractive to our readers but also allow us to include an advertisement.
Click on the image below to access the test blog and check the result.
Like it? If so, and therefore want to implement it in your blog, follow these steps.
Layout> Edit HTML> expand gadgets
Find the </ head> and just above adds this:
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
href='https://sites.google.com/site/scriptsbalcon/b/blhojja.css' <link rel='stylesheet' <script type='text/javascript'> $ type='text/css'/> (document). ready (function () {
$ ("# blhojasquin"). hover (function () {
$ ("# blhojasquin img,. blhojasquina. ") stop ()
. animate ({width: '307px ', height: '320px'}, 480);
}, function () {
$ ("# blhojasquin img"). stop ()
. animate ({
width: '50px ',
height: '52px '
}, 200);
$ (". blhojasquina. ") stop ()
. animate ({width: '50px ', height: '50px'}, 200 );}); });</ script>
<style> # blhojasquin. blhojasquina {background: url (IMAGE URL) top right no-repeat;} </ style>
Overridden in the code, IMAGE URL with the URL of the image that appears under the blog, moving the cursor around the corner of the 'road'.
I advise you to see a sample picture to give you an idea of the ideal size should be.
Now find the body tag and add the following lines below:
<div id='blhojasquin'> <a href='URL PAGINA'> <img alt =''src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA5E6SXvLN_Aex_jmJNnw62fQIaniaXHHcZ5VA-JQs7LjfJTkr8frIZZx867GYi06DwnhTDBeOKw-Y7sJy6tEW4QTZM2FCy1Otjb6wpYdmhv3SBSfAjz7iKxySf4cMpWdsgCV0H-Ny1LgY/s320/ blhojte.png'/></ a> <div class='blhojasquina'/> </ div>
Save the template and you're done.
Notes:
The first line of the first part of jQuery code. If your staff has already implemented this library with other tricks do not need to use it.
Also, if you have the Scriptaculous or Prototype library in your template (having installed another trick) and this effect does not work you must make a choice as the three libraries "do not get along very well with them. "
Click on the image below to access the test blog and check the result.
Like it? If so, and therefore want to implement it in your blog, follow these steps.
Layout> Edit HTML> expand gadgets
Find the </ head> and just above adds this:
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
href='https://sites.google.com/site/scriptsbalcon/b/blhojja.css' <link rel='stylesheet' <script type='text/javascript'> $ type='text/css'/> (document). ready (function () {
$ ("# blhojasquin"). hover (function () {
$ ("# blhojasquin img,. blhojasquina. ") stop ()
. animate ({width: '307px ', height: '320px'}, 480);
}, function () {
$ ("# blhojasquin img"). stop ()
. animate ({
width: '50px ',
height: '52px '
}, 200);
$ (". blhojasquina. ") stop ()
. animate ({width: '50px ', height: '50px'}, 200 );}); });</ script>
<style> # blhojasquin. blhojasquina {background: url (IMAGE URL) top right no-repeat;} </ style>
Overridden in the code, IMAGE URL with the URL of the image that appears under the blog, moving the cursor around the corner of the 'road'.
I advise you to see a sample picture to give you an idea of the ideal size should be.
Now find the body tag and add the following lines below:
<div id='blhojasquin'> <a href='URL PAGINA'> <img alt =''src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA5E6SXvLN_Aex_jmJNnw62fQIaniaXHHcZ5VA-JQs7LjfJTkr8frIZZx867GYi06DwnhTDBeOKw-Y7sJy6tEW4QTZM2FCy1Otjb6wpYdmhv3SBSfAjz7iKxySf4cMpWdsgCV0H-Ny1LgY/s320/ blhojte.png'/></ a> <div class='blhojasquina'/> </ div>
Save the template and you're done.
Notes:
The first line of the first part of jQuery code. If your staff has already implemented this library with other tricks do not need to use it.
Also, if you have the Scriptaculous or Prototype library in your template (having installed another trick) and this effect does not work you must make a choice as the three libraries "do not get along very well with them. "
Posts
