Hello friends आज के इस पोस्ट हमने बताया है Blog me recent post Widget कैसे लगाए ।
Recent widget keya hai or अपने ब्लॉग में recent post widget कैसे लगाए या add करें
Recent पोस्ट widget एक widget है जो ब्लॉग website में लगाने पर ब्लॉग website के न्यु पोस्ट और Last update की जानकारी देता है Recent post widget ब्लॉग पर इसलिए add करना जरुरी होता है क्योकि Recent post widget के जरिय आपके ब्लॉग पर आनेबाले विजिटर को आपके न्यु पोस्ट की जानकारी मिल सकें ।
Recent post Blog me add करने के फायदे…
Recent post widget लगाने से आपके ब्लॉग का Design अच्छा रहता है
विजिटर को पता चलेगा की इस website पर हर रोज न्यु अपडेट होती है और इससे वो आपके Blog पर हर बार विजिट करेगें और इससे आपके ब्लॉग की traffic भी बढे़गी और वो आपके ब्लॉग को Subscribe भी करेगें
- Blog website के Seo भी बनी रहेगी
- विजिटर आपके ब्लॉग पर ज्यादा समय व्यक्त करेंगे
चलिए जानते है कि Blogger Blog me Stylish Recent post widget kaise add kare Sirf आप नीचे दिए गए Step को सही से follow करें
Step.1 सबसे पहले नीचे दिए गए HTML/JAVASCRIPT कोड को कॉपी कर लें
<style type="text/css"> /*<![CDATA[*/ img.label_thumb{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;float:left;padding:0;border:3px solid #cccccc;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;background:#fff;margin-right:10px;height:70px;width:70px} img.label_thumb:hover{-moz-transform:scale(1.2) rotate(-350deg);-webkit-transform:scale(1.2) rotate(-350deg);-o-transform:scale(1.2) rotate(-350deg);-ms-transform:scale(1.2) rotate(-350deg);transform:scale(1.2) rotate(-350deg);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);background:#f7f6f6} .label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 10px 2px 0;adding:0}ul.label_with_thumbs li{background:#f5f5f5;list-style-type:none;padding:8px 0;min-height:65px;margin-bottom:5px} .label_with_thumbs a{color:#3395BF;font-size:12pt;outline:0;text-decoration:none} .label_with_thumbs a:hover,.label_with_thumbs a:focus{color:#F4A557}.credits,.credits a{font-size:12px!important;text-align:left;text-shadow:0 1px 0 #fff;color:#888} #mdjumplink{font-weight:800;background:#f7f8f9;background:-webkit-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-moz-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-o-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-ms-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8f9',endColorstr='#e9e9e9',GradientType=0);border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px 12px;margin:0;-webkit-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);-moz-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);color:#888!important;text-shadow:0 1px 0 #fff;line-height:1.2;cursor:pointer;font-size:13px;font-weight:bold;text-decoration:none!important} #mdjumplink:hover{background:#f1f1f1;background:-webkit-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-moz-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-o-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-ms-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#e0e0e0',GradientType=0);text-decoration:none!important} #mdjumplink a{color:#888!important;text-decoration:none;display:block;margin:2px} #mdjumplink a:hover{color:#888!important;text-decoration:none} #mdcomments{padding:6px 12px;background:#3395BF;color:#FFFFFF!important;font-size:13px;font-weight:800} #mdcomments:hover{background:#F4A557;text-decoration:none} /*]]>*/ </style> <script type='text/javascript'> //<![CDATA[ var numposts = 5; var showpostthumbnails = true; var displaymore = true; var displayseparator = true; var showcommentnum = true; var showpostdate = false; var showpostsummary = true; var numchars = 80; //]]> </script> <script type="text/javascript" src="//makingdifferent.github.com/blogger-widgets/Recent-posts%5Bwww.makingdifferent.com%5D.js"></script> <script type="text/javascript" src="https://hindivHelp.blogspot.com/feeds/posts/default?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>Customization
मेरे ब्लॉग का url हटाकर अपने ब्लॉग का url डाल लें [ HindivHelp.blogspot.com] इसके अलावा कोड में कोई और कोड को Remove ना करें नही तो problem हो जाएगी ये कोड 100% Work करता है
Step.2 Blogger में लॉगिन करें Dashboard open हो जाने पर Layout पर क्लिक करें
Step.3 Layout पर क्लिक करने के बाद Side bar में Add A Gadget पर क्लिक करें
Step.4 add a gadget पर क्लिक करने के बाद New विंडो open होगी उसमे Html/javascript पर क्लिक करेे
Step.5 अब आपके सामने दो खाली ( Empty) box open होंगें First वाले box में Recent post लिखें And Second वाले बॉक्स नें उपर जो कोड कॉपी किया था उसे पेस्ट कर दें
Step.6 Save > Cancel > back आप Save पर क्लिक करे अब अपने आप ब्लॉगर के dashboard में ई जाएँगे dashboard में उपर Save arrangement पर क्लिक करें
अब आपके ब्लॉग में Recent post widget add हो चुका है अपने ब्लॉग को Refresh करके देख सकते है
इस पोस्ट से रिलेटेड किसी भी प्रकार के problem हो तो हम बताए और इस पोस्ट को Social Media में Share जरुर करें
