Bluesqare Tips : jquery slider

PowerPoint is the most widely used platform for designing digital presentation, only succeeded by its recent rivals Keynote and Prezi. It serves an important role in a marketing or training campaign.

Its usage ranges from training classes to marketing pitches. Here are some of the industry standard tips to help you design Effective Presentations.

Font

Before jumping deep into more complex aspects, the first thing you need to focus on is the Font. Great content without readability or legibility would be completely futile.

Implement a standard, subtle typeface, or typography for the paragraph text (body). Standard typography which includes Sans-Serif, Arial are to be preferred. Fancy fonts with excessive design patterns should be avoided to make your presentation look more professional and legible.

Theme

I spend countless hours literally trying to figure out the best theme to choose for my presentation. Follow these tips while choosing a temple.

Use minimalist themes to sport an elegant and professional appearance.
Use a single theme along the entire presentation. You may implement alternate color schemes to highlight different sections.
Animated templates are preferred for more interactive appearance targeted for student age groups.

Make it Interesting

I Have personally attended several hundreds of presentation demonstrations. Most of them bored me to death, by only including statistics without anything interesting

You need to connect, convince the audience and make them glued to the screen. Include a story and help them connect with the topic. If you are giving out a marketing pitch, include interesting jaw-dropping statistics related to the topic, illustrate how your product is going to benefit them and the future status of it.

Images and Videos

Images and Videos are a part and parcel of your presentation. It promotes readability and makes the presentation more intriguing to the readers.

Embed a minimum of one or two images in each slide.
Use High quality images, make sure they are not copyrighted to avoid any conflicts.
Embedding a video allows the presenter to take a breath during the hectic presentation and not to mention, makes the presentation more intuitive.
PowerPoint also includes an intuitive capability to stream live videos from the internet during a slideshow.

Author Bio: Nekkanti is a social media analyst, who works a lot with PowerPoint. He blogs at FPPT and Engineering PPT Templates, where he share latest tips and resources related to presentations.

This content jquery gadget is a famous one you definitely like it. It slides the recent posts in 3D rounding style. It has a feature that it automatically catches the images from the posts along with the title of the post.

Lets see how to add it to your blogger.

Login to Blogger Dashboard and navigate to Template > Edit Html
Don’t click the checkbox which says ‘Expand Widget Templates’
Find this ]]></b:skin>
Then paste the below code before ]]></b:skin>

/* START
--------------------------------------------------------------------
Content Slider using jQuery for blogger
By http://www.bluesqaretips.com
--------------------------------------------------------------------
*/

#featured                            {margin:10px 0 30px 0;}
#folio_scroller_container            {margin-top:35px; margin-bottom:40px; height:auto;}
#folio_scroller_container .roundabout-holder {list-style:none; height:400px; margin:0px auto 20px auto;}
.roundabout-holder                    {list-style:none; width:400px; height:250px; margin:0px auto;}
.roundabout-moveable-item             {font-size:12px!important;
/* Resize Image*/
height:180px;
width:350px;
/*-------------*/
cursor:pointer; padding:5px; border:1px solid #aaaaaa; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f9f9f9;}
.roundabout-moveable-item img         {height:100%; width:100%; background-color:#FFFFFF; margin:0;}
.roundabout-in-focus                 {cursor:auto;}
.roundabout-in-focus:hover            {-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
.roundabout-holder span                {display:none; font-size:12px;}
.roundabout-in-focus:hover span        {display:inline; position:absolute; bottom:5px; right:5px; padding:8px 20px; background:#f9f9f9; color:#000000; z-index:999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; font-size : 12px;border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; }
.roundabout a:active,
.roundabout a:focus,
.roundabout a:visited                {outline:none; text-decoration:none;}
.roundabou li                         {margin:0}
a img                                {border:none; outline:0;}

/* END
--------------------------------------------------------------------
Content Slider using jQuery
By http://www.bluesqaretips.com
--------------------------------------------------------------------
*/

Note: In the above code you can edit the highlighted code which is in red color as your wish to adjust the width and height.

Next find </body>
Paste the below code before </body>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'/>
<script src="http://catur-at-abu-farhan.googlecode.com/svn/trunk/jquery.roundabout-1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
var interval;
$('#featured ul')
.roundabout({
duration: 600 }
)
.hover(
function() {
// oh no, it's the cops!
clearInterval(interval);
},
function() {
// false alarm: PARTY!
interval = startAutoPlay();
}
);
// let's get this party started
interval = startAutoPlay();
});
function startAutoPlay() {
return setInterval(function() {
jQuery('#featured ul').roundabout_animateToNextChild();
}, 5000);
}
</script>

Note: In the above code you can modify the highlighted code(red color) to set the rotation speed.