How To Add jQuery Hide and Show Text Effect to Blogger. 0

| | ,

How To Add jQuery Hide and Show Text Effect to Blogger.







If you want to add hide and show effect to your blog, follow the steps below.

* First go to your blogger Dashboard.

* Now click in design tab and now you are here --->>> Page Element.

* Click on 'Add a Gadget' on the sidebar.

* Select 'HTML/Javascript' and add the javascript code given below and click save.


<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
  $('#butShowHide').click(function()
  {
      $('#pShowHide').toggle();
  });
});
</script>
<p id="pShowHide" style="display:none">Insert Your Content Here</p>
<button id="butShowHide">Show/Hide</button>

Note : Remember to replace 'Insert Your Content Here' with your real content.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: How To Add jQuery Hide and Show Text Effect to Blogger. ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories