How to create related posts widget in blog template ब्लॉग टेम्पलेट में रिलेटेड पोस्ट विजेटकैसे बनाएं

Yoytube did not allow avgular brackets in dexcription so I could no post the scripts in description but any body need can copy the scripts frommy website www.wikigreen.in From This link is - http://www.wikigreen.in/2019/12/how-to-create-related-posts-widget-in.html एचटीएमएल का सर्च बॉक्स खोलने के लिए आप खुली हुई एचटीएमएल HTML फ़ाइल में कहीं भीखाली जगह पर क्लिक करें। #addrelatedpostfromyoublog #STARTWITHWIKIGREEN #RelatedPostWidget #RelatedPost #RelatedPostWidgetforBlogger #Howtoaddrelatedpostinblogger #relatedpostgadgetforblogger #bloggerrelatedpost #relatedpostgadget #bloggerrelatedpostgadget #howtoaddblogrelatedpostonblogger #HowToAddRelatedPostWidgetinBlogger अब निम्न स्क्रिप्ट को कमेंट टैग(Comment Tag) सहित कॉपी करें और सावधानीपूर्वक head टैग के ठीक ऊपर और पेस्ट करें। उपरोक्त कोड आपकी प्रत्येक पोस्ट के नीचे 5 आइटम को संबंधित पोस्ट(Related Post) के रूप मंच दिखाने के लिए डिज़ाइन किया गया है. परंतु यदि आप अपनी पोस्ट के नीचे 5 से कम या 5 से ज्यादा आइटम को संबंधित पोस्ट(Related Post) के रूप में दिखाना चाहे तो इसमें दिखाए गए अंक 5 के स्थान पर दूसरा अंक कर दें. उदाहरण के लिए यदि आप अपने प्रत्येक पोस्ट के नीचे चार आइटम संबंधित पोस्ट(Related Post) के रूप में दिखाना चाहते हैं तो अंक 5 को मिटा दें और वहां अंक 4 लिख दें. अगर आप अपनी प्रत्येक पोस्ट के नीचे 8 आइटम दिखाना चाहते हैं तो अंक 5 को मिटा दें और वहां 8 लिख दे. यह स्क्रिप्ट 70 अक्षरों का एक पोस्ट सारांश(Post Description) प्रदर्शित (डिस्प्ले) करने के लिए डिजाइन की गई है। अगर आप पोस्ट सारांश में वर्णों(Characters) की संख्या को कम करना या बढ़ाना चाहते हैं तो इसके लिए कृपया अंक 70 को बदलें. उदाहरण के लिए अगर आप पोस्ट सारांश(Post Description) 60 अंकों का ही रखना चाहते हैं तो अंक 70 को मिटा दें और वहां 60 लिख दे अगर आप पोस्ट सारांश(Post Description) 100 अंकों का रखना चाहते हैं तो अंक 70 को मिटा दें और वहां 100 लिख दें इस स्क्रिप्ट में हरे रंग में दिए गए कोड को सावधानीपूर्वक संपादित(Edit) करके अपनी अपनी पोस्ट के नीचे प्रदर्शित रिलेटेड पोस्ट विजेट(Related Post Widget) को अपनी पसंद के अनुसार मनचाहा आकार दे सकते हैं । उपरोक्त स्क्रिप्ट में हरे रंग में दिखाए गए कोड को सावधानीपूर्वक जांचें- -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; उपरोक्त तीन लाइन के कोड में तीनों लाइन में 50% लिखा गया है. यदि आप इसे एडिट नहीं करते हैं और 50% ही रहने देते हैं, तो थंबनेल यानी रिलेटेड पोस्ट विजेट(Related Post Widget) की इमेज बिल्कुल गोल दिखाई देगी। परंतु जैसे-जैसे आप 50 की संख्या को छोटी करते जाएंगे यानी 45 40 30 आदि यह एक आयताकार आकार में परिवर्तित होती जाएगी. इसलिए कृपया सावधानीपूर्वक संपादित करके थंबनेल यानी रिलेटेड पोस्ट विजेट(Related Post Widget) की इमेज को अपना मनचाहा आकार दें। समरी कलर - summarycolor;, E5E5E5, और लिंक कलर linkcolor को अपनी पसंद के सीएसएस रंगों के कोड से बदलें विजेट क्षेत्र के आकार को बदलने के लिए 120px को बदलें। आकार बढ़ाने के लिए 120 से बड़ी संख्या से बदले आकार घटाने के लिए 120 से छोटी संख्या से बदले थंबनेल की ऊंचाई घटाने ने के लिए 82 को बदलें. छोटे अंक से ऊंचाई घटेगी बड़े अंक से ऊंचाई बढ़ेगी / थंबनेल के चौड़ाई को बदलने के लिए 82 बदलें। छोटे अंक से चौड़ाई घटेगी तथा बड़े अंक से चौड़ाई बढ़ेगी. इसलिए आपको b:includable id='postQuickEdit' var='post' टैग के ऊपर वाला b:includable टैग ढूंढना है इसलिए सर्च बॉक्स में b:includable id='postQuickEdit' var='post' लिखें और एंटर दबाएं, अब आपके सामने टैग b:includable id='postQuickEdit' var='post' के ऊपरवाला टैग इमेज में जैसा दिखाया है वैसा दिखाई देगा आपको नीचे दी गई स्क्रिप्ट b:includable टैग के ठीक ऊपर पेस्ट करनी है आप ऊपर हरे रंग में दिए गए टेक्स्ट को बदल सकते हैं जैसे RELATED POSTS के स्थान पर “You MAY ALSO LIKE TO READ” या “YOU MAY BE INTERESTED IN” आदि। यहां जो टेक्स्ट ऑफ लिखेंगे वही आपके ब्लॉग पर रिलेटेड पोस्ट के ऊपर दिखाई देगा. Yoytube did not allow avgular brackets in dexcription so I could no post the scripts in description but any body need can copy the scripts frommy website www.wikigreen.in