blogger Sidebar mein maltee menu taib widget kaise add kare ?

 

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

   

 ब्लॉगर टेम्पलेट के लिए साइडबार टैब विजेट बहुत महत्वपूर्ण है। क्योंकि हम टैब विजेट का उपयोग करके एक जगह में कई विजेट को रख सकते हैं। ऐसे कई टेम्पलेट हैं जो अनुकूल नहीं हैं और स्थान की कमी के कारण उपयोगकर्ता अपने इच्छित स्थान पर विज्ञापन नहीं दे सकते हैं। इस कारण से अगर हम टैब विजेट जोड़ सकते हैं तो हम अपने विजेट्स को एक सेक्शन में रख सकते हैं, परिणामस्वरूप हम ब्लॉग साइडबार या अन्य सेक्शन पर विज्ञापन देने में सक्षम हो सकते हैं।  आमतौर पर साइडबार में कुछ समय में उपयोग किए जाने वाले टैब विजेट जैसे-पापुलर पोस्ट ,रैण्डम पोस्ट ,कमेन्ट बाक्स ,सोशल मीडिया प्रशंसक या बॉक्स की तरह रखने के लिए एक अलग प्रकार के स्थान की जरूरत महसूस होता है,परन्तु इसका आदर्श स्थान ब्लागर साइडबार है। यदि आप एक साइडबार में 2 या 3 विजेट रखते हैं तो आपका ब्लॉग साइडबार पूरी तरह से कब्जा कर लिया जाएगा। लेकिन टैब विजेट जोड़कर कोई भी उपयोगकर्ता आसानी से उस जगह को खाली कर सकता है। यदि आप ब्लागर साइडबार टैब एड करना नही जानते है,तो आप इस आर्टिकल को पढते रहे। आप आसानी के साथ ब्लागर ब्लाग में साइडबार में मल्टी टैब विजेट एड कर सकते है। 

ब्लॉगर साइडबार में मल्टी मेनू टैब विजेट कैसे एड करे ?

यदि आप ब्लागर ब्लाग के साइडबार में मल्टी मेनू टैब विजेट एड करना चाहते है,तो आपको इसके लिए दिये गये स्टेप को फालो करना होगा। जिससे ब्लागर ब्लाग में मल्टी टैब मेनू विजेट को आसानी के साथ एड कर सकते है। 

स्टेप-संख्या-01

• सबसे पहले आप ब्लागर डेशबोर्ड में लागिंन करे। 
• अब आप Theme पर क्लिक करे। 
• अब आप Customize पर क्लिक करे। 
• अब आप EDIT HTML  पर क्लिक करे इसके बाद एक नया पप अप विंडो ओपन होगा ।

स्टेप-संख्या-02

ब्लॉगर साइडबार में मल्टी मेनू टैब विजेट एड करने के लिए आपको कुल 03 स्थानों  पर दिए गए कोड को एड करना होगा। जैसे -01-  ]]></b:skin>     02- </head>  03-  <div class='column-right-inner'>   आदि पर ।  यदि आप चाहे तो नीचे दिये गये ब्लॉगर साइडबार में मल्टी मेनू टैब विजेट को एड करे के लिए  सभी कोड  को  एक साथ क्लिक कर डाउनलोड कर ले ।

• [[ Blogger Sidebar maltee menu taib widget CODE-DOWNLOAD HERE ]]

स्टेप-संख्या-03

01- सबसे पहले आप नीचे दिये गये ब्लॉगर साइडबार में मल्टी मेनू टैब विजेट के कोड को ]]></b:skin> में लगाने के लिए कापी पेस्ट कर ले । 

#sidebar-tab h2{display:none;} #select-tab{margin:0 auto 10px} #select-tab,#select-tab li{padding:0;margin:0;list-style:none;overflow:hidden} #select-tab li{float:left;width:33.3%;text-align:center} #select-tab a{line-height:32px;display:block;background-color:#404040;color:white;font-weight:bold;text-decoration:none} #select-tab .selected a,#select-tab a:hover{background-color:#64A071} #sidebar-main .widget1{background-color:#ffffff;width:100%;float:left;padding:5px} #sidebar-main{overflow:hidden}

स्टेप-संख्या-04

• अब Search Box में (CTRL + F)  दबाकर आप ]]></b:skin> को सर्च करें ।
• उसके बाद कॉपी किए गए कोड को ]]></b:skin> के ठीक ऊपर Paste दे ।

• उसके बाद Save Theme पर क्लिक कर परिवर्तनों को सहेजे और अब आपका काम हो गया ।

नोट-निम्न बदलाव आप अपने सुविधानुसार कर सकते है।

01-बैकग्राउंड कलर color:#404040; को अलग-अलग कलर से बदलाव कर सकते है । 

02-बैकग्राउंड कलर color:#64A071  को अलग-अलग कलर से बदलाव कर सकते है आप कलर कोड जनरेटर टूल  की मदद से कलर कोड प्राप्त कर सकते हैं। 

स्टेप-संख्या-05

• अब Search Box में (CTRL + F)  दबाकर आप </head> को सर्च करें ।
• उसके बाद कॉपी किए गए कोड को </head> के ठीक ऊपर Paste दे ।

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>

• उसके बाद Save Theme पर क्लिक कर परिवर्तनों को सहेजे और अब आपका काम हो गया ।

स्टेप-संख्या-06

अब Search Box में (CTRL + F)  दबाकर आप  <div class='column-right-inner'> को सर्च करें ।

उसके बाद कॉपी किए गए कोड को  <div class='column-right-inner'> के ठीक नीचे Paste दे । नोट-( सहायता के इमेज का सहयोग ले सकते है ) 

<div id='sidebar-tab'> <div id='tab'> <div class='tab-widget-menu clear'> <ul id='select-tab'> <li class='tab1'><a href='#tab1'>Popular Post</a></li> <li class='tab2'><a href='#tab2'>Comments</a></li> <li class='tab3'><a href='#tab3'>Archive</a></li> </ul> </div> <div id='sidebar-main'> <div class='widget1' id='tab1'> <b:section class='sidebar' id='tab1-popular-posts' showaddelement='yes'> </b:section> </div> <div class='widget1' id='tab2'> <b:section class='sidebar' id='tab2-comments-posts' showaddelement='yes'> </b:section> </div> <div class='widget1' id='tab3'> <b:section class='sidebar' id='tab4-srchive' showaddelement='yes'> </b:section> </div> </div> </div> <script type='text/javascript'> //<![CDATA[ $(function(){$("#select-tab li:first").addClass("selected");$("#sidebar-main > div").hide();$("#sidebar-main > div:first").show();$("#select-tab a").click(function(){$("#select-tab li").removeClass("selected");$(this).parent().addClass("selected");var a=$(this).attr("href");$("#sidebar-main > div:visible").hide();$(a).fadeToggle(1000);return false})}); //]]> </script> </div>

• उसके बाद Save Theme पर क्लिक कर परिवर्तनों को सहेजे और अब आपका काम हो गया ।

नोट-निम्न बदलाव आप अपने सुविधानुसार कर सकते है।

01-आप अपने सुविधा के अनुसार साइडबार में दो जगहों  का नाम बदल सकते है ।

<li class='tab1'><a href='#tab1'>Popular Post</a></li>
<li class='tab2'><a href='#tab2'>Comments</a></li>
<li class='tab3'><a href='#tab3'>Archive</a></li>

02-आप अपने सुविधा के अनुसार साइडबार में दो जगहों  का नाम बदल सकते है ।

<b:section class='sidebar' id='tab1-popular-posts' 
<b:section class='sidebar' id='tab2-comments-posts' 
<b:section class='sidebar' id='tab4-archive' 

मित्रो अब हमे उम्मीद है कि आप लोगो ने इस आर्टिकल को पढ कर सफलता पूर्वक अपने ब्लॉगर साइडबार में मल्टी मेनू टैब विजेट कैसे ऐड करना अच्छी तरह से समझ गये होगें। अब नई शैली को देखने के लिए अपने टेम्पलेट साइडबार की एक  बार जाँच अवश्य करें। मुझे उम्मीद है कि अब आप अपने टेम्पलेट साइडबार के नए रूप को पसंद करेंगे। हां यदि आप लोगो को किसी प्रकार कोई समस्या महसूस होने पर आप हमें कमेन्ट कर पूछ सकते है। यदि आप ब्लॉगर साइडबार में मल्टी मेनू टैब विजेट कैसे ऐड करने के लिए तकनीकों को सीखते हैं, तो कृपया नीचे टिप्पणी करें, या दूसरों की मदद करने के लिए इस लेख को साझा करें।