Blog Me Amazing Recent Post Widget kaise add kare  

Blog Me Amazing Recent Post Widget kaise add kare

Blogger blog me recent post widget kaise 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 widget kaise add करे अपने ब्लॉग में ….Blogger पर बने ब्लॉग मे हम html कोड के जरिय recent post widget लगा सकते है जबकि wordpress के लिए plugin install karke हमने wordpress plugin का नाम नीचे दिया है जो बिल्कुल फ्री है friends अगले पोस्ट मे हम बताएंगे wordpress के लिए recent post plugin  कितने है

• Recent posts widget

• Ranking 134

Plugin Download

• Ultimate post widget 

• Ranking 55

Plugin download

• Advanced recent post 

• Ranking 29

Plugin download

• Wp latest post 

• Ranking 44

Plugin download

• Recent post by category

• Ranking 12

Plugin download

ये भी पढ़े..  Domin Ko Hosting Se Kaise Jode Ya Connect kare

Recent post Blog me add करने के फायदे…

  • Recent post widget लगाने से आपके ब्लॉग का Design अच्छा रहता है

(adsbygoogle = window.adsbygoogle || []).push({});

(adsbygoogle = window.adsbygoogle || []).push({});

  • विजिटर को पता चलेगा की इस 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=”http://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 पर क्लिक करें

(adsbygoogle = window.adsbygoogle || []).push({});

(adsbygoogle = window.adsbygoogle || []).push({});

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

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

ये भी जरुर पढ़े

Blog me Simple Search box widget kaise add kare

Random post widget keya hai or Apne Blog me kaise add kare

Blogger blog me total page view / Blog stats kaise add kare

Blogger blog me popular post widget kaise add kare

Blog me promo Notifaction bar kaise add kare

Free Newsletter Stuff

Get Blogging, WordPress tutorial in hindi

Rate this post

About Mr Manish

मै मनीष www.hindivhelp.co.in का Founder हूं इस ब्लॉग पर हिन्दी भाषा मे, पैसा कमाए इंटरनेट से, इंटरनेट टिप्स , नया ब्लॉग स्टार्ट करे , की जानकारी शेयर की जाती है हमें इसी तरह सपोर्ट करते रहे. Learn More

 

Leave a comment