Monday, 6 January 2014

FEATURED AUTOMATED POST SLIDER FOR SIDEBAR




FB Gadgets


FB Gadgets


----------------------------------------------------------------------------------------------------
FIND HEAD TAG AND AD THIS CODE BEFORE HEAD TAG
FOR MORE:
http://www.cdljovem.com.br/public/js/

</head>
--------------------------------------------------------------------------------------------------------

<style scoped="" type="text/css">

ul.FbGadgets-sidebar-slider {
-moz-box-sizing:border-box;
}
ul.FbGadgets-sidebar-slider {
font:11px Verdana,Geneva,sans-serif;
}
ul.FbGadgets-sidebar-slider,ul.FbGadgets-sidebar-slider li {
list-style:none outside none;
margin:0;
padding:0;
position:relative;
}
ul.FbGadgets-sidebar-slider {
height:500px;
width:100%;
}
ul.FbGadgets-sidebar-slider li {
display:none;
float:left;
height:24.5%;
overflow:hidden;
padding:0;
position:absolute;
width:100%;
}
ul.FbGadgets-sidebar-slider li:nth-child(1),ul.FbGadgets-sidebar-slider li:nth-child(2),ul.FbGadgets-sidebar-slider li:nth-child(3),ul.FbGadgets-sidebar-slider li:nth-child(4){
display:block;
}
ul.FbGadgets-sidebar-slider li:nth-child(2){
left:0;
top:50%;
}
ul.FbGadgets-sidebar-slider img {
border:0 none;
height:100%;
width:100%;
}
ul.FbGadgets-sidebar-slider .overlayx,ul.FbGadgets-sidebar-slider li {
transition:all 0.4s ease-in-out 0s;
}
ul.FbGadgets-sidebar-slider li:nth-child(4) {
left:0;
top:75%;
width:100%;
}
ul.FbGadgets-sidebar-slider li:nth-child(3) {
left:0;
top:25%;
}
ul.FbGadgets-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.FbGadgets-sidebar-slider .overlayx,ul.FbGadgets-sidebar-slider img {
border:4px solid #2E8DCE;
border-radius:3px 3px 3px 3px;
}
ul.FbGadgets-sidebar-slider .overlayx:hover {
opacity:0.1;
}
ul.FbGadgets-sidebar-slider h4 {
color:white;
font-family:Oswald;
font-size:25px;
font-weight:100;
line-height:1.5em;
margin:0;
padding:0 10px;
position:absolute;
top:25px;
width:100%;
z-index:2;
}
ul.FbGadgets-sidebar-slider .label_text {
bottom:10px;
color:white;
font-size:90%;
left:10px;
position:absolute;
z-index:2;
}
ul.FbGadgets-sidebar-slider li:nth-child(2) .autname,ul.FbGadgets-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>


<script type='text/javascript'>
//<![CDATA[
function FeaturedPostSide(a) {
(function (e) {
var h = {
blogURL : "",
MaxPost : 4,
idcontaint : "",
ImageSize : 100,
interval : 5000,
autoplay : true,
loadingClass: "loadingxx",
pBlank : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUXkJZM9srOl1bE07HoNGpONGGjUrG9aDQJjZIJB9TatneHsJ9ZK5HXASZYZys8Os2x0hlAgL7-JC_9nde0MkJE9e0CGGmAWifhZqvLQ8eEARh8ug-y1QqJeS0ETtMaD0QoEv4JcxP3sam/s1600/FBGadgets.png",
MonthNames : [
"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"
],
tagName : false
};
h = e.extend({}, h, a);
var g = e(h.idcontaint);
var d = h.MaxPost * 200;
g.html('<div class="sliderx"><ul class="FbGadgets-sidebar-slider"></ul></div><div class="buttons"><a href="#" class="prevx">prev</a><a href="#" class="nextx">next</a></div>');
var f = function (w) {
var q,
k,
m,
u,
x,
p,
t,
v,
r,
l = "",
s = w.feed.entry;
for (var o = 0; o < s.length; o++) {
for (var n = 0; n < s[o].link.length; n++) {
if (s[o].link[n].rel == "alternate") {
q = s[o].link[n].href;
break
}
}
if ("media$thumbnail" in s[o]) {
u = s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g, "/s" + h.ImageSize + "-c")
} else {
u = h.pBlank.replace(/\/s[0-9]+(\-c|\/)/, "/s" + h.ImageSize + "$1")
}
k = s[o].title.$t;
r = s[o].published.$t.substring(0, 10);
m = s[o].author[0].name.$t;
x = r.substring(0, 4);
p = r.substring(5, 7);
t = r.substring(8, 10);
v = h.MonthNames[parseInt(p, 10) - 1];
l += '<li><a target="_blank" href="' + q + '"><div class="overlayx"></div><img class="random" src="' + u + '"/><h4>' + k + '</h4></a><div class="label_text"><span class="date"><span class="dd">' + t + '</span> <span class="dm">' + v + '</span> <span class="dy">' + x + '</span></span> <span class="autname">' + m + "</span></div></li>"
}
e("ul", g).append(l).addClass(h.loadingClass)
};
var c = function () {
e(h.idcontaint + " .nextx").click()
};
var b = function () {
e.get((h.blogURL === "" ? window.location.protocol + "//" + window.location.host : h.blogURL) + "/feeds/posts/summary" + (h.tagName === false ? "" : "/-/" + h.tagName) + "?max-results=" + h.MaxPost + "&orderby=published&alt=json-in-script", f, "jsonp");
setTimeout(function () {
e(h.idcontaint + " .prevx").click(function () {
e(h.idcontaint + " .sliderx li:first").before(e(h.idcontaint + " .sliderx li:last"));
return false
});
e(h.idcontaint + " .nextx").click(function () {
e(h.idcontaint + " .sliderx li:last").after(e(h.idcontaint + " .sliderx li:first"));
return false
});
if (h.autoplay) {
var i = h.interval;
var j = setInterval(c, i);
e(h.idcontaint + " .sliderx li:first").before(e(h.idcontaint + " .sliderx li:last"));
e(h.idcontaint + " .sliderx").hover(function () {
clearInterval(j)
}, function () {
j = setInterval(c, i)
})
}
e("ul", g).removeClass(h.loadingClass)
}, d)
};
e(document).ready(b)
})(jQuery)
};

//]]>
</script>

</head>


------------------------------------------------------------------------------------------------
1- ADD HTML/JAVA WIDGET AND PASTE BELOW CODE
2- CHANGE MY BLOG URL LINK WITH YOUR BLOG URL
http://fbgadgets.blogspot.co.uk/
--------------------------------------------------------------------------------------------------

<div id="featuredpostside"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

<script type='text/javascript'>
//<![CDATA[
FeaturedPostSide({
blogURL:"http://fbgadgets.blogspot.co.uk/",
MaxPost:8,
idcontaint:"#featuredpostside",
ImageSize:300,
interval:5000,
autoplay:true,
tagName:false
});
//]]>
</script>

---------------------------------------------------------------------------------------------
OR USE THIS METHOD BY GOOGLE DRIVE
ADD HTML/JAVA WIDGET IN BLOG AND PASTE BELOW CODE AND
CHANGE BLOG URL LINK
-----------------------------------------------------------------------------------------------

<style scoped="" type="text/css">
ul.FbGadgets-sidebar-slider {
-moz-box-sizing:border-box;
}
ul.FbGadgets-sidebar-slider {
font:11px Verdana,Geneva,sans-serif;
}
ul.FbGadgets-sidebar-slider,ul.FbGadgets-sidebar-slider li {
list-style:none outside none;
margin:0;
padding:0;
position:relative;
}
ul.FbGadgets-sidebar-slider {
height:500px;
width:100%;
}
ul.FbGadgets-sidebar-slider li {
display:none;
float:left;
height:24.5%;
overflow:hidden;
padding:0;
position:absolute;
width:100%;
}
ul.FbGadgets-sidebar-slider li:nth-child(1),ul.FbGadgets-sidebar-slider li:nth-child(2),ul.FbGadgets-sidebar-slider li:nth-child(3),ul.FbGadgets-sidebar-slider li:nth-child(4){
display:block;
}
ul.FbGadgets-sidebar-slider li:nth-child(2){
left:0;
top:50%;
}
ul.FbGadgets-sidebar-slider img {
border:0 none;
height:100%;
width:100%;
}
ul.FbGadgets-sidebar-slider .overlayx,ul.FbGadgets-sidebar-slider li {
transition:all 0.4s ease-in-out 0s;
}
ul.FbGadgets-sidebar-slider li:nth-child(4) {
left:0;
top:75%;
width:100%;
}
ul.FbGadgets-sidebar-slider li:nth-child(3) {
left:0;
top:25%;
}
ul.FbGadgets-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.FbGadgets-sidebar-slider .overlayx,ul.FbGadgets-sidebar-slider img {
border:4px solid #2E8DCE;
border-radius:3px 3px 3px 3px;
}
ul.FbGadgets-sidebar-slider .overlayx:hover {
opacity:0.1;
}
ul.FbGadgets-sidebar-slider h4 {
color:white;
font-family:Oswald;
font-size:25px;
font-weight:100;
line-height:1.5em;
margin:0;
padding:0 10px;
position:absolute;
top:25px;
width:100%;
z-index:2;
}
ul.FbGadgets-sidebar-slider .label_text {
bottom:10px;
color:white;
font-size:90%;
left:10px;
position:absolute;
z-index:2;
}
ul.FbGadgets-sidebar-slider li:nth-child(2) .autname,ul.FbGadgets-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>

<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://googledrive.com/host/0B2BtMc5vQHtXSHFfWU5TVUJYQjg" type="text/javascript"></script>
<script type='text/javascript'>
//<![CDATA[
FeaturedPostSide({
blogURL:"http://disneysnaps.blogspot.co.uk/",
MaxPost:8,
idcontaint:"#featuredpostside",
ImageSize:300,
interval:5000,
autoplay:true,
tagName:false
});
//]]>
</script>

Read More:
http://fbgadgets.blogspot.co.uk/2013/08/BlogFileHostingFiles.html



Related Post for FEATURED AUTOMATED POST SLIDER FOR SIDEBAR

  • IMAGE UPLOAD WITH JAVA WITHOUT PHP CODE ------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE IN NOTE PAD AND SAVE IN HTML FILE -----------…
  • NOTE PAD ++ SYNTAX HIGHLIGHTER FOR BLOGGER POST --------------------------------------------------------------------------------------------------------------------- NOTE PAD ++ SYNTAX HIGHLIGHTER FOR BLOGGER POST https://…
  • IMAGE UPLOAD WITH JAVA WITH PHP CODE ------------------------------------------------------------------------------------------------------ CREATE FOLDER AND CREATE AND SAVE FILES ONE BY ONE IN THIS FOLDER &nb…
  • NOTEPAD++ REMOVE UNWANTED LINES ------------------------------------------------------------------------------------------------------------------------------------------------------------ STEP NO : 1 1- CT…
  • FEATURED AUTOMATED POST SLIDER FOR SIDEBAR ---------------------------------------------------------------------------------------------------- FIND HEAD TAG AND AD THIS CODE BEFORE HEAD TAG FOR MORE…
  • CSS SYNTAX HIGHLIGHT CHANGE IN NOTEPAD++ SYNTAX HIGHLIGHTER ------------------------------------------------------------------------------------------------------------------- SYNTAX HIGHLIGHTER LINKS -----------------------------------…
  • CSS SLIDER WITHOUT JS ----------------------------------------------------------------------------------------------------------- ReadMore: http://cssslider.com/non-jquery-carousel-7.html SAVE …
  • FLOAT SHARING BUTTON SOSMED --------------------------------------------------------------------------------------------- 1- GO TO BLOG LAYOUT 2-ADD HTML /JAVA WIDGET 3- PASTE…
  • AUTO CSS JS SLIDER WITH ARROW BULLET ------------------------------------------------------------------------------------------------------- BX SLIDER CODE: READ MORE: BX SLIDER IN BLOGGER TEMPALTE - You…
  • SCREEN TO GIF ------------------------------------------------------------------------------------------------------------------ Read More:  3:30 PDF HTML IMAGE CONVERTER HD…
  • JS IMAGE SCROLLER -------------------------------------------------------------------------------------------------------------- JS IMAGE SCROLLER CODE image scroller https://amazingcarousel.com…
  • DRAG AND DROP WITH IMAGE ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogsp…
  • GOOGLE DEVELOPER CONSOLE GOOGLE DOWNLOAD OLD VERSION After you have signed in a user with Google, you can access the user's age range, language, public profile information, and people that they have circled. If you request …
Posted by on Monday, 6 January 2014 at 14:44
Labels:

1 comments:

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

Subscribe to: Post Comments (Atom)
FB Gadgets | Template Designed by Fatakat PhotosCoolBThemes.com
Code by : paid web directory

https://www.google.co.uk/search?q=site%3Ablogspot.com+fbgadgets