Skip to main content

fIX IMAGE STREACH PROBLEM IN BLOGPOST FOR MOBILE

 AUTOMATICALLY RESIZE BLOGGER IMAGE CODE


.post-body img { width: 100%; height: auto }


अपने ब्लॉगर वेबसाइट पर स्वचालित रूप से प्रतिक्रियाशील छवियों और वीडियो का आकार बदलने के लिए, आप अपने ब्लॉग के टेम्पलेट में CSS कोड का उपयोग कर सकते हैं। यहां अनुसरण करने के चरण दिए गए हैं:


अपने ब्लॉगर खाते में लॉग इन करें और बाईं ओर के मेनू में "थीम" अनुभाग पर जाएँ।


"HTML संपादित करें" पर क्लिक करें और टेम्पलेट में कोड की निम्न पंक्ति का पता लगाएं

</head>


चरण 2 में आपके द्वारा स्थित कोड की पंक्ति के ठीक ऊपर निम्न CSS कोड पेस्ट करें:

/* Responsive images and videos */

img {

    max-width: 100%;

    height: auto;

}

video {

    max-width: 100%;

    height: auto;

}

अपने टेम्पलेट परिवर्तनों को सहेजें और आपका काम हो गया!


यह  CSS  कोड आपके ब्लॉगर वेबसाइट पर सभी छवियों और वीडियो को उनके आकार अनुपात को बनाए रखते हुए, उनके कंटेनर की चौड़ाई में फिट करने के लिए स्वचालित रूप से आकार बदल देगा। यह आपकी वेबसाइट को अधिक मोबाइल-अनुकूल बनाता है और समग्र उपयोगकर्ता अनुभव में सुधार करता है।


Comments

Post a Comment

Popular posts from this blog

ai tool

 https://smodin.io/free-english-rewriter-and-spinner/ai-detection-remover ai detecter and removal https://originality.ai/blog/highlight-ai-text= for ai highlighter and affiliate marketing https://gptzero.me/  = ai writing detector and highlighter  https://www.zerogpt.com/           = ai content writer detector https://plagiarism-remover.com/humanize-ai-text/           = humanize writer
Post a Comment
Read more

Add Code Box

  HTML CSS And Java Script  <style> .K2_CBox{position:relative;background:#fff;width:100%;border-radius:6px;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;padding:10px;margin:30px 0 30px} .K2_CBox .CB_Heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px} .K2_CBox .CB_Heading span{margin:0;font-weight:700;font-family:inherit;font-size:1.1rem} .K2_CBox .C_box_main{cursor:pointer;display:inline-flex;align-items:center;padding:12px;outline:0;border:0;border-radius:50%;background:#004cbd;transition:all .3s ease;-webkit-transition:all .3s ease}.K2_CBox .C_box_main:hover{opacity:.8}.K2_CBox .C_box_main .CBox_icn{flex-shrink:0;display:inline-block;width:18px;height:18px;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-wi...
Post a Comment
Read more

create a list of 100 things someone may now know about SEO

  create a list of 100 things someone may now know abouT SEO stands for Search Engine Optimization. SEO is the process of optimizing a website to improve its visibility and ranking on search engines. Google is the most popular search engine, followed by Bing and Yahoo. SEO involves both on-page and off-page optimization techniques. On-page optimization includes optimizing the content and structure of a website. Off-page optimization includes building backlinks to a website. SEO requires constant monitoring and updating to maintain rankings. Keyword research is the foundation of SEO. Long-tail keywords are easier to rank for than short-tail keywords. Keyword stuffing is a black hat SEO technique that can get a website penalized. Meta tags are important for on-page optimization. Title tags and meta descriptions should be unique and relevant to the page. Header tags (H1, H2, H3) are important for on-page optimization. Content should be well-written and provide value to the reader. Dup...
Post a Comment
Read more