How to Know the Name of any Blogger Theme from Blog.

Blogger Blog के Theme का नाम कैसे पता लगाए ?

ब्लॉगिंग करना कुछ लोगो को बहुत पसंद आता हैं, और साथ ही साथ अगर ब्लॉगिंग वेबसाइट भी अगर देखने में शानदार हो तो सोने में सुहागा . मैं भी ब्लॉगिंग करता हूँ और शायद आप भी करते हैं वरना आप इस पोस्ट को नहीं पढ़ते . अगर आपने सर्च किया है कि ब्लॉगर थीम का नाम कैसे जाने या इससे मिलता जुलता कुछ तो आप ठीक जगह आये हैं. आज के इस पोस्ट में मैं आपको एक हैक के बारे में बताने जा रहां हूँ जिसकी मदद से आप चाहे तो किसी भी ब्लॉगर पे बनाये ब्लॉग का थीम किस नाम का हैं जान सकते हैं. उदहारण के लिए मेरे इस ब्लॉग के थीम का नाम हैं : Siril Blogger Theme.

Theme का नाम चाहिए ?

अब मान लीजिये आप ब्लॉगिंग कर रहें है और साथ ही साथ आप दूसरे ब्लोग्गेर्स के साइट में जाकर उनके पोस्ट और लेखो को देख रहें हैं . अचानक आप मेरे इस ब्लॉग पर पहुंचे तो आपको लगा कि वाह यह साइट तो मेरे साइट से भी बहुत सुन्दर हैं. पर आप यह नहीं जान पा रहें कि बन्दे ने कौनसा थीम लगाया हैं. तब आप क्या करेंगे ? या तो उस वेबसाइट के मालिक को मेल करेंगे और पूछेंगे की भाई थीम कौनसी लगायी हैं या दूसरा आसान तरीका अपनाएंगे जो मैं आज बताने जा रहां हूँ. इसकी मदद से आप थीम का जान सकते हैं और फिर चाहें तो फिर उस थीम को सर्च करके अपने वेबसाइट या ब्लॉग पर लगा सकते हैं.

ब्लॉगर थीम का नाम ऐसे जाने ?

यह तरीका सिर्फ गूगल के ब्लॉगिंग प्लेटफार्म ब्लोग्गेर्स या ब्लागस्पाट के लिए ही मान्य हैं. 

1. सबसे पहले तो आप उस वेबसाइट पर जाए जिसका ब्लॉगर थीम आपको जानना हैं. मान लीजिये आपको www.webnetdiary.in के वेबसाइट का थीम बहुत पसंद आया और आप अपने वेब ब्राउज़र की मदद से उसमे गए . 

2. जब आपका वह वेबसाइट खुल जाए तब आप उस वेबसाइट के एक खाली जगह पर अपने माउस से Right Click करें आप अगर चाहे तो Ctrl+U भी दबाकर जा सकते हैं जिस साइट पर Right Click Block किया हुआ हो . तब वहां पर आपको एक View page source का ऑप्शन मिलेगा उस पर क्लिक करें.

3. जैसे ही आप View page source पर क्लिक करेंगे आपके ब्राउज़र पर एक नया Window खुल जाएगा जिस पर आपको HTML Code दिखेंगे . अब आपको उस HTML Page के कुछ निचे तरफ जाना होगा तो आपको नीचे दिए गए चित्र की तरह Blogger Theme Name दिख जाएगा . आप अगर चाहे तो उस HTML Page पर Ctrl+F Search में Blogger Template लिख कर भी पा सकते हैं.

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

धन्यवाद 

Read More

Using Sliding Line Effect Under a Text in your BlogPost in Hindi

Blogpost में Sliding Underline Effect कैसे डाले? 

हेलो दोस्तों ,

हम सभी चाहते हैं कि हमारा ब्लॉग अच्छा दिखे और लोगो को आकर्षित करें. और ब्लॉग को अच्छा दिखाने के लिए हम या तो उसमे अच्छी डिज़ाइन का उपयोग करते हैं या उसमे effects डालने का प्रयास करते हैं. उसी में से एक इफ़ेक्ट के बारे में मैं आज आप सबको बताने वाला हुँ. जैसा कि आप देख ही चुके हैं कि मेरे एक पुराने पोस्ट में मैंने आप बताया था कि अपने ब्लॉग को 360 डिग्री कैसे घुमाए। 

  Rotate your blog by 360 Degrees.

ठीक उसी तरह आज में आपको बताने वाला हूँ कि आप अपने ब्लॉग पोस्ट में किसी वाक्य या शब्द के निचे sliding underline कैसे डाले।
उदहारण के लिए आप इस लिंक पर click करें।  यहाँ पर मैंने एक ब्लॉग पोस्ट लिखा हैं जिस पर आप अपने Mouse के पॉइंटर को ले जाए तो आप देखेंगे कि उस लिखे हुए शब्दों  underline हो जाता हैं वो भी sliding effect के साथ।
चलिए अब जानते हैं कि इस effect को कैसे लाये.

1 .  पहले आप अपने ब्लॉगर डैशबोर्ड पर जाए , फिर "Template" पर क्लिक करें.  फिर आपको "Customise" के बटन पर क्लिक करें।  जैसे ही आप उस पर क्लिक करेंगे "Blogger Template Designer" खुल जाएगा , यहाँ पर अब आप "Advanced"  पर क्लिक करें। फिर आपको "Add custom CSS" का खाली जगह मिल जाएगा.  यहाँ पर आपको अब निचे दिए गए CSS कोड लिखना पड़ेगा और फिर लिखकर Apply to Blog के बटन पर क्लिक करना पड़ेगा।

2 . आसान शब्दों में Blogger Dashboard > Template > Advanced > Add custom CSS.

3 .  जो CSS आपको add करना हैं वो आप निचे से copy कर ले।

/* Underline Slide */
.uslide {
display: inline-block;
}
.uslide:after {
content: '';
display: block;
height: 3px;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;
}
.uslide:hover:after {
width: 100%;
background: #990000;
}
/*Slide Right To Left*/
.uslide2 {
display: inline-block;
position: relative;
padding-bottom: 3px;
}
.uslide2:after {
content: '';
display: block;
position: absolute;
right: 0;
bottom: 0;
height: 3px;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;
}
.uslide2:hover:after {
width: 100%;
background: #990000;
}

4 . अब आप "Apply to Blog" के बटन पर क्लिक करके अपने इस CSS को ब्लॉग पर apply कर ले।

अब इसका उपयोग कैसे करें ?

अब जब भी आपको स्लाइडिंग effect का उपयोग करना हो तो आप पहले अपने blog पर जाए फिर HTML के बटन पर click करे और निम्नलिखित code का प्रयोग करें.

<div class="uslide">बाए से दाए स्लाइडिंग effect के लिए</div>

<div class="uslide2">दाए से बाए स्लाइडिंग effect के लिए</div>

uslide टैग का उपयोग आप तब करेंगे जब आपको चाहिए की स्लाइडिंग लाइन बाए से दाए जाए.

uslide2 टैग का उपयोग आप तब करें जब आप चाहते हैं कि स्लाइडिंग effect दाए से बाए लाना चाहते हो.

यह बहुत ही बेहतरीन effect हैं. अगर आपको यह post पसंद आया या आपका कोई सवाल हो तो comments में जाकर पूछ या लिख सकते हैं .

धन्यवाद 

Read More

Canva-Amazingly Simple Graphic Design

हेल्लो दोस्तों,
आज बहुत दिनों के बाद मुझे अपना blog update करने का मौका मिला हैं. आज मैं आपको एक ऐसे website के बारे में बताने वाला हूँ जो आपके लिए काफी मददगार होगा . आज मैं आपको Canva.com के बारे में बताने वाला हूँ.

 

Flickr

Blog के topic से तो आपको बहुत हद तक पता चल गया होगा कि यह website आता की काम हैं. अगर नहीं तो चलिए मैं बता देता हूँ. Canva एक ऑनलाइन डिजाइनिंग website हैं जिसके मदद से आप बहुत ही आसानी से फोटो को edit, design और publish कर सकते हैं. यह आपके computer में मौजूद MS Paint से भी बहुत आसान हैं जिसे हम साधारणतया उपयोग करते हैं.

इस website का सबसे अच्छा feature मुझे यह लगा की आप अलग अलग जगहों के लिए अलग अलग तरह के फोटो template उपयोग कर सकते हैं. उदहारण के लिए , Instagram के लिए अलग template , facebook के cover photo के लिए अलग template इत्यादि.
मतलब आपको कितने by कितने pixel का फोटो लगाना हैं उसके बारे में नहीं सोचना पड़ेगा.
दूसरा फायदा हैं drag and drop के option का. आप अलग अलग फोटो merge कर सकते हैं अपने उस window को छोरे बगैर . आप अलग अलग fonts का उपयोग कर सकते हैं लिखने के लिए . मेरे द्वारा बनाये गए इस लिंक को देखे जिसमे मैंने Canva की मदद से एक चित्र design किया हैं.

और सबसे बढ़ी बात कि यह free हैं. सिर्फ अपने facebook या google id से इसमें घुसिए और और इसका उपयोग कीजिये. इस website पर जाने के लिए यहाँ click करिए.

Read More