Premium: Google Search Blogger Template

संभवतः ब्लॉगर वेब पर चलने वाला सबसे पुराना ब्लॉगिंग प्लेटफॉर्म है, Google ब्लॉगर 16 वर्षों से अब तक लाखों ब्लॉगर्स का पसंदीदा प्लेटफार्म रहा है, और अब भी इस सूची में एक महत्वपूर्ण स्थान रखता है। जो अभी भी दुनिया के करोडो यूजर्स की पहली पसंद है , ब्लॉगर प्लेटफार्म का एक बड़े यूजर्स का आधार है,लेखक और निजी ब्लॉगर्स । ब्लॉगर ने ऐसे कई लोगों के लिए विकल्प सुझाये जो इंटरनेट पर तकनीकी विशेषज्ञ नहीं हैं इसकी मुख्य विशेषताओं में पहला यह सरल और सीखने में आसान है मूल कंप्यूटर ज्ञान वाले कोई भी आसानी से एक ब्लॉगर खाता खोल सकता है और अपनी रचनात्मकता का पता लगा सकता है।

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

यूट्यूब वीडियो को कैसे मोबाइल फ्रेंडली बनाये ( Responsive Video)

Posted : at 6/21/2015 01:50:00 PM | Posted By: Piush Trivedi | Labels: Responsive Designs , मोबाइल 50⁺ Comments

हिंदी ४ टेक के पिछले लेख में मैंने बताया था की कैसे अपने ब्लॉग या वेबसाइट को मोबाइल फ्रेंडली स्क्रीन रेसोलुशन में बदला जाये , ब्लॉग टेम्पलेट responceive स्वरुप में बदलने के बाद सबसे पहला कदम ब्लॉग पर रखे गए youtube वीडियो को मोबाइल फ्रेंडली responsive बनाना। आज के इस लेख में बताया है की कैसे विभिन्न स्क्रीन रेसोलुशन पर Youtube वीडियो को एम्बेड किया जाये। यूट्यूब वीडियो स्वतः मोबाइल फ्रेंडली बनाने के लिए निम्न दो विकल्पों का इस्तेमाल कर सकते है -

ब्लॉग टेम्पलेट को कैसे मोबाइल फ्रेंडली बनाये ( Responsive Web Design)

Posted : at 6/20/2015 01:21:00 PM | Posted By: Piush Trivedi | Labels: Responsive Designs , tricks , मोबाइल 133⁺ Comments

मोबाइल फ्रेंडली वेब डिज़ाइन इन दिनों प्रोफेशनल वेब डिजाइनिंग का एक हिस्सा बन गई है। यहां तक कि अपनी वेबसाइट या ब्लॉग पर हर कोई मोबाइल फ्रेंडली वेब डिजाइन चाहता हैं। लगभग सभी बड़े वेब प्लेटफार्म मोबाइल फ्रेंडली वेब संस्करण का उपयोग कर रहे हैं। मोबाइल फ्रेंडली वेब डिज़ाइन तेज गति से लोड होने के साथ ही Seo Friendly भी है । लेकिन मुख्य सवाल है, हम मोबाइल फ्रेंडली वेब डिज़ाइन के रूप में वेबसाइट टेम्पलेट डिजाइन कर सकते हैं,हम मोबाइल फ्रेंडली ब्लॉग टेम्प्लेट के रूप में ब्लॉगर आधारित टेम्पलेट डिजाइन कर सकते है? तो जवाब है , हाँ आप कर सकते हैं। जैसा की आप जानते है की ब्लॉगर ब्लॉग के विकास के लिए एक बड़ा सीएमएस मंच है। यहां तक कि ब्लॉगर प्लेटफार्म पर WordPress की तुलना में कई अदभुत फीचर हैं। WordPress की तुलना में टेम्पलेट डिजाइन और अधिक आसान ब्लॉगर में है। आकर्षक वेब डिजाइन करने के लिए हमे उन्नत तकनीकी डिजाइन भाषाओं जैसे : एचटीएमएल, सीएसएस, js , jQuery, ajax आदि की जरूरत होती है।
इसी कड़ी में आज मैं आपको मोबाइल फ्रेंडली ब्लॉगर टेम्पलेट में अपने वर्तमान ब्लॉगर टेम्पलेट को परिवर्तित करने के लिए कुछ आसान चरण जिनसे की कुछ ही पलो में आपकी ब्लॉग टेम्पलेट पूरी तरह मोबाइल फ्रेंडली होगी बस नीचे बताई प्रक्रिया अपनाये :-

ब्लॉगर मोबाइल संस्करण पर Whatsapp, Email , Sms शेयर बटन कैसे जोड़े

Posted : at 3/23/2015 03:31:00 PM | Posted By: Piush Trivedi | Labels: blogger , tricks , whatsapp 57⁺ Comments

हिंदी ब्लॉगर के लिए फेसबुक , ट्विटर , व्हाट्सएप्प जैसे सोशल नेटवर्क की हमेशा ही अहम भूमिका रही है। आज ब्लॉगर और इसी के साथ वर्डप्रेस , सेल्फ होस्टेड साइट आदि चिट्ठो पर पाठको के आवागमन का अनुमान लगाया जाये तो हम देखते है की ब्लॉगों पर प्रतिदिन आने वाले पाठको में सोशल नेटवर्क साइट्स द्वारा सबसे ज्यादा पाठको का आवागमन रहा है , निश्चित रूप से कारण फेसबुक , व्हाट्सएप , ट्विटर जैसे सोशल नेटवर्क का बढ़ता हुआ प्रचलन और लोगो का इस और बढ़ता हुआ जबरदस्त रुझान।

आज के इस ट्यूटोरियल में बताया गया है की कैसे अपनी ब्लॉग पोस्ट को साझा करने के लिए WhatsApp Share, Email Share और Sms Share के द्वारा लोगो तक पहुचाया जाये । बस नीचे दी हुई प्रक्रिया अपनाये और अपने ब्लॉग पर कुछ ही मिनटों में WhatsApp Share, Email Share और Sms Share बटन द्वारा ब्लॉग ट्रैफिक बढ़ाये , ध्यान दे की ब्लॉग द्वारा ब्लॉगर पाठको को दी गयी आधिकारिक मोबाइल टेम्पलेट पर यह कोड कार्यशील नहीं है इस सम्बन्ध में निवेदन करेंगे की अपनी ब्लॉग टेम्पलेट को मोबाइल फ्रेंडली (Responceive ) ब्लॉग टेम्पलेट में बदले तत्पश्चात नीचे बताये कोड का इस्तेमाल करे।

Hindu Panchang & Hindi Rashifal Widget For Blogger/ Wordpress Website/ Astrology Widget Horoscope Widget Daily Horoscope Hindi

Posted : at 12/15/2014 02:36:00 PM | Posted By: Piush Trivedi | Labels: blogger widgets , विडजेट 61⁺ Comments

Hindu Panchang - Hindi Rashifal Widget For Blogger/ Wordpress Website/ Astrology Widget Hindi- astrology widget hindi english-हिन्दू तिथि पंचांग, और हिंदी राशिफल दैनिक राशिफल विजेट-horoscope widget for website. free astrology widgets for websites.
daily horoscope widget for website

हिंदी ब्लोग्स के लिए हिन्दू तिथि पंचांग, और हिंदी राशिफल विजेट। विजेट की खासियत में यह ही कहना चाहूँगा की हिन्दू पंचांग विजेट प्रतिदिन की तिथि, वार , समय, योग, नक्षत्र आदि सभी की जानकारी देता है।। और हिंदी राशिफल विजेट सभी 12 राशियों का दैनिक राशिफल बताता है .. यह राशिफल प्रतिदिन स्वतः ही अपडेट होता रहता है ,,, नीचे क्रमशः दोनों विजेट के लाइव डेमो के साथ ही इन्हे अपने ब्लॉग/ साईट पर ले जाने का लिंक भी दिया है . ....

हिंदी ब्लॉग्स के लिए आज से एक नया ब्लॉग संकलक !

Posted : at 11/25/2014 05:01:00 PM | Posted By: Piush Trivedi | Labels: blog-directory , blogger 91⁺ Comments

जी हाँ , सही सुना , वैसे तो हिंदी ब्लॉग्स के लिए ब्लॉग जगत में सेकड़ो की संख्या में ब्लॉग संकलक मौजूद है , और इसी कड़ी में आज आपके सामने एक नया ब्लॉग संकलक। पिछले ४ वर्षो के भीतर हिंदी ब्लॉग जगत में कई ब्लॉग संकलक अनवरत एक के बाद आते गए इनमे कुछ सफल हुए और कुछ अन्य कारणों से कुछ ही समय में अलविदा कह गए , अपनीवाणी, चिट्ठाजगत ऐसे ही कुछ ब्लॉग संकलकों का जिवंत उदाहरण है , खेर जो भी है फ़िलहाल तो आप सभी को इस नए ब्लॉग संकलक से रूबरू कराना था ,

3+ Professional Blogger Templates For Download

Posted : at 8/06/2013 02:33:00 PM | Posted By: Piush Trivedi | Labels: blogger , blogger templete 56⁺ Comments

ब्लॉग टेम्पलेट किसी भी ब्लॉग के सफलता के लिए बेहद मायने रखती है। ब्लॉग का सिर्फ बेहतर दिखना ही ब्लॉग की यथार्ताता साबित नहीं करता। इसके अतिरिक्त भी कई आवश्यक पहलु जैसे , सर्च इंजन ऑप्टिमाइजेशन , ब्लॉग गुणवत्ता आदि कई बाते भी इस समबन्ध में उतना ही मायने रखती है जितना की ब्लॉग का डिजाईन। हिनदी ४ टेक ब्लॉग पर मैने पिछले लेखो में भी ब्लॉगर ब्लॉग के लिए SEo Friendly , Professhional ब्लॉगर टेम्पलेट सुझाई थी जो नीचे क्रमशः लिंक में बताई गई है।

गूगल सर्च में पोस्ट Thumb और रेटिंग इमेज कैसे दिखाए ..

Posted : at 6/25/2013 11:51:00 AM | Posted By: Piush Trivedi | Labels: google+ , seo 61⁺ Comments

Hindi4Tech के पिछले लेख में मैंने बताया था की कैसे गूगल सर्च में Google + प्रोफाइल और image दिखाए, और कैसे गूगल सर्च में सम्बंधित पोस्ट की Lable या श्रेणी दर्शाए इसी कड़ी में आज के इस लेख में बताया है की कैसे गूगल सर्च में सम्बंधित पोस्ट की छवि के साथ ही पोस्ट रेटिंग image दिखाई जाये ... अपनी ब्लॉग टेम्पलेट में कुछ मामूली से फेर बदल और नीचे बताये कुछ आसान Step से कुछ ही मिनटों में यह सुविधा आपके ब्लॉग पर होगी इसे अपने ब्लॉग पर सक्रिय करने से पहले देखे की गूगल सर्च में आपका ब्लॉग लिंक किस तरह दिखाई देगा ....

Hindi4tech 2'nd Annivercery

Posted : at 6/12/2013 03:41:00 PM | Posted By: Piush Trivedi | Labels: About 16⁺ Comments

जी हाँ सही सुना। Hindi4Tech ब्लॉग आज २ वर्ष पूरे कर चूका है . ..वर्ष २०११ में दिनांक ११ मई को Hindi4Tech ब्लॉग की शुरुआत ब्लॉगर ब्लॉग , और तकनीक चेत्र से जुडे कुछ छोटे और आवश्यक पहलुओं को आप सभी के सामने रखने हेतु किया था …। कोशिश हमेशा यही रही की ब्लॉग पर हमेशा नयी जानकारियों के साथ आपके सामने कुछ नया रख सकू ... और शायद अपनी इस कोशिश में काफी हद तक कामयाब भी हुआ हूँ... 2 वर्ष के लम्बे समय अन्तराल में ब्लॉग पर मात्र

ब्लॉगर ब्लॉग के लिए Breadcrumbs Navigation विजेट Plugin

Posted : at 9/11/2012 12:54:00 PM | Posted By: Piush Trivedi | Labels: blogger widgets , plugin 37⁺ Comments

ब्लॉगर ब्लॉग की एक मुलभुत और सबसे आवश्यक सुविधाओ में से एक . Breadcrumbs Navigation का उपयोग ब्लॉगर ब्लॉग पर पाठको को ब्लॉग की स्थिति के साथ ही यह बताने में किया जाता है की वे अभी किस निर्धारित लिंक पर है ... Breadcrumbs Navigation ब्लॉग में पोस्ट शीर्षक के ठीक ऊपर होता है ... इसका लाइव डेमो Hindi4Tech पर भी देखा जा सकता है .. लगाने के फायदों में कुछ यह की पाठको को किसी भी पोस्ट पड़ते समय तुरंत मुख्य प्रष्ट के साथ ही पोस्ट को जिस श्रेणी के अंतर्गत रखा गया है वे सभी पोस्ट भी पोस्ट श्रेणी लिंक पर क्लिक कर आसानी से देखा जा सकता है .. सबसे पहले स्क्रीनशॉट देखे की यह आपके ब्लॉग पर किस तरह दिखाई देगा ...

Blog Screenshot

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

Blogger Threaded कमेन्ट में , कमेन्ट नंबर कैसे दिखाए

Posted : at 8/03/2012 09:22:00 AM | Posted By: Piush Trivedi | Labels: comment 12⁺ Comments

ब्लॉगर thread कमेन्ट में कमेन्ट numering कैसे दिखाए । पिछले लेख में मैने बताया था की कैसे ब्लॉगर thread कमेन्ट में याहू smiley's youtube विडियो , और सोंग लिंक रखी जाये इसी कड़ी में आज के इस लेख में बताया गया है की कैसे ब्लॉगर thread कमेन्ट में क्रमशः numbering दिखाई जाये । नीचे बताई गए चरणों को क्रमशः अपने ब्लॉग पर सक्रीय करते चले कुछ ही मिनटों में सुविधा आपके ब्लॉग पर सक्रिय होगी .... लाइव डेमो hindi4tech ब्लॉग पर देखा जा सकता है ....

Screenshot

Blog Owner Box Widget For Blogger Blog

Posted : at 7/23/2012 06:50:00 PM | Posted By: Piush Trivedi | Labels: blogger widgets , seo 9⁺ Comments

ब्लॉग पर लिखी गयी प्रत्येक पोस्ट के नीचे author Bio box , या ब्लॉग स्वामी संपर्क फॉर्म बक्सा रखे ... विजेट की खासियत के बारे में सिर्फ इतना कहूँगा की hindi4tech के अन्य विजेट की तरह ही यह भी ब्लॉग हेतु एक आवश्यक .... देखने में सुन्दर , और उपयोग में आसन में विजेट है ... विजेट को ब्लॉग पर रखने से पहले इसका लाइव डेमो नीचे देख सकते है... ... इसे अपने ब्लॉग पर ले जाने के लिए नीचे प्रक्रिया अपनाये .......

Screenshot

विजेट को ब्लॉग पर कैसे ले जाए

सभी विकल्प भरे
विजेट सेटिंग अपने अनुसार बदले
अब genrate बटन पर क्लिक करे
विजेट का Live Preview देखने के लिए Preview बटन पर क्लिक करे

विजेट को ब्लॉग पर ले जाने के लिए नीचे दो आसन चरणों में बताई प्रक्रिया पूर्ण करे ... कुछ ही पल में विजेट आपके ब्लॉग पर होगा ....

कैसे बनाये ब्लॉगर ब्लॉग .....

Posted : at 7/13/2012 09:07:00 PM | Posted By: Piush Trivedi | Labels: blogger , tricks 25⁺ Comments

पिछले सप्ताह किन्ही श्याम जी का ईमेल प्राप्त हुआ॥ श्याम जी का कहना था की ॥ उन्होने hindi4tech ब्लॉग को देखा और वो भी ब्लॉगर प्लेटफोर्म पर एक ब्लॉग बनाना चाहते है ... मगर इसमें परेशानी के चलते उन्होने मुझसे संपर्क किया ॥ :० )

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

नीचे ब्लॉगर ब्लॉग बनाने हेतु बेहत आसन tutorial विडियो माध्यम से बताया गया है ॥ आशा करता हूँ इसके द्वारा आप ब्लॉगर प्लेटफोर्म पर अपना ब्लॉगर ब्लॉग तैयार कर पायेंगे :० )

ध्यान दे की ब्लॉगर ब्लॉग पर ब्लॉग बनाने के लिए प्रथम प्रक्रिया ईमेल खता बनाने से शुरू होती है ... अतः मेरी राय में सबसे पहले आप गूगल के gmail.com साईट पर जा कर अपने लिए ईमेल खता पंजीकृत करे ॥ अगर आप के पास yahoo , या Rediffmail का ईमेल खता पहले ही से है व आप इसी के द्वारा अपना ब्लॉग बनाना चाहते है । तो नीचे विडियो में बताये अनुसार blogger.com पर जाये व विडियो tutorial में बताये अनुसार प्रक्रिया अपनाये

Css Social Menu Icon For Blogger

Posted : at 7/08/2012 07:39:00 AM | Posted By: Piush Trivedi | Labels: blogger widgets , google+ 5⁺ Comments

ब्लॉग पर social profile लिंक मेनू लगाये । पिछले लेख में मैने social bookmarking विजेट, सात का दम विजेट , All In One Sharebox Widget के बारे में बताया था इसी कड़ी में आज ब्लॉग पर css Social मेनू लगाने हेतु लेख आपके सामने है ॥ विजेट की खासियत के बारे में सिर्फ इतना कहना चाहूँगा की यह विजेट भी Hindi4Tech के अन्य विजेट की तरह सुन्दर और सुविधा युक्त है , कारण इसे css3, html5 कोड के साथ डिजाईन किया गया है । नीचे क्रमशः तिन स्टाइल के साथ इनका लाइव डेमो भी दिखाया गया है , अतः इसे ब्लॉग पर ले जाने के लिया नीचे क्रमशः पक्रिया अपनाये, कुछ ही मिनटों में विजेट आपके ब्लॉग पर होगा...

विजेट ब्लॉग पर ले जाये

यहाँ जाये Blogger--->Design--->Page Element
यहाँ Add a Gadget पर क्लिक करे
यहाँ html/javascript आप्शन चुने
नीचे बताये गए Style कोड में से अपने ब्लॉग हेतु एक Style कोड चुने
बताया गया पूरा कोड यहाँ डाल दे व विजेट सेव करे :))

Style 1

Style 2

Style 3

ब्लॉगर प्रोफाइल को गूगल + प्रोफाइल से बदले

Posted : at 7/03/2012 05:35:00 PM | Posted By: Piush Trivedi | Labels: blogger widgets , google+ 15⁺ Comments

अपनी ब्लॉगर प्रोफाइल को गूगल+ प्रोफाइल से बदले. गूगल द्वारा हाल ही में अपनी इस नयी सुविधा के बारे में बताया गया. ब्लॉगर का उपयोग करने वाले सभी साथी अपने सभी ब्लॉग पर ब्लॉगर प्रोफाइल की जगह गूगल + प्रोफाइल का इस्तमाल कर पाएंगे . गूगल की इस सुविधा का उपयोग करने पर ब्लॉगर प्रोफाइल से सम्बंधित सभी लिंक , कमेन्ट, फोटो आदि सीधे गूगल + प्रोफाइल में redirect हो जायेंगे.

इस सुविधा को अपने ब्लॉग पर सक्रिय करने से पहले , इन बातो का अवश्य ध्यान रखे .

१. अपनी ब्लॉगर प्रोफाइल को गूगल + प्रोफाइल से बदलने के बाद , पुनः ब्लॉगर प्रोफाइल पर आने के लिए आपके पास केवल ३० दिन होंगे, ३० दिन की अवधी समाप्त होने के बाद आपका ब्लॉगर प्रोफाइल डाटा पूरी तरह से डिलीट हो जायेगा...

२. अपनी ब्लॉगर प्रोफाइल को गूगल + प्रोफाइल से बदलने पर ब्लॉगर प्रोफाइल डाटा गूगल + प्रोफाइल में समायोजित नहीं होगा . यानि ब्लॉगर प्रोफाइल में दी गयी निजी जानकारी जिसे आप अपने प्रोफाइल में दिखाना चाहते है तो इसे आप को स्वयं ही ब्लॉगर से गूगल + पर ले जाना होगा.

अपनी ब्लॉगर प्रोफाइल को गूगल + प्रोफाइल से बदलने के लिए नीचे लिंक पर क्लिक करे

यहाँ क्लिक करे

ध्यान दे :- नियम व शर्ते ठीक तरह से पढ़कर "Switch Now" बटन पर क्लिक करे

ब्लॉगर Thread कमेन्ट में Smiley's, Youtube विडियो कैसे दिखाए

Posted : at 6/13/2012 07:08:00 PM | Posted By: Piush Trivedi | Labels: blogger , comment 3⁺ Comments

ब्लॉगर की तुलना हमेशा ही वर्डप्रेस से की जाती रही है ॥ इसका कारन शायद ब्लॉग्गिंग हेतु यह दूसरा विस्तृत प्लेटफोर्म है ... वर्डप्रेस पर ब्लॉगर के तुलना में अधिक ब्लॉग बनाये जाने का कारन वर्डप्रेस ब्लॉग की उन्नत तकनीक और इसी के साथ विभिन तकनिकी भाषा विकल्पों जैसे html5, css, php आदि का यथासंभव प्रयोग है... वही ब्लॉगर पर भी वर्डप्रेस के मुकाबले आये दिन नयी सुविधाओ का अनावरण कर गूगल द्वारा ब्लागस्पाट प्लेटफोर्म को बेहतर बनाने का प्रयास क्रमशः जारी है ... अभी कुछ ही समय पहले ब्लॉगर द्वारा ब्लॉगर thread comments को शुरू किया गया .... शायद सभी ने इसे अपने ब्लॉग पर सक्रिय तो कर ही किया होगा ... :०)

मेरे पिछले लेख में मैने बताया था की कैसे Blogger Thread Comments में याहू स्मिले'स को दिखाया जाए ...इस लेख पर कुछ पाठको ने अपनी परेशानी बताते हुवे कहा था की ये मोजिला , और क्रोम ब्राव्सर में तो ठीक तरह कार्य करती है मगर Internet Explore में नहीं ... पाठको की इसी परेशानी के निवारण हेतु आज की इस पोस्ट में मैने बताया है की कैसे Smiley's को Internet Explore में भी ठीक तरह से दिखाया जा सके ... ध्यान दे की आज इस लेख में न सिर्फ Internet Explore में Smiley's को दिखाने हेतु tutorial , बल्कि ब्लॉगर thread कमेन्ट में youtube विडियो डालना , किसी ब्लॉग या साईट की Iframe डालना आदि हेतु भी जानकारी दी गयी है ... अतः इसे अपने ब्लॉग पर सक्रिय करने के लिए नीचे क्रमशः प्रक्रिया अपनाते चले :०)

Screenshot

Live Demo

Step 1

अपने blogger dashboard पर जाए
यहाँ जाए Dashbord > Design > Edit HTML
अब ऊपर Expand Widgets चेक बॉक्स पर क्लिक करे
यहाँ पर </body> कोड तलाशे
अब नीचे बताया गया पूरा कोड </body> के ठीक पहले यथावत डाल दे

Step 2

अब अपनी ब्लॉग टेम्प्लेट में <b:loop values='data:post.comments' var='comment'> कोड तलाशे
अब नीचे बताया गया पूरा कोड <b:loop values='data:post.comments' var='comment'> के ठीक पहले यथावत डाल दे

Step 3

<b:loop values='data:post.comments' var='comment'> के बाद आपको </b:loop> कोड दिखाई देगा
इस कोड के ठीक नीचे </div> कोड रख दे

Step 4

अब अपनी ब्लॉग टेम्प्लेट में <data:blogTeamBlogMessage/> कोड तलाशे
अब नीचे बताया गया पूरा कोड <data:blogTeamBlogMessage/> के ठीक बाद यथावत डाल दे

Step 5

अब अपनी ब्लॉग टेम्प्लेट में ]]></b:skin> कोड तलाशे
अब नीचे बताया गया पूरा कोड ]]></b:skin> के ठीक पहले यथावत डाल दे

.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;}
.emoticons a, .emoticons a:hover {font-size: 28px;margin-left: 20px;text-decoration:none;}

ध्यान दे :- प्रक्रिया पूर्ण करने के बाद कमेन्ट में image , youtube विडियो , Song लिंक आदि जोडने के लिए नीचे बताये कोड का उपयोग करे :-

image डालने के लिए [img] Link [/img] कोड के उपयोग करे //
Song लिंक डालने के लिए [nct] Link song [/nct] कोड का उपयोग करे
youtube विडियो डालने के लिए [youtube] Youtube Video Link [/youtube] कोड का उपयोग करे

ब्लॉगर Thread कमेन्ट में reply बटन क्यों काम नहीं कर रहा..??

Posted : at 5/18/2012 11:14:00 AM | Posted By: Piush Trivedi | Labels: comment , tricks 4⁺ Comments

कुछ ही महीनो पहले ब्लॉगर टीम द्वारा नयी सुविधा " ब्लॉगर Thread Comment" को सार्वजनिक किया गया ... लगभग सभी ने इसे अपने ब्लॉग पर सक्रिय कर लिया होगा... ब्लॉगर द्वारा सुझाये गए इस कमेन्ट फॉर्म और साधारण कमेन्ट फॉर्म में कई संशोधन के साथ ही नए thread comment में कई नयी सुविधाओ को भी जोड़ा गया ॥ जिनमे एक मुख्य .....कमेन्ट का reply बटन ... जिसके द्वारा पाठको द्वारा लेख पर दी गयी प्रतिक्रिया पर अन्य पाठक भी अपने विचार सीधे reply बटन द्वारा पूर्व में टिपण्णी करता को भेज सकते है॥ जैसे ही टिपण्णी में reply बटन या प्रतिउतर बटन का इस्तेमाल कर प्रतिक्रिया भेजी जाती है ब्लॉगर द्वारा उसे स्वतः ही सम्बंधित टिपण्णीकर्ता के ईमेल पते पर अग्रेषित कर दिया जाता है...
सभी ने इसे सुविधा को अपने ब्लॉग पर सक्रिय तो कर लिया ,,, मगर बहुत से ब्लोगों पर " reply" बटन अभी भी कार्य नहीं कर रहा है॥ इसके जीवंत उदाहरण मैने बहुत से हिंदी ब्लोगों पर देखे है ॥ इसी के चलते सोचा आज इसी परेशानी के निराकरण हेतु एक पोस्ट लिखी जाये ॥ सबसे पहले ये समझे के thred comment सुविधा शुरू होने के बाद reply बटन का कार्य न करने का क्या कारण है ... इसका जवाब सिर्फ एक ही है की ब्लॉगर thred comment में thread comment हेतु प्रक्रिया तो पूर्ण कर ली गयी मगर सुविधा हो पूर्ण करने के पश्चात् ब्लॉगर द्वारा ब्लॉग टेम्पलेट में स्वतः ही एक स्क्रिप्ट को add कर लिया जाता है ॥ अतः यह जान ले की reply बटन का काम न करना का एक और सिर्फ एक कारन इस स्क्रिप्ट का छतिग्रस्त होना ही है॥ अतः आज इस लेख में यही बताया गया है की कैसे इस छतिग्रस्त स्क्रिप्ट को बदल कर ब्लॉग पर reply बटन सक्रिय किया जाये ॥
अतः reply बटन सक्रिय करने के लिए नीचे बताई प्रक्रिया अपनाये ....:)

ध्यान दे:-टेम्पलेट में कुछ भी बदलाव करने से पहले नीचे छवि में बताये अनुसार लिंक पर क्लिक कर टेम्प्लेट जरुर डाउनलोड कर ले

Step 1

अपने blogger dashboard पर जाए
यहाँ जाए Dashbord > Design > Edit HTML
अब ऊपर Expand Widgets चेक बॉक्स पर क्लिक करे
यहाँ पर <b:includable id='threaded_comment_js' var='post'> कोड तलाशे
इस कोड के ठीक नीचे एक स्क्रिप्ट होगी , अतः इस कोड को मय स्क्रिप्ट नीचे बताये कोड से बदले

<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>

अब परिवर्तन सेव करे ... आशा करता हूँ आपके ब्लॉग पर " Reply" बटन कार्य करने लगा होगा... किसी परेशानी के चलते कमेन्ट के माध्यम से संपर्क करे ...:)

Hindi4tech 1'st Annivercery

Posted : at 5/11/2012 01:27:00 PM | Posted By: Piush Trivedi | Labels: 11⁺ Comments

जी हां , आज Hindi4Tech ब्लॉग एक वर्ष पूरा कर चूका है । आज से ठीक एक वर्ष पूर्व यानि 11 मई 2011 ( 11-05-2011) को ब्लॉग पर प्रथम पोस्ट लिखी गयी... देखते ही देखते १ वर्ष गुजर गया ।
कोशिश हमेशा यही रही की ब्लॉग पर हमेशा नयी जानकारियों के साथ आपके सामने कुछ नया रख सकू ... और शायद अपनी इस कोशिश में काफी हद तक कामयाब भी हुआ हूँ... १ वर्ष के लम्बे समय अन्तराल में ब्लॉग पर मात्र 24 पोस्ट ही लिख पाया ,, इसके पीछे कभी मेरे व्यक्तिगत कारण और कभी कुछ और ..???? चाहते हुए भी इस हेतु समय नहीं निकाल पाया।
ब्लॉग और ब्लॉग पर प्रकाशित लेख महज़ एक कोशिश थी अपने तकनीकी ज्ञान को आप तक पहुचाने की एक कोशिश थी उन सभी जानकारियों को ब्लॉग पर रखने की जो पिछले 4 वर्षो में मैने सिखा ...... और इस छोटी सी कोशिश को आप सभी ने सराहा इसके लिए में सदेव आपका आभारी रहूँगा कोशिश करूँगा कम समय अन्तराल में आपके सामने कुछ नया ला सकू..:) में ब्लॉग के सभी पाठको , प्रशंशको के प्रति कृतज्ञता व्यक्त करता हूँ ....और आशा करता हूँ कि आपका प्यार, स्नेह और विश्वास मुझ पर और Hindi4Tech ब्लॉग पर इसी तरह बना रहेगा ... :)
इसी मंगल कामना के साथ ... :)
" कोशिश" शब्द से बड़ी अच्छी कविता मेरे जहन में आ रही है ॥ चलते चलते इसे भी आपके साथ शेयर करना चाहूँगा ......

√√ लहरों से डर कर नौका पार नहीं होती,
कोशिश करने वालों की कभी हार नहीं होती.

नन्हीं चींटी जब दाना लेकर चलती है,
चढ़ती दीवारों पर, सौ बार फिसलती है.
मन का विश्वास रगों में साहस भरता है,
चढ़कर गिरना, गिरकर चढ़ना न अखरता है.
आख़िर उसकी मेहनत बेकार नहीं होती,
कोशिश करने वालों की कभी हार नहीं होती.

डुबकियां सिंधु में गोताखोर लगाता है,
जा जा कर खाली हाथ लौटकर आता है.
मिलते नहीं सहज ही मोती गहरे पानी में,
बढ़ता दुगना उत्साह इसी हैरानी में.
मुट्ठी उसकी खाली हर बार नहीं होती,
कोशिश करने वालों की कभी हार नहीं होती.

असफलता एक चुनौती है, इसे स्वीकार करो,
क्या कमी रह गई, देखो और सुधार करो.
जब तक न सफल हो, नींद चैन को त्यागो तुम,
संघर्श का मैदान छोड़ कर मत भागो तुम.
कुछ किये बिना ही जय जय कार नहीं होती,
कोशिश करने वालों की कभी हार नहीं होती ......√√

Blogger Thread Comment में Yahoo Smiley's कैसे दिखाए

Posted : at 4/10/2012 09:47:00 AM | Posted By: Piush Trivedi | Labels: plugin , ट्रिक्स , पोस्ट 4⁺ Comments

Blogger की नयी सुविधा Thread कमेंट्स से तो सभी परिचित होंगे ... और शायद सभी ने इसे ब्लॉग पर सक्रिय कर लिया होगा । इसी कड़ी में आज Blogger Thread Comment में Smiley's का उपयोग कैसे किया जाय बताया गया है॥ Blogger के सामान्य Comment फॉर्म में Smiley's का उपयोग बिना किसी परेशानी के एक सामान्य सी स्क्रिप्ट के द्वारा आसानी से किया जा सकता है ॥ वही Thread Comment में Smiley का उपयोग करने हेतु स्क्रिप्ट के साथ साथ css और कुछ मामूली template code के द्वारा इसे ब्लॉग पर रखा जा सकता है ... इसे अपने ब्लॉग पर सक्रिय करने के लिए नीचे पक्रिया अपनाये ।

विजेट को ब्लॉग पर कैसे ले जाए

Yahoo Smiley's को ब्लॉग पर ले जाने के लिए प्रक्रिया तीन चरणों में बताई गयी है ॥ अतः क्रमश इन्हे अपने ब्लॉग पर सक्रीय करते चले

Step 1

अपने blogger dashboard पर जाए
यहाँ जाए Dashbord > Design > Edit HTML
अब ऊपर Expand Widgets चेक बॉक्स पर क्लिक करे
यहाँ पर ]]></b:skin> कोड तलाशे
अब नीचे बताया गया पूरा कोड ]]></b:skin> के ठीक पहले यथावत डाल दे

.h4tsmile {
    background: none repeat scroll 0 0 #EFF5FB !important;
    font-size: medium !important;
    padding: 10px !important;
    text-align: left !important;
    font-weight:bold !important;
    font-size:11px !important;
}
img.hindi4techsmly {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}

Step 2

अब अपनी ब्लॉग templete में ctrl+f कुंजी द्वारा </body> कोड ढूंढे
अब नीचे बताया गया पूरा कोड यथावत </body>कोड के ठीक पहले डाल दे व Template सेव करे

<script src='https://googledrive.com/host/0B9BypLLMMzvOV3VBRFlaanc2VlU' type='text/javascript'/>

Step 3

अब पुनः अपनी ब्लॉग templete में <div class='post-footer-line post-footer-line-3'> कोड तलाशे

यह कोड आपको अपनी ब्लॉग templete में ऊपर बताये अनुसार प्राप्त होगा ,, यहाँ code की जगह नीचे बताया गया पूरा कोड डाल दे

<b:if cond='data:blog.pageType == "item"'>
<div style='background-color:#FEF8EC; border:none; width:100%; padding:10px; height:100px; overflow:auto;'>
<div class='h4tsmile'>
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> ;;-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/> :-S
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/> 7:)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :|
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/> /:)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/> O:-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/> =;
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/> 8-7
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> 8-|
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> L-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/> :-a
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/> :-$
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/> [-(
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/> :O)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/> 2:-P
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/> (:|
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/> =P~
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/>
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/> #-o
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/> :-SS
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/> :^o
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/> X_X
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/> :ar!
</div></div></b:if>

ध्यान दे : अगर आप Smile's का उपयोग Comment के साथ post और sidebar widget में भी करना चाहते है तो नीचे बताये गए कोड को </body> कोड के ठीक पहले डाल दे..

अब अपनी ब्लॉग template को सेव करे :)

Social Sharing Bookmark Widget For Blog

Posted : at 3/27/2012 01:41:00 PM | Posted By: Piush Trivedi | Labels: blogger templete , blogger widgets 4⁺ Comments

आम तौर पर हम अगर ब्लॉग पर facebook fanpage Widget रखना चाहते है तो उसके लिए facebook likebox, twitter follower दिखाना चाहते है तो उसके लिए twitter follower विजेट , और google + circal विडजेट दिखाना चाहते है तो गूगल + विजेट इसी प्रकार feeburner email subscribtion बॉक्स आदि भी रखते है ॥ इन सभी लिंक , और विजेट को hindi4tech के इस एक ही विजेट में दिखाया गया है ॥ विजेट को आसानी से ब्लॉग पर रखा जा सकता है ॥ बस नीचे दी गयी प्रक्रिया अपनाये ...

Screen Shot

विजेट को ब्लॉग पर कैसे ले जाए

नीचे बताये गयी सभी विकल्पों में hindi4tech को अपने facebook, twitter, google + , feedburner , आदि लिंक से बदले
फिर Genrate बटन पर क्लिक करे
Add To Blogger बटन पर क्लिक करे
ध्यान दे की Add To Blogger पर क्लिक करने से पहले आप अपने ब्लॉगर खाते में लोगिन अवश्य हो ॥

Blog Screenshot

Screenshot

Screenshot

विजेट को ब्लॉग पर कैसे ले जाए

विजेट ब्लॉग पर ले जाये

Style 1

Style 2

Style 3

Screenshot

Step 1

Step 2

Step 3

Step 4

Step 5

Step 1

विजेट को ब्लॉग पर कैसे ले जाए

Step 1

Step 2

Step 3

Screen Shot

विजेट को ब्लॉग पर कैसे ले जाए

Search This Blog

Subscribe Email

Popular Posts

Sitemap

Recent Comments

Contact Us

Visitors

Subject

Blog Archive