Recent Post widget with Navigation Awesome Widget

Recent Post widget with Navigation Awesome Widget


Recent Post widget with Navigation - For my friend who raises difficulties recent post on Revoltify and Minima template Colored , maybe this one widget could be other alternatives to bring the latest feeds from your blog posts The way the application is quite easy , my friend just need to add code that will I share these into a new widget . 1 .Log in to Blogger > Layout > Click Add Gadget > Then copy all the code below into a new widget earlier.

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

/ * Recent Post Navigation * /

#recentpostnav {border: 1px solid # 585 858; width: 100%; margin: 0 auto}

#recentpostsae {margin: 0}

.recentpostel {background: # fff; display: block; border: 1px solid #ddd; margin: 5px 0; padding: 10px; height: 79px}

.recentpostel img {background: # fff; padding: 4px; float: left; height: 70px; margin-right: 8px; width: 70px; border: 1px solid #ddd}

.recentpostel h6, h6 .recentpostel a {text-decoration: none; font-size: 13px! important; font-weight: 700! important; margin: 0; color: # 111}

.recentpostel: hover {background-color: #fefefe}

.recentpostel p {font-size: 12px; text-align: left; color: # 555; line-height: normal; margin: 5px 0}

0 1px 50% 50% # fff no-repeat; height: 470px; border: 1px solid #ddd}

#recentpostnavfeed {border: 1px solid #ddd; color: #bbb; font-family: Verdana; font-size: 12px; text-align: center; margin: 0}

#recentpostnavfeed: hover {background-color: #fefefe}

#recentpostnavfeed 10px}

#recentpostnavfeed span {padding: 5px 10px}

#recentpostnavfeed .next {float: right}

#recentpostnavfeed .previous {float: left}

#recentpostnavfeed .home {text-align: center}

#recentpostnavfeed a: hover, # recentpostnavfeed span.noactived {color: transparent! important}

</ style>

<script type = 'text / javascript'>

// <! [CDATA [

var numfeed = 5;

startfeed var = 0;

var urlblog = "http://viennatheme.blogspot.com";

var charac = 40;

var urlprevious, urlnext;

arlinafeed function (e, t) {for (var n = n.join (""), n = n.substring (0, t-1)} function showrecentpostsae (e) {var t, n, r, a, i, s = ""; urlprevious = "", urlnext = ""; for (var d = 0; d <numfeed && d! = e.feed.entry.length; d ++) {t = e.feed.entry [d], n = t.title. $ t; for (var l = 0; l <t .link.length; l ++) if ("alternate" == t.link [l] .rel) {r = t.link [l] .href; break} i = "content" in t? t.content. $ t: "summary" in t? t.summary. $ t, "" a = "$ thumbnail media" in class = 'recentpostel'> ', s + = "<a href='"+r+"' target='_blank'> <img src ='" + a + "" /> </a> ", s + =" <h6 > <a href = 'javascript: navigasifeed (-1);' class = 'previous'> Previous </a> ":" <span class =' ​​noactived previous'> Previous </ span> ', s + = urlnext? "<a href = 'javascript: navigasifeed (1);' class = 'next'> Next </a> ":" <span class = 'noactived next'> Next </ span> ', s + = "<a href =' javascript: navigasifeed (0); "class =" home "> Home </a>", document.getElementById ("recentpostnavfeed"). innerHTML = s} function navigasifeed (e) {var id = 'recentpostload'> </ div> ", document.getElementById (" recentpostnavfeed "). innerHTML =" "; var removerscript () {var

//]]>

</ script>

<div id = "recentpostsae"> </ div>

<div id = "recentpostnavfeed"> </ div>

2. Replace the code that is marked , click Save