How To insert jQuery Slide up and Slide down Effect to Blogger

Using Jquery you can hide a portion of contents of blog or website. Then when visitors click to see it then that portion will be shown. You can see a Live Demo here. You can insert this effect anywhere in your blog. You can add this at your sidebar(see How to add Gadgets) or you can simply add it in post or article. Just copy and paste below code to add Slide up and Slide down Effect to your blog.

<script type="text/javascript"> 
$(document).ready(function(){
$('#butSlide').click(function () {
$('#divSlide').slideToggle("slow");
});
});
</script>


<button id="butSlide">Slide up/down</button> 
<br />

<div style="width:350px;height:80px; border: solid 1px black;background-color:LightGrey;text-align:center;" id="divSlide">Insert your content here</div>


You can change the value of height,width,background color,..... I hope you like this jquery hide and show effect tricks. You can see a live demo here. LIVE DEMO. You can also see How to insert Jquery in Blog or Website.

Comments Post a Comment

webmaster - February 16, 2010

If you have a website and people visits your site you can earn money by let your users to complete surveys. This is a CPA service (Cost Per Action) which allows to install a survey “gateway” on your site. When a user lands on your site and completes a survey, you make money and they get access to your premium content. Making a person fill out a survey is not very difficult. The key is in having content that is in demand enough that it’s worth. The survey takes someone’s 5-10 minutes in order to get access. Many people use the gateways on movie sites, tv show sites, social networking sites, e-book sites, and many other sites with premium content. You even can put links to movie, drama, song, software, ebook download and before the user is able to download the file they will be prompted to complete the survey. This is free to join and easy to setup on your website.

If you own multiple sites choose the best one and apply now. Click the following link to apply.

Click on this Link to apply http://www.cpalead.com/apply.php?ref=37301

When you will be prompted to enter your site description write a short description of your site saying that your website has regular visitors who likes to visit your site every day or every week. Write in your own words why people visit your site.
It works well if your website receives USA, UK, Australia and other European visitors.

After approval and completion of your cpalead account creation you can put cpalead survey code in any of our websites. But remember that adult site is not allowed. Many people are earning thousands dollar a month easily with this method.

How to increase your earning:
This is a proven method of earning a lot of cash. If you are not satisfied with your earning in first few days, don’t worry. You have nothing to lose. Gradually your income will increase.

Traffic or visitors are the key to earn money in every website. You cannot earn money in any way or method if your website does not have any visitors. Think why people will visit your site. Populate your site with useful contents that might be interested for your visitors. Give time to think and decorate your site with useful contents. Putting a lot of text in your site will help to increase search engine ranking. Stick with it and hope you will be able to earn a lot of money with this.

Anonymous - December 25, 2011

how do i set this up for comments , i would like to have my comments do this in blogger.

Leave a Comment