2016 January 11 Archive - EXEIdeas – Let's Your Mind Rock

Blogger Slider is often a widget pertaining to blogger that may show your recent posts within your desired blog getting great and amazing interface. This golf widget revisions routinely in addition to there’ no qualification to edit this particular widget and build images, titles and also description repeatedly. You simply ought to add your URL with all the current blog and your setup will likely be complete.Now there are several one available only and not features are ok to work with them because you need to watch out your own loading time too so think carefully before using the codes in your web that will make your loading time high of bad SEO consequence. But this the first is light weight and possess to bunch involving codes. All is the following you you also do not have to hit any people URLs. Now do it and garb the code to work with it.CLICK HERE TO SEE DEMOFeatures:1.) Pure JavaScript JQuery Added.2.) JQuery File Added.3.) CSS Added.4.) Simple And Fast Loading Code.5.) Can Work With Any Browser.6.) Work With Any Blogger Domain.7.) Can Set The Post Count Too.8.) Stylish In Design.9.) Loading Icon.10.) Pick Image, Text, Title.How To Add In Blogspot?1.) Go To Your www.blogger.com2.) Open Your Desire “Blog”.3.) Go To “Layout”.4.) Click “Add A Gadget” Where You Want To Add It.5.) Now Scroll To “HTML-JAVASCRIPT”6.) Click “+” Icon To Add It.7.) Now “Copy” The Below Code And “Paste” It To There.8.) Leave The “Title” Empty.9.) Click “Save”, Now You Are Done.CSS: ul.abt-sidebar-slider *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}ul.abt-sidebar-slider{font:normal normal 11px embria}ul.abt-sidebar-slider,ul.abt-sidebar-slider li{margin:0;padding:0;list-style:none;position:relative}ul.abt-sidebar-slider{width:100%;height:400px}ul.abt-sidebar-slider li{height:24.5%;position:absolute;padding:0;width:49.5%;float:left;overflow:hidden;display:none}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 img{border:0;width:100%;height:100%} ul.abt-sidebar-slider li:nth-child(1){width:100%;height:49.5%;margin:0 0 2px;left:0;top:0}ul.abt-sidebar-slider li:nth-child(2){left:0;top:50%}ul.abt-sidebar-slider li:nth-child(3){left:50.5%;top:50%}ul.abt-sidebar-slider li:nth-child(4){width:100%;left:0;top:75%}ul.abt-sidebar-slider .overlayx,ul.abt-sidebar-slider li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}ul.abt-sidebar-slider .overlayx{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;background-image:url(http://1.bp.blogspot.com/-FtnGJHMcWH8/UIV3IE-aaJI/AAAAAAAAGHs/WvLypnWxg5A/s1600/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x}ul.abt-sidebar-slider .overlayx,ul.abt-sidebar-slider img{border:4px solid black;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}ul.abt-sidebar-slider li:nth-child(1) .overlayx{background-position:50% 25%}ul.abt-sidebar-slider .overlayx:hover{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}ul.abt-sidebar-slider h4{position:absolute;bottom:30px;z-index:2;color:white;margin:0;width:100%;padding:0 10px;line-height:1.5em;font:embria;font-weight:normal}ul.abt-sidebar-slider li:nth-child(1) h4,ul.abt-sidebar-slider li:nth-child(4) h4{font-size:150%}ul.abt-sidebar-slider .label_text{position:absolute;bottom:10px;left:10px;z-index:2;color:white;font-size:90%}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;text-indent:-9999px;width:15px;height:25px;position:relative}.buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50%}.buttons a.nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px} HTML: JQuery: function FeaturedPostSide(a) {(function(e) {var h = {blogURL: "",MaxPost: 4,idcontaint: "",ImageSize: 100,interval: 5000,autoplay: false,loadingClass: "loadingxx",pBlank: "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",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(' prev next ');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 += ' ' + k + ' ' + t + ' ' + v + ' ' + x + ' ' + m + " "}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)}; FeaturedPostSide({blogURL:"http://www.netzspot.blogspot.com",MaxPost:4,idcontaint:"#featuredpostside",ImageSize:300,interval:6000,autoplay:true,tagName:false}); Customization:1.) Edit Your HTML & CSS As Per Your Requirements. Also Change Your Blog URL. Rest JavaScript Is Ok For General Us. If You Are Pro, Then You Can Do Any Thing.Last Words:That’s all we have. If you have any problem with this code in your blogger template then feel free to contact us with full explanation of your problem. We will reply you as time allow to us. Don’t forget to share this with your friends so they can also take benefit from it and leave your precious feedback in our comment form below. Happy blogging, See you in next article…