Median Ui 1.5 Blogger Template Full Customization-Tipsmarwadi

हेलो दोस्तों आज के इस आर्टिकल में हम Median Ui 1.5 Theme को Full Customization करने वाले है सारे लिंक या Html सब Customization करना चाहते है आप भी ये वाला Theme Use करे रहे है तो आप को इस आर्टिकल को पूरा पड़ना है और जो जो में Step आप को बताहुगा आप को बस उसे Follow करना है याद रहे जब भी आप अपने इस Theme में कोए भी बदलाव करते है तो सबसे पहले अपना Theme का Backup जरुर ले क्यों की अगर कोए भी प्रोब्लम आती है तो आप अपना पुराना Theme दुबारा से डाल सकते हो

सबसे पहले आप अपने Theme में जाये Html फिर आप को Ctrl+f दबाकर Search करना है Category फिर आप के सामने Dropdown Menu आ जायंगे अब आप को यहाँ अपना लेबल डालना है धयान रहे के आप को अपने Lable का पूरा Url नहीं डालना है आप को बस लेबल का नाम डालना है आप की Category Set हो गई अगर आप Dropdown Menu को बढाना चाहते है तो सिम्प्ले तरीका है किसी भी एक Dropdown Menu को कॉपी करके निचे डाल देना है आप जितना मर्जी Dropdown Menu बना सकते

Carousel-Slide-Slideshow-Median Ui 1.5 Blogger Template Full Customization

होम Page पर जो Slader होते है उनको कैसे बलदना है इसका भी सिंपल तरीका है मेने निचे जो कोड दिया है आप को उस अपने Theme में डालना है खुछ कोड को डिलीट करना है और उसे में जो कोड आप को देने वाला हु उस कोड से रिपेल्स करना है इसके लिए आप को अपने Theme में जाना है और वहा आप को सर्च करना है जिन कोड पर मार्क किया है आप को ये कोड अपने Theme में से हटना है

ये जो कोड आप को मिलने वाला है इस कोड में आप को अपना एक फोटो या फिर Salder जो भी आप बोलो उसका Url डालना है जहा पर Image का Url है वहा अपना Url डालना है और जहा पर ब्लॉग Url है उस पर आप को अपना Blogger Url को रिपेल्स करे देना है आप ने जिस जगहे आप ने कोड को Delete किया है उस जगहे आप को ये कोड डाल देना है Images का साइज़ होना चाहिये 2340-720 तभी आप का Selader का Image सही Show होगा

Contact Us Customization Median Ui 1.5

Contact Page कैसे बनाये जब आप इस Theme का इस्तमाल करते है तो इस Theme की जो स्पीड है बहुत बडिया वो बढ़िया इस लिए है क्यों की इस Theme में सारे जो भी लिंक है वो Edit Html में होते और बहुत ही कम Html/javascript Widget बहुत ही कम इस्तमाल होते इस लिए इस Sit का स्पीड बहुत बढ़िया है इसी

तरहा इस Theme का अपना Contact Page है और Sitemap भी जब आप Html में Edit करने के लिए जायंगे तो आप को इसका लिंक नहीं मिलगा उस के लिए मेने एक कोड दिया है उस कोड को Content Page Html में Save करे दे फिर अपना Contact Page का लिंक उसमे लगा सकते है

Sitemap का भी Page बनाना है Sitemap कैसे बनाये उसी तरहा आप को और भी Page को इसी तरह से Edit करना है जसे की Privacy Policy Disclaimer Page इन सब Page का लिंक अगर आप को नहीं मिलता है तो आप इस तरहा से Edit करे सकते है

Median Ui 1.5 Blogger Template Full Customization-Tipsmarwadi

आप को Content Us या Sitemap का पूरा Url नहीं डालना है आप को बस Contact Us Html बस इतना ही डालना है अगर आप पूरा Url डालने जायंगे तो आप का लिंक काम नहीं करगा मान लीजिये ये मेरा Url है Http://tipsmarwadi.com/p/contact-Us.html

Create a Social Media Join Median Ui Sidebar Widget in Blogger Site

अगर आप एक Blogger हो तो आप को अपने ब्लॉग में Social Media Widget जरुर लगाना चाहिये इस से जो भी विजटर आप की Site में आयगा अगर उसको आप से कोए भी प्रोब्लम साझा करनी होगी तो वो आप के Social Media पर आयगा फिर वो आप को अपनी प्रोब्लम बतायगा अगर उस प्रोब्लम का सोलोसेन अगर आप ने किसी भी पोस्ट में डाला है तो आप उसे उस पोस्ट का लिंक देंगे

Sidebar Widget in Blogger Site

Important Steps:

Change the Link with Telegram Channel
You Can Also Change the Typed Word and Title
and Then Save It, It’s Done

HTML


<div class="widget-content">
<a class="halptipsmarwad discount dis-31" href="
https://t.me/halptipsmarwad
"target="_blank">
<div class="halptipsmarwad-content">
<span class="title">
Join our Telegram Channel
</span>
<span class="desc">
To Get Latest Notification!
</span>
</div>
<div class="halptipsmarwad-img"><span><svg enable-background="new 0 0 24 24" height="512" viewbox="0 0 24 24" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m9.417 15.181-.397 5.584c.568 0 .814-.244 1.109-.537l2.663-2.545 5.518 4.041c1.012.564 1.725.267 1.998-.931l3.622-16.972.001-.001c.321-1.496-.541-2.081-1.527-1.714l-21.29 8.151c-1.453.564-1.431 1.374-.247 1.741l5.443 1.693 12.643-7.911c.595-.394 1.136-.176.691.218z" fill="#039be5"></path></svg></span></div>
</a>
<style>
/* Widget Promo Produk */
.halptipsmarwad{position:relative;display:flex;align-items:center;width:100%;background-color:#fefefe;margin:15px 0 0;padding:12px 15px;border:1px solid #ebeced;border-radius:3px;color:#161617;overflow:hidden}
.halptipsmarwad .halptipsmarwad-img{width:50px;height:50px}
.halptipsmarwad .halptipsmarwad-img span{display:flex;align-items:center;justify-content:center;height:100%;background-color:#ebeced;border-radius:8px;color:#505050;font-weight:700;font-size:28px}
.halptipsmarwad .halptipsmarwad-content{width:calc(100% - 50px);padding-right:15px}
.halptipsmarwad .halptipsmarwad-content .title{display:block;font-weight:700;font-size:12px;margin:0}
.halptipsmarwad .halptipsmarwad-content .desc{display:block;font-size:11px;margin-top:2px;color:#505050}
.halptipsmarwad.fletro{border:0;background-color:#CFEDEB;box-shadow:0 4px 18px 0 rgba(9,32,76,.035);justify-content:space-between;padding:0;overflow:visible}
.halptipsmarwad.fletro .halptipsmarwad-content{width:calc(100% - 100px);padding:15px 10px 15px 15px}
.halptipsmarwad.fletro .halptipsmarwad-img{width:100px;height:auto;flex-shrink:0}
.halptipsmarwad.fletro .halptipsmarwad-img img{position:absolute;bottom:0;right:0;max-width:110px}
.halptipsmarwad.discount:after{content:'Join';font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:flex-end;width:55px;height:22px;padding-right:10px;background-color:#9bd8fc;border-radius:80px 0 0 0;color:#fff;position:absolute;bottom:0;right:0}
.dark-mode .halptipsmarwad{color:#161617}
.night-mode .halptipsmarwad{color:#f7f7f7;background-color:#202442; border: 1px solid #edeef0}
.night-mode .penawaran1 .penawaran1-img span{background-color:#003366}
</style>
</div>

फिर वो यूजर दुबारा आप के Site पर आयगा लकिन इस बार Social Media की लिंक से आयगा तो आप का Traffic भी Incresh होगा और यूजर को आप की Site पर ट्रस्ट भी होगा एक तीर से दो निसाना सबसे बड़ा ट्रस्ट है जो आप को ब्लॉग्गिंग में जरुरी है नहीं तो आप जैसे भाई Google के पास बहुत Wetting में है निचे आप को कोड

मिलगा उस कोड को Blogger में साइड बार में Html Widget में डालना है आप को सब कोड को एक ही Widget में डालना है ताकि आप की ब्लॉग स्पीड पर कोए असर ना पड़े क्यों की जितने Widget आप अपने ब्लॉग में इस्तमाल करोगे आप की Site की स्पीड श्लो होती जायगी

Important Steps:

Change the Link with Your Youtube Channel
You Can Also Change the Typed Word and Title
and Then Save It, It’s Done

HTML


<div class="widget-content">
<a class="tipsmarwadi discount dis-31" href="
https://www.youtube.com/c/tipsmarwadi
"target="_blank">
<div class="tipsmarwadi-content">
<span class="title">
Join our YouTube Channel
</span>
<span class="desc">
To Get Latest Video Notification!
</span>
</div>
<div class="tipsmarwadi-img"><span><svg height="512pt" viewBox="0 -77 512.00213 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m501.453125 56.09375c-5.902344-21.933594-23.195313-39.222656-45.125-45.128906-40.066406-10.964844-200.332031-10.964844-200.332031-10.964844s-160.261719 0-200.328125 10.546875c-21.507813 5.902344-39.222657 23.617187-45.125 45.546875-10.542969 40.0625-10.542969 123.148438-10.542969 123.148438s0 83.503906 10.542969 123.148437c5.90625 21.929687 23.195312 39.222656 45.128906 45.128906 40.484375 10.964844 200.328125 10.964844 200.328125 10.964844s160.261719 0 200.328125-10.546875c21.933594-5.902344 39.222656-23.195312 45.128906-45.125 10.542969-40.066406 10.542969-123.148438 10.542969-123.148438s.421875-83.507812-10.546875-123.570312zm0 0" fill="#f00"/><path d="m204.96875 256 133.269531-76.757812-133.269531-76.757813zm0 0" fill="#fff"/></svg></span></div>
</a>
<style>
/* Widget Promo Produk */
.tipsmarwadi{position:relative;display:flex;align-items:center;width:100%;background-color:#fefefe;margin:15px 0 0;padding:12px 15px;border:1px solid #ebeced;border-radius:3px;color:#161617;overflow:hidden}
.tipsmarwadi .tipsmarwadi-img{width:50px;height:50px}
.tipsmarwadi .tipsmarwadi-img span{display:flex;align-items:center;justify-content:center;height:100%;background-color:#ebeced;border-radius:8px;color:#505050;font-weight:700;font-size:28px}
.tipsmarwadi .tipsmarwadi-content{width:calc(100% - 50px);padding-right:15px}
.tipsmarwadi .tipsmarwadi-content .title{display:block;font-weight:700;font-size:12px;margin:0}
.tipsmarwadi .tipsmarwadi-content .desc{display:block;font-size:11px;margin-top:2px;color:#505050}
.tipsmarwadi.fletro{border:0;background-color:#CFEDEB;box-shadow:0 4px 18px 0 rgba(9,32,76,.035);justify-content:space-between;padding:0;overflow:visible}
.tipsmarwadi.fletro .tipsmarwadi-content{width:calc(100% - 100px);padding:15px 10px 15px 15px}
.tipsmarwadi.fletro .tipsmarwadi-img{width:100px;height:auto;flex-shrink:0}
.tipsmarwadi.fletro .tipsmarwadi-img img{position:absolute;bottom:0;right:0;max-width:110px}
.tipsmarwadi.discount:after{content:'Subscribe';font-weight:700;font-size:10px;display:flex;align-items:center;justify-content:flex-end;width:70px;height:22px;padding-right:10px;background-color:#e61d23;border-radius:80px 0 0 0;color:#fff;position:absolute;bottom:0;right:0}
.dark-mode .tipsmarwadi{color:#161617}
.night-mode .tipsmarwadi{color:#f7f7f7;background-color:#202442; border: 1px solid #edeef0}
.night-mode .penawaran1 .penawaran1-img span{background-color:#003366}
</style>
</div>

Important Steps:

Change the Link with INSTAGRAM Channel
You Can Also Change the Typed Word and Title
and Then Save It, It’s Done

HTML


<div class="widget-content"> <a class="tipsmarwadi discount dis-31" href=" https://www.instagram.com/tipsmarwadi/ " target="_blank"> <div class="tipsmarwadi-content"> <span class="title"> If You Are Facing Any Issue ! </span> <span class="desc"> Message Me Any Time on Insta. </span> </div> <div class="tipsmarwadi-img"><span> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16"><lineargradient id="a" x1="1.464" x2="14.536" y1="14.536" y2="1.464" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#FFC107"/><stop offset=".507" stop-color="#F44336"/><stop offset=".99" stop-color="#9C27B0"/></stop></stop></stop></lineargradient><path fill="url(#a)" d="M11 0H5a5 5 0 0 0-5 5v6a5 5 0 0 0 5 5h6a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5zm3.5 11c0 1.93-1.57 3.5-3.5 3.5H5c-1.93 0-3.5-1.57-3.5-3.5V5c0-1.93 1.57-3.5 3.5-3.5h6c1.93 0 3.5 1.57 3.5 3.5v6z"/><lineargradient id="b" x1="5.172" x2="10.828" y1="10.828" y2="5.172" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#FFC107"/><stop offset=".507" stop-color="#F44336"/><stop offset=".99" stop-color="#9C27B0"/></stop></stop></stop></lineargradient><path fill="url(#b)" d="M8 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm0 6.5A2.503 2.503 0 0 1 5.5 8c0-1.379 1.122-2.5 2.5-2.5s2.5 1.121 2.5 2.5c0 1.378-1.122 2.5-2.5 2.5z"/><lineargradient id="c" x1="11.923" x2="12.677" y1="4.077" y2="3.323" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#FFC107"/><stop offset=".507" stop-color="#F44336"/><stop offset=".99" stop-color="#9C27B0"/></stop></stop></stop></lineargradient><circle cx="12.3" cy="3.7" r=".533" fill="url(#c)"/></circle></path></path></svg></span></div> </a> <style> /* Widget Promo Produk */ .tipsmarwadi-in{position:relative;display:flex;align-items:center;width:100%;background-color:#fefefe;margin:15px 0 0;padding:12px 15px;border:1px solid #ebeced;border-radius:3px;color:#161617;overflow:hidden} .tipsmarwadi-in .tipsmarwadi-in-img{width:50px;height:50px} .tipsmarwadi-in .tipsmarwadi-in-img span{display:flex;align-items:center;justify-content:center;height:100%;background-color:#ebeced;border-radius:8px;color:#505050;font-weight:700;font-size:28px} .tipsmarwadi-in .tipsmarwadi-in-content{width:calc(100% - 50px);padding-right:15px} .tipsmarwadi-in .tipsmarwadi-in-content .title{display:block;font-weight:700;font-size:12px;margin:0} .tipsmarwadi-in .tipsmarwadi-in-content .desc{display:block;font-size:11px;margin-top:2px;color:#505050} .tipsmarwadi-in.fletro{border:0;background-color:#CFEDEB;box-shadow:0 4px 18px 0 rgba(9,32,76,.035);justify-content:space-between;padding:0;overflow:visible} .tipsmarwadi-in.fletro .tipsmarwadi-in-content{width:calc(100% - 100px);padding:15px 10px 15px 15px} .tipsmarwadi-in.fletro .tipsmarwadi-in-img{width:100px;height:auto;flex-shrink:0} .tipsmarwadi-in.fletro .tipsmarwadi-in-img img{position:absolute;bottom:0;right:0;max-width:110px} .tipsmarwadi-in.discount:after{content:'Follow Me';font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:flex-end;width:92px;height:22px;padding-right:10px;background-color:#fb3958;border-radius:80px 0 0 0;color:#fff;position:absolute;bottom:0;right:0} .dark-mode .tipsmarwadi-in{color:#161617} .night-mode .tipsmarwadi-in{color:#f7f7f7;background-color:#202442; border: 1px solid #edeef0} .night-mode .penawaran1 .penawaran1-img span{background-color:#003366} </style> </div> 
</

Logo(header) for Median Ui .15 Customization

Median Ui में Logo कैसे लगाये वेसे तो इस में लोगो लगाने की जरूरत नहीं है फिर आप अगर इस Median Ui Theme में लोगो लगाना चाहते है तो सिंपल तरीका है आप को अपने लोगो की Size 167-40 Pixel होनी चाहिये Images Png Jpg फिर आप को जाना है Layout में Image Placement करनी है Image को पहले Compress जरुर करे Save पर Click करे दे आप का लोगो आप की Site में लग चूका है

Tips.Marwadi

Median Ui 1.5 Blogger Template Full Customization-Tipsmarwadi