VIP Trick || Random Post widget for blog || How to add Random / Recent post widget on Blogger blog || Full Informations In Hindi :
ब्लॉगर ब्लॉग में रैंडम पोस्ट विजेट / कैसे जोड़ें / जोड़ने की पूरी जानकारी हिंदी में !
नमस्कार दोस्तों, आप सभी का मेरे ब्लॉग "gyan ka phool" में आपका स्वागत है, आज मैं आपको दिखाऊंगा कि - " VIP Trick || Random Post widget for blog || How to add Random / Recent post widget on Blogger blog || Full Informations In Hindi" अर्थात " ब्लॉगर ब्लॉग में रैंडम पोस्ट विजेट / कैसे जोड़ें / जोड़ने की पूरी जानकारी हिंदी में !"
 |
VIP Trick || Random Post widget for blog || How to add Random / Recent post widget on Blogger blog || Full Informations In Hindi : |
तो चलिए दोस्तों ! अब आगे बढ़ते है और जानते है की - ब्लॉगर में बने ब्लॉग में रैंडम पोस्ट विजेट / Random post widget को कैसे जोड़े / add kare .
ब्लॉगर ब्लॉग में रैंडम पोस्ट विजेट / कैसे जोड़ें / जोड़ने की पूरी जानकारी
VIP Trick || Random Post widget for blog || How to add Random / Recent post widget on Blogger blog || Full Informations In Hindi :
रैंडम पोस्ट विजेट क्या है?
What is Random Post Widget ? :
Random post widget या gadget किसी भी ब्लॉग या वेबसाईट के लिए बहुत ही महत्वपूर्ण होता है | क्यों की किसी भी वेबसाइट में उसका widget वेब साईट को आकर्षक बनाए रखने का कार्य करता है . साथ ही साथ widget के माध्यम से ही ब्लॉग के सभी पोस्ट/ पेज या contant को यूजर या crowler / visiter तक आसानी से पहुचाया जा सकता है | ताकि रैंडम पोस्ट widget के माद्यम से कोई भी ब्लॉग विसिटर ब्लॉग के अन्य महत्वपूर्ण पोस्टों तक पहुच सके | और उन पोस्टों के विषय सामग्री को पढ़ और समझ सके |
रैंडम पोस्ट विजेट या गैजेट एक ब्लॉगर ब्लॉग को हमारे ब्लॉग में कुछ यादृच्छिक पोस्ट दिखाने में मदद करता है और यह पेज-व्यू बढ़ाने के लिए कुछ यादृच्छिक पोस्ट प्रदर्शित करने के लिए बहुत उपयोगी है, यहां मैं आपको थंबनेल के साथ यादृच्छिक पोस्ट विजेट कोड देता हूं, बिना थंबनेल और क्षैतिज दृश्य के साथ थंबनेल और उस कोड का चयन करें जो आपके ब्लॉग के लिए अधिक उपयुक्त है।
हमें ब्लॉग में रैंडम पोस्ट विजेट जोड़ने की आवश्यकता क्यों है?
Why we need to add a Random post widget to the blog? :
दोस्तों ! ब्लॉगर plateformमें आप अपने विजिटर को रैंडम पोस्ट का उपयोग करके आकर्षक वेबसाइट का look प्रदान करते है | random पोस्ट widget के इस्तेमाल से यूजर का ध्यान आपके रैंडम पोस्ट widget में add पोस्ट के ऊपर चला जाता है | जिससे यूजर उन पेजेज में visite करता है | इससे आपके वेब साईट में उन pages का ka ट्रैफिक increase हो जाता है |
यहाँ ब्लॉगर में एक लोकप्रिय पोस्ट गैजेट सुविधा है लेकिन यदि आप ब्लॉग में हमारे आगंतुकों के लिए कुछ पुराने यादृच्छिक पोस्ट दिखाना चाहते हैं तो ब्लॉगर के पास कोई गैजेट या विजेट नहीं है, ब्लॉगर में डिफ़ॉल्ट रूप से हमारे पास रैंडम का कोई विकल्प नहीं है गैजेट पोस्ट करता है,
रैंडम पोस्ट विजेट / Random post widget / का उपयोग ब्लॉग डिज़ाइन में मदद करता है और यह आगंतुकों को अधिक पोस्ट विकल्प देता है और वे आसानी से यादृच्छिक पोस्ट/ random post का चयन कर सकते हैं जो उन्हें पसंद हैं |
ब्लॉग में रैंडम पोस्ट विजेट जोड़ने के क्या लाभ या फायदें है ?
What are the benefits or advantages of adding a random post widget to a blog?
दोस्तों ! ब्लॉग चाहे किसी भी plateform में हो ब्लॉगर या wordpress आप प्रत्येक plateform में रैंडम पोस्ट widget जोड़ सकते है सभी plateform में अधिकतर इस widget का उपयोग किया जाता है जिसके कुछ ख़ास फायदे / या लाभ होते है | आप आसानी से अपने ब्लॉग में इस widget को add करके इन फायदे या लाभों को ले सकते है | यहाँ रैंडम / random post widget के फायदे / या लाभों को दर्शाया गया है |
ब्लॉग में random पोस्ट/ post widget add / जोड़ने के फायदे निम्न लिखित है -
1. ब्लॉग का look / layout / या style आकर्षक बनता है | जो की यूजर या विजिटर का ध्यान खिचता है |
2. ब्लाग के कुछ खास pages का view बढ़ता है , अर्थात ब्लॉग का ट्रैफिक / traffic increase होता है |
3. ब्लॉग के traffic increase होने यूज़र / user की कमाई / इनकम / income increase होता है/ बढ़ता है |
4. ब्लॉग के कुछ खास pages को आसानी से यूजर / User को दिखाया जा सकता है |
ये सभी फायदे आप आसानी से अपने ब्लॉग में random post widget add या जोड़कर ले सकते है |
ब्लॉग में "रैंडम पोस्ट विजेट" जोड़ने के विधि / चरण / स्टेप्स ?
All Steps/ methods for "adding a random post widget" for a blog?
दोस्तों ! ब्लॉग में random post widget जोड़ने के लिए आपको कुछ स्टेप्स को फॉलो करने होंगे | Random post widget को आसानी से आप निम्नलिखित चरण / स्टेप्स को फॉलो करके आसानी से जोड़ सकते है |
ब्लॉग में Random / रैंडम पोस्ट widget add करने के स्टेप्स/ विधि/ या चरण :
चरण 1 :
a . ब्लॉगर ब्लॉग " Blogger Blog Deshboard" जाएं और " लेआउट/ layout " विकल्प का चयन करें,
 |
VIP Trick || Random Post widget for blog || How to add Random / Recent post widget on Blogger blog || Full Informations In Hindi : |
b. अब आप उसके बाद आप गैजेट जोड़ने के लिए "add gadget" button पर क्लिक करें।
 |
VIP Trick || Random Post widget for blog || How to add Random / Recent post widget on Blogger blog || Full Informations In Hindi :
|
चरण 2 :
अब HTML/JavaScript गैजेट पर क्लिक करें।
 |
VIP Trick || Random Post widget for blog || How to add Random / Recent post widget on Blogger blog || Full Informations In Hindi : |
चरण 3 :
दोस्तों ! अब इस स्टेप्स में यहाँ पर आपको " रैंडम पोस्ट गैजेट / Random post gadget" show करने के लिए निचे दिए गये code / कोड को कॉपी करना है और इसे html / Javascript field में पेस्ट / paste कर देना है | और सहेजें बटन/ SAve button पर क्लिक/ click करके सेव कर देना है |
ब्लॉग में Random / रैंडम पोस्ट widget add करने के लिए कोडिंग्स / Codings :
Random post widget Coding 1 :
1. With "Thumbnails" Random Post Widget :
< !-- Coding start here -->
<style>
#bo-random-posts img{background:#fff;height:50px;float:left;width:50px;margin:5px 5px 0px 0px;-webkit-border-radius:50%;border-radius:50%;-moz-border-radius:50%;padding:3px;}
#bo-random-posts img:hover{opacity: 0.5;filter: alpha(opacity=50);}
ul#bo-random-posts {list-style-type: none;background-image: url("");background-repeat: no-repeat;}
#bo-random-posts li {margin: 10px 0;}
#bo-random-posts li a{padding: 5px 0;text-decoration: none;}
.bo-random-summary {display: block;}</style>
<ul id='bo-random-posts'><script>
var borp_number = 5;
var borp_details = 'yes';
var borp_chars = 60;
var borp_details2 = 'no';
var borp_comments = 'Comments';
var borp_commentsd = 'Comments Disabled';
var borp_current = [];
var total_randomposts = 0;
var borp_current = new Array(borp_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 r=0;r<borp_number;r++){for(var n=!1,o=get_random(),t=0;t<borp_current.length;t++)if(borp_current[t]==o){n=!0;break}n?r--:borp_current[r]=o}}function get_random(){return 1+Math.round(Math.random()*(total_randomposts-1))}
</script><script>function random_posts(t){for(var e=0;e<borp_number;e++){var r=t.feed.entry[e],s=r.title.$t;if("content"in r)i=r.content.$t;else if("summary"in r)i=r.summary.$t;else var i="";if((i=i.replace(/<[^>]*>/g,"")).length<borp_chars)var a=i;else{var n=(i=i.substring(0,borp_chars)).lastIndexOf(" ");a=i.substring(0,n)+"…"}for(var o=0;o<r.link.length;o++){if("thr$total"in r)var l=r.thr$total.$t+" "+borp_comments;else l=borp_commentsd;if("alternate"==r.link[o].rel){var m=r.link[o].href,c=r.published.$t;if("media$thumbnail"in r)var u=r.media$thumbnail.url;else u="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK_zmfIrlMGAQcyY9wfwivP29wk8UvuazX5rnoUoBggIY70h7pT49iE0qVAS1_wPDnVTNiAhAoaRZ9aC0kpRVEbdPyQHE7kmXCCzqRmlma6Kwr-GI5vEVrxzuF1Nfr6PeNax2h8BOOUiSv/s1600/no_thumb.png"}}document.write("<li>"),document.write('<img alt="'+s+'" src="'+u+'"/>'),document.write('<div><a href="'+m+'" rel="nofollow">'+s+"</a></div>"),"yes"==borp_details&&document.write("<span>"+c.substring(8,10)+"."+c.substring(5,7)+"."+c.substring(0,4)+" - "+l),"yes"==borp_details2&&document.write('<span class="random-summary">'+a),document.write('<div style="clear:both"></div></li>')}}getvalue();for(var i=0;i<borp_number;i++)document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index='+borp_current[i]+'&max-results=1&callback=random_posts"><\/script>');</script></ul><div style="font-size: 10px; float: right;"><a href="https://techtspot.blogspot.com/2018/09/how-to-add-random-post-in-blogger.html" rel="nofollow">Random Posts Widget</a></div>
<!-- Coding End Here -->
 |
VIP Trick || Random Post widget for blog || How to add Random / Recent post widget on Blogger blog || Full Informations In Hindi : |
2. Without "Thumbnails" Random Post Widget :
< !-- Coding start here -->
<style>#bo-rp-box{float:left;margin-bottom:10px;margin-top:0px;}
#bo-rp-box ul{margin:0px;float:left;margin-left:20px;padding:0px;}
#bo-rp-box li{vertical-align:middle;list-style:disc outside url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJLBukyBrYU4V_nu0TojIyXq5EgnDbV9UEFH3xMuwg6xDbbtJVRbvQ6fuje1-fR5W_7zb1pSfK9cNXazMtbBTKdnvLY51o3dkQjEFrcZsjHPOJg97Gtjbl68AagHEMsgzZJylwk2UcPWZ2/s1600/b1.png"); margin-bottom:0;width:auto;margin-top:0;padding:10px 0;}
#bo-rp-box a{color:#0F0F0F;text-decoration:none;font-size:14px}
#bo-rp-box a:visited {text-decoration: none;color:blue;}
#bo-rp-box a:hover{color:blue}</style><script>
function rp_results_label(r){for(var e=0;e<r.feed.entry.length;e++){var l=r.feed.entry[e];rpTitles[rpTitlesNumb]=l.title.$t;for(var t=0;t<l.link.length;t++)if("alternate"==l.link[t].rel){rpUrls[rpTitlesNumb]=l.link[t].href,rpTitlesNumb++;break}}}function removeRandomDuplicate(){for(var r=new Array(0),e=new Array(0),l=0;l<rpUrls.length;l++)contains(r,rpUrls[l])||(r.length+=1,r[r.length-1]=rpUrls[l],e.length+=1,e[e.length-1]=rpTitles[l]);rpTitles=e,rpUrls=r}function contains(r,e){for(var l=0;l<r.length;l++)if(r[l]==e)return!0;return!1}function showRandomLabels(){for(e=0;e<rpUrls.length;e++)rpUrls[e]==currentposturl&&(rpUrls.splice(e,1),rpTitles.splice(e,1));var r=Math.floor((rpTitles.length-1)*Math.random()),e=0;for(rpTitles.length>1&&document.write("<ul>");e<rpTitles.length&&e<20&&e<maxresults;)document.write('<li><a href="'+rpUrls[r]+'">'+rpTitles[r]+"</a></li>"),r<rpTitles.length-1?r++:r=0,e++;document.write("</ul>")}var rpTitles=new Array,rpTitlesNumb=0,rpUrls=new Array;
</script><div id="bo-rp-box"><script src="/feeds/posts/default?alt=json-in-script&callback=rp_results_label&max-results=10"></script>
<script>var currentposturl="";var maxresults=10;removeRandomDuplicate(); showRandomLabels();</script></div><div style="font-size: 10px; float: right;"><a href="https://techtspot.blogspot.com/2018/09/how-to-add-random-post-in-blogger.html" rel="nofollow">Random Posts Widget</a></div>
< !-- Coding end here -->
 |
VIP Trick || Random Post widget for blog || How to add Random / Recent post widget on Blogger blog || Full Informations In Hindi : |
3. Horizontal Random Post Widget with "Thumbnails" :
< !-- Coding start here -->
<style type="text/css"> #random-posts li{width:125px;height:150px;margin-right:12px;float:left;list-style:none;position:relative} #random-posts li:last-child{margin-right:0} #random-posts li img{width:125px;height:150px} #random-posts li img a{border:#333 solid 2px}; #random-posts li .isinyako{position:absolute;width:250px;top:-150px;z-index:2;background-color:#F0F0F0;padding:5px;font-size:90%;border-bottom:2px solid black;transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-moz-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-webkit-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-o-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;visibility:hidden;opacity:0} #random-posts li:last-child .isinyako{right:0} #random-posts li:hover .isinyako{top:-40px;opacity:1;visibility:visible} .isinyako span{font-size:90%;color:#B30B0B} .isinyako p{font-size:90%;} </style><ul id='random-posts'><script type='text/javascript'>var randomposts_number = 5;var randomposts_chars = 50;var randomposts_details = 'no';randomposts_details2 = '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 a=0;a<randomposts_number;a++){for(var b=!1,c=get_random(),d=0;d<randomposts_current.length;d++)if(randomposts_current[d]==c){b=!0;break}b?a--:randomposts_current[a]=c}}function get_random(){var a=1+Math.round(Math.random()*(total_randomposts-1));return a}</script><script type='text/javascript'>
function random_posts(a){for(var b=0;b<randomposts_number;b++){var c=a.feed.entry[b],d=c.title.$t;if("content"in c)var e=c.content.$t;else if("summary"in c)var e=c.summary.$t;else var e="";if(e=e.replace(/<[^>]*>/g,""),e.length<randomposts_chars)var f=e;else{e=e.substring(0,randomposts_chars);var g=e.lastIndexOf(" ");f=e.substring(0,g)+"…"}for(var h=0;h<c.link.length;h++){if("thr$total"in c)var i=c.thr$total.$t+" "+randomposts_comments;else i=randomposts_commentsd;if("alternate"==c.link[h].rel){var j=c.link[h].href,k=c.published.$t;if("media$thumbnail"in c)var l=c.media$thumbnail.url;else l="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Wxu-tup7GWPkEr9qS9rD6FYrZqiuZvl-sAl_FmMyxUVpt0Ei9K5EagOwpFRHms-tRmNhPKDmCzNXTGfgMz9AhVVNN_rO93mDSqWaDbiAoGQCbT8t5W7kKkGXUn_8GgeogEwDhbhyphenhyphenOnc/s1600/no_thumb.png"}}document.write("<li>"),document.write('<img alt="'+d+'" src="'+l+'"/>'),document.write('<div class="random-title"><a href="'+j+'" rel="nofollow">'+d+"</a></div>"),"yes"==randomposts_details&&document.write('<span class="random-details">'+k.substring(8,10)+"."+k.substring(5,7)+"."+k.substring(0,4)+" - "+i)+"</span>","yes"==randomposts_details2&&document.write('<span class="random-summary">'+f)+"</span>",document.write('<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><div style="font-size: 10px; float: right;"><br/><br/><a href="https://techtspot.blogspot.com/2018/09/how-to-add-random-post-in-blogger.html" rel="nofollow">Random Posts Widget</a></div>
< !-- Coding end here -->
Note : Guidline for Coding Modification :
यहां आप Random Post gadget में post Number सम्पादित करने हेतु आप blue color के text में code number की संख्या / number को change / बदल सकते है |
स्टेप 4 :
दोस्तों ! अब आप अपने ब्लॉगर, ब्लॉग को open करके Result को देख सकते है |
इस प्रकार आप इन कोडिंग के द्वारा अपने ब्लॉग में बड़ी आसानी से Random post widget को add कर सकते है |
और पढ़ें :-
मुझे आशा है कि आप इस पोस्ट का आनंद लेंगे। कोई समस्या हो तो कमेंट करें।
COMMENTS