UI Style - featured random post slider with/out label

If you want to target a specific post to all your readers, this example may be helpful for you.You can create featured random post with or without specific label.

to do this, you must have jquery installed on your blog.or you can add script tag inside <head> with this :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

1. edit html

2. add jquery, css, and javascript.
css :

<link href='https://docs.google.com/uc?id=0B7xJbTAja8i0Q3p2czdZT0VCZ2s&export=download' rel='stylesheet' type='text/css'/>

javascript :

<script src='https://docs.google.com/uc?id=0B7xJbTAja8i0aGZrUEYxajRvQWs&export=download' type='text/javascript'/>

note : if you like you can download css and script above and upload your self to your blog/drive etc whatever you want.

3. add html

press ctrl+f to show search box, then type "<div class='main-wrapper'>" then press enter

copy this html after <div class='main-wrapper'>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div id='top-main'>
<b:section class='main' id='top-main1' preferred='yes'/>
</div>
</b:if></b:if>

4. save templates.

5. add widget.

6. edit widget

<div id="feature-rpost"></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
frx_frpost({
MaxPost:4,
RandompostActive:false,
idcontaint:"#feature-rpost",
ImageSize:200,
tagName:false
});
});
//]]>
</script>