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

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 वाले बॉक्स नें उपर जो कोड कॉपी किया था उसे पेस्ट कर दें