How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े ||
How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े || पूरी जानकारी हिंदी में ( Full Knowledge/ Details in Hindi ) || By Suraj, Gyan Ka Phool :
हेल्लो ! दोस्तों, आप सभी का मेरे ब्लॉग gyan का phool में हार्दिक स्वागत है " दोस्तों ! आज के हमारे पोस्ट का टाइटल है - "How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े || पूरी जानकारी हिंदी में ( Full Knowledge/ Details in Hindi ) || By Suraj, Gyan Ka Phool " अर्थात आज का हमारा यह पोस्ट वेबसाइट डिजाइनिंग / website Designing से related है | दोस्तों ! यदि आप website डिजाइनिंग करना चाहते है तो हमारे ब्लॉग या वेबसाइट पर हमेशा visite करते रहे | हम आपके ब्लॉग पर नित नविन पोस्ट लाते रहते है |
दोस्तों ! हमारा आज का यह पोस्ट - "How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े || पूरी जानकारी हिंदी में ( Full Knowledge/ Details in Hindi ) || By Suraj, Gyan Ka Phool" चूँकि वेबसाइट डिजाइनिंग से सम्बंधित है जिसमे आज हम आपको वेबसाइट डिजाइनिंग के टॉपिक के अंतर्गत - "How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े || पूरी जानकारी हिंदी में ( Full Knowledge/ Details in Hindi ) || By Suraj, Gyan Ka Phool " ब्लॉगर ब्लॉग में स्टाइलिश lable add करने की पूरी जानकारी दे रहे है |
दोस्तों ! आप भी यदि अपने ब्लॉग में स्टाइलिश lable add करके अपने ब्लॉग को स्टाइलिश और आकर्षक बनाना चाहते है तो आपको अपने ब्लॉग या वेबसाइट में दिए गये कोडिंग्स को अप्लाई करना होगा | जिससे आपका ब्लॉग या ब्लॉगर पर आपका वेबसाइट बड़ा ही आकर्षक और "seo / search engine ऑप्टिमाइजेशन" के दृष्टि से बहुत ही महत्वपूर्ण ब्लॉग नजर आएगा |
दोस्तों ! यहाँ हम आपको अपने ब्लॉग के lable को स्टाइलिश बनाने के जिस कोडिंग को दे रहे है उनको आप एक्सटर्नल और इंटरनल css के रूप में दो तरीके से इस्तेमाल कर सकते है | जो वेबसाइट बनाने ka nya सुरुवात किये है we ज्यादातर inline css या इंटरनल css के द्वारा code को थीम या टेम्पलेट में use करते है, जबकि जो प्रोफेशनल ब्लॉगर या वेबसाइट डिज़ाइनर होते है we इस कोडिंग को External / एक्सटर्नल रूप में use करते है |
दोस्तों आज के इस पोस्ट - "How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े || पूरी जानकारी हिंदी में ( Full Knowledge/ Details in Hindi ) || By Suraj, Gyan Ka Phool " में मै आपको internel css के द्वारा lable को स्टाइलिश बनाने का जानकारी दे रहा हूँ | तो चलिए दोस्तों आप हम अपने टॉपिक -How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े || पूरी जानकारी हिंदी में ( Full Knowledge/ Details in Hindi ) || By Suraj, Gyan Ka Phool " की ओर आगे बढ़ते है और जानते है की वेबसाइट को स्टाइलिश look कैसे दिया जाता है |
How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े || पूरी जानकारी हिंदी में ( Full Knowledge/ Details in Hindi ) || By Suraj, Gyan Ka Phool :
1. Lable क्या है || what is lable ?
दोस्तों ! ब्लॉग में lable categury को शो करने का कार्य करता है | किसी भी lable के द्वारा आप उस categurie के समस्त पोस्ट तक बड़ी आसानी तक पहुच सकते है और उस पोस्ट से सम्बंधित सभी पोस्ट को बड़ी आसानी देख और पढ़ समझ सकते है | Label/category क्या होता है इसे इस प्रकार समझा जा सकता है - "Labels category वह होता है जो हम पोस्ट ready करते हैं उन post को अलग अलग category श्रेणी में डाल देते हैं जिसे visitors को उस post को आसानी से ढूंढ सकते हैं या जिस तरह के post को पढ़ना चाहते हैं वो पढ़ सकते हैं | जैसे Blogger के बारे में पढ़ना चाहते हैं तो blogger category click करके love shayari post किए हुए है उनको पढ सकते है, इसलिए हमारे ब्लॉक के लिए Blogger labels widget Add करना होता है
2 . ब्लॉग में स्टाइलिश लेबल use करने के फायदे ? || what is the Benifites of using stylish lable on ब्लॉग ?
दोस्तों ! जब आप अपने ब्लॉग में स्टाइलिश लेबल का use करते है तो आपका ब्लॉग बहुत ही आकर्षक नजर आटा है | जिससे आपके ब्लॉग में विजिटर बार बार visite करना पसंद करते है | इससे आपके ब्लॉग का ट्रैफिक बढ़ जाता है | अर्थात आपको lable को स्टाइलिश look देकर एक्स्ट्रा ट्रैफिक / traffic ले सकते है |ब्लोग्गर में स्टाइलिश lable के इस्तेमाल से आपका ब्लॉग भी फ़ास्ट हो जाएगा , जिससे आपके ब्लॉग का लोडिंग स्पीड फ़ास्ट हो जाएगा |
3 . ब्लॉग में स्टाइलिश लेबल लगाने के लिए कोडिंग ? || Stylish lable codings For a blog on Blogger ?
Stylish widget Codings for Blogger Websites :
Coding 1 - for - स्टाइलिश widget on ब्लॉगर ब्लॉग !
<!-- css Coding start here -->
.Label a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #7FBF4D;
background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);
border-bottom-right-radius: 30px;
border-color: #63A62F #63A62F #5B992B;
border-image: none;
border-style: solid;
border-top-left-radius: 30px;
border-width: 1px;
box-shadow: 0px 1px 0px 0px #96CA6D inset;
color: #FFFFFF;
float: left;
font: 14px verdana;
height: 18px;
margin-bottom: 9px;
margin-left: 10px;
padding: 10px;
position: relative;
text-decoration: none;
transition: all 0.5s ease-in-out 0s;
}
.Label a:hover {
background: none repeat scroll 0% 0% orange;
border-radius: 0px 30px 0px 30px;
border: 1px solid orange;
text-shadow: 5px 5px 5px #DCDCDC;
}
.Label {
margin: 0px;
padding: 0px;
position: relative;
}
.Label li:hover {
transform: rotate(5deg);
}
.Label li {
float: left;
font-size: 116%;
list-style: none outside none;
transition: all 0.3s ease 0s;
}
<!-- css Coding end here -->
ye code copy kare.
Coding 2 :
For Stylish Lable Widget On Blogger Blogs
<!-- Css Coding STart Here -->
.Label li {
background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;
border: 1px solid;
border-radius: 6px 6px 6px 6px;
float: left;
font-size: 116%;
list-style: none outside none;
margin: 2px;
padding: 4px;
transition: all 0.3s ease 0s;
}
.Label li:hover {
transform: rotate(351deg) scale(1.7);
}
.Label a {
color: #fff;
text-decoration: none;
}
<!-- Css Coding End Here -->
ye code copy kare.
Coding 3 :
For Stylish Lable Widget On Blogger Blogs
<!-- Css Coding STart Here -->
.Label li:before {
background-image: -moz-linear-gradient(center top , #1E5799 0%, #207CCA 100%);
border-bottom: 1px solid #145091;
border-left: 1px solid #145091;
content: “”;
height: 1.39em;
left: -0.69em;
position: absolute;
top: 0.2em;
transform: rotate(45deg);
width: 1.3em;
z-index: 1;
}
.Label li:after {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #3F6893;
border-radius: 4.167em 4.167em 4.167em 4.167em;
box-shadow: 0 1px 0 #B5D8FF;
content: “”;
height: 0.5em;
left: -0.083em;
position: absolute;
top: 0.667em;
width: 0.5em;
z-index: 9999;
}
.Label li {
background-image: -moz-linear-gradient(center top , #1E5799, #207CCA);
border-bottom: 1px solid #145091;
border-radius: 0 0.25em 0.25em 0;
border-right: 1px solid #145091;
border-top: 1px solid #145091;
box-shadow: 0 1px 0 #CCE4FF inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #996633;
float: left;
font-family: ‘Helvetica Neue’,Helvetica,Arial,sans-serif;
font-size: 0.75em;
font-weight: bold;
list-style: none outside none;
margin: 0 0 7px 20px;
padding: 0.417em 0.417em 0.417em 0.917em;
position: relative;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
z-index: 1;
}
<!-- css coding End Here -->
Coding 4 :
For Stylish Lable Widget On Blogger Blogs
<!-- Css Coding STart Here -->
[button color="" size="" type="square_outlined" target="" link=""]/* cloud label by */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{
text-align:left
}
.label-size {
border-radius:30px;
background:#FA0830;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase;
}
.label-size a,.label-size span{
display:inline-block;
color:#ffffff !important;
pAdding:6px 8px;
font-weight:bold;
}
.label-size:hover {
border-radius:30px;
background:#333333;
}
.label-count {
white-space:nowrap;
border-radius:30px;
pAdding-right:3px;
margin-left:-3px;
background:#333333;
color:#fff !important;
}
.label-size {
line-height:1.2
}[/button]
<!-- css coding end 4 -->
Coding 5:
For Stylish Lable Widget On Blogger Blogs
<!-- Css Coding STart Here -->
[button color="" size="" type="square_outlined" target="" link=""]
.label-size{
margin:0 2px 6px 0;
pAdding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}
.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.label-size a {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover {
text-decoration: none;
}
[/button]
<!-- css coding end here -->
दोस्तों ! दिए गये कोडिंग में से किसी भी एक कोडिंग का इस्तेमाल आप अपने ब्लॉग को स्टाइलिश बनाने के लिए कर सकते है | इसके ब्लॉग में आपको इस code को css सेक्शन में peste करना होगा | इसके लिए आप निचे दिए गए चरणों ka पालन कीजिए |
"How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े || पूरी जानकारी हिंदी में ( Full Knowledge/ Details in Hindi ) || By Suraj, Gyan Ka Phool "
4. Blog me stylish label widget kaise add kare ?
दोस्तों ब्लॉग में आपको इस code को css सेक्शन में peste करना होगा | इसके लिए आप निचे दिए गए चरणों ka पालन कीजिए | अपने ब्लॉग में दिए गए कोडिंग में से किसी भी एक कोडिंग को अपने टेम्पलेट में इस्तेमाल करना होगा | इसके लिए आपको इस स्टेप्स को फॉलो करना होगा -
# Main step (A) : Blog me stylish label widget kaise add kare ?
1. सबसे पहले अपने ब्लॉगर desboard को open कीजिये |
3. अब आपको Edit HTML: icon पर click करना है |
 |
How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े || पूरी जानकारी हिंदी में ( Full Knowledge/ Details in Hindi ) || By Suraj, Gyan Ka Phool |
4. अब आपको Edit html पर click करना है जिससे आपके सामने theme की कोडिंग open होंगी !
 |
How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े || पूरी जानकारी हिंदी में ( Full Knowledge/ Details in Hindi ) || By Suraj, Gyan Ka Phool |
इसमें आपको CTRL+ F shortcut key press करना है जिससे find box open होगा
आपको इस find search box में निचे दिए गए कोडिंग को search करना है | जिससे यह कोड theme की कोडिंग में highlight हो जाएगा |
]]></b:skin
5. अब आपको ऊपर दिए गए कोडिंग में से किसी भी एक कोडिंग को कॉपी कर लेना है और उसको अपने theme की कोडिंग में
]]></b:skin
के ऊपर paste कर देना है | उसके बाद आप theme को सेव / SAve कर दें |
 |
How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े || पूरी जानकारी हिंदी में ( Full Knowledge/ Details in Hindi ) || By Suraj, Gyan Ka Phool |
#Main step (B) : Blog me stylish label widget kaise add kare ?
1. Blogger Deshboard में "Layout" Option par click kare.
 |
How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े || पूरी जानकारी हिंदी में ( Full Knowledge/ Details in Hindi ) || By Suraj, Gyan Ka Phool |
2. Ab sidebar me Add a Gadget par click kare.
 |
How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े || पूरी जानकारी हिंदी में ( Full Knowledge/ Details in Hindi ) || By Suraj, Gyan Ka Phool |
3. . Add a Gadget par click karte hi ek pop up window open hogi.
 |
How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े || पूरी जानकारी हिंदी में ( Full Knowledge/ Details in Hindi ) || By Suraj, Gyan Ka Phool |
4. Labels: Ab scroll down karke label par click kare.
 |
How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े || पूरी जानकारी हिंदी में ( Full Knowledge/ Details in Hindi ) || By Suraj, Gyan Ka Phool |
5. label par click karte hi ek page open hoga.
6 . Cloud: par tick mark kare
7 . Save: par click karke page ko save kare.
दोस्तों ! अब आप अपने ब्लॉग में जाकर रिजल्ट को चेक कर सकते है | आपके ब्लॉग में स्टाइलिश lable widget लग चूका होगा | आप अपने ब्लॉग के lable विडगेट को ऊपर दिए गए css कोडिंग का इस्तेमाल कर के बारी बारी से डिजाईन को बदलते देख सकते है | इसके बाद आपको जो कोडिंग ठीक जचता है आप उनका इस्तेमाल अपने ब्लॉग में कर सकते है |
दोस्तों ! उम्मीद है आपको हमारा आज ka आर्टिकल पसंद आया होगा जिसका टॉपिक था - "How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े || पूरी जानकारी हिंदी में ( Full Knowledge/ Details in Hindi ) || By Suraj, Gyan Ka Phool "
इसी प्रकार नित नविन पोस्ट हमारे ब्लॉग पर पढने के लिए हमारे ब्लॉग में बार बार visite जरुर करते रहे | हमारे ब्लॉग पर नित नवीन पोस्ट इस प्रकार से publish किये जाते रहते है | जो की अधिकतर वेबसाइट डिजाइनिंग से सम्बंधित होते है | दोस्तों ! आपको यदि हमारा यह पोस्ट पसंद आया हो तो प्लीज इसे सोसल media में शेयर जरुर करे | एवं इस वेबसाइट को बढ़िया बनाने में हमारा साथ दे | ताकि हमारा डिजिटल समाज सेवा का सपना साकार हो सके |
इस पोस्ट में आपने पढ़ा / जाना :
How To Add Stylish Lable Widget On Blogger Blog || Blog/ Website me Stylish Lable Widget Kaise Lagaye? || ब्लॉगर ब्लॉग में स्टाइलिश लेबल कैसे जोड़े || पूरी जानकारी हिंदी में ( Full Knowledge/ Details in Hindi ) || By Suraj, Gyan Ka Phool
इस प्रकार अपने Blogger में Stylish Labels Add कैसे करते है पोस्ट को पढ़कर आप समझ गये होगे की कैसे website किस प्रकार अच्छा लुक देता है, Stylish Labels कैसे लगाते है, और colourfull Labels या desgin Labels kyu Add karte hai, Blogger में Stylish Labels Add करने में कोई Problem आती है तो comment करके सवाल पूछे |
COMMENTS