How to Change The Old Posts Into a Number

 CSS : paste above </b:skin> 

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* Page Navigation widget by http://www.bloggerspice.com */
#blog-pager{background:#fff;clear:both;width:auto;padding:22px;line-height:normal;position:relative;display:block;text-align:left;overflow:visible;margin:20px 0 5px 0}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{position:relative;background:#fff;display:inline-block;font-family:'Arial', Helvetica,font-size:15px;color:rgba(0,0,0,.8);padding:5px 8px;margin:0 4px 0 0;border: 1px solid #F1F1F1;transition:all .3s}
.showpageOf{float:right;background:#FB9543;color:#fff;}
.showpageNum a:before{content:' ';position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 -2px 2px rgba(0,0,0,0.02);transition:box-shadow 0.5s}
.showpage a:hover,.showpageNum a:hover,.showpagePoint:hover{background:#FB9543;color:#FFFFFF;position:relative; border: 1px solid #FB9543;}
.showpagePoint{background:#FB9543;color:#fff;}
@media screen and (max-width:640px) {
#blog-pager {padding:12px;}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{margin:0 2px 2px 0;box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);}}
@media screen and (max-width:320px) {
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{padding:3px 6px}}
</style>
</b:if>
</b:if>






 JAVASCRIPT : paste above </body>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=6;
var numshowpage=3;
var upPageWord ='< Prev';
var downPageWord ='Next >';
var bspagenavi=location.href;
var home_page="/";
/*]]>*/
</script>
<script type='text/javascript'>
//<![CDATA[
function looppagenavi(a){var e=" ";numberleft=parseInt(numshowpage/2),numberleft==numshowpage-numberleft&&(numshowpage=2*numberleft+1),start=pagenumber-numberleft,start<1&&(start=1),maximum=parseInt(a/postperpage)+1,maximum-1==a/postperpage&&(maximum-=1),end=start+numshowpage-1,end>maximum&&(end=maximum),e+="<span class='showpageOf'>Page "+pagenumber+" of "+maximum+"</span>";var s=parseInt(pagenumber)-1;pagenumber>1&&(e+=2==pagenumber?"page"==type?'<span class="showpage"><a href="'+home_page+'">'+upPageWord+"</a></span>":'<span class="showpageNum"><a href="/search/label/'+lblname1+"?&max-results="+postperpage+'">'+upPageWord+"</a></span>":"page"==type?'<span class="showpageNum"><a href="#" onclick="redirectpage('+s+');return false">'+upPageWord+"</a></span>":'<span class="showpageNum"><a href="#" onclick="redirectlabel('+s+');return false">'+upPageWord+"</a></span>"),start>1&&(e+="page"==type?'<span class="showpageNum"><a href="'+home_page+'">1</a></span>':'<span class="showpageNum"><a href="/search/label/'+lblname1+"?&max-results="+postperpage+'">1</a></span>'),start>2&&(e+="...");for(var r=start;r<=end;r++)e+=pagenumber==r?'<span class="showpagePoint">'+r+"</span>":1==r?"page"==type?'<span class="showpageNum"><a href="'+home_page+'">1</a></span>':'<span class="showpageNum"><a href="/search/label/'+lblname1+"?&max-results="+postperpage+'">1</a></span>':"page"==type?'<span class="showpageNum"><a href="#" onclick="redirectpage('+r+');return false">'+r+"</a></span>":'<span class="showpageNum"><a href="#" onclick="redirectlabel('+r+');return false">'+r+"</a></span>";end<maximum-1&&(e+=""),end<maximum&&(e+="page"==type?'<span class="showpageNum"><a href="#" onclick="redirectpage('+maximum+');return false">'+maximum+"</a></span>":'<span class="showpageNum"><a href="#" onclick="redirectlabel('+maximum+');return false">'+maximum+"</a></span>");var n=parseInt(pagenumber)+1;pagenumber<maximum&&(e+="page"==type?'<span class="showpageNum"><a href="#" onclick="redirectpage('+n+');return false">'+downPageWord+"</a></span>":'<span class="showpageNum"><a href="#" onclick="redirectlabel('+n+');return false">'+downPageWord+"</a></span>");for(var t=document.getElementsByName("pageArea"),l=document.getElementById("blog-pager"),p=0;p<t.length;p++)t[p].innerHTML=e;t&&t.length>0&&(e=""),l&&(l.innerHTML=e)}function arithmetictotaldata(a){var e=a.feed,s=parseInt(e.openSearch$totalResults.$t,10);looppagenavi(s)}function pagenaviblogger(){var a=bspagenavi;-1!=a.indexOf("/search/label/")&&(lblname1=-1!=a.indexOf("?updated-max")?a.substring(a.indexOf("/search/label/")+14,a.indexOf("?updated-max")):a.substring(a.indexOf("/search/label/")+14,a.indexOf("?&max"))),-1==a.indexOf("?q=")&&-1==a.indexOf(".html")&&(-1==a.indexOf("/search/label/")?(type="page",pagenumber=-1!=bspagenavi.indexOf("#PageNo=")?bspagenavi.substring(bspagenavi.indexOf("#PageNo=")+8,bspagenavi.length):1,document.write('<script src="'+home_page+'feeds/posts/summary?max-results=1&alt=json-in-script&callback=arithmetictotaldata">')):(type="label",-1==a.indexOf("&max-results=")&&(postperpage=20),pagenumber=-1!=bspagenavi.indexOf("#PageNo=")?bspagenavi.substring(bspagenavi.indexOf("#PageNo=")+8,bspagenavi.length):1,document.write('<script src="'+home_page+"feeds/posts/summary/-/"+lblname1+'?alt=json-in-script&callback=arithmetictotaldata&max-results=1" >')))}function redirectpage(a){jsonstart=(a-1)*postperpage,nopage=a;var e=document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript",s.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),e.appendChild(s)}function redirectlabel(a){jsonstart=(a-1)*postperpage,nopage=a;var e=document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript",s.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),e.appendChild(s)}function finddatepost(a){post=a.feed.entry[0];var e=post.published.$t.substring(0,19)+post.published.$t.substring(23,29),s=encodeURIComponent(e);if("page"==type)var r="/search?updated-max="+s+"&max-results="+postperpage+"#PageNo="+nopage;else var r="/search/label/"+lblname1+"?updated-max="+s+"&max-results="+postperpage+"#PageNo="+nopage;location.href=r}var nopage,type,pagenumber,lblname1;pagenaviblogger();
//]]>
</script>
</b:if>




looking for code like this

<!-- navigation --> <b:include name='nextprev'/>






and replace with code

<!-- navigation -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:include name='nextprev'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<b:include name='nextprev'/>
<b:else/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
</b:if>
</b:if>



 DEMO : 
demo look at the front page

Sticky All SideBar

Paste the CSS code below before ]]></b:skin>

.column-right-inner { position: fixed; }



Paste this script before </body>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script> <script type="text/javascript"> $(function() { var offset = $(".column-right-inner").offset(); var topPadding = 15; $(window).scroll(function() { if ($(window).scrollTop() > offset.top) { $(".column-right-inner").stop().animate({ marginTop: $(window).scrollTop() - offset.top + topPadding }); } else { $(".column-right-inner").stop().animate({ marginTop: 0 }); }; }); }); </script>


if you want the left sidebar that will be made sticky to change:
 column-right-inner -> column-left-inner

DEMO : all Right sidebar on this site use the code as above,
Please click the title of the other menus to see the effect

Featured Posts Thumbnail

Paste On Layout Page - Add A Gadget - Html/JavaScripts

<center>
    <div id="headerbox">Featured Videos</div>
    <div id="featuredpostside"></div>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
    <script src="https://sites.google.com/site/fordizoo/scripts/featurevideo.js" type="text/javascript"></script>
    <script type='text/javascript'>
    //<![CDATA[
    FeaturedPostSide({
    blogURL:"http://www.videopoh.blogspot.com",
    MaxPost:8,
    idcontaint:"#featuredpostside",
    ImageSize:200,
    interval:5000,
    autoplay:true,
    tagName:false
    });
    //]]>
    </script>
    <link href='http://fonts.googleapis.com/css?family=Oswald:100' rel='stylesheet' type='text/css'/>
    <style scoped="" type="text/css">
    /*
    Made by AllBloggerTricks.com with lot of hardwork please keep the comment intact
    */
    ul.abt-sidebar-slider * {
        -moz-box-sizing: border-box;
    }
    ul.abt-sidebar-slider {
        font: 5px Verdana,Geneva,sans-serif;
    }
    ul.abt-sidebar-slider, ul.abt-sidebar-slider li {
        list-style: none outside none;
        margin: 0;
        padding: 0;
        position: relative;
    }
    ul.abt-sidebar-slider {
        height: 450px;
        width: 100%;
    }
    ul.abt-sidebar-slider li {
        display: none;
        float: left;
        height: 24.5%;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 100%;
    }
    ul.abt-sidebar-slider li:nth-child(1), ul.abt-sidebar-slider li:nth-child(2), ul.abt-sidebar-slider li:nth-child(3), ul.abt-sidebar-slider li:nth-child(4) {
        display: block;
    }
    ul.abt-sidebar-slider li:nth-child(2) {
        left: 0;
        top: 50%;
    }
    ul.abt-sidebar-slider img {
        border: 0 none;
        height: 100%;
        width: 100%;
    }
    ul.abt-sidebar-slider .overlayx, ul.abt-sidebar-slider li {
        transition: all 0.4s ease-in-out 0s;
    }
    ul.abt-sidebar-slider li:nth-child(4) {
        left: 0;
        top: 75%;
        width: 100%;
    }
    ul.abt-sidebar-slider li:nth-child(3) {
        left: 0;
        top: 25%;
    }
    ul.abt-sidebar-slider .overlayx {
        background-color: rgba(0, 0, 0, 0.5);
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2;
    }
    ul.abt-sidebar-slider .overlayx, ul.abt-sidebar-slider img {
        border: 0px solid #2E8DCE;
        border-radius: 3px 3px 3px 3px;
    }
    ul.abt-sidebar-slider .overlayx:hover {
        opacity: 0.1;
    }
    ul.abt-sidebar-slider h4 {
        color: white;
        font-family: Oswald;
        font-size: 15px;
        font-weight: 70;
        line-height: 1.5em;
        margin: 0;
        padding: 0 10px;
        position: absolute;
        top: 25px;
        width: 100%;
        z-index: 2;
    }
    ul.abt-sidebar-slider .label_text {
        bottom: 10px;
        color: white;
        font-size: 90%;
        left: 10px;
        position: absolute;
        z-index: 2;
    }
    ul.abt-sidebar-slider li:nth-child(2) .autname, ul.abt-sidebar-slider li:nth-child(3) .autname {
        display: none;
    }
    .buttons {
        margin: 5px 0 0;
    }
    .buttons a {
        display: inline-block;
        height: 25px;
        position: relative;
        text-indent: -9999px;
        width: 15px;
    }
    .buttons a:before {
        border-color: transparent #535353 transparent transparent;
        border-style: solid;
        border-width: 8px 7px;
        content: "";
        height: 0;
        left: 50%;
        margin-left: -10px;
        margin-top: -8px;
        position: absolute;
        top: 50%;
        width: 0;
    }
    .buttons a.nextx:before {
        border-color: transparent transparent transparent #535353;
        margin-left: -3px;
    }
    .date {
        background: none repeat scroll 0 0 rgba(32, 122, 161, 0.84);
        bottom: 93px;
        padding: 8px;
        position: relative;
        right: 6px;
    }
    #headerbox {
        background: #8FB93D;
        font-family: Oswald;
        padding: 4px;
    }
    </style>
    </center>

Random Video Embeded

Paste This Code on Page Layout - Add a Gadget - HTML/Javascript


<script type="text/javascript">
var videos = [
    '1271942',
    '6692106',
    '4602387'
];

var index=Math.floor(Math.random() * videos.length);
var html='<div class="span4"><h3 class="meet">Random video</h3><iframe width="100%" height="200" src="http://flashservice.xvideos.com/embedframe/' + videos[index] + '" frameborder="0" allowfullscreen></iframe></div>';
document.write(html);
</script>