Random Posts Widget With Thumbnails For Blogger

Jab apke blog mein bohot jyada post ho jata hai tab visitors ko sabhi post dhund kar dekhne ki samay nehi hoti. Isliye ap apne blog mein advanced random posts widget add kar sakte hai. Ismein ap post thumbnails aur snippets bhi dikha sakte hai. Blog ki pageviews badane ke liye bhi ye widget lavdae hai. Is tutorial mein mai apko sikhaunga ki kaise blogger blog mein random posts widget add karte hai.

random-posts-widget-with-thumbnails-for-blogger

Demo of Random Posts Widget


Niche maine random post widget ki ek screenshoot dia hai. Ye bohot hi sundar aur well decorated hai. Ise apki blog mein add karne se apki blog aur bhi accha dikhega aur saath mein apko jyada pageviews bhi milega.

random-posts-widget-with-thumbnails-for-blogger

Blogger Blog Mein Kaise Random Posts Widget Add Kare?


Simply, niche diye gaye steps ko follow kare.

Step 1. Pahle apna Blogger account mein login kare aur Dashboard > Layout > Add a Gadget > HTML/JavaScript mein click kare.

Step 2. Abh niche diye gaye sare codes ko copy karke content box mein paste kare.

<style>#random-posts img {    border-radius: 10px;    float: left;    margin-right: 5px;    width: 75px;    height: 75px;    background-color: #F5F5F5;    padding: 3px;    transition: all 0.2s linear 0s;}
#random-posts img:hover {    opacity: 0.6;}
ul#random-posts {    list-style-type: none;    padding: 0px;}
#random-posts a {    font-size: 12px;    text-transform: uppercase;    padding: 0px auto 5px;}
#random-posts a:hover {    text-decoration: none;}
.random-summary {    font-size: 11px;    background: none;    padding: 5px;    margin-right: 8px;}
#random-posts li {    margin-bottom: 10px;    border-bottom: 1px solid #EEEEEE;    padding: 4px;}</style><ul id='random-posts'><script type='text/javaScript'>var randomposts_number = 5;var randomposts_chars = 110;var randomposts_details = 'yes';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) + "&#133;";        };        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 = "http://3.bp.blogspot.com/-5SoVe1K6JSk/Utl0OOmucAI/AAAAAAAAF6E/hQghgD_EJdQ/s1600/no_thumb.png"                }            }        };        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>

Customization


Thumbnail dimension: Thumbnail ki size(pixel mein) adjust karne ke liye 75px value ko change kare.

Summary Length: Summary ki size(character mein) change karne ke liye 110 value ko var randomposts_chars=110; mein se change kare.

Post Info: Agar ap post date aur comment count hide karna chahte hai to var randomposts_details='yes'; mein se yes ko no karde.

Post Titles aur Summary ki Font Size: Post snippet ki size modify karne ke liye 11px value ko change kare aur Post Title ki size modify karne ke liye 12px value ko change kare.

Step 3. Finally, Save button mein click karke Widget ko save kare.

Thats it.

Abh apna blog check kare. Agar koi problem hui to comment karke mujhe bata sakte hai. Thank You & keep visiting HelperBus.

SHARE THIS

Author:

I'm an 18 years aged Passionate Blogger from West Bengal, India. I just love to write articles and share them with people. The day was 28th September 2015, when my dream of having a website comes true and I made this website to help you and peoples like you!

Previous Post
Next Post