How to Create Readmore with the Securities Jquery Tooltip

How to Create Readmore with the Securities Jquery Tooltip

Lately a lot of website developers who started to use jquery script.
Because proven with jquery and apply it on the site are able to change the appearance so as not to stiff.
The use of jquery is very supportive for most practitioner blog to compete in providing the best service to visitors. You definitely want a much visited her blog, both friends bloggers and others who stray into your blog.

It is not difficult to learn in depth because bloggers have many friends who have given tutorial on this jquery. I am not a good play the codes but armed with intent and reckless it was like trying to have just transmitted the knowledge I got.

For those bloggers would have been familiar with the term readmore (read more). In the past I've had articles about readmore entry, please read How to Create Readmore on the right
Articles on the Tooltip Also, please read How to Create a tooltip on the Link or Picture

Well two themes that will be the source of reference in making readmore tooltip with a touch jquery effects.

Cuman Not only that, but the use of CSS3 also included in this tutorial.
Let us begin ...

Important.!:
Before you edit the html template, obliged malakukan Download Full Template and tick the little box labeled Expand Widget Templates.
If so, now we begin to act:

1. Prepare the CSS code (Copas just stay red color code below and enter the above code ]]>)
#easyTooltip{
padding:3px 10px 5px;
border:1px solid #333;
background: #4a6873;
color:#ffffff;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px 5px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
}

2. Install script jquery (blue) and place this above the code

NOTE: If your template already exists in the jquery script, then the step number 2 is not done, there could be conflict.

3. Put this code under toltip jquery script No. 2.


4. Find the code in the template html readmore pal.
Readmore code is like this:

5. Delete the code in step number 4, and replace with this:

6. And lastly do not forget to save (save)