LATEST >>

Welcome Here And Thanks For Visiting. Like Us On Facebook...

EXEIdeas – Let's Your Mind Rock » Blogspot / Blogspot Sliders / HTML-CSS-PHP-JavaScript / JavaScript Codes / Website / Website Sliders » Simple And Awesome Testimonials J-Query Slider For Blog And Website

Simple And Awesome Testimonials J-Query Slider For Blog And Website

Simple And Awesome Testimonials J-Query Slider For Blog And Website

Many people want Testimonial slider for there website and blog to show there visitor that they have good response from there Great User. For this purpose they want text box but if they have more then one testimonial there is a big problem to them how to manage them all without wasting extra space from there site and blog.So i am here with a new article and a awesome JavaScript or j query code so that you can usre this on your site or blog, it is easy to install and quick to load with navigation menu so that visitor can see how many testimonial you have.

Now it is also called JavaScript Text Slider With Navigation Or J-Query Text Slider Without Navigation. You can customize the fill code easily through the given step, This slide have 4 Awesome style of changing one to next testimonial, You can customize navigation button also and testimonial box container also with your CSS, In this slider you can also add author name with there caption.Text style, size color, format, font any thing you can easily customize, If you don’t know How To Customize Feel Free To Ask.I Will Help You.

Features:
1.) Unlimited Testimonials Quotes.
2.) 4 Awesome Effect.(Fade, Scroll Up, Scroll Right, Shuffle )
3.) Simple Customizable Box Container.

4.) Quick To Load And Easy To Install.
5.) With Write Name And Caption Space.

How To Add In Blogspot?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click “Add A Gadget” Where You Want To Add It.
5.) Now Scroll To “HTML-JAVASCRIPT”
6.) Click “+” Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.

How To Add In Website?
1.) Just Go To Your HTML File.
2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done.

Simple And Awesome Testimonials J-Query Slider For Blog And Website

<!–Start Testimonials–>
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js”></script>
<script type=”text/javascript” src=”http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js”></script>
<script type=”text/javascript”>
$(document).ready(function() {
$(‘#testimonials’)

.before(‘<div id=”nav”>’)

.cycle({
fx: ‘fade’,
pager:  ‘#nav’
});
});
</script>
<style>
#testimonials {width:300px;background:#E7E9E6 ;border:1px solid #D8D9D6;}#testimonials blockquote{margin-left:0px;width:300px !important;height:220px !important;font-family:Georgia, “Times New Roman”, Times, serif;font-style:italic;color:#808080;display:block;}
#testimonials blockquote p{margin:0px !important;padding: 5px!important;}#testimonials blockquote cite {font-style: normal;display: block;text-transform: uppercase;font-weight: bold;font-style:italic;color: #555;margin-top:5px;}#testimonials blockquote span{margin:0px !important;padding: 5px!important;display: block;}</style>
<div id=”testimonials”>
<blockquote><p>”Your Testimonial Text…
<cite align=”right”>&ndash; Writer Name</cite><span align=”right”>Writer Caption</span></p></blockquote>
<blockquote><p>”Your Testimonial Text…
<cite align=”right”>&ndash;  Writer Name</cite><span align=”right”>Writer Caption</span></p></blockquote>
</div>
<!–End Testimonials–>

Simple And Awesome Testimonials J-Query Slider For Blog And Website

Customization:

1.) Change “fade” With  scrollup, scrollright, shuffle
2.) Change “Your Testimonial Text…” With  Your Testimonial Text.
3.) Change “Writer Name” With  Your Testimonial Writer Name .
4.) Change “Writer Caption” With  Your Testimonial Writer Caption.
5.) Also Change Blue Codes With Your Desire Value.
6.) If You Don’t Want Navigation, Just Delete he Yellow Highlighted Line From The Code.
7) Save And Enjoy.

You Like It, Please Share This Recipe With Your Friends Using...

4 Responses to “Simple And Awesome Testimonials J-Query Slider For Blog And Website”

  1. Always with exeideas!!!!

  2. Doesn’t work with mine, Maybe there is something wrong with my template. I have an existing scroller announcement widget maybe there is some complications with the plug-in.. I would really loved to install this on my blog but problem persist.

Leave a Reply

Your email address will not be published. Required fields are marked *