SLIDING EFFECT FOR POST

Monday, 26 August 2013

SLIDING EFFECT FOR POST

---------------------------------------------------------------------------------------------------------

FIND HEAD TAG AND REPLACE WITH BELOW CODE

</head>

----------------------------------------------------------------------------------------------------------

//<![CDATA[

$(document).ready(function(){

$("#slider").easySlider({

auto: true,

continuous: true

});

//]]>

</script>

//<![CDATA[

var showpostthumbnails_gal = true;

var showpostsummary_gal = true;

var random_posts = false;

var numchars_gal = 150;

var numposts_gal = 10;

var img_width = 550;

var img_height = 250;

//]]>

</script>

#slide-container {

position:relative;

height:250px;

width:550px;

font-family:calibri;

}

.slide-desc {

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDe04jKj6eEjwP-qe2VMF1cUsjuV-KcEZ-U9MMzJPmZhlhhB74c8qzX0EPYuJ9neCevziwM6Oi5O_HYNoqKeT7OHalkFQVPsGQBcslMdny54hehZ8NGhwpIjrD115f9S9Y1GCEbag6GHC8/s1600/darkbg.png) repeat scroll 0 0;

color:#FFFFFF;

padding:5px;

position:absolute;

text-align:left;

bottom:0px;

z-index:99999;

line-height:20px;

}

.slide-desc h2 {

display:block;

}

#slider li {

width:550px;

height:250px;

overflow:hidden;

margin:0;

padding:0;

list-style:none;

}

#prevBtn,#nextBtn {

display:block;

width:30px;

height:77px;

position:relative;

left:-30px;

text-indent:-9999px;

top:-150px;

z-index:99999999;

}

#nextBtn {

left:550px !important;

top:-225px;

}

#prevBtn a,#nextBtn a {

display:block;

position:relative;

width:30px;

height:77px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2aOm2cCLlYrzMwLfO8c39tHFATdIJExvuc4XWEnDh_QEsPIjOi-4aioJvJJ9zHF6BdPxxOZv7v0C3uLVbnxlQ7C3rEgPTnWsgKebmKxlVC-yaR9gu5vM5ypGCgyIgq2qmiD0Wt_OUrmk-/s1600/PREVIOUSBUTTON.png) no-repeat 0 0;

}

#nextBtn a {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_IbUUGz2rFH6v0ME2gK9-UxvDiUD6fIGn_obFCGfe8DLgTDIoTt6QqdT7QC2qjgd4VB6KpKAzStWwtTRvNZuQ8nPekCGrxt2EtVB7-PTtBH5e5ses_BY5Y9ZxYDByUQZhTs4J7SX1iCL2/s1600/NEXTBUTTON.png)

no-repeat 0 0;

}

</style>

</head>

-----------------------------------------------------------------------------------------------------------
FIND THIS LINE AND OPEN IT
<b:includable id='post' var='post'></b:includable>
AFTER OPEN THIS LINE FINE FIND THIS DIV LINE
<div class='post-footer'>
FIND THIS LINE AND REPLACE WITH BELOW CODE
-----------------------------------------------------------------------------------------------------------

<b:if cond='data:blog.pageType == "item"'>

</b:if>

---------------------------------------------------------------------------------------------------------------
STEP1:CHANGE THIS WITH YOUR BLOG ADDRESS

http://fbgadgets.blogspot.co.uk

AFTER CHANGE ADDRESS GET FULL LINK AND CHANGE INTO SHORTER LINK WITH BITLY
http://fbgadgets.blogspot.co.uk/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999

AND SHORTER YOUR LINK WHICH LOOK LIKE THIS

<b:if cond='data:blog.pageType == "item"'>
<div id="slider"><script src="http://bit.ly/1dojgR4"></script></div>

</b:if>