How to Add "RANDOM POSTS" Widget On Blogger

This tool is one of the best tools that will send a new breath in your posts, how? This tool go to your post and a different lables of the blog topics, and as I said it is good for those who want to revive some of the topics that had 
stopped her visits and Views.

Installation Procedure

1- In your dashboard click 'Layout' > 'Add A Gadget'
2- Choose Html/Javascript Gadget and paste the following code into the area provided :

<div id='myLuckyPost'></div> <script type='text/javascript'> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Random Posts'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src='/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky'></script>

<style type='text/css'>

@import url( 'http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' );

#myLuckyPost a {

position: relative;

color: rgba(255,255,255,1);

text-decoration: none;

background-color: rgba(219,87,5,1);

font-family: 'Yanone Kaffeesatz';

font-weight: 700;

font-size: 30px;

display: block;

padding: 4px;

-webkit-border-radius: 8px;

-moz-border-radius: 8px;

border-radius: 8px;

-webkit-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);

-moz-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);

box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);

margin: 10px auto;

width: 200px;

text-align: center;

-webkit-transition: all .1s ease;

-moz-transition: all .1s ease;

-ms-transition: all .1s ease;

-o-transition: all .1s ease;

transition: all .1s ease;

}

#myLuckyPost a:active {

-webkit-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);

-moz-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);

box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);

position: relative;

top: 6px;

}

</style>

Preview and experimentation

Random Posts

Anda baru saja membaca artikel yang berkategori Blogger Tutorials / Widgets dengan judul How to Add "RANDOM POSTS" Widget On Blogger. Anda bisa bookmark halaman ini dengan URL https://bblogger-tutorials.blogspot.com/2012/12/how-to-add-posts-widget-on-blogger.html. Terima kasih!

Ditulis oleh: maz - Tuesday, December 4, 2012