Successbranch

Blog Me Amazing Recent Post Widget Kaise Add Kare

Blog Me Amazing Recent Post Widget kaise add kare

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 पर क्लिक करें

Layout pr Click kare

Step.3 Layout पर क्लिक करने के बाद Side bar में Add A Gadget पर क्लिक करें

Add a gadget pr click kare

Step.4 add a gadget पर क्लिक करने के बाद New विंडो open होगी उसमे Html/javascript पर क्लिक करेे

Html/JavaScript pr click kare

Step.5 अब आपके सामने दो खाली ( Empty) box open होंगें First वाले  box में Recent post लिखें And Second वाले  बॉक्स नें उपर जो कोड कॉपी किया था उसे पेस्ट कर दें

Code pest kare

Step.6 Save > Cancel > back आप Save पर क्लिक करे अब अपने आप ब्लॉगर के dashboard में ई जाएँगे dashboard में उपर Save arrangement पर क्लिक करें

अब आपके ब्लॉग में Recent post widget add हो चुका है अपने ब्लॉग को Refresh करके देख सकते है

इस पोस्ट से रिलेटेड किसी भी प्रकार के problem हो तो हम बताए और इस पोस्ट को Social Media में Share जरुर करें

Share on:
Avatar for Mr Manish

My Name is manish i am the founder of this successbranch blog. the main objective this blog is to promote hindi in the world . for this, i share all kinds of information here in hindi Learn More

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.