Latest random post with thumbnail widget HTML / JAVASCRIPT
I'll talk about Random thumbnail in detail today. I also brought some examples and their HTML / JAVASCRIPT code that will help you easily get past your blogger. This random post of different design and style will be auto-updating forever. Automatic will be replaced and new posts will be added instead. Copy the code of the design you like from this design. You will find information on how to do this code past the end of the post.
screenshot-1
random post html /javascript code<style>
#random-posts img {
float: left;
margin-right: 0px; padding:5px;
width: 100px;
height: 100px;
border:solid 0.5px #000000;
background:#148781;
cursor: help; overflow:hidden; padding: 0.5px;
transition: all 0.5s linear 0s;
}
#random-posts img:hover {
opacity: 0.5;
}
ul#random-posts {
list-style-type: none; border:1px
solid back;padding: 0px;
}
#random-posts a {
font-size: 15px;
text-transform: uppercase;
padding: 1px auto 7px;border-bottom:solid 0.5px blue;border-right:solid 0.5px #0E00C5;;color:#000000; background:#e8f0e6;
}
#random-posts a:hover {
text-decoration: none; transform:uppercase;
}
.random-summary {
font-size: 14px;
word-spacing: 1px;
letter-spacing: 1px;color:black;
font-variant:small-caps;
background: none;
padding: 5px; background:#e8f0e6;
border-bottom:solid 0.5px #010101;
margin-right: 10px;
}
#random-posts li {
margin-bottom: 0px;
padding: 6px;
}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 7;
var randomposts_chars = 50;
var randomposts_details = 'no';
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled ';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = new Array(randomposts_number);
function randomposts(json) {
total_randomposts = json.feed.openSearch$totalResults.$t
}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');
function getvalue() {
for (var i = 0; i < randomposts_number; i++) {
var found = false;
var rndValue = get_random();
for (var j = 0; j < randomposts_current.length; j++) {
if (randomposts_current[j] == rndValue) {
found = true;
break
}
};
if (found) {
i--
} else {
randomposts_current[i] = rndValue
}
}
};
function get_random() {
var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));
return ranNum
};
</script>
<script type='text/javaScript'>
function random_posts(json) {
for (var i = 0; i < randomposts_number; i++) {
var entry = json.feed.entry[i];
var randompoststitle = entry.title.$t;
if ('content' in entry) {
var randompostsnippet = entry.content.$t
} else {
if ('summary' in entry) {
var randompostsnippet = entry.summary.$t
} else {
var randompostsnippet = "";
}
};
randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");
if (randompostsnippet.length < randomposts_chars) {
var randomposts_snippet = randompostsnippet
} else {
randompostsnippet = randompostsnippet.substring(0, randomposts_chars);
var whitespace = randompostsnippet.lastIndexOf(" ");
randomposts_snippet = randompostsnippet.substring(0, whitespace) + "…";
};
for (var j = 0; j < entry.link.length; j++) {
if ('thr$total' in entry) {
var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments
} else {
randomposts_commentsnum = randomposts_commentsd
}; if (entry.link[j].rel == 'alternate') {
var randompostsurl = entry.link[j].href;
var randomposts_date = entry.published.$t;
if ('media$thumbnail' in entry) {
var randompoststhumb = entry.media$thumbnail.url
} else {
randompoststhumb = "https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg"
}
}
};
document.write('<li>');
document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>');
document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');
if (randomposts_details == 'yes') {
document.write('<span><div class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'
};
document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>')
}
};
getvalue();
for (var i = 0; i < randomposts_number; i++) {
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
};
</script>
</ul>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg" rel="nofollow"></a></!new>
Random deshgn-2
<!new random!>
<style>
#random-posts img {
float:right;
margin-right: 5px; padding:5px;
width: 80px;
height: 80px;
border:solid 0.5px #000000;
background:#148781; cursor: help;
overflow:hidden;padding: 0.5px;
transition: all 0.5s linear 0s;
}
#random-posts img:hover {
opacity: 0.5;
}
ul#random-posts {
list-style-type: none;
solid back;padding: 0px;
}
#random-posts a {
font-size: 15px;
text-transform: uppercase;
padding: 1px auto 7px;color:#000; background:#e8f0e6;
}
#random-posts a:hover {
text-decoration: none; transform:uppercase;
}
.random-summary {
font-size: 14px;
word-spacing: 1px;
letter-spacing: 1px;color:black;
font-variant:small-caps;
background: none;
padding: 5px; background:#e8f0e6;
border-bottom:solid 0.5px #000;
margin-right: 10px;
}
#random-posts li {
margin-bottom: 0px;
padding: 6px;
}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 7;
var randomposts_chars = 50;
var randomposts_details = 'no';
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled ';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = new Array(randomposts_number);
function randomposts(json) {
total_randomposts = json.feed.openSearch$totalResults.$t
}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');
function getvalue() {
for (var i = 0; i < randomposts_number; i++) {
var found = false;
var rndValue = get_random();
for (var j = 0; j < randomposts_current.length; j++) {
if (randomposts_current[j] == rndValue) {
found = true;
break
}
};
if (found) {
i--
} else {
randomposts_current[i] = rndValue
}
}
};
function get_random() {
var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));
return ranNum
};
</script>
<script type='text/javaScript'>
function random_posts(json) {
for (var i = 0; i < randomposts_number; i++) {
var entry = json.feed.entry[i];
var randompoststitle = entry.title.$t;
if ('content' in entry) {
var randompostsnippet = entry.content.$t
} else {
if ('summary' in entry) {
var randompostsnippet = entry.summary.$t
} else {
var randompostsnippet = "";
}
};
randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");
if (randompostsnippet.length < randomposts_chars) {
var randomposts_snippet = randompostsnippet
} else {
randompostsnippet = randompostsnippet.substring(0, randomposts_chars);
var whitespace = randompostsnippet.lastIndexOf(" ");
randomposts_snippet = randompostsnippet.substring(0, whitespace) + "…";
};
for (var j = 0; j < entry.link.length; j++) {
if ('thr$total' in entry) {
var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments
} else {
randomposts_commentsnum = randomposts_commentsd
}; if (entry.link[j].rel == 'alternate') {
var randompostsurl = entry.link[j].href;
var randomposts_date = entry.published.$t;
if ('media$thumbnail' in entry) {
var randompoststhumb = entry.media$thumbnail.url
} else {
randompoststhumb = "https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg"
}
}
};
document.write('<li>');
document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>');
document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');
if (randomposts_details == 'yes') {
document.write('<span><div class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'
};
document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>')
}
};
getvalue();
for (var i = 0; i < randomposts_number; i++) {
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
};
</script>
</ul>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg" rel="nofollow"></a></!new>
Random deshgn-3
random post html /javascript code
<!new random!>
<style>
#random-posts img {
float:left;
margin-right: 5px; padding:5px;
width: 80px;
height: 80px;
border:solid 0.5px #000000;
background:#148781;
cursor: help;
overflow:hidden;
padding: 0.5px;
transition: all 0.5s linear 0s;
}
#random-posts img:hover {
opacity: 0.5;
}
ul#random-posts {
list-style-type: none;
solid back;padding: 0px;
}
#random-posts a {
font-size: 16px;
text-transform: uppercase;
padding: 1px auto 7px;color:#0E00C5;; background:#e8f0e6;
}
#random-posts a:hover {
text-decoration: none; transform:uppercase;
}
.random-summary {
font-size: 14px;
word-spacing: 1px;
letter-spacing: 1px;color:black;
font-family:cursive;
background: none;
padding: 5px; background:#e8f0e6;
border-bottom:solid 0.5px #000000;
margin-right: 10px;
}
#random-posts li {
margin-bottom: 0px;
padding: 6px;
}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 7;
var randomposts_chars = 70;
var randomposts_details = 'no';
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled ';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = new Array(randomposts_number);
function randomposts(json) {
total_randomposts = json.feed.openSearch$totalResults.$t
}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');
function getvalue() {
for (var i = 0; i < randomposts_number; i++) {
var found = false;
var rndValue = get_random();
for (var j = 0; j < randomposts_current.length; j++) {
if (randomposts_current[j] == rndValue) {
found = true;
break
}
};
if (found) {
i--
} else {
randomposts_current[i] = rndValue
}
}
};
function get_random() {
var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));
return ranNum
};
</script>
<script type='text/javaScript'>
function random_posts(json) {
for (var i = 0; i < randomposts_number; i++) {
var entry = json.feed.entry[i];
var randompoststitle = entry.title.$t;
if ('content' in entry) {
var randompostsnippet = entry.content.$t
} else {
if ('summary' in entry) {
var randompostsnippet = entry.summary.$t
} else {
var randompostsnippet = "";
}
};
randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");
if (randompostsnippet.length < randomposts_chars) {
var randomposts_snippet = randompostsnippet
} else {
randompostsnippet = randompostsnippet.substring(0, randomposts_chars);
var whitespace = randompostsnippet.lastIndexOf(" ");
randomposts_snippet = randompostsnippet.substring(0, whitespace) + "…";
};
for (var j = 0; j < entry.link.length; j++) {
if ('thr$total' in entry) {
var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments
} else {
randomposts_commentsnum = randomposts_commentsd
}; if (entry.link[j].rel == 'alternate') {
var randompostsurl = entry.link[j].href;
var randomposts_date = entry.published.$t;
if ('media$thumbnail' in entry) {
var randompoststhumb = entry.media$thumbnail.url
} else {
randompoststhumb = "https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg"
}
}
};
document.write('<li>');
document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>');
document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');
if (randomposts_details == 'yes') {
document.write('<span><div class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'
};
document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>')
}
};
getvalue();
for (var i = 0; i < randomposts_number; i++) {
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
};
</script>
</ul>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg" rel="nofollow"></a></!new>
Random deshgn-4
random post html /javascript code
<!new random!>
<style>
#random-posts img {
border-radius: 25px 5px 25px 5px;
float:left;
margin-right: 5px; padding:5px;
width: 80px;
height: 80px;
border:solid 0.5px #000000;
background:#148781;
cursor: help;
overflow:hidden;padding: 0.5px;
transition: all 0.5s linear 0s;
}
#random-posts img:hover {
opacity: 0.5;
}
ul#random-posts {
list-style-type: none;
solid #000000;padding: 0px;
}
#random-posts a {
font-size: 16px;
text-transform: uppercase;
padding: 1px auto 7px;color:#0E00C5; background:#e8f0e6;
}
#random-posts a:hover {
text-decoration: none; transform:uppercase;
}
.random-summary {
font-size: 14px;
font-family:monospace;
background: none;
padding: 5px; background:#e8f0e6;
border-bottom:solid 0.5px #000;
margin-right: 10px;
}
#random-posts li {
margin-bottom: 0px;
padding: 6px;
}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 7;
var randomposts_chars = 70;
var randomposts_details = 'no';
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled ';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = new Array(randomposts_number);
function randomposts(json) {
total_randomposts = json.feed.openSearch$totalResults.$t
}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');
function getvalue() {
for (var i = 0; i < randomposts_number; i++) {
var found = false;
var rndValue = get_random();
for (var j = 0; j < randomposts_current.length; j++) {
if (randomposts_current[j] == rndValue) {
found = true;
break
}
};
if (found) {
i--
} else {
randomposts_current[i] = rndValue
}
}
};
function get_random() {
var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));
return ranNum
};
</script>
<script type='text/javaScript'>
function random_posts(json) {
for (var i = 0; i < randomposts_number; i++) {
var entry = json.feed.entry[i];
var randompoststitle = entry.title.$t;
if ('content' in entry) {
var randompostsnippet = entry.content.$t
} else {
if ('summary' in entry) {
var randompostsnippet = entry.summary.$t
} else {
var randompostsnippet = "";
}
};
randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");
if (randompostsnippet.length < randomposts_chars) {
var randomposts_snippet = randompostsnippet
} else {
randompostsnippet = randompostsnippet.substring(0, randomposts_chars);
var whitespace = randompostsnippet.lastIndexOf(" ");
randomposts_snippet = randompostsnippet.substring(0, whitespace) + "…";
};
for (var j = 0; j < entry.link.length; j++) {
if ('thr$total' in entry) {
var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments
} else {
randomposts_commentsnum = randomposts_commentsd
}; if (entry.link[j].rel == 'alternate') {
var randompostsurl = entry.link[j].href;
var randomposts_date = entry.published.$t;
if ('media$thumbnail' in entry) {
var randompoststhumb = entry.media$thumbnail.url
} else {
randompoststhumb = "https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg"
}
}
};
document.write('<li>');
document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>');
document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');
if (randomposts_details == 'yes') {
document.write('<span><div class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'
};
document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>')
}
};
getvalue();
for (var i = 0; i < randomposts_number; i++) {
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
};
</script>
</ul>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg" rel="nofollow"></a></!new>
Random deshgn-5
random post html /javascript code
<!new random!>
<style>
#random-posts img {
border-radius: 25px 5px 25px 5px;
float:right;
margin-right: 5px; padding:5px;
width: 80px;
height: 80px;
background:#148781;
cursor: help;
overflow:hidden; padding: 0.5px;
transition: all 0.5s linear 0s;
}
#random-posts img:hover {
opacity: 0.5;
}
ul#random-posts {
list-style-type: none;
solid back;padding: 0px;
}
#random-posts a {
font-size: 16px;
text-transform: uppercase;
padding: 1px auto 7px;color:#0E00C5;
background:#e8f0e6;
}
#random-posts a:hover {
text-decoration: none; transform:uppercase;
}
.random-summary {
font-size: 14px;
font-family:monospace;
background: none;
padding: 5px;
background:#e8f0e6;
border-bottom:solid 0.5px black;
margin-right: 10px;
}
#random-posts li {
margin-bottom: 0px;
padding: 6px;
}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 7;
var randomposts_chars = 70;
var randomposts_details = 'no';
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled ';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = new Array(randomposts_number);
function randomposts(json) {
total_randomposts = json.feed.openSearch$totalResults.$t
}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');
function getvalue() {
for (var i = 0; i < randomposts_number; i++) {
var found = false;
var rndValue = get_random();
for (var j = 0; j < randomposts_current.length; j++) {
if (randomposts_current[j] == rndValue) {
found = true;
break
}
};
if (found) {
i--
} else {
randomposts_current[i] = rndValue
}
}
};
function get_random() {
var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));
return ranNum
};
</script>
<script type='text/javaScript'>
function random_posts(json) {
for (var i = 0; i < randomposts_number; i++) {
var entry = json.feed.entry[i];
var randompoststitle = entry.title.$t;
if ('content' in entry) {
var randompostsnippet = entry.content.$t
} else {
if ('summary' in entry) {
var randompostsnippet = entry.summary.$t
} else {
var randompostsnippet = "";
}
};
randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");
if (randompostsnippet.length < randomposts_chars) {
var randomposts_snippet = randompostsnippet
} else {
randompostsnippet = randompostsnippet.substring(0, randomposts_chars);
var whitespace = randompostsnippet.lastIndexOf(" ");
randomposts_snippet = randompostsnippet.substring(0, whitespace) + "…";
};
for (var j = 0; j < entry.link.length; j++) {
if ('thr$total' in entry) {
var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments
} else {
randomposts_commentsnum = randomposts_commentsd
}; if (entry.link[j].rel == 'alternate') {
var randompostsurl = entry.link[j].href;
var randomposts_date = entry.published.$t;
if ('media$thumbnail' in entry) {
var randompoststhumb = entry.media$thumbnail.url
} else {
randompoststhumb = "https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg"
}
}
};
document.write('<li>');
document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>');
document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');
if (randomposts_details == 'yes') {
document.write('<span><div class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'
};
document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>')
}
};
getvalue();
for (var i = 0; i < randomposts_number; i++) {
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
};
</script>
</ul>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg" rel="nofollow"></a></!new>
Random deshgn-6
random post html /javascript code
<!new random!>
<style>
#random-posts img {
border-radius: 50px;
float:left;
margin-right: 5px; padding:5px;
width: 90px;
height: 90px;
border:solid 0.5px #191919;
background:#148781;
cursor: help;
overflow:hidden;
padding: 0.5px;
transition: all 0.5s linear 0s;
}
#random-posts img:hover {
opacity: 0.5;
}
ul#random-posts {
list-style-type: none;
solid back;padding: 0px;
}
#random-posts a {
font-size: 16px;
text-transform: uppercase;
padding: 1px auto 7px;color:#0E00C5; background:#e8f0e6;
}
#random-posts a:hover {
text-decoration: none; transform:uppercase;
}
.random-summary {
font-size: 14px;
font-family:monospace;
background: none;
padding: 5px; background:#e8f0e6;
border-bottom:solid 0.5px #000000;
margin-right: 10px;
}
#random-posts li {
margin-bottom: 0px;
padding: 6px;
}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 7;
var randomposts_chars = 70;
var randomposts_details = 'no';
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled ';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = new Array(randomposts_number);
function randomposts(json) {
total_randomposts = json.feed.openSearch$totalResults.$t
}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');
function getvalue() {
for (var i = 0; i < randomposts_number; i++) {
var found = false;
var rndValue = get_random();
for (var j = 0; j < randomposts_current.length; j++) {
if (randomposts_current[j] == rndValue) {
found = true;
break
}
};
if (found) {
i--
} else {
randomposts_current[i] = rndValue
}
}
};
function get_random() {
var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));
return ranNum
};
</script>
<script type='text/javaScript'>
function random_posts(json) {
for (var i = 0; i < randomposts_number; i++) {
var entry = json.feed.entry[i];
var randompoststitle = entry.title.$t;
if ('content' in entry) {
var randompostsnippet = entry.content.$t
} else {
if ('summary' in entry) {
var randompostsnippet = entry.summary.$t
} else {
var randompostsnippet = "";
}
};
randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");
if (randompostsnippet.length < randomposts_chars) {
var randomposts_snippet = randompostsnippet
} else {
randompostsnippet = randompostsnippet.substring(0, randomposts_chars);
var whitespace = randompostsnippet.lastIndexOf(" ");
randomposts_snippet = randompostsnippet.substring(0, whitespace) + "…";
};
for (var j = 0; j < entry.link.length; j++) {
if ('thr$total' in entry) {
var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments
} else {
randomposts_commentsnum = randomposts_commentsd
}; if (entry.link[j].rel == 'alternate') {
var randompostsurl = entry.link[j].href;
var randomposts_date = entry.published.$t;
if ('media$thumbnail' in entry) {
var randompoststhumb = entry.media$thumbnail.url
} else {
randompoststhumb = "https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg"
}
}
};
document.write('<li>');
document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>');
document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');
if (randomposts_details == 'yes') {
document.write('<span><div class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'
};
document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>')
}
};
getvalue();
for (var i = 0; i < randomposts_number; i++) {
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
};
</script>
</ul>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg" rel="nofollow"></a></!new>
Random deshgn-7
random post html /javascript code
<!new random!>
<style>
#random-posts img {
float:left;
margin-right: 5px; padding:5px;
width: 110px;
height: 85px;
border:solid 0.5px #191919;
background:#cfd3fc;
cursor: help;
overflow:hidden;
padding: 0.5px;
transition: all 0.5s linear 0s;
}
#random-posts img:hover {
opacity: 0.5;
}
ul#random-posts {
list-style-type: none;
solid back;padding: 0px;
}
#random-posts a {
font-size: 16px;
text-transform: uppercase;
padding: 1px auto 7px;color:#0E00C5;
background:#cfd3fc;
}
#random-posts a:hover {
text-decoration: none; transform:uppercase;
}
.random-summary {
font-size: 14px;
font-family:monospace;
background: none;
padding: 5px; background:#e8f0e6;
border-bottom:solid 0.5px #0E00C5;
margin-right: 10px;
}
#random-posts li {
margin-bottom: 0px;
padding: 6px;
}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 7;
var randomposts_chars = 70;
var randomposts_details = 'no';
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled ';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = new Array(randomposts_number);
function randomposts(json) {
total_randomposts = json.feed.openSearch$totalResults.$t
}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');
function getvalue() {
for (var i = 0; i < randomposts_number; i++) {
var found = false;
var rndValue = get_random();
for (var j = 0; j < randomposts_current.length; j++) {
if (randomposts_current[j] == rndValue) {
found = true;
break
}
};
if (found) {
i--
} else {
randomposts_current[i] = rndValue
}
}
};
function get_random() {
var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));
return ranNum
};
</script>
<script type='text/javaScript'>
function random_posts(json) {
for (var i = 0; i < randomposts_number; i++) {
var entry = json.feed.entry[i];
var randompoststitle = entry.title.$t;
if ('content' in entry) {
var randompostsnippet = entry.content.$t
} else {
if ('summary' in entry) {
var randompostsnippet = entry.summary.$t
} else {
var randompostsnippet = "";
}
};
randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");
if (randompostsnippet.length < randomposts_chars) {
var randomposts_snippet = randompostsnippet
} else {
randompostsnippet = randompostsnippet.substring(0, randomposts_chars);
var whitespace = randompostsnippet.lastIndexOf(" ");
randomposts_snippet = randompostsnippet.substring(0, whitespace) + "…";
};
for (var j = 0; j < entry.link.length; j++) {
if ('thr$total' in entry) {
var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments
} else {
randomposts_commentsnum = randomposts_commentsd
}; if (entry.link[j].rel == 'alternate') {
var randompostsurl = entry.link[j].href;
var randomposts_date = entry.published.$t;
if ('media$thumbnail' in entry) {
var randompoststhumb = entry.media$thumbnail.url
} else {
randompoststhumb = "https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg"
}
}
};
document.write('<li>');
document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>');
document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');
if (randomposts_details == 'yes') {
document.write('<span><div class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'
};
document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>')
}
};
getvalue();
for (var i = 0; i < randomposts_number; i++) {
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
};
</script>
</ul>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg" rel="nofollow"></a></!new>
Random deshgn-8
random post html /javascript code
<!new random!>
<style>
#random-posts img {
float:left;
margin-right: 5px; padding:5px;
width: 110px;
height: 85px;
background:#cfd3fc;
cursor: help;
overflow:hidden;
padding: 0.5px;
transition: all 0.5s linear 0s;
}
#random-posts img:hover {
opacity: 0.5;
}
ul#random-posts {
list-style-type: none;
solid back;padding: 0px;
}
#random-posts a {
font-size: 16px;
text-transform: uppercase;
padding: 1px auto 7px;}
#random-posts a:hover {
text-decoration: none; transform:uppercase;
}
.random-summary {
font-size: 14px;
font-variant:small-caps;
background: none;
padding: 5px; background:#e8f0e6;
border-bottom:solid 0.5px black;
margin-right: 10px;
}
#random-posts li {
margin-bottom: 0px;
padding: 6px;
}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 7;
var randomposts_chars = 70;
var randomposts_details = 'no';
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled ';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = new Array(randomposts_number);
function randomposts(json) {
total_randomposts = json.feed.openSearch$totalResults.$t
}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');
function getvalue() {
for (var i = 0; i < randomposts_number; i++) {
var found = false;
var rndValue = get_random();
for (var j = 0; j < randomposts_current.length; j++) {
if (randomposts_current[j] == rndValue) {
found = true;
break
}
};
if (found) {
i--
} else {
randomposts_current[i] = rndValue
}
}
};
function get_random() {
var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));
return ranNum
};
</script>
<script type='text/javaScript'>
function random_posts(json) {
for (var i = 0; i < randomposts_number; i++) {
var entry = json.feed.entry[i];
var randompoststitle = entry.title.$t;
if ('content' in entry) {
var randompostsnippet = entry.content.$t
} else {
if ('summary' in entry) {
var randompostsnippet = entry.summary.$t
} else {
var randompostsnippet = "";
}
};
randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");
if (randompostsnippet.length < randomposts_chars) {
var randomposts_snippet = randompostsnippet
} else {
randompostsnippet = randompostsnippet.substring(0, randomposts_chars);
var whitespace = randompostsnippet.lastIndexOf(" ");
randomposts_snippet = randompostsnippet.substring(0, whitespace) + "…";
};
for (var j = 0; j < entry.link.length; j++) {
if ('thr$total' in entry) {
var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments
} else {
randomposts_commentsnum = randomposts_commentsd
}; if (entry.link[j].rel == 'alternate') {
var randompostsurl = entry.link[j].href;
var randomposts_date = entry.published.$t;
if ('media$thumbnail' in entry) {
var randompoststhumb = entry.media$thumbnail.url
} else {
randompoststhumb = "https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg"
}
}
};
document.write('<li>');
document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>');
document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');
if (randomposts_details == 'yes') {
document.write('<span><div class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'
};
document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>')
}
};
getvalue();
for (var i = 0; i < randomposts_number; i++) {
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
};
</script>
</ul>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg" rel="nofollow"></a></!new>
Random deshgn-9
random post html /javascript code
<!new random!>
<style>
#random-posts img {
float:left;
margin-right: 5px; padding:5px;
width: 110px;
height: 85px;
background:#cfd3fc;
cursor: help;
overflow:hidden;
padding: 0.5px;
transition: all 0.5s linear 0s;
}
#random-posts img:hover {
opacity: 0.5;
}
ul#random-posts {
list-style-type: none;
solid #000000;padding: 0px;
}
#random-posts a {
font-size: 16px;
text-transform: uppercase;
padding: 1px auto 7px;
}
#random-posts a:hover {
text-decoration: none; transform:uppercase;
}
.random-summary {
font-size: 14px;
font-variant:small-caps;
background: none;
padding: 5px; background:#e8f0e6;
border-bottom:solid 0.5px black;
margin-right: 10px;
}
#random-posts li {
margin-bottom: 0px;
padding: 6px;
}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 7;
var randomposts_chars = 70;
var randomposts_details = 'no';
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled ';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = new Array(randomposts_number);
function randomposts(json) {
total_randomposts = json.feed.openSearch$totalResults.$t
}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');
function getvalue() {
for (var i = 0; i < randomposts_number; i++) {
var found = false;
var rndValue = get_random();
for (var j = 0; j < randomposts_current.length; j++) {
if (randomposts_current[j] == rndValue) {
found = true;
break
}
};
if (found) {
i--
} else {
randomposts_current[i] = rndValue
}
}
};
function get_random() {
var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));
return ranNum
};
</script>
<script type='text/javaScript'>
function random_posts(json) {
for (var i = 0; i < randomposts_number; i++) {
var entry = json.feed.entry[i];
var randompoststitle = entry.title.$t;
if ('content' in entry) {
var randompostsnippet = entry.content.$t
} else {
if ('summary' in entry) {
var randompostsnippet = entry.summary.$t
} else {
var randompostsnippet = "";
}
};
randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");
if (randompostsnippet.length < randomposts_chars) {
var randomposts_snippet = randompostsnippet
} else {
randompostsnippet = randompostsnippet.substring(0, randomposts_chars);
var whitespace = randompostsnippet.lastIndexOf(" ");
randomposts_snippet = randompostsnippet.substring(0, whitespace) + "…";
};
for (var j = 0; j < entry.link.length; j++) {
if ('thr$total' in entry) {
var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments
} else {
randomposts_commentsnum = randomposts_commentsd
}; if (entry.link[j].rel == 'alternate') {
var randompostsurl = entry.link[j].href;
var randomposts_date = entry.published.$t;
if ('media$thumbnail' in entry) {
var randompoststhumb = entry.media$thumbnail.url
} else {
randompoststhumb = "https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg"
}
}
};
document.write('<li>');
document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>');
document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');
if (randomposts_details == 'yes') {
document.write('<span><div class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'
};
document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>')
}
};
getvalue();
for (var i = 0; i < randomposts_number; i++) {
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
};
</script>
</ul> <hr style="color:blue;"><a style="font-size: 19px; color: #00000; float: left; margin: 15px;background:blue;" href="https://1.bp.blogspot.com/-EviNFokEWX0/XS_YvJkPuQI/AAAAAAAAAds/N--ExvKSDDoC0BKrjTgPSCZlO8Daq7wUwCK4BGAYYCw/s109/techlife1.jpg" rel="nofollow"></a></!new>
Random deshgn-10
random post html /javascript code
<script src="https://www.dropbox.com/s/cbsgsplkswmpukn/RandomPost.js?dl=0"></script>
<script type="text/javascript">
var posts_no = 8;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
var post_summary = true;
var summary_chars = 40;</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<style type="text/css">
img.recent-post-thumb{padding:5px;width:65px;height:65px;float:left;margin:15px 20px 10px;border: 1px solid #69B7E2; outline-style: double;
color: grey;
transform: rotate(45deg);
}
img.recent-post-thumb:hover {
transform: rotate(0deg);
box-shadow: 12px 7px 2px 0px #b5b5b5;
background-color: #d0a92c;
}
.recent-posts-container {font-family:'Oswald', sans-serif;font-size:12px;}
ul.recent-posts-container li{list-style-type: none; margin-bottom: 10px;font-size:12px;width:100% border: ridge;
background-image: linear-gradient(45deg, #e6a7a7, transparent);
// background-image: repeating-linear-gradient(10deg, #adb8b9, #ab7f7f00 4px);
}
ul.recent-posts-container {counter-reset: countposts;list-style-type:none;padding:0;}
.recent-posts-container a{text-decoration:none;}
.recent-post-title {margin-bottom:5px;}
.recent-post-title a {font-size:12px; text-transform: uppercase; color: #2aace3;}
.recent-posts-details {margin: 5px 0px 0px 92px;font-size:11px;}
.recent-posts-details a{color: #4952bf; border-bottom: ridge;
display: list-item;
}
</style>
var posts_no = 8;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
var post_summary = true;
var summary_chars = 40;</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<style type="text/css">
img.recent-post-thumb{padding:5px;width:65px;height:65px;float:left;margin:15px 20px 10px;border: 1px solid #69B7E2; outline-style: double;
color: grey;
transform: rotate(45deg);
}
img.recent-post-thumb:hover {
transform: rotate(0deg);
box-shadow: 12px 7px 2px 0px #b5b5b5;
background-color: #d0a92c;
}
.recent-posts-container {font-family:'Oswald', sans-serif;font-size:12px;}
ul.recent-posts-container li{list-style-type: none; margin-bottom: 10px;font-size:12px;width:100% border: ridge;
background-image: linear-gradient(45deg, #e6a7a7, transparent);
// background-image: repeating-linear-gradient(10deg, #adb8b9, #ab7f7f00 4px);
}
ul.recent-posts-container {counter-reset: countposts;list-style-type:none;padding:0;}
.recent-posts-container a{text-decoration:none;}
.recent-post-title {margin-bottom:5px;}
.recent-post-title a {font-size:12px; text-transform: uppercase; color: #2aace3;}
.recent-posts-details {margin: 5px 0px 0px 92px;font-size:11px;}
.recent-posts-details a{color: #4952bf; border-bottom: ridge;
display: list-item;
}
</style>
Now let me tell you where to paste the HTML / JavaScript code.
Login to Blogger as shown in the image above.
After login you will see the layout.
Click on the layout.
As shown in the image, a new popup window will open by clicking on add a gadget.
In this new window, click on HTML / Javascript.
You should paste this code into the box above as shown in the image above.
And click on save.
As shown in the note-image, more techlife95 logo appears. Instead of that log you can pest your own logo. This is because when your post has no picture, it will be automatically turned off. You can comment for more information.
Comments
Post a Comment
Thanks for your comment