tag:blogger.com,1999:blog-54690405514733236232024-03-23T18:41:41.689+05:30Hindi4Tech ( Seo Tricks, Tips,Gadjets & Tutorial For Blogger, Wordpress )Hindi4Tech.. Tech Blog in Hindi India. Latest Tricks for Blogger, Blogspot, Wordpress....पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.comBlogger49125tag:blogger.com,1999:blog-5469040551473323623.post-47768145605685332492016-08-23T12:20:00.000+05:302018-07-06T13:54:48.299+05:30Premium: Google Search Blogger Template<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<a href="https://2.bp.blogspot.com/-T_TnbYUwu5M/WZ0ijrw0BNI/AAAAAAAAHcE/VI0bS0YYhEUdhXHiI5EHkdEo7yOVUCBdQCK4BGAYYCw/s1600/qksearch-responceive-test.jpg" imageanchor="1"><img alt=" गूगल सर्च ब्लॉगर टेम्पलेट- Premium: Google Search Blogger Template high quality blogger template 2017" border="0" height="286" src="https://2.bp.blogspot.com/-T_TnbYUwu5M/WZ0ijrw0BNI/AAAAAAAAHcE/VI0bS0YYhEUdhXHiI5EHkdEo7yOVUCBdQCK4BGAYYCw/s640/qksearch-responceive-test.jpg" title="Premium: Google Search Blogger Template - गूगल सर्च ब्लॉगर टेम्पलेट" width="640" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<br />
संभवतः ब्लॉगर वेब पर चलने वाला सबसे पुराना ब्लॉगिंग प्लेटफॉर्म है,
<a href="https://www.google.com/" target="_blank">Google</a> ब्लॉगर 16 वर्षों से अब तक लाखों ब्लॉगर्स का पसंदीदा प्लेटफार्म
रहा है, और अब भी इस सूची में एक महत्वपूर्ण स्थान रखता है। जो अभी भी दुनिया के करोडो यूजर्स की पहली पसंद है , <a href="https://blogger.com/" target="_blank">ब्लॉगर</a> प्लेटफार्म का एक बड़े यूजर्स का आधार है,लेखक और निजी ब्लॉगर्स । ब्लॉगर ने ऐसे कई लोगों के लिए विकल्प सुझाये जो इंटरनेट पर तकनीकी विशेषज्ञ नहीं हैं इसकी मुख्य विशेषताओं में पहला यह सरल और सीखने में आसान है मूल कंप्यूटर ज्ञान वाले कोई भी आसानी से एक ब्लॉगर खाता खोल सकता है और अपनी रचनात्मकता का पता लगा सकता है। </div>
<div style="text-align: justify;">
बात करते है आज की इस ब्लॉग टेम्पलेट के बारे में बताना चाहूंगा यह
टेम्पलेट पूरी तरह गूगल सर्च लुक और फील के अनुरूप डिज़ाइन है जो आपके
ब्लॉग को एक बेहतरीन कस्टम सर्च इंजन या बिजनेस डायरेक्टरी , क्लासिफाइड
डायरेक्टरी वेबसाइट में बदल देगा।</div>
<div style="text-align: justify;">
<div style="text-align: center;">
<b> इसमें गूगल सर्च की ही तरह कुछ
विशेष गैजेट हैं जैसे </b></div>
<ul>
<li>गूगल स्टाइल पृष्ठ नेविगेशन</li>
<li>यूजर
लोकेशन </li>
<li>मल्टी लैंग्वेज सपोर्ट </li>
<li>कस्टम सर्च ऑप्शन </li>
<li>गूगल स्टाइल रीलेटेड
सर्च क्वेरी </li>
<li>गूगल sign in ऑप्शन । </li>
<li>टेबलेट , मोबाइल एवं सभी रेसोलुशन पर रेस्पॉन्सिव </li>
<li>इनबिल्ट गूगल मैप्स लोकेशन डाटा </li>
<li>रिव्यु रेटिंग ऑप्शन </li>
</ul>
</div>
<!-- link ad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8983742341119738"
data-ad-slot="8753628583"
data-ad-format="link"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div style="text-align: justify;">
<br />
टेम्पलेट्स ब्लॉगर प्लेटफॉर्म के लिए ख़ास हैं, आप किसी भी डेटा को खोए बिना किसी भी समय आपके ब्लॉग के टेम्पलेट को आसानी से संपादित कर सकते हैं। ब्लॉगर के बहुत सारे टेम्पलेट इंटरनेट पर उपलब्ध हैं, दोनों मुफ्त और सशुल्क संस्करण उपलब्ध हैं। </div>
<blockquote class="tr_bq">
<div style="text-align: justify;">
ब्लॉगिंग हाल के दशक में सबसे अधिक पसंदीदा विषयों में से एक है, और न केवल व्यक्तियों और रचनात्मक लेखकों के लिए, जो नेट, छोटे और बड़े व्यापार मालिकों पर अपने स्वयं के समुदायों का निर्माण करना पसंद करते हैं, ब्लॉगिंग एक अद्भुत और किसी भी तरह की जोखिम से मुक्त एक बेहतरीन विकल्प है , मुद्दा चाहे व्यक्तिगत , व्यावसायिक या कुछ और हो हर किसी क्षेत्र में जैसे खोज इंजन की दृश्यता और ब्रांडिंग संभावनाओं में वृद्धि, प्राधिकरण जैसी चीज़ों, और रूपांतरण दर में वृद्धि से - ब्लॉगिंग में सभी के लिए सब कुछ उपलब्ध है </div>
</blockquote>
<div style="text-align: justify;">
क्लासीफायड या बिज़नेस डायरेक्टरी तो आप सभी जानते ही होंगे, Just Dial , FlipKart का नाम तो आप सभी ने सुना ही होगा। इस तरह की कोई साइट या क्लासिफाइड एजेंसी आज कमाई के लिए बेहतरीन विकल्प है , अपने शहर का लोकल सर्च इंजन , या बिजनेस डायरेक्टरी आदि सभी तरह की साइट आज कल सबसे प्रचलित ऑनलाइन बिज़नेस हेतु एक बेहतर विकल्प है। </div>
<div style="text-align: justify;">
Just Dial , FlipKart की तरह ही स्वयं की बिजनेस क्लासीफायड या बिज़नेस डायरेक्टरी शुरू करना मतलब निश्चित है की मोटी रकम का निवेश। साइट मेंटेनेंस, वेब स्पेस आदि कई चीजों में बड़ी रकम खर्च होना निश्चित है , सोचे की अगर यह सभी कार्य बिना किसी वेब स्पेस के बिना किसी कस्टमाइज टेम्पलेट के और बिना किसी प्रोग्रामिंग के हो सके तो ???</div>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-8983742341119738"
data-ad-slot="9755006683"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div style="text-align: justify;">
सबसे पहले आपको बताना चाहूंगा की अगर आप अपने लिए किसी ऐसे ही तरह की कोई लोकल सर्च इंजन , क्लासीफायड या बिज़नेस डायरेक्टरी शुरू करना चाहते है तो हमारे सुझाई गई यह टेम्पलेट इंटरनेट पर आपके लिए एकमात्र और सर्वश्रेष्ठ टेम्पलेट है खासियत में यही बताना चाहूंगा की हमारे द्वारा सुझाई गई उक्त साइट ब्लॉगर प्लेटफार्म पर है जिससे की न तो होस्टिंग का खर्च , न वेब स्पेस का खर्च और न ही कोई अन्य खर्च। </div>
<div style="text-align: justify;">
उक्त ब्लॉगर टेम्पलेट आपके ब्लॉग को जिस भी तरह से आप दिखाना चाहते हैं, उसे उस ही रूप में के दुनिया के सामने रखता है. अपना स्वयं का व्यवसाय इंटरनेट के माध्यम से आरंभ करने के लिए आपको थोड़ा एचटीएमएल और सीएसएस जानने की आवश्यकता है, और इसके साथ ही कोई भी अपने स्वयं के कस्टम सर्च इंजन या बिजनेस डायरेक्टरी , क्लासिफाइड डायरेक्टरी बनाने में सक्षम है </div>
<div style="text-align: justify;">
अपने स्वयं के लिए कस्टम सर्च इंजन या बिजनेस डायरेक्टरी , क्लासिफाइड डायरेक्टरी आदि शुरू करने के लिए ब्लॉगर प्लेटफार्म पर इस तरह की टेम्पलेट इंटरनेट पर शायद ही कही उपलब्ध हो , हमारे द्वारा सुझाई गई उक्त ब्लॉगर टेम्पलेट आप सभी को एक साथ रखकर अपना सही टेम्पलेट खोजने के इस समाधान को इस लेख के माध्यम से हमने सुलझाने का प्रयास किया है , मोबाइल रेस्पॉन्सिव डिज़ाइन के साथ नवीनतम सुविधाओं, विजेट्स और सीएसएस और html5 कोडिंग के साथ अनुकूलित है।</div>
<div style="text-align: justify;">
अंत में यही कहना चाहूंगा की सबसे पहले आप हमारे द्वारा हाल ही में शुरू की गयी लोकल सर्च डायरेक्टरी का लाइव डेमो देखे साथ ही अगर आप भी अपने व्यवसाय , बिजनेस स्वयं का लोकल सर्च इंजन , या बिजनेस डायरेक्टरी शुरू करने का सोच रहे है तो सुझाई गई उक्त ब्लॉग टेम्पलेट आप के लिए बेहत फायदेमंद सिद्ध होगी , जैसा की में पहले भी बता चूका हूँ की टेम्पलेट प्रीमियम केटेगरी में
शामिल है अतः आपको इसके लिए कुछ शुल्क अवश्य चुकाना पड़ेगा , निवेदन यही
रहेगा की आप अगर इस टेम्पलेट को पाना चाहते है तो मुझे ईमेल, कॉल या नीचे
कमेंट के माध्यम से संपर्क करे शेष जानकारी आपको जल्द ही प्राप्त होगी। </div>
<div style="text-align: justify;">
आशा
करता हूँ हिंदी 4 टेक पर सुझाई अन्य टेम्पलेट की तरह यह टेम्पलेट और
जानकारी आप सभी के लिए उपयोगी सिद्ध होगी। </div>
<br />
<br />
<div style="text-align: center;">
<span class="Livedemo"><a href="https://qksearch.ashanews.in/" target="_blank">Live Demo</a></span></div>
</div>
पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com128tag:blogger.com,1999:blog-5469040551473323623.post-57436305054068404672015-06-21T13:50:00.000+05:302018-07-06T15:12:08.823+05:30यूट्यूब वीडियो को कैसे मोबाइल फ्रेंडली बनाये ( Responsive Video)<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-WXvO5Koq0Ew/VYZvzmJamBI/AAAAAAAAEVc/zkyWeRd0sU8/s1600/auto-resize-youtube-video-embed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-WXvO5Koq0Ew/VYZvzmJamBI/AAAAAAAAEVc/zkyWeRd0sU8/s1600/auto-resize-youtube-video-embed.png" /></a></div><br />
<div style="text-align: justify;">
हिंदी ४ टेक के पिछले लेख में मैंने बताया था की कैसे अपने ब्लॉग या वेबसाइट को मोबाइल फ्रेंडली स्क्रीन रेसोलुशन में बदला जाये , ब्लॉग टेम्पलेट responceive स्वरुप में बदलने के बाद सबसे पहला कदम ब्लॉग पर रखे गए youtube वीडियो को मोबाइल फ्रेंडली responsive बनाना। आज के इस लेख में बताया है की कैसे विभिन्न स्क्रीन रेसोलुशन पर Youtube वीडियो को एम्बेड किया जाये। यूट्यूब वीडियो स्वतः मोबाइल फ्रेंडली बनाने के लिए निम्न दो विकल्पों का इस्तेमाल कर सकते है - </div>
<div style="text-align: justify;">
<ul style="text-align: left;"><li> आप एक मोबाइल फ्रेंडली डिज़ाइन से अपने ब्लॉग टेम्पलेट बदले , जिससे सभी मौजूदा सामग्री स्वयं ब्राउज़र विंडो आकार के अनुसार समायोजित हो जाती है । </li>
<li>आप एक नया ब्लॉग या वेबसाइट बनाये और सभी नए एम्बेडेड वीडियो मोबाइल फ्रेंडली आकार में बदले । </li></ul></div><br />
<div style="text-align: justify;">
गूगल "ऑटो यूट्यूब वीडियो " सर्च करने पर ढेरो साइटों पर इस हेतु टिप्स मिल जायेंगे - मगर जहाँ तक मैंने देखा है उन तमाम ब्लॉग पर सुझाई गई टिप्स बेहत पेचीदा है , इसी कड़ी में आज के इस लेख में बताया है की कैसे एक साधारण सी स्क्रिप्ट से youtube embed वीडियो को मोबाइल फ्रेंडली बनाया जाये , बस नीचे बताये कुछ आसान चरण अपनाये और कुछ ही पलो में बताई गयी टिप्स आपके ब्लॉग पर सक्रिय----- </div><br />
<div style="text-align: justify;">
इस लेख द्वारा आपको तीन चरणो का पालन करना है - </div>
<ul style="text-align: left;"><li> अपने सभी मौजूदा वीडियो का कोड नीचे बताये कोड से बदलने की जरुरत है ।</li>
<li> नए वीडियो के लिए, आप नए स्वरूप में उन्हें डालने के लिए विकल्प का अवश्य ख्याल रखे । </li>
<li>"56.25%" वास्तव में वीडियो के डिस्प्ले मोड का अनुपात है। सबसे नए वीडियो इस श्रेणी में आते हैं, दूसरे वीडियो ठीक से प्रदर्शित करने के लिए इस कोड को पुराने कोड से बदले । </li></ul>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
यहाँ आप किसी भी मौजूदा कोड को बदलने की जरूरत नहीं है, जहां इस हेतु एक आसान समाधान है। आपको बस अपने एम्बेड youtube iframe में कुछ लाइनें डालनी है। </div>
<div style="text-align: justify;">
<h1>Step 1 :- </h1>
<b> आवश्यकता:</b> इस प्रक्रिया को पूरी करने के लिए jQuery JavaScript की आवश्यकता है। तो सबसे पहले अपने ब्लॉग शीर्ष <span style="color:blue;"> <head> </span> में निम्नलिखित कोड को जोड़े ।</div>
<div class="blockquote"><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script></div>
<h1>Step 2 :- </h1>
अपने ब्लॉग के <span style="color:blue;"> <head> </span>टैग के ठीक पहले नीचे बताया गया पूरा कोड डाले
<div class="blockquote"><script src="https://cdn.rawgit.com/skipser/youtube-autoresize/master/youtube-autoresizer.js"></script></div>
<h1>Step 3 :- </h1>
अगर ऊपर बताया कोड आपके ब्लॉग पर काम नहीं कर रहा है तो इस नए स्क्रिप्ट कोड को अपने ब्लॉग पर यथावत डाले और परिवर्तन सहेजे
<div class="scroll">
/*<br />
* Youtube video auto-resizer script<br />
* Created by https://hindi4tech.blogspot.com<br />
*/<br />
$(document).ready(function() {<br />
if(typeof YOUTUBE_VIDEO_MARGIN == 'undefined') {<br />
YOUTUBE_VIDEO_MARGIN=5;<br />
}<br />
$('iframe').each(function(index,item) {<br />
if($(item).attr('src').match(/(https?:)?\/\/www\.youtube\.com/)) {<br />
var w=$(item).attr('width');<br />
var h=$(item).attr('height');<br />
var ar = h/w*100;<br />
ar=ar.toFixed(2);<br />
//Style iframe <br />
$(item).css('position','absolute');<br />
$(item).css('top','0');<br />
$(item).css('left','0'); <br />
$(item).css('width','100%');<br />
$(item).css('height','100%');<br />
$(item).css('max-width',w+'px');<br />
$(item).css('max-height', h+'px'); <br />
$(item).wrap('<div style="max-width:'+w+'px;margin:0 auto; padding:'+YOUTUBE_VIDEO_MARGIN+'px;" />');<br />
$(item).wrap('<div style="position: relative;padding-bottom: '+ar+'%; height: 0; overflow: hidden;" />');<br />
}<br />
});<br />
});</div>
<div style="text-align: justify;">
<h4> यह काम किस प्रकार करता है। </h4></div>
<div style="text-align: justify;">
बताई गयी स्क्रिप्ट पेज में youtube वीडियो iframe को स्वतः ही मोबाइल फ्रेंडली संस्करण के साथ उन्हें बदल देता है। उदाहरण के लिए, यहाँ एक एम्बेडेड यूट्यूब iframe को नए कोड के साथ बदलने का तरीका बताया गया है -
<div class="blockquote"><div style="max-width:560px;margin:0 auto; padding:5px;"><br />
<div style="position: relative;padding-bottom: 56.25%; height: 0; overflow: hidden;"><br />
<iframe width="560" height="315" frameborder="0" allowfullscreen="" src="https://www.youtube.com/embed/hzixp8s4pyg?showinfo=0" style="position: absolute; top: 0px; left: 0px; width: 100%;<br /> height: 100%; max-width: 560px; max-height: 315px;"></iframe><br />
</div><br />
</div><br />
</div>
आप देख सकते हैं, उक्त कोड में youtube iframe को एक div टैग से बदला गया है वीडियो शुरू में मूल आकार में दिखाई देंगे और जैसे ही ब्राउज़र चौड़ाई कम होती है, तो यह उसके अनुसार स्वतः ही मोबाइल आकर में रूपांतरित हो जायेगा । </div>
</div>
<h1>Step 4 :- </h1>
ऊपर उदाहरण में बताये गए div टैग से अपने ब्लॉग पोस्ट के youtube iframe कोड को बदले .....
<h4>Livedemo</h4>
<center><span class="Livedemo"><a href="https://responsivetest.net/#u=https://hindi4tech.blogspot.com/2012/06/blog-post_13.html|480|800|1.5" target="_blank">Mobile Version Cheak</a></span></center><br /><br />पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com50tag:blogger.com,1999:blog-5469040551473323623.post-55963019095544085942015-06-20T13:21:00.000+05:302018-07-06T15:11:31.514+05:30ब्लॉग टेम्पलेट को कैसे मोबाइल फ्रेंडली बनाये ( Responsive Web Design)<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-RcvMoumsttg/VYUCB-kk-tI/AAAAAAAAEUM/Q_xS5vt53EM/s1600/Design%2BResponsive%2BBlogger%2Btemplate.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-RcvMoumsttg/VYUCB-kk-tI/AAAAAAAAEUM/Q_xS5vt53EM/s1600/Design%2BResponsive%2BBlogger%2Btemplate.png" /></a></div>
मोबाइल फ्रेंडली वेब डिज़ाइन इन दिनों प्रोफेशनल वेब डिजाइनिंग का एक हिस्सा बन गई है। यहां तक कि अपनी वेबसाइट या ब्लॉग पर हर कोई मोबाइल फ्रेंडली वेब डिजाइन चाहता हैं। लगभग सभी बड़े वेब प्लेटफार्म मोबाइल फ्रेंडली वेब संस्करण का उपयोग कर रहे हैं। मोबाइल फ्रेंडली वेब डिज़ाइन तेज गति से लोड होने के साथ ही Seo Friendly भी है । लेकिन मुख्य सवाल है, हम मोबाइल फ्रेंडली वेब डिज़ाइन के रूप में वेबसाइट टेम्पलेट डिजाइन कर सकते हैं,हम मोबाइल फ्रेंडली ब्लॉग टेम्प्लेट के रूप में ब्लॉगर आधारित टेम्पलेट डिजाइन कर सकते है? तो जवाब है , हाँ आप कर सकते हैं। जैसा की आप जानते है की ब्लॉगर ब्लॉग के विकास के लिए एक बड़ा सीएमएस मंच है। यहां तक कि ब्लॉगर प्लेटफार्म पर WordPress की तुलना में कई अदभुत फीचर हैं। WordPress की तुलना में टेम्पलेट डिजाइन और अधिक आसान ब्लॉगर में है। आकर्षक वेब डिजाइन करने के लिए हमे उन्नत तकनीकी डिजाइन भाषाओं जैसे : एचटीएमएल, सीएसएस, js , jQuery, ajax आदि की जरूरत होती है।<br />
इसी कड़ी में आज मैं आपको मोबाइल फ्रेंडली ब्लॉगर टेम्पलेट में अपने वर्तमान ब्लॉगर टेम्पलेट को परिवर्तित करने के लिए कुछ आसान चरण जिनसे की कुछ ही पलो में आपकी ब्लॉग टेम्पलेट पूरी तरह मोबाइल फ्रेंडली होगी बस नीचे बताई प्रक्रिया अपनाये :- </div>
<div style="text-align: justify;">
<h4>
मोबाइल फ्रेंडली डिजाइन का मतलब क्या है? </h4>
</div>
<div style="text-align: justify;">
एक मोबाइल फ्रेंडली वेबसाइट या ब्लॉग बनाने का उद्देश्य विभिन्न स्क्रीन आकार के डिवाइस पर ब्लॉग या वेबसाइट को भली भांति दिखाना जैसे : डेस्कटॉप, लैपटॉप, टैबलेट, स्मार्टफोन आदि । साधारण सा प्रक्रिया है की विभिन्न स्क्रीन आकार हेतु स्टाइलशीट का उपयोग करके मोबाइल फ्रेंडली वेबसाइट या ब्लॉग तैयार किया जा सकता है । इन दिनों हर ब्लॉग प्रयोक्ता मोबाइल फ्रेंडली वेबसाइट या ब्लॉग पसंद करते हैं कारन स्मार्ट फ़ोन का बढ़ता प्रचलन और ब्लॉग के तरफ लोगो की बढ़ती रूचि। </div>
<div style="text-align: justify;">
<h4>
सबसे अच्छा मोबाइल फ्रेंडली डिजाइन या मोबाइल संस्करण कौन सा है? </h4>
</div>
<div style="text-align: justify;">
<ul style="text-align: left;">
<li> मोबाइल संस्करण वेब वर्सन की तुलना में अधिक एसईओ अनुकूल हैं। </li>
<li>मोबाइल फ्रेंडली वेब डिज़ाइन स्मार्टफोन, टेबलेट या अन्य उपकरणों के अनुसार खुद को समायोजित करता है । </li>
<li>मोबाइल फ्रेंडली वेब डिज़ाइन साइट लोड करने की गति को कम करती है , जिससे वेबसाइट या ब्लॉग का समग्र प्रदर्शन बढ़ जाता है। </li>
<li>मोबाइल फ्रेंडली वेब डिज़ाइन द्वारा अपनी आय बढ़ाने के लिए और अपनी कमाई को अधिकतम करने के लिए आप गूगल की AdMob विज्ञापन इकाई का उपयोग कर सकते हैं। </li>
</ul>
</div>
<div style="text-align: justify;">
<h4>
मोबाइल फ्रेंडली वेब डिज़ाइन में अपने वर्तमान ब्लॉगर टेम्पलेट कन्वर्ट करना</h4>
</div>
<div style="text-align: justify;">
इससे पहले कि आप नीचे बताई प्रक्रिया अपने ब्लॉग पर सक्रिय करे निवेदन करूँगा की टेम्पलेट विकल्प पर जा कर अपनी पूरी ब्लॉग टेम्पलेट डाउनलोड करे । </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<h1>
Step 1 :- </h1>
<ul style="text-align: left;">
<li>keyboard की ctrl+F कुंजी दबाये व यहाँ <span style="color: blue;"> <head> </span> कोड तलाशे</li>
<li><span style="color: blue;">अब इस कोड के ठीक बाद में नीचे दिया गया पूरा कोड यथावत डाल दे</span></li>
</ul>
<div class="blockquote">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/></div>
<h1>
Step 2 :- </h1>
<ul style="text-align: left;">
<li>सबसे पहले <a href="https://blogger.com/">ब्लॉगर</a> खाते में प्रवेश करे , यहाँ जाये <b>Blogger</b>---><b>Design</b>---><b>Edit HTML</b></li>
<li>अब ऊपर expand widget template cheakbox पर क्लिक करे</li>
<li>अब keyboard की ctrl+F कुंजी दबाये व यहाँ <span style="color: blue;"> ]]></b:skin> </span> कोड तलाशे</li>
<li><span style="color: blue;">अब इस कोड के ठीक पहले नीचे दिया गया पूरा कोड यथावत डाल दे</span></li>
</ul>
<div class="scroll">
@media screen and (max-width : 1280px) {<br />
<br />
/* For Size Screen Less than 1280 ---*/<br />
<b>/* CSS CODE HERE FOR DESKTOP ---*/</b><br />
}
@media screen and (max-width : 1024px) {<br />
<br />
/* For Size Screen Less than 1024 ---*/ <br />
<b>/* CSS CODE HERE FOR TABLETS ---*/</b><br />
}
@media screen and (max-width : 768px) {<br />
<br />
/* For Size Screen Less than 768 ---*/ <br />
<b>/* CSS CODE HERE FOR SMALL TABLETS ---*/</b><br />
}
@media screen and (max-width : 640px) {<br />
<br />
/* For Size Screen Less than 640 ---*/<br />
<b>/* CSS CODE HERE FOR IPHONE ---*/</b><br />
}
@media screen and (max-width : 480px) {<br />
<br />
/* For Size Screen Less than 480 ---*/<br />
<b>/* CSS CODE HERE FOR SMARTPHONES ---*/</b><br />
}
@media screen and (max-width : 320px) {<br />
<br />
/* For Size Screen Less than 320 ---*/<br />
<b>/* CSS CODE HERE FOR SMALL MOBILES ---*/</b><br />
}</div>
अपने ब्लॉग के सभी कोड्स जैसे <span style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px;">Header, Post Body, Sidebar, Footer </span> और अन्य खंड हेतु कोड रखे। <br />
<br /></div>
<div class="tip">
/* CSS CODE HERE ---*/ कोड को नीचे उदाहरण में बताये अनुसार बदले </div>
<div style="text-align: justify;">
<h4>
@media स्क्रीन टैग अलग अलग स्क्रीन आकार के लिए उत्तरदायी है </h4>
</div>
<div style="text-align: justify;">
(max-width : **px) कोड से आशय है की इस कोड से अधिकतम चौड़ाई पर यह कोड स्वतः ही निष्क्रिय हो जायेगा उद्धरण के लिए आपने इस कोड को 320 px के अंतर्गत रखा तो यह कोड सिर्फ (0 -320 px ) तक ही कार्य करेगा जैसे ही स्क्रीन साइज 320 पक्स से अधिक हुई यह कोड निष्क्रिय हो जायेगा </div>
</div>
<h4>
एक उदाहरण देखें</h4>
<div style="text-align: justify;">
<div class="blockquote">
#main-wrapper { width:100%; margin:0px auto; }<br />
.header-wrapper { width:100%; }<br />
#content { margin-right:0; width:100%; float:left; }<br />
#sidebar { display:none; }<br />
#footer-wrapper { display:none; }<br />
}</div>
</div>
<div class="tip">
नीचे मेरे दोनों ब्लॉग Hindi4Tech , और Asha The Blog दोनों का ही मोबाइल वर्सन बताया गया है निवेदन करूँगा पहले मोबाइल संस्करण चेक करले :- </div>
<h1>
1.Hindi4Tech</h1>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://4.bp.blogspot.com/-GLQhN62GYAk/VYUPdg35gBI/AAAAAAAAEUc/XzNYbghtLBM/s1600/hindi4tech_large_previewggg.png" /></div>
<br />
<center>
<span class="Livedemo"><a href="https://responsivetest.net/#u=https://hindi4tech.blogspot.in/|480|800|1.5" target="_blank">Mobile Version Cheak</a></span></center>
<br />
<br />
<h1>
2.Asha TheBlog</h1>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://2.bp.blogspot.com/-ShqKwt9CwIE/VYUPdQkm5SI/AAAAAAAAEUY/Emz-TaL-1o4/s1600/asha-theblog_large_preview%2Bcopy.jpg" /></div>
<br />
<center>
<span class="Livedemo"><a href="https://responsivetest.net/#u=https://asha-theblog.blogspot.in/|480|800|1.5" target="_blank">Mobile Version Cheak</a></span></center>
<br />
<br />
//// परिवर्तन सहजने के बाद गूगल सर्च में आपका ब्लॉग लिंक कुछ इस तरह दिखाई देगा.....<br />
<blockquote class="tr_bq" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-xJhRFqM0qoA/VYUW5JZ8s8I/AAAAAAAAEU4/fQewZgaK_-E/s1600/2015-06-20-12_20_28%2B%25281%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://4.bp.blogspot.com/-xJhRFqM0qoA/VYUW5JZ8s8I/AAAAAAAAEU4/fQewZgaK_-E/s640/2015-06-20-12_20_28%2B%25281%2529.png" width="360" /></a></blockquote>
</div>
पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com134Jaipur, Rajasthan, India26.9124336 75.78727090000006726.4592396 75.141823900000063 27.3656276 76.432717900000071tag:blogger.com,1999:blog-5469040551473323623.post-90036903362717436092015-03-23T15:31:00.000+05:302018-07-06T15:11:49.224+05:30ब्लॉगर मोबाइल संस्करण पर Whatsapp, Email , Sms शेयर बटन कैसे जोड़े <div style="text-align: justify;">
हिंदी ब्लॉगर के लिए फेसबुक , ट्विटर , व्हाट्सएप्प जैसे सोशल नेटवर्क की हमेशा ही अहम भूमिका रही है। आज ब्लॉगर और इसी के साथ वर्डप्रेस , सेल्फ होस्टेड साइट आदि चिट्ठो पर पाठको के आवागमन का अनुमान लगाया जाये तो हम देखते है की ब्लॉगों पर प्रतिदिन आने वाले पाठको में सोशल नेटवर्क साइट्स द्वारा सबसे ज्यादा पाठको का आवागमन रहा है , निश्चित रूप से कारण फेसबुक , व्हाट्सएप , ट्विटर जैसे सोशल नेटवर्क का बढ़ता हुआ प्रचलन और लोगो का इस और बढ़ता हुआ जबरदस्त रुझान। </div>
<div style="text-align: justify;">
आज के इस ट्यूटोरियल में बताया गया है की कैसे अपनी ब्लॉग पोस्ट को साझा करने के लिए WhatsApp Share, Email Share और Sms Share के द्वारा लोगो तक पहुचाया जाये । बस नीचे दी हुई प्रक्रिया अपनाये और अपने ब्लॉग पर कुछ ही मिनटों में WhatsApp Share, Email Share और Sms Share बटन द्वारा ब्लॉग ट्रैफिक बढ़ाये , ध्यान दे की ब्लॉग द्वारा ब्लॉगर पाठको को दी गयी आधिकारिक मोबाइल टेम्पलेट पर यह कोड कार्यशील नहीं है इस सम्बन्ध में निवेदन करेंगे की अपनी ब्लॉग टेम्पलेट को मोबाइल फ्रेंडली (Responceive ) ब्लॉग टेम्पलेट में बदले तत्पश्चात नीचे बताये कोड का इस्तेमाल करे। </div>
<h4>विजेट ब्लॉग पर ले जाये </h4><h1>Step 1 :- </h1>
<ul style="text-align: left;"><li>अपने ब्लॉगर खाते में प्रवेश करे</li><li>अब <b>Template पर जाये </b></li><li>अब <b>Backup/Restore</b> पर क्लिक कर टेम्पलेट सेव करे</li><li>अब <strong>Mobile Template Setting </strong>पर जाये </li></ul><br /><br />
<a href="https://3.bp.blogspot.com/-oyr69nm0LvI/VQ_hUeQ6bSI/AAAAAAAADjg/6JY5H_kElqs/s1600/blogger-mobile-template-edit1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="whatsapp-share-email-share-sms-share-button-for-blogger-mobile" border="0" src="https://3.bp.blogspot.com/-oyr69nm0LvI/VQ_hUeQ6bSI/AAAAAAAADjg/6JY5H_kElqs/s1600/blogger-mobile-template-edit1.jpg" height="640" title="whatsapp-share-email-share-sms-share-button-for-blogger-mobile" width="604" /></a><br />
<br />
<h1>Step 2 :-</h1>
<ul style="text-align: left;"><li>अब <strong>Edit HTML </strong>पर जाये</li><li> अपनी ब्लॉग टेम्पलेट में नीचे दिए गए कोड खोजें:<br /></li></ul>
<div class="blockquote"><div class=’post-header’><br />
<div class=’post-header-line-1’/><br />
</div> </div><br /><br />
इस कोड के बाद, नीचे बताया पूरा कोड यथावत पेस्ट करें:
<div class="blockquote"><p><a data-action=”share/whatsapp/share” href=”whatsapp://send?text=” id=”wshare” onclick=”share()” >Share on Whatsapp</a><br />
<a href=”sms://+91?body=” id=”smsshare” onclick=”share()” >Share Via SMS</a><br />
<a href=”mailto:urfrnd@mail.com?body=” id=”emailshare” onclick=”share()” >Share via Email</a><br />
<script><br />
function share(){<br />
var elements = document.getElementsByClassName(&quot;entry-content&quot;);<br />
document.getElementById(&quot;wshare&quot;).href+=elements[0].textContent + &#39; For More posts visit URL&#39;;<br />
document.getElementById(&quot;smsshare&quot;).href+=elements[0].textContent + &#39; For More posts visit URL&#39;;<br />
document.getElementById(&quot;emailshare&quot;).href+=elements[0].textContent + &#39; For More posts visit URL&#39;;<br />
}<br />
</script></p></div><br /><br />
टेम्पलेट सहेजें और परिणाम की जाँच करें। आशा करते है कोड आप सभी की ब्लॉग टेम्पलेट में ठीक तरह से काम कर रहा होगा किसी परेशानी के चलते कमेंट के माध्यम से संपर्क करे।पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com60tag:blogger.com,1999:blog-5469040551473323623.post-33950797884921861702014-12-15T14:36:00.008+05:302023-05-16T18:34:52.542+05:30Hindu Panchang & Hindi Rashifal Widget For Blogger/ Wordpress Website/ Astrology Widget Horoscope Widget Daily Horoscope Hindi<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-ClQi7L6qgiE/UMw8JCSehNI/AAAAAAAACEY/RQR_0EGFJOk/s1600/hinducalendar.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="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" border="0" height="100" src="https://3.bp.blogspot.com/-ClQi7L6qgiE/UMw8JCSehNI/AAAAAAAACEY/RQR_0EGFJOk/s200/hinducalendar.jpg" title="Hindu Panchang & Hindi Rashifal Widget For Blogger/ Wordpress" width="92" /></a></div>
हिंदी ब्लोग्स के लिए हिन्दू तिथि पंचांग, और हिंदी राशिफल विजेट। विजेट की खासियत में यह ही कहना चाहूँगा की हिन्दू पंचांग विजेट प्रतिदिन की तिथि, वार , समय, योग, नक्षत्र आदि सभी की जानकारी देता है।। और हिंदी राशिफल विजेट सभी 12 राशियों का दैनिक राशिफल बताता है .. यह राशिफल प्रतिदिन स्वतः ही अपडेट होता रहता है ,,, नीचे क्रमशः दोनों विजेट के लाइव डेमो के साथ ही इन्हे अपने ब्लॉग/ साईट पर ले जाने का लिंक भी दिया है . ....
<br />
आशा करता हूँ विजेट आप पसंद करेंगे :-)
<br />
<br />
<br />
<br />
<h1>
Hindu Panchang Widget</h1>
<div style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRPb8MqGwHc2K6v3U5mOz0u2yXxFVEdOgLQL0ntERjiT8lojbe13gSPM7UBxFHTbr4tKNPQfzN2IDAcCtucNLR-teQ1Z4xz0GC2bdZtyFF1m2f53RlDMW8HeoJWpayVF6FrhMN5mVxXSWw/s1600/panchangyyy+copy.png") no-repeat scroll left top transparent; height: 325px; margin: 0px auto; overflow: hidden; padding: 40px 0px 0px 5px; text-align: left; width: 290px;">
<iframe allowtransparency="true" frameborder="0" scrolling="auto" src="https://www.igtab.com/shindig/gadgets/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/109787730588197067267/hindi_panchang.xml&lang=en&country=ALL" style="border: 2px solid #ddd; height: 270px; width: 273px;"></iframe>
</div>
<br />
<!-- link ad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8983742341119738"
data-ad-slot="8753628583"
data-ad-format="link"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<h4>
Install Code:- </h4>
<div class="blockquote">
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRPb8MqGwHc2K6v3U5mOz0u2yXxFVEdOgLQL0ntERjiT8lojbe13gSPM7UBxFHTbr4tKNPQfzN2IDAcCtucNLR-teQ1Z4xz0GC2bdZtyFF1m2f53RlDMW8HeoJWpayVF6FrhMN5mVxXSWw/s1600/panchangyyy-copy.png') no-repeat scroll left top transparent; height: 325px;overflow:hidden!important; margin: 0px auto; padding: 40px 0px 0px 5px; text-align: left; width: 290px;"><iframe style="width: 273px; height: 270px;border: 2px solid #ddd;" src="https://www.igoogleportal.com/shindig/gadgets/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/109787730588197067267/hindi_panchang.xml&lang=en&country=ALL" allowtransparency="true" frameborder="0" scrolling="auto">
</div></div>
<br />
<br />
<br />
<!-- hindi4tech_magazine-right2_AdSense6_1x1_as -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8983742341119738"
data-ad-slot="5326307743"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<h1>
English Rashifal Widget</h1>
<center>
<iframe frameborder="0" height="500" scrolling="no" src="https://bit.ly/2DLbYIl" width="300"></iframe></center>
<br />
<h4>
Install Code:- </h4>
<div class="blockquote">
<iframe src="https://bit.ly/2DLbYIl" height="500" width="300" scrolling="no" frameborder="0"></iframe></div>
</div>
पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com58tag:blogger.com,1999:blog-5469040551473323623.post-34706618959898242662014-11-25T17:01:00.000+05:302018-07-07T14:04:23.825+05:30हिंदी ब्लॉग्स के लिए आज से एक नया ब्लॉग संकलक !<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<a href="https://3.bp.blogspot.com/-913RBuFtVqU/VHRnL83GGdI/AAAAAAAADY4/ijbWovmtoV8/s1600/hindi-blog-directory%2Bcopy.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: justify;"><img border="0" src="https://3.bp.blogspot.com/-913RBuFtVqU/VHRnL83GGdI/AAAAAAAADY4/ijbWovmtoV8/s1600/hindi-blog-directory%2Bcopy.png" height="94" width="320" /></a> जी हाँ , सही सुना , वैसे तो हिंदी ब्लॉग्स के लिए ब्लॉग जगत में सेकड़ो की संख्या में ब्लॉग संकलक मौजूद है , और इसी कड़ी में आज आपके सामने एक नया ब्लॉग संकलक। पिछले ४ वर्षो के भीतर हिंदी ब्लॉग जगत में कई ब्लॉग संकलक अनवरत एक के बाद आते गए इनमे कुछ सफल हुए और कुछ अन्य कारणों से कुछ ही समय में अलविदा कह गए , अपनीवाणी, चिट्ठाजगत ऐसे ही कुछ ब्लॉग संकलकों का जिवंत उदाहरण है , खेर जो भी है फ़िलहाल तो आप सभी को इस नए ब्लॉग संकलक से रूबरू कराना था , </div>
<div>
<!-- link ad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8983742341119738"
data-ad-slot="8753628583"
data-ad-format="link"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div style="text-align: justify;">
आशा करता हूँ , इस प्रयास को आप सराहेंगे , इस नए ब्लॉग संकलक के बारे में बताना चाहूंगा की अन्य ब्लॉग डायरेक्टरी की तरह यहाँ भी आपको ब्लॉग पंजीकरण के कुछ आसान प्रक्रिया से गुजरना होगा , और कुछ ही मिनटों में आपका ब्लॉग , ब्लॉग संकलक पर सक्रिय होगा। </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
हमारे इस नए ब्लॉग संकलक के बारे में अपने विचार , परेशानी , राय को अवश्य शेयर करे :-)</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<span class="Livedemo"><a href="https://hindiblogdirectoryindia.blogspot.com" target="_blank">अपना ब्लॉग जोड़ने के लिए यहाँ क्लिक करे </a></span></div>
<div>
<br /></div>
<div>
<br /></div>
</div>
पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com94tag:blogger.com,1999:blog-5469040551473323623.post-32856797956657917472013-08-06T14:33:00.000+05:302018-07-06T15:13:32.088+05:303+ Professional Blogger Templates For Download<div style="text-align: justify;">
ब्लॉग टेम्पलेट किसी भी ब्लॉग के सफलता के लिए बेहद मायने रखती है। ब्लॉग का सिर्फ बेहतर दिखना ही ब्लॉग की यथार्ताता साबित नहीं करता। इसके अतिरिक्त भी कई आवश्यक पहलु जैसे , सर्च इंजन ऑप्टिमाइजेशन , ब्लॉग गुणवत्ता आदि कई बाते भी इस समबन्ध में उतना ही मायने रखती है जितना की ब्लॉग का डिजाईन। हिनदी ४ टेक ब्लॉग पर मैने पिछले लेखो में भी ब्लॉगर ब्लॉग के लिए SEo Friendly , Professhional ब्लॉगर टेम्पलेट सुझाई थी जो नीचे क्रमशः लिंक में बताई गई है। </div>
<ul style="text-align: left;">
<li><a href="https://hindi4tech.blogspot.com/2012/07/asha-blogger-template-7-ultimate.html">Asha Blogger Template ( 7+ Ultimate Version)</a></li>
<li><a href="https://hindi4tech.blogspot.com/2011/10/15-high-defination-templete-for-blogger.html">15 + उच्च संस्करण blogger templete</a></li>
<li><a href="https://hindi4tech.blogspot.com/2011/10/ultimate-css-templete-for-blogger.html">Css Template For Blogger</a> </li>
</ul>
<div style="text-align: justify;">
वर्ष २०११ से आज तक मैने सेकड़ो ऐसे हिंदी ब्लॉग देखे जिनमे के अतिदुर्लभ सामग्री , और दुर्लभ विषयो का संग्रह है बावजूद इसके वे सभी ब्लॉग गूगल सर्च , और सर्च इंजन ऑप्टिमाइजेशन में पिछडे हुए है । हिंदी ४ टेक ब्लॉग पर क्रमशः ब्लॉग टेम्पलेट को सुझाने के पीछे एक मात्र मकसद उन सभी हिंदी ब्लॉग और चिठो को बढावा देने से ही है .…. हिंदी ४ टेक ब्लॉग पर सुझाई गई लगभग सभी ब्लॉग टेम्पलेट पूरी तरह से Seo , HTml Valid Coding और Mobile Device Friendly है सुझाई गयी सभी टेम्पलेट में गूगल सर्च इंजन में ब्लॉग रैंकिंग को बेहतर करने के लिए सभी आवश्यक Meta टैग मोजूद है.…. </div>
<div style="text-align: justify;">
इसी संदर्भ में आज Hindi Blogs के लिए मेरा सुझाव ये तिन प्रोफेशनल ब्लॉग टेम्पलेट जो ऊपर बताये गए सभी विषयों को ध्यान में रख कर ही डिजाईन की गयी है। नीचे सभी का स्क्रीनशॉट भी मोजूद है डाउनलोड करने के लिए डाउनलोड लिंक पर क्लिक करे। </div>
<h1> My Blogger Tricks </h1><br /><img style="display:block; margin:0px auto 0px; text-align:center;cursor:pointer; cursor:hand;width: 600px; height: 350px;" src="https://3.bp.blogspot.com/-kFW7N58isp0/Uf5IXBT4YpI/AAAAAAAACf4/P4k6UzaX3UU/s400/mybloggertricks-blogger-template-free-download.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5661045976856337394" /><br /><br /><div style="text-align: center;"><br /><span class="Livedemo"><a href="https://www.upfordown.com/public/pdownload/127231/My Blogger Tricks (RockingTemplates.com).zip?no_history" target="_blank">Download</a></span></div><br />
<h1> My Blogger Lab </h1><br /><img style="display:block; margin:0px auto 0px; text-align:center;cursor:pointer; cursor:hand;width: 600px; height: 350px;" src="https://1.bp.blogspot.com/-udBRnTpjGzY/Uf5IW7WClaI/AAAAAAAACf0/6qTV63GNAb0/s400/mybloggerlab-template-free-download.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5661045976856337394" /><br /><br /><div style="text-align: center;"><br /><span class="Livedemo"><a href="https://www.upfordown.com/public/pdownload/127233/My%20Blogger%20Lab.zip" target="_blank">Download</a></span></div><br />
<h1> Google Search </h1><br /><img style="display:block; margin:0px auto 0px; text-align:center;cursor:pointer; cursor:hand;width: 600px; height: 350px;" src="https://1.bp.blogspot.com/-3C2swzpBqp4/Uf5IT0NfkrI/AAAAAAAACfs/3BSxSK4ywME/s400/google-search-blogger-template-download1.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5661045976856337394" /><br /><br /><div style="text-align: center;"><br /><span class="Livedemo"><a href="https://sdacademyjhabua.blogspot.in" target="_blank">View Live Demo</a></span></div><br />
<div style="text-align: justify;">
आशा करता हूँ , लेख और बताई गयी ब्लॉग टेम्पलेट आपके ब्लॉग के लिए उपयोगी साबित होगी :० )</div>पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com57tag:blogger.com,1999:blog-5469040551473323623.post-22880479680762776502013-06-25T11:51:00.000+05:302018-07-06T15:13:51.146+05:30गूगल सर्च में पोस्ट Thumb और रेटिंग इमेज कैसे दिखाए ..<div style="text-align: justify;">
<div class='cutter hitamputih hideungbodas-tibalik'><a href="https://3.bp.blogspot.com/-VBasQtLYmSM/Ucky9V5N35I/AAAAAAAACWU/e0y5PCbCVZQ/s1600/star-rating-post-thumb-in-google-search-for-blogger-post-hindi4tech+copy.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="180" src="https://3.bp.blogspot.com/-VBasQtLYmSM/Ucky9V5N35I/AAAAAAAACWU/e0y5PCbCVZQ/s200/star-rating-post-thumb-in-google-search-for-blogger-post-hindi4tech+copy.png" width="180" /></a></div>Hindi4Tech के पिछले लेख में मैंने बताया था की कैसे <a href="https://hindi4tech.blogspot.com/2011/10/show-author-profile-picture-next-to.html" target="_blank">गूगल सर्च में Google + प्रोफाइल और image दिखाए</a>, और कैसे <a href="https://hindi4tech.blogspot.com/2012/09/breadcrumb-navigation-blogger-blog.html" target="_blank">गूगल सर्च में सम्बंधित पोस्ट की Lable या श्रेणी दर्शाए</a> इसी कड़ी में आज के इस लेख में बताया है की कैसे गूगल सर्च में सम्बंधित पोस्ट की छवि के साथ ही पोस्ट रेटिंग image दिखाई जाये ... अपनी ब्लॉग टेम्पलेट में कुछ मामूली से फेर बदल और नीचे बताये कुछ आसान Step से कुछ ही मिनटों में यह सुविधा आपके ब्लॉग पर होगी इसे अपने ब्लॉग पर सक्रिय करने से पहले देखे की गूगल सर्च में आपका ब्लॉग लिंक किस तरह दिखाई देगा ....</div>
<br/><br/><br/>
<h1>Search Engine Screenshot</h1><div style="text-align: center;">
<a href="https://3.bp.blogspot.com/-twLSoWPFtaA/UckxcSdlELI/AAAAAAAACWE/6RT1xG5lDv0/s1600/post-thumb-rating-image-for-blogger-blog-hindi4tech+copy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-twLSoWPFtaA/UckxcSdlELI/AAAAAAAACWE/6RT1xG5lDv0/s1600/post-thumb-rating-image-for-blogger-blog-hindi4tech+copy.jpg" /></a>
</div><br/><br/>
<h1>Blog Screenshot</h1><div style="text-align: center;">
<a href="https://3.bp.blogspot.com/-x2UWaBFcWTE/Uck1soX6XtI/AAAAAAAACWk/WR6BI8ce-oQ/s1600/post-thumb-rating-image-for-blogger-blog-hindi4tech2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-x2UWaBFcWTE/Uck1soX6XtI/AAAAAAAACWk/WR6BI8ce-oQ/s1600/post-thumb-rating-image-for-blogger-blog-hindi4tech2.jpg" /></a>
</div>
<h4>विजेट ब्लॉग पर ले जाये </h4><h1>Step 1 :- </h1>
<ul style="text-align: left;"><li>अपने ब्लॉगर खाते में प्रवेश करे</li><li>अब <b>Template पर जाये </b></li><li>अब <strong>Edit HTML </strong>पर जाये </li><li>अब <b>Backup/Restore</b> पर क्लिक कर टेम्पलेट सेव करे</li><li>अब अपनी ब्लॉग टेम्पलेट में ]]></b:skin> कोड तलाशे </li><li>इस कोड के ठीक पहले नीचे बाते गया कोड डाले</li></ul>
<div class="blockquote">.hrecipe{font:1px oswald;}</div>
<h1>Step 2 :- </h1>
<ul style="text-align: left;"><li>अब अपनी ब्लॉग टेम्पलेट में <b><body></b> कोड तलाशे</li><li>इस कोड के ठीक पहले नीचे बाते गया कोड डाले</li></ul>
<div class="blockquote"><div><div itemscope='' itemtype='https://data-vocabulary.org/Recipe'></div>
<h1>Step 3 :- </h1>
<ul style="text-align: left;"><li>अब अपनी ब्लॉग टेम्पलेट में <h3 class='post-title entry-title'> कोड तलाशे</li><li>इस पुरे कोड को नीचे बताये नए कोड से बदले </li></ul>
<div class="blockquote"><span style="color: red;"><span itemprop='itemreviewed'><span itemprop='description'></span><br />
<h3 class='post-title entry-title' <span style="color: red;">itemprop='name</span>'></div>
<h1>Step 4 :- </h1>
<ul style="text-align: left;"><li>अब इस पुरे कोड को <span style="color: red;"> </span></span></span> टैग से बंद करे</li><li><b>देखे की ये कोड आपके ब्लॉग टेम्पलेट में कुछ इस तरह दिखाई देगा :</b></li></ul>
<div class="blockquote"><span style="color: red;"><b><span itemprop='itemreviewed'><span itemprop='description'></b></span><br />
<h3 class='post-title entry-title' <span style="color: red;"><b>itemprop='name'</b></span>><br />
<b:if cond='data:post.link'><br />
<a expr:href='data:post.link'><data:post.title/></a><b:else/><br />
<b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a><br />
<b:else/><data:post.title/><br />
</b:if><br />
</b:if><br />
</h3><br />
<b><span style="color: red;"></span></span></span></b></div>
<br />
<h1>Step 5 :- </h1>
अब नीचे बताये पुरे कोड को या तो अपनी ब्लॉग टेम्पलेट में <b><data:post.body/></b> के ठीक नीचे या post footer भाग में कही भी यथावत डाल दे
<div class="blockquote"><div class='hrecipe'><br />
<span class='item'><br />
<span class='fn'><b><span style="color: red;">Blog Title</span></b></span><br />
</span><br />
<img class='photo' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/><br />
By <span class='author'><b><data:blog.title/></b></span><br />
Published: <span class='published'><data:post.timestampISO8601/></span><br />
<span class='summary'><data:post.title/></span><br />
<span class='review hreview-aggregate'><br />
<span class='rating'><br />
<span class='average'>3</span><br />
<span class='count'>11</span> reviews<br />
</span><br />
</span><br />
</div></div>
<h1>Step 6:- </h1>
<ul style="text-align: left;"><li>अब अपनी ब्लॉग टेम्पलेट में </body> कोड तलाशे</li><li>इस कोड के ठीक बाद में नीचे बाते गया कोड डाले</li></ul>
<div class="blockquote"></div></div></div>
<br />
<div class="tip">अब अपनी ब्लॉग टेम्पलेट सेव करे .. ध्यान दे की ऊपर बताई प्रक्रिया पूरी करने के ८-१ ० दिन के भीतर जब भी Google Fetch द्वारा आपके ब्लॉग को Reboot किया जायेगा .. गूगल सर्च में बताये अनुसार Preview दिखाई देने लगेगा ..निवेदन करूँगा की कम से कम 8 से १0 दिन का इंतजार अवश्य करे ....</div>
<br /><br />
प्रक्रिया पूरी करने के बाद नीचे बताई लिंक पर जाकर देखे की आपका ब्लॉग गूगल सर्च में कैसा दिखाई देगा<br />
<a href="https://www.google.com/webmasters/tools/richsnippets">https://www.google.com/webmasters/tools/richsnippets</a><br /><br />
आशा करता हूँ लेख आपके लिए उपयोगी होगा :-) किसी तरह की परेशानी के चलते Comment के माध्यम से संपर्क करे ...<br />पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com61Jhabua, Madhya Pradesh, India22.769666 74.59209209999994522.740383 74.551751599999946 22.798949 74.632432599999945tag:blogger.com,1999:blog-5469040551473323623.post-69338976497717830392013-06-12T15:41:00.002+05:302018-07-06T14:01:55.853+05:30Hindi4tech 2'nd Annivercery<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="cutter hitamputih hideungbodas-tibalik">
<a href="https://1.bp.blogspot.com/-ohEcBGao7fw/UbhGK8fzZtI/AAAAAAAACNM/QU1jyat41_g/s1600/hindi4tech_2_annivercery.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="250" src="https://1.bp.blogspot.com/-ohEcBGao7fw/UbhGK8fzZtI/AAAAAAAACNM/QU1jyat41_g/s320/hindi4tech_2_annivercery.png" width="320" /></a></div>
<br />
<div style="text-align: justify;">
जी हाँ सही सुना। <a href="https://hindi4tech.blogspot.com/2012/05/hindi4tech-1st-annivercery.html" target="_blank">Hindi4Tech</a> ब्लॉग आज २ वर्ष पूरे कर चूका है . ..वर्ष २०११ में दिनांक ११ मई को <a href="https://hindi4tech.blogspot.com/2012/05/hindi4tech-1st-annivercery.html" target="_blank">Hindi4Tech</a> ब्लॉग की शुरुआत ब्लॉगर ब्लॉग , और तकनीक चेत्र से जुडे कुछ छोटे और आवश्यक पहलुओं को आप सभी के सामने रखने हेतु किया था …। कोशिश हमेशा यही रही की ब्लॉग पर हमेशा नयी जानकारियों के साथ आपके सामने कुछ नया रख सकू ... और शायद अपनी इस कोशिश में काफी हद तक कामयाब भी हुआ हूँ... 2 वर्ष के लम्बे समय अन्तराल में ब्लॉग पर मात्र <a href="https://hindi4tech.blogspot.com/2011/09/blog-sitemap.html" target="_blank">39</a> पोस्ट ही लिख पाया ,, इसके पीछे कभी मेरे व्यक्तिगत कारण और कभी कुछ और ..???? चाहते हुए भी इस हेतु समय नहीं निकाल पाया। ब्लॉग और ब्लॉग पर प्रकाशित लेख महज़ एक कोशिश थी अपने तकनीकी ज्ञान को आप तक पहुचाने की एक कोशिश थी उन सभी जानकारियों को ब्लॉग पर रखने की जो पिछले 4 वर्षो में मैने सिखा ...... और इस छोटी सी कोशिश को आप सभी ने सराहा इसके लिए में सदेव आपका आभारी रहूँगा कोशिश करूँगा कम समय अन्तराल में आपके सामने कुछ नया ला सकू..:) में ब्लॉग के सभी पाठको , प्रशंशको के प्रति कृतज्ञता व्यक्त करता हूँ ....और <b><span style="color: red;">आशा करता हूँ</span></b> कि आपका प्यार, स्नेह और विश्वास मुझ पर और <a href="https://hindi4tech.blogspot.com/2011/09/blog-sitemap.html" target="_blank">Hindi4Tech</a> ब्लॉग पर इसी तरह बना रहेगा ... :)</div>
<br />
<span style="text-align: justify;">समय अभाव के चलते इस पोस्ट को आज पुरे १ माह देरी से अभी सभी की बीच पंहुचा पा रहा हूँ .... खेर जो भी है ??? देर आये दुरुस्त आये .... </span></div>पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com16tag:blogger.com,1999:blog-5469040551473323623.post-15187511213116576782012-09-11T12:54:00.005+05:302018-07-06T14:04:59.306+05:30ब्लॉगर ब्लॉग के लिए Breadcrumbs Navigation विजेट Plugin<a href="https://4.bp.blogspot.com/-iEh1odT3QDo/UE7oQ56Y2XI/AAAAAAAAB-8/G__MWGulaTo/s1600/breadcrumb-navigation-for-blogger.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 321px; height: 189px;" src="https://4.bp.blogspot.com/-iEh1odT3QDo/UE7oQ56Y2XI/AAAAAAAAB-8/G__MWGulaTo/s400/breadcrumb-navigation-for-blogger.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5786817948338936178" /></a>ब्लॉगर ब्लॉग की एक मुलभुत और सबसे आवश्यक सुविधाओ में से एक . Breadcrumbs Navigation का उपयोग ब्लॉगर ब्लॉग पर पाठको को ब्लॉग की स्थिति के साथ ही यह बताने में किया जाता है की वे अभी किस निर्धारित लिंक पर है ... Breadcrumbs Navigation ब्लॉग में पोस्ट शीर्षक के ठीक ऊपर होता है ... इसका लाइव डेमो Hindi4Tech पर भी देखा जा सकता है .. लगाने के फायदों में कुछ यह की पाठको को किसी भी पोस्ट पड़ते समय तुरंत मुख्य प्रष्ट के साथ ही पोस्ट को जिस श्रेणी के अंतर्गत रखा गया है वे सभी पोस्ट भी पोस्ट श्रेणी लिंक पर क्लिक कर आसानी से देखा जा सकता है .. सबसे पहले स्क्रीनशॉट देखे की यह आपके ब्लॉग पर किस तरह दिखाई देगा ...<h1>Blog Screenshot</h1><div style="text-align: center;"><a href="https://1.bp.blogspot.com/-4WF-tUOFnNs/UE7fReeT3WI/AAAAAAAAB-M/_ZbjUff236Q/s1600/breadcrumb-navigation-blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://1.bp.blogspot.com/-4WF-tUOFnNs/UE7fReeT3WI/AAAAAAAAB-M/_ZbjUff236Q/s1600/breadcrumb-navigation-blogger.jpg" border="0" /></a></div><br /><br />ये तो हुई ब्लॉग पर की स्क्रीनशॉट की बात अब नीचे बताये गए दुसरे स्क्रीनशॉट में यह देखे की गूगल सर्च में आपका ब्लॉग लिंक किस तरह दिखाई देगा ... बताये गए स्क्रीनशॉट में ब्लॉग लिंक के साथ पोस्ट को जिस श्रेणी में रखा गया है वह लेबल भी दिखाई देता है जिससे पाठक सीधा लाबेल लिंक पर क्लिक कर उस श्रेणी की सभी पोस्ट को एक साथ देख सकते है ....<h1>Search Engine Screenshot</h1><a href="https://1.bp.blogspot.com/-UpIE-XkLnSY/UE7fShk3hII/AAAAAAAAB-U/8yXhyciqo3s/s1600/breadcrumb-navigation-for-blogger-blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://1.bp.blogspot.com/-UpIE-XkLnSY/UE7fShk3hII/AAAAAAAAB-U/8yXhyciqo3s/s1600/breadcrumb-navigation-for-blogger-blog.png" border="0" /></a> <br /><br />अंत में यही कहना चाहूँगा की मेटर चाहे सर्च इंजन रेकिंग का हो , ब्लॉग ट्राफिक का हो या और कुछ हो सभी तरह से Breadcrumbs Navigation एक बहुत आसान और ब्लॉग हेतु एक आवश्यक सुविधा है .. इसे अपने ब्लॉग पर सक्रिय करने के लिए नीचे बताये कुछ आसन चरणों का पालन करे कुछ ही मिनटों में आपके Breadcrumbs Navigation ब्लॉग पर सक्रिय होगा :-)<h4>विजेट ब्लॉग पर ले जाये </h4><h1>Step 1 :- </h1><ul style="text-align: left;"><li>सबसे पहले <a href="https://blogger.com/">ब्लॉगर</a> खाते में प्रवेश करे , यहाँ जाये <b>Blogger</b>---><b>Design</b>---><b>Edit HTML</b></li><li>अब ऊपर expand widget template cheakbox पर क्लिक करे</li><li>अब keyboard की ctrl+F कुंजी दबाये व यहाँ <span style="color:blue;"> ]]></b:skin> </span> कोड तलाशे</li><li><span style="color:blue;">अब इस कोड के ठीक पहले नीचे दिया गया पूरा कोड यथावत डाल दे</span></li></ul><div class="blockquote">.breadcrumbs {<br />padding:5px 5px 5px 0px;<br />margin: 0px 0px 15px 0px;<br />font-size:95%;<br />line-height: 1.4em;<br />border-bottom:3px double #e6e4e3;<br />}</div><br /><h1>Step 2 :- </h1><br />अब अपनी ब्लॉग टेम्प्लेट में <b:include data='top' name='status-message'/> कोड तलाशे, और इसके ठीक बाद में नीचे बताया गया कोड यथावत डाले<br /><div class="blockquote"><b:include data='posts' name='breadcrumb'/></div><br /><h1>Step 3 :- </h1><br />अब अपनी ब्लॉग टेम्प्लेट में <b:includable id='main' var='top'> कोड तलाशे, और इसके ठीक पहले नीचे बताया गया कोड यथावत डाले<br /><div class="scroll"><b:includable id='breadcrumb' var='posts'><br /><b:if cond='data:blog.homepageUrl != data:blog.url'><br /><b:if cond='data:blog.pageType == "static_page"'><br /><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div><br /><b:else/><br /><b:if cond='data:blog.pageType == "item"'><br /><!-- breadcrumb for the post page --><br /><b:loop values='data:posts' var='post'><br /><b:if cond='data:post.labels'><br /><div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#"><br /><span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span><br /><b:loop values='data:post.labels' var='label'><br /><div style="color: #6aa84f;"><b><b:if cond='data:label.isLast == "true"'></b></div> » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span><br /><div style="color: #6aa84f;"><b></b:if></b></div></b:loop><br /> » <span><data:post.title/></span><br /></div><br /><b:else/><br /><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div><br /></b:if><br /></b:loop><br /><b:else/><br /><b:if cond='data:blog.pageType == "archive"'><br /><!-- breadcrumb for the label archive page and search pages.. --><br /><div class='breadcrumbs'><br /><span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span><br /></div><br /><b:else/><br /><b:if cond='data:blog.pageType == "index"'><br /><div class='breadcrumbs'><br /><b:if cond='data:blog.pageName == ""'><br /><span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span><br /><b:else/><br /><span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span><br /></b:if><br /></div><br /></b:if><br /></b:if><br /></b:if><br /></b:if><br /></b:if><br /></b:includable></div><br /><br />ब्लॉग टेम्पलेट सेव करे :-)पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com38Bhopal, Madhya Pradesh, India23.2599333 77.41261523.1432293 77.2546865 23.3766373 77.5705435tag:blogger.com,1999:blog-5469040551473323623.post-91076742727824940552012-08-03T09:22:00.000+05:302018-07-06T14:07:58.422+05:30Blogger Threaded कमेन्ट में , कमेन्ट नंबर कैसे दिखाए<div class='cutter hitamputih hideungbodas-tibalik'><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://1.bp.blogspot.com/-ysxCaIxLZWs/UB9DasSFmWI/AAAAAAAAB2Y/9ju-BaeNJzA/s1600/number%2Bcomments%2Bon%2Bblogger%2Bblogspot.png"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 150px;" src="https://1.bp.blogspot.com/-ysxCaIxLZWs/UB9DasSFmWI/AAAAAAAAB2Y/9ju-BaeNJzA/s400/number%2Bcomments%2Bon%2Bblogger%2Bblogspot.png" alt="" id="BLOGGER_PHOTO_ID_5773407373154949474" border="0" /></a></div>ब्लॉगर thread कमेन्ट में कमेन्ट numering कैसे दिखाए । पिछले लेख में मैने बताया था की कैसे <a href="https://hindi4tech.blogspot.com/2012/04/blogger-thread-comment-yahoo-smileys.html"><span>ब्लॉगर</span> thread <span>कमेन्ट</span> <span>में</span> <span>याहू</span> smiley's</a> <a href="https://hindi4tech.blogspot.com/2012/06/thread-smileys-youtube.html">youtube <span>विडियो</span> , <span>और</span> <span>सोंग</span> <span>लिंक</span></a> रखी जाये इसी कड़ी में आज के इस लेख में बताया गया है की कैसे ब्लॉगर thread कमेन्ट में क्रमशः numbering दिखाई जाये । नीचे बताई गए चरणों को क्रमशः अपने ब्लॉग पर सक्रीय करते चले कुछ ही मिनटों में सुविधा आपके ब्लॉग पर सक्रिय होगी .... लाइव डेमो hindi4tech ब्लॉग पर देखा जा सकता है ....<br /><br /><br /><h1>Screenshot</h1><br /><div style="text-align: center;"><img style="cursor:pointer; cursor:hand;width: 600px; height: 600px;" src="https://3.bp.blogspot.com/-ZVDjFUiOpm0/Vr76t0VmeUI/AAAAAAAAFYg/tco1a6ny9Do/s1600/hindi4tech_comment_numbering.jpg" alt="" id="BLOGGER_PHOTO_ID_5753715527451158210" border="0" /><br /></div><br /><br /><h4>विजेट ब्लॉग पर ले जाये </h4><ul style="text-align: left;"><li>सबसे पहले <a href="https://blogger.com/">ब्लॉगर</a> खाते में प्रवेश करे , यहाँ जाये <b>Blogger</b>---><b>Design</b>---><b>Edit HTML</b></li><li>अब ऊपर expand widget template cheakbox पर क्लिक करे</li><li>अब keyboard की ctrl+F कुंजी दबाये व यहाँ <span style="color:blue;"> ]]></b:skin> </span> कोड तलाशे</li><li><span style="color:blue;">अब इस कोड के ठीक पहले नीचे दिया गया पूरा कोड यथावत डाल दे<br /></span></li></ul><br /><div class="blockquote"><br />/*Comment Numbering Code Start hindi4tech.blogspot.com */<br />.comment-thread ol {<br /> counter-reset: countcomments;<br />}<br /><br />.comment-thread li:before {<br /> content: counter(countcomments,decimal);<br /> counter-increment: countcomments;<br /> float: right;<br /> font-size: 22px;<br /> color: #555555;<br /> padding-left: 10px;<br /> padding-top: 3px;<br /> background: url(<b><span style="color:red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzMg3NwJKxKtr0M16AoBiRgMZV-rBJc9GEaJ_L18hDT82_DqDWOoFjD-50eMIr_UntMGCLVsDTEpdnWqcmklOEBlGIk37i-POJ-bo6M-0brCn1ouSwSpZNf3hIWq8672Dd1gLUoXb5jAl_/s1600/comment+bubble2.png</span></b>) no-repeat;<br /> margin-top: 7px;<br /> margin-left: 10px;<br /> width: 50px;<br />/*image-width size*/<br /> height: 48px;<br />/*image-height size*/<br />}<br /><br />.comment-thread ol ol {<br /> counter-reset: contrebasse;<br />}<br /><br />.comment-thread li li:before {<br /> content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);<br /> counter-increment: contrebasse;<br /> float: right;<br /> font-size: 18px;<br /> color: #666666;<br />}<br />/*Comment Numbering Code End hindi4tech.blogspot.com */<br /></div><br /><br /><div class="tip"><span style="font-weight: bold; color: rgb(255, 0, 0);">ध्यान दे की </span>लाल रंग में बताये गए image कोड को अपनी पसंदीदा Image लिंक के साथ बदलना न भूले ///</div><br /><br /><img alt="how to blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCJuCgYH4GXV6ZpFU4XpHVXnT0wXScutnYITvOUOBetxz2MHcGJMCBsCEZx5rCfTNKgnfFegub8V13r0mIZkwzzMjWIq5zU6Q9aBRxluuQdg_3L92rv6VFpzUEG-1tHRSZSSiUtPn20g95/s1600/blue+comment+bubble.png" title="comments bubble" /> <img alt="blogger blogspot" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5AJj6je7LbP7us371UJXZ0NwaRtkvidoUnjMKSqB1sdUuEuQ1aTHLu_VHq9NrmuA0raobOoFIVK8QGA-DfmwDQXswtXdSiQU69supT8WORKAiS_PBnEm5QfMVKeYwzvjRQoS9MP6-Hf2r/s1600/blue.png" title="speech bubble" /> <img alt="blogspot blogger, how to blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBVcxYwtNbUMqN2vQM4L_dCqxQ6sgy5jJkz1dxiOTxzWKVXHSNzEzcfUUTCMx3rYdRSeC68-Kj8FSUe4UbMVa4pqdW_Yufgc0z6Ehr2J7bxJvNzI1zynrDu8MAeSow-DaTm54BpsexDhvl/s1600/bubble.png" title="speech bubble 3" /> <img alt="widget blogger blogspot" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgKJeP9KsH9Z3FT7fZz21LCFkXH9VIkCaMo6iTdGzsdxwID_PVmODQCGu10gH1fEVeBnD48TC47FjrWrAIUncswoUQm5HvmDpEH5c-ZBwDirttZch4rUHXukY-VEe-auiUmxlUEYnot75X/s1600/cloud.png" title="speech bubble 4" /> <img alt="blogs, how to blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUa5FYfoUY4jGwYXS-XTvBStVFVNy8R9dgXDWQg2KkN1wSDV3GCTdeEWWwC5KE0NlBrTZl2fyepca5-BlCeqZNPybUmSJgealFim2wgAXT2iRLpJNKnCUDZyvbPGRLeYlOVGLCvkjeDg9C/s1600/comment+6.png" title="speech bubble 5" /> <img alt="blogspot or blogger, how to blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy4TuVUjGTyqkvevT8Gs9GHX-YudpwCdSw6JkeAa8GDVMUC9NPqEWFPsqcvky66leM7CWZs7Fikp5XSoI_yhFENCBxGqBhwT8xTe93r_8_eCblvA2JLviBMzUZGVDj5wYujoZeiatUL1W7/s1600/comment+bubble+1.png" title="speech bubble 6" /> <img alt="tutorials, how to" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKTPxMSqzQXW_7hHtOWNJzZuSpG_6Cw2jUXSy9Z2ihmEVT2Fy6bG2bEGjtVlplI2F7hu3wOnT41SkzB0GxNddapttna2B4jVx6Iy_DpOaZVNiy1xx81vnLFvadzxpd9uANkr95iEPZWEw1/s1600/comment+bubble+2.png" title="speech bubble 7" /> <img alt="comments, how to, blogspot blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0mu1stnIihOqbugurHI-Igi6S2E3E0JnqYQnBjj3FY76s7m4mN5fJpitw7IHmFMpCGjRbNZS6FMSWmKeVSsAwdL585lrkIrgdb8e0P-elyBHdiTQwToX9bEjbSCIcrYRAsy0fTxAJljRK/s1600/comment+bubble+green.png" title="speech bubble 8" /> <img alt="new comment, how to blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3uqZ0094Xkm0IJ5CbqUwSpqKDHnKIf8zbTZybcf1g_6u_dwOTtRYOkBM0mkiDom0mJkRoLrevBW84fLA8fx65F8Lv_WRdFd7Y4-xhMV0CBYvomtTI__Jqu-8Ypce0xjb46IBF1L2Al8Aq/s1600/comment+bubble+red.png" title="speech bubble 9" /> <img alt="blog design, blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipLljwukuH1dz1mFQQwdNrY_zet5b6-4LNnzEvpVyYROFcgkwRytI-MN_fmPndB7Kf7So_SNovHKk-p5YcH-Z4oTbs1X8E73lk0gnPsAeRViTEh_XUvlEI_oRSmUAkrc6lQlwwtFg2qM-e/s1600/green+comment+bubble.png" title="speech bubble 10" /> <img alt="blogger.com" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLlI4loroSWuAwWOQUjBc2aM-80fTKdjBmZnC7i9_96bnAxqpVr_D8Wa8GQvEasKJV76tGeg-bXFF6wjuTYwBvZp62NDnzZH8UePHnC7_HWBDwkIM1lvAKKASIBScohrIEeh1Ht7gXtFiO/s1600/grey+cloud.png" title="speech bubble 11" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBMZzFLjbT-gCjTdBZyNcRQFdgqtx1Xy3q1_0ufkR1DzA71NRf4VfBRVOaOgQV8AoVA3qvWolfbw-HRWjWha3p6S3DDRe6HZWzsl68SqEKV0MU3I6yfKY1xOx9pSzmgUIoOAoRhn21hafh/s1600/heart+1.png" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh86WgBulI-sd8yX2ZnGpM_3NtOxcIQWr4LZMi2x89fROHJqXAwZvIri42N6ofOhUmgWv7Kl_lHG3j_GPrKY9G0KLhOfvgJXjo_GxYowAByuJby2vKm2iA9ljb9cUkQj3h3MtWeHf7Zl8O/s1600/pink+comment+bubble+2.png" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCAeH7b0MFbgkMQPzMe6ec65l5fjSAw9fJs3ob4I19o5aS9NfxhEWEXNdJiqxLfqWp57iLmFOreNmTltH0TuA0nW2WGWqt9oTabEpUHXFIzPnYMz1i-Omh-B0Cd-Twc0jXz4GxAY19o-rz/s1600/pink+comment+bubble.png" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEittKnwpp-WFoTyeWjsNWjjfdql4RKY1C2q0u5aGFBUwnbpElE4KWeeRh-SChbkrh_kxYjtoeo82lLIr_ujk0MGgzUslTy55fNDGXOXOdlqUOvvGI5r7bFgjdZo7jm2rHeOAuKfLnw1ie2p/s1600/pink+comment.png" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9dEbd3XZc1DDomb2z8XJGaSZ3eIYzN2L1Sa3Ynpf2CzhXG9yzD9svYRqj-zzo1stHLdnMLrHYQXiM-bbWaNmR-4Um84zBJz7owCXJCXBtvULDGk8ucE16PCM63hSsO1IWUWPG3mm7HNQE/s1600/round.png" /> <img alt="bubble comment count, bubble blogger posts" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKaKEPuSrrmIOUmQFeZLLB_NM1XS2AXPDo7ab1LU8Fd3vn4fh6DHe-QmYwDqZHYzm5cmab7HKqvQlbetkWjdG6r40wPpWuIuoXYcairqgndLIq6gPvaXHjWrtrLCA-eW3uop_dVYGopLd0/s1600/4.png" title="how to add bubble comment count" border="0" /> <img alt="blogger comments, comment count" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfTRpKwjrwdhmXziHlUpduKqfkbu_KYV9_U1nSkgWcNPf2tnlAAKhrSHV4PZVrkD5lN1O4kuEiLGMmxzVItpUfijzKEmiKYeqXwHLH3CCQ1fS5Yjds1g0G7eXdOUZskQze_XjY_oNqMCLd/s1600/2.png" title="How to add Bubble Comment Count" border="0" /> <img alt="blogger blogspot, blogger comments" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC7CTCYkpN8ZYaG7AzGR-GvYO3H66gYkSmH9-j51j8jvhj8VhCMXdWunnI0i7s97aw2XmTa1H8UfsBZ9bup1TRy_6XQyYfdj-AJwdb8h7vb_AtfKeTuPU8jTALr75cxcYa7Ath_-RBjQKx/s1600/3.png" title="How to add Bubble Comment Count" border="0" /> <img alt="blogger bubble comment count" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQJtbfTsE5S81g4p392SGC2EoALvnQmojTzEVDcKSZCRdbDn1yYw546facaUstnTObjtSaVFfPBcS4ZN-ykgzv-_MQN4T5KYa-9fKfkSLil9G79ItuSt0DMVSR2M8xAGUi1NNSF4TUwsRn/s1600/blue+2.png" title="How to add Bubble Comment Count" border="0" /> <img alt="comments in blogger titles" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha8sZgfKy-wHbLn3ZVaw0yz6OhvwHUmcPVv63zY-v8HgCoLjrogm4epyd8NymgFDUvivCzKrGWRz8F1QT4qA6wkfx-l0WJS2tktY63mRvtQ35kbj8T_zcjEuvogJagaMw3tljGn9Xc9erW/s1600/blue.png" title="How to add Bubble Comment Count" border="0" /> <img alt="blogger tips, blogger tricks" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC1c69DlXf2T_xg2XzgHEFKGtl4dqj3v5W6jN-dBKBUxAuwvVULkiwb0gepXyHCTjyOMo9FpRok9Si9B6pNChSd0KC_Lk7jal9WH4QbAGVv9wbmlYMvdOdoZFALBrhrG3ovhenxaF1_Tb-/s1600/cloud+bubble.png" title="How to add Bubble Comment Count" border="0" /> <img alt="blogger widgets, bubble comment count" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBjEjGh1ixkDilUoReMRP09HR2VzIf_grha-gDWNATSjsM0TzoAbqMi9a92-4PSu0HQCEh__uIu9VwMZmXBOA2zGxbQjIwhtXxX4PSUg1OyLv5-7O8Nvh6xnBFliauBPNdxG3RkhZz2mYR/s1600/cloud.png" title="How to add Bubble Comment Count" border="0" /> <img alt="bubble comment count" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj02P47RM8Ga-U1xid9ORrBbIquT03BqE24aJOo_ixGrzarmIwgM3SyJ3sKSi6qLKuryAuEM-2kLFofx80We2XJA9sL_TvbB_lZWZ80X_PWWaHlV8VAoGQgjaW1iHEHt66AgnM_roauVpqY/s1600/comment+1.png" title="How to add Bubble Comment Count" border="0" /> <img alt="Bubble Comment Count" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSLuWma8FUGNZamUOWOwSjWT5DRJgdJ-kTfJS7edGOEj7dzR11WZyMrcB2L5xO3NfS3-mabTYPRw6tOL0cT9J5TSo0zPGLPDJ8FCGkx0Pz6VmWJ0yiIQMBa99_BxbdWZHyv3BN78m91kzO/s1600/comment+bubble.png" title="How to add Bubble Comment Count" border="0" /> <img alt="Bubble Comment Count, blogger blogspot" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1QJZK9wuWiPM_Vlel2rVVpzL0_Wt0eb4-Mxq6mgneT6KLOuu7rfIJUmpwgei44mh0ME6XgUZ_9plWum5c5I4mvFubPmE3kcORfF-UGtBpcOf0Fyt1TVRu0lioQjbcgQmoUiAZ2QaMQEUu/s1600/devil+comment+bubble.png" title="How to add Bubble Comment Count" border="0" /> <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNL14v9eSXMcpZT58Yj5FPkm4J_c0qZhRs5tbJ1TqD9nQUVucW9fmEFEQ1oeb92GnqbxTN3pJVB4p2qibENHsuazFq6kWyIqAOs9yeZqvaFhl8sXRLpgtpngx7TABs9TigKi3s_nTM6JBY/s1600/funny+comment.png" title="Bubble Comment Count" border="0" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwemT_xxsrU4Y5RAwQa4FTJ1yhww-LIr0WHYmajJ2gUZ6Z3R6bUv6vTcKd1zhcd7q3e39hZo7H5hVTtSkxUZarBpK7g37E4Hde_QXcl10_8yvBG7wDOzWt9rK-mxPNGbRHFLYnv7rSZhx/s1600/pink+bubble+icon.png" border="0" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQi9ev8J8r3MyFwtp7u9a5hOTORtwD548fyrnI8QFfRe3BK-BumplcVW3pgC400j2Xf4-8Fijn-u6ScGknJo5TNdN_n-qDKrUdhSIYdxvKHBIC4fk5aG2Ii4sPYCcEQ9CPCxPan8Hg-DaX/s1600/speech+bubble+green.png" border="0" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGjG9a6QNNlMG2jnvJkKMOsGAe5n7-lY9c-n8q6YnqvmYejb8t8zgDaDApcy7uHBuVHd7EwX4eReXgQytST2Wp_eapRJuzf9KSsWpJJGAT8tEpyIamkHv0TinGVkCbH4yW_CJMlGlskRTH/s1600/bubble+comment.png" border="0" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzMg3NwJKxKtr0M16AoBiRgMZV-rBJc9GEaJ_L18hDT82_DqDWOoFjD-50eMIr_UntMGCLVsDTEpdnWqcmklOEBlGIk37i-POJ-bo6M-0brCn1ouSwSpZNf3hIWq8672Dd1gLUoXb5jAl_/s1600/comment+bubble2.png" border="0" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWRCNWNy6UKYcvL8NPYi9KV1vH0JSHGeZaI95wwnbkmBQuTlE6HmEghc2_GCEunVvQBfKVGJGBquAWKPVhEf_7WLfDMHGGgiBIo184NSbzOVG_kRaEdHL6Bi0XbaGfF1mtyXvy5-H1-kaS/s1600/comment+bubble3.png" border="0" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkKzyHke9U32zVSoMUO6n15YIFGqm9XE5USthq-S-l74RHecPp1DiJ56aLWHFNHtr_TzypjyCtBmXc5y0bXTPqPE_Wng8BtQkcHyAbLN4CICqA6dhnyFD4meTHyuXUz8RBtxL3iHLBi-_U/s1600/comment+bubble4.png" border="0" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_KseqWQ60lDuZVJ7eaxNTtjcfRGNfk-aWKiIHfFmj7RXO6QLgDMwDQUdowfn9utaMI_TBZ5OYaLpK9-GPklMPVvkY4jU0KjeUms1SDUC0mwd6CEF3U1F0Fo9Lu1ncr1LB53esCNfNqzcr/s1600/comment_bubble.png" border="0" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MaxAR8jtIM0WrKKSBLJXlj4pdQHu1cvkgU7jyJSWCOff6PfJF3yW_QZqoFegcMqZONHbv22LnrU3aeVN2ZZEsmOrtYJXyULG9sNCOGixChdqD8duEhg7AUY-tkmb-RB0TbtDTCnZuNsu/s1600/text_comment_bubble_comments.png" border="0" />पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com13tag:blogger.com,1999:blog-5469040551473323623.post-71294970991260521402012-07-23T18:50:00.000+05:302018-07-06T14:09:06.769+05:30Blog Owner Box Widget For Blogger Blogब्लॉग पर लिखी गयी प्रत्येक पोस्ट के नीचे author Bio box , या ब्लॉग स्वामी संपर्क फॉर्म बक्सा रखे ... विजेट की खासियत के बारे में सिर्फ इतना कहूँगा की <a href="https://hindi4tech.blogspot.com"><span>hindi4tech</span></a> के अन्य विजेट की तरह ही यह भी ब्लॉग हेतु एक आवश्यक .... देखने में सुन्दर , और उपयोग में आसन में विजेट है ... विजेट को ब्लॉग पर रखने से पहले इसका लाइव डेमो नीचे देख सकते है... ... इसे अपने ब्लॉग पर ले जाने के लिए नीचे प्रक्रिया अपनाये .......<br /><br /><h1>Screenshot</h1><br /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 600px; height: 260px;" src="https://3.bp.blogspot.com/-5KUQVDmjqQg/Vr77KNfKJeI/AAAAAAAAFYk/qk84ebtmr7A/s1600/piush_wiget.jpg" alt="" id="BLOGGER_PHOTO_ID_5750566052243941954" border="0" /><br /><br /><h5>विजेट को ब्लॉग पर कैसे ले जाए </h5><ul style="text-align: left;"><li><b>सभी विकल्प भरे </b></li><li>विजेट सेटिंग अपने अनुसार बदले </li><li>अब<b> genrate </b> बटन पर क्लिक करे </li><li> विजेट का Live Preview देखने के लिए Preview बटन पर क्लिक करे </li></ul><br /><iframe src="https://piushtrivedi.neocities.org/Blog_Owner_Box.html" frameborder="0" height="1000px" scrolling="no" width="100%"></iframe><br /><br />विजेट को ब्लॉग पर ले जाने के लिए नीचे दो आसन चरणों में बताई प्रक्रिया पूर्ण करे ... कुछ ही पल में विजेट आपके ब्लॉग पर होगा ....<br /><h1>Step 1 :- </h1><ul style="text-align: left;"><li>सबसे पहले <a href="https://blogger.com">ब्लॉगर</a> खाते में प्रवेश करे , यहाँ जाये <b>Blogger</b>---><b>Design</b>---><b>Edit HTML</b></li><li>अब ऊपर expand widget template cheakbox पर क्लिक करे</li><li>अब keyboard की ctrl+F कुंजी दबाये व यहाँ <span style="color:blue;"> ]]></b:skin></span> कोड तलाशे</li><li>अब कोड के ठीक पहले ऊपर विजेट कोड में बताया CSS कोड रख दे , व परिवर्तन सेव करे <br /></li></ul><br /><br /><h1>Step 2 :- </h1><ul style="text-align: left;"><li>अब keyboard की ctrl+F कुंजी दबाये व यहाँ <span style="color:blue;"> <div class='post-footer-line post-footer-line-1'></span> कोड तलाशे</li><li>अब ऊपर विजेट कोड में बताये HTML कोड को <div class='post-footer-line post-footer-line-1'> के ठीक बाद में रख दे , व परिवर्तन सेव करे <br /></li></ul>पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com10Bhopal, Madhya Pradesh, India23.2599333 77.4126149999999623.1646158 77.284316999999959 23.3552508 77.540912999999961tag:blogger.com,1999:blog-5469040551473323623.post-26930823352924227642012-07-13T21:07:00.000+05:302018-07-06T14:09:56.317+05:30कैसे बनाये ब्लॉगर ब्लॉग .....<div class='cutter hitamputih hideungbodas-tibalik'><a href="https://1.bp.blogspot.com/-fGuB5EVNWUM/T9lMLeikmwI/AAAAAAAABqo/AokpbbpXzgo/s1600/create_your_own_blog.png"><img style="float: left; margin: 0px 10px 10px 0px; cursor: pointer; width: 271px; height: 228px;" src="https://1.bp.blogspot.com/-fGuB5EVNWUM/T9lMLeikmwI/AAAAAAAABqo/AokpbbpXzgo/s400/create_your_own_blog.png" alt="" id="BLOGGER_PHOTO_ID_5753713759002860290" border="0" /></a></div>पिछले सप्ताह किन्ही श्याम जी का ईमेल प्राप्त हुआ॥ श्याम जी का कहना था की ॥ उन्होने hindi4tech ब्लॉग को देखा और वो भी ब्लॉगर प्लेटफोर्म पर एक ब्लॉग बनाना चाहते है ... मगर इसमें परेशानी के चलते उन्होने मुझसे संपर्क किया ॥ :० )<br /><br />अपने बारे में तो श्याम जी ने कुछ ख़ास बताया नहीं...और न ही में उनसे उनके बारे में कुछ पूछ सका सिर्फ इतने बताया की वो जोनपुर उत्तरप्रदेश के रहने वाले है ... व्यस्तता के चलते पिछले सप्ताह मिले उनके ईमेल का जवाब उन्हे आज दे पा रहा हूँ... श्याम जी अगर hindi4tech की इस पोस्ट को पड़ रहे है तो बताना चाहूँगा की आपके ईमेल के प्रति उतर ईमेल आपको आपके ईमेल पते पर भेज दिया गया है कृपया अपना ईमेल चेक करे ... और जवाबी ईमेल भेजने में हुई देरी के लिए खेद व्यक्त करता हूँ ॥<br /><br /><span>नीचे</span> ब्लॉगर ब्लॉग बनाने हेतु बेहत आसन tutorial विडियो माध्यम से बताया गया है ॥ आशा करता हूँ इसके द्वारा आप ब्लॉगर प्लेटफोर्म पर अपना ब्लॉगर ब्लॉग तैयार कर पायेंगे :० )<br /><br /><span> ध्यान</span> दे की ब्लॉगर ब्लॉग पर ब्लॉग बनाने के लिए प्रथम प्रक्रिया ईमेल खता बनाने से शुरू होती है ... अतः मेरी राय में सबसे पहले आप गूगल के <a href="https://gmail.com/">gmail.com</a> साईट पर जा कर अपने लिए ईमेल खता पंजीकृत करे ॥ अगर आप के पास yahoo , या Rediffmail का ईमेल खता पहले ही से है व आप इसी के द्वारा अपना ब्लॉग बनाना चाहते है । तो नीचे विडियो में बताये अनुसार <a href="https://blogger.com/">blogger.com</a> पर जाये व विडियो tutorial में बताये अनुसार प्रक्रिया अपनाये<br /><br />
<div style="max-width:560px;margin:0 auto; padding:5px;">
<div style="position: relative;padding-bottom: 56.25%; height: 0; overflow: hidden;">
<div class="youback" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEzlQ4Cytb3GA_vcbzAVujJV3UuKlfoYy2nHdQmFkpK26wFxGz7lSI0FRxLeb055z_qCXHOmwrFUUdC8eQQRTHJjoMC4IKXsLulVhkNjT37NRC7irGACQZT8tM7bgd9PAZFxkBKY0NY7g/s1600/Youtube-video-background.png") no-repeat scroll left top transparent; height: 364px; margin: 0px auto; padding: 19px 0px 0px 22px; text-align: left; width: 532px;"><iframe allowfullscreen="" src="https://www.youtube.com/embed/rA4s3wN_vK8" frameborder="0" height="298" width="498" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; max-width: 560px; max-height: 315px;"></iframe></div></div>
</div>
<script src="https://dl.dropboxusercontent.com/u/14422613/ashanews/youtube-autoresizer.js"></script>पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com25Indore, Madhya Pradesh, India22.7195687 75.85772580000002622.6498242 75.78781680000003 22.7893132 75.927634800000021tag:blogger.com,1999:blog-5469040551473323623.post-5248073137455029052012-07-08T07:39:00.012+05:302018-07-06T14:10:20.958+05:30Css Social Menu Icon For Blogger<img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 159px;" src="https://4.bp.blogspot.com/-9XSVP7yp01Y/T_jy0R1AYdI/AAAAAAAABxo/CtReKr0pdco/s400/social-menu-icons-for-blogger.png" alt="" id="BLOGGER_PHOTO_ID_5762622703173394898" border="0" />ब्लॉग पर social profile लिंक मेनू लगाये । पिछले लेख में मैने<a href="https://hindi4tech.blogspot.com/2012/02/social-bookmarking-widget-for-blogger.html"> social bookmarking <span>विजेट</span></a>, <a href="https://hindi4tech.blogspot.com/2012/03/blog-post.html"><span>सात</span> <span>का</span> <span>दम</span> <span>विजेट</span></a> , <a href="https://hindi4tech.blogspot.com/2012/02/all-in-one-share-box-widget-for.html"><span>All</span> <span>In</span> <span>One</span> <span>Sharebox</span> <span>Widget</span></a> के बारे में बताया था इसी कड़ी में आज ब्लॉग पर css Social मेनू लगाने हेतु लेख आपके सामने है ॥ विजेट की खासियत के बारे में सिर्फ इतना कहना चाहूँगा की यह विजेट भी Hindi4Tech के अन्य विजेट की तरह सुन्दर और सुविधा युक्त है , कारण इसे css3, html5 कोड के साथ डिजाईन किया गया है । नीचे क्रमशः तिन स्टाइल के साथ इनका लाइव डेमो भी दिखाया गया है , अतः इसे ब्लॉग पर ले जाने के लिया नीचे क्रमशः पक्रिया अपनाये, कुछ ही मिनटों में विजेट आपके ब्लॉग पर होगा...<h4>विजेट ब्लॉग पर ले जाये </h4><ul style="text-align: left;"><li>यहाँ जाये <b>Blogger--->Design--->Page Element</b></li>
<li>यहाँ <b>Add a Gadget</b> पर क्लिक करे </li>
<li><b>यहाँ html/javascript आप्शन चुने </b></li>
<li>नीचे बताये गए Style कोड में से अपने ब्लॉग हेतु एक Style कोड चुने</li>
<li>बताया गया पूरा कोड यहाँ डाल दे व विजेट सेव करे :))</li>
</ul><br />
<h1>Style 1 </h1><br />
<iframe src="https://piushtrivedi.neocities.org/style1.html" frameborder="0" height="70" scrolling="no" width="100%"></iframe><br />
<br />
<br />
<div class="scroll"><style>p#h4t_socialmenu img {<br />
/* Social Menu Icons Widget By hindi4tech.blogspot.com */<br />
-moz-transition: all 0.4s ease-in-out;<br />
-webkit-transition: all 0.4s ease-in-out;<br />
-o-transition: all 0.4s ease-in-out;<br />
-ms-transition: all 0.4s ease-in-out;<br />
transition: all 0.4s ease-in-out;<br />
}<br />
<br />
p#h4t_socialmenu img:hover {<br />
-moz-transform: rotate(120deg);<br />
-webkit-transform: rotate(120deg);<br />
-o-transform: rotate(120deg);<br />
-ms-transform: rotate(120deg);<br />
transform: rotate(120deg);<br />
}<br />
</style> <br />
<br />
<br />
<br />
<center><p id="h4t_socialmenu"><br />
<a href="https://www.facebook.com/hindi4tech"><br />
<img border="0" src="https://2.bp.blogspot.com/-mXdkegiowik/T_jucGnLBvI/AAAAAAAABwo/eYODwavY610/s400/hindi4tech.blogspot.com-facebook.png" /></a><br />
<a href="https://www.twitter.com/piushtrivedi/"><br />
<img border="0" src="https://4.bp.blogspot.com/-sqdApuTIqZc/T_juj-Yy-LI/AAAAAAAABw0/dFCwOnSECv8/s400/hindi4tech.blogspot.com-twitter.png" /></a><br />
<a href="https://plus.google.com/u/0/102214245923918648841"><br />
<img border="0" src="https://1.bp.blogspot.com/-ogqFvu6DqIg/T_juqNEaZII/AAAAAAAABxA/ZaNjxHS-HLk/s400/hindi4tech.blogspot.com-google_plus.png" /></a><br />
<a href="https://www.feeds.feedburner.com/hindi4tech/"><br />
<img border="0" src="https://2.bp.blogspot.com/-H0pV7Oshud4/T_juw5742_I/AAAAAAAABxM/3RkAb2d5Sh0/s400/hindi4tech.blogspot.com-rss.png" /></a><br />
<a href="https://www.youtube.com/piushtrivedi/"><br />
<img border="0" src="https://2.bp.blogspot.com/-ucodCgF-ZVY/T_ju3ZQSBGI/AAAAAAAABxY/9MraTIUcTnQ/s400/hindi4tech.blogspot.com-youtube.png" /></a><br />
</p></center><br />
</div><br />
<br />
<br />
<h1>Style 2 </h1><br />
<iframe src="https://piushtrivedi.neocities.org/style2.html" frameborder="0" height="70" scrolling="no" width="100%"></iframe><br />
<br />
<div class="scroll"><style>p#h4t_socialmenu img {<br />
/* Social Menu Icons Widget By hindi4tech.blogspot.com */<br />
-moz-transition: all 0.8s ease-in-out;<br />
-webkit-transition: all 0.8s ease-in-out;<br />
-o-transition: all 0.8s ease-in-out;<br />
-ms-transition: all 0.8s ease-in-out;<br />
transition: all 0.8s ease-in-out;<br />
}<br />
<br />
p#h4t_socialmenu img:hover {<br />
-moz-transform: rotate(360deg);<br />
-webkit-transform: rotate(360deg);<br />
-o-transform: rotate(360deg);<br />
-ms-transform: rotate(360deg);<br />
transform: rotate(360deg);<br />
}<br />
</style> <br />
<br />
<br />
<br />
<center><p id="h4t_socialmenu"><br />
<a href="https://www.facebook.com/hindi4tech"><br />
<img border="0" src="https://2.bp.blogspot.com/-mXdkegiowik/T_jucGnLBvI/AAAAAAAABwo/eYODwavY610/s400/hindi4tech.blogspot.com-facebook.png" /></a><br />
<a href="https://www.twitter.com/piushtrivedi/"><br />
<img border="0" src="https://4.bp.blogspot.com/-sqdApuTIqZc/T_juj-Yy-LI/AAAAAAAABw0/dFCwOnSECv8/s400/hindi4tech.blogspot.com-twitter.png" /></a><br />
<a href="https://plus.google.com/u/0/102214245923918648841"><br />
<img border="0" src="https://1.bp.blogspot.com/-ogqFvu6DqIg/T_juqNEaZII/AAAAAAAABxA/ZaNjxHS-HLk/s400/hindi4tech.blogspot.com-google_plus.png" /></a><br />
<a href="https://www.feeds.feedburner.com/hindi4tech/"><br />
<img border="0" src="https://2.bp.blogspot.com/-H0pV7Oshud4/T_juw5742_I/AAAAAAAABxM/3RkAb2d5Sh0/s400/hindi4tech.blogspot.com-rss.png" /></a><br />
<a href="https://www.youtube.com/piushtrivedi/"><br />
<img border="0" src="https://2.bp.blogspot.com/-ucodCgF-ZVY/T_ju3ZQSBGI/AAAAAAAABxY/9MraTIUcTnQ/s400/hindi4tech.blogspot.com-youtube.png" /></a><br />
</p></center><br />
</div><br />
<br />
<h1>Style 3 </h1><br />
<iframe src="https://piushtrivedi.neocities.org/style3.html" frameborder="0" height="70" scrolling="no" width="100%"></iframe><br />
<br />
<div class="scroll"><style>p#h4t_socialmenu img {<br />
/* Social Menu Icons Widget By hindi4tech.blogspot.com */<br />
-moz-transition: all 0.8s ease-in-out;<br />
-webkit-transition: all 0.8s ease-in-out;<br />
-o-transition: all 0.8s ease-in-out;<br />
-ms-transition: all 0.8s ease-in-out;<br />
transition: all 0.8s ease-in-out;<br />
}<br />
<br />
p#h4t_socialmenu img:hover {<br />
-moz-transform: rotate(-360deg);<br />
-webkit-transform: rotate(-360deg);<br />
-o-transform: rotate(-360deg);<br />
-ms-transform: rotate(-360deg);<br />
transform: rotate(-360deg);<br />
}<br />
</style> <br />
<br />
<br />
<br />
<center><p id="h4t_socialmenu"><br />
<a href="https://www.facebook.com/hindi4tech"><br />
<img border="0" src="https://2.bp.blogspot.com/-mXdkegiowik/T_jucGnLBvI/AAAAAAAABwo/eYODwavY610/s400/hindi4tech.blogspot.com-facebook.png" /></a><br />
<a href="https://www.twitter.com/piushtrivedi/"><br />
<img border="0" src="https://4.bp.blogspot.com/-sqdApuTIqZc/T_juj-Yy-LI/AAAAAAAABw0/dFCwOnSECv8/s400/hindi4tech.blogspot.com-twitter.png" /></a><br />
<a href="https://plus.google.com/u/0/102214245923918648841"><br />
<img border="0" src="https://1.bp.blogspot.com/-ogqFvu6DqIg/T_juqNEaZII/AAAAAAAABxA/ZaNjxHS-HLk/s400/hindi4tech.blogspot.com-google_plus.png" /></a><br />
<a href="https://www.feeds.feedburner.com/hindi4tech/"><br />
<img border="0" src="https://2.bp.blogspot.com/-H0pV7Oshud4/T_juw5742_I/AAAAAAAABxM/3RkAb2d5Sh0/s400/hindi4tech.blogspot.com-rss.png" /></a><br />
<a href="https://www.youtube.com/piushtrivedi/"><br />
<img border="0" src="https://2.bp.blogspot.com/-ucodCgF-ZVY/T_ju3ZQSBGI/AAAAAAAABxY/9MraTIUcTnQ/s400/hindi4tech.blogspot.com-youtube.png" /></a><br />
</p></center><br />
</div>पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com5Bhopal, Madhya Pradesh, India23.2599333 77.4126149999999623.1646158 77.284316999999959 23.3552508 77.540912999999961tag:blogger.com,1999:blog-5469040551473323623.post-46255480353535402672012-07-03T17:35:00.000+05:302018-07-06T14:10:59.292+05:30ब्लॉगर प्रोफाइल को गूगल + प्रोफाइल से बदले<img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 206px;" src="https://1.bp.blogspot.com/-Tss1tKHvP_k/TqvtAFgXKHI/AAAAAAAAAwY/iBUNHveuuxQ/s400/bloggertogoogle%252B.jpg" alt="" id="BLOGGER_PHOTO_ID_5668885141709596786" border="0" />अपनी <a href="https://blogger.com">ब्लॉगर</a> प्रोफाइल को <a href="https://plus.google.com">गूगल+</a> प्रोफाइल से बदले. गूगल द्वारा हाल ही में अपनी इस नयी सुविधा के बारे में बताया गया. ब्लॉगर का उपयोग करने वाले सभी साथी अपने सभी ब्लॉग पर ब्लॉगर प्रोफाइल की जगह गूगल + प्रोफाइल का इस्तमाल कर पाएंगे . गूगल की इस सुविधा का उपयोग करने पर ब्लॉगर प्रोफाइल से सम्बंधित सभी लिंक , कमेन्ट, फोटो आदि सीधे गूगल + प्रोफाइल में redirect हो जायेंगे. <br /><br /><li> इस सुविधा को अपने ब्लॉग पर सक्रिय करने से पहले , इन बातो का अवश्य ध्यान रखे .</li><br /><br /><br />१. अपनी ब्लॉगर प्रोफाइल को गूगल + प्रोफाइल से बदलने के बाद , पुनः ब्लॉगर प्रोफाइल पर आने के लिए आपके पास केवल <span style="font-weight: bold; color: rgb(204, 0, 0);">३०</span> दिन होंगे,<span style="color: rgb(204, 0, 0); font-weight: bold;"> </span><span style="color: rgb(204, 0, 0); font-weight: bold;">३०</span> दिन की अवधी समाप्त होने के बाद आपका ब्लॉगर प्रोफाइल डाटा पूरी तरह से डिलीट हो जायेगा...<br /><br />२. अपनी ब्लॉगर प्रोफाइल को गूगल + प्रोफाइल से बदलने पर ब्लॉगर प्रोफाइल डाटा गूगल + प्रोफाइल में समायोजित नहीं होगा . यानि ब्लॉगर प्रोफाइल में दी गयी निजी जानकारी जिसे आप अपने प्रोफाइल में दिखाना चाहते है तो इसे आप को स्वयं ही ब्लॉगर से गूगल + पर ले जाना होगा.<br /><br />अपनी ब्लॉगर प्रोफाइल को गूगल + प्रोफाइल से बदलने के लिए नीचे लिंक पर क्लिक करे<br /><br /><div style="text-align: center;"><a href="https://draft.blogger.com/switch-profile.g"><span>यहाँ</span> <span>क्लिक</span> <span>करे</span> </a><br /></div><br /><span style="color: rgb(204, 0, 0);font-size:130%;" ><span style="font-weight: bold;">ध्यान</span><span style="font-weight: bold;"> </span><span style="font-weight: bold;">दे</span><span style="font-weight: bold;"> :-</span></span> नियम व शर्ते ठीक तरह से पढ़कर "Switch Now" बटन पर क्लिक करेपीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com15Bhopal, Madhya Pradesh, India23.2599333 77.4126149999999623.1646158 77.284316999999959 23.3552508 77.540912999999961tag:blogger.com,1999:blog-5469040551473323623.post-4314036315053602442012-06-13T19:08:00.000+05:302018-07-06T14:11:19.374+05:30ब्लॉगर Thread कमेन्ट में Smiley's, Youtube विडियो कैसे दिखाए<img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 256px; height: 256px;" src="https://3.bp.blogspot.com/-zWrfFEUksEQ/T9ikMMVcvyI/AAAAAAAABqY/Kmjt4RKIUdU/s400/emoticon.png" alt="" id="BLOGGER_PHOTO_ID_5753529053342383906" border="0" />ब्लॉगर की तुलना हमेशा ही वर्डप्रेस से की जाती रही है ॥ इसका कारन शायद ब्लॉग्गिंग हेतु यह दूसरा विस्तृत प्लेटफोर्म है ... वर्डप्रेस पर ब्लॉगर के तुलना में अधिक ब्लॉग बनाये जाने का कारन वर्डप्रेस ब्लॉग की उन्नत तकनीक और इसी के साथ विभिन तकनिकी भाषा विकल्पों जैसे html5, css, php आदि का यथासंभव प्रयोग है... वही ब्लॉगर पर भी वर्डप्रेस के मुकाबले आये दिन नयी सुविधाओ का अनावरण कर गूगल द्वारा ब्लागस्पाट प्लेटफोर्म को बेहतर बनाने का प्रयास क्रमशः जारी है ... अभी कुछ ही समय पहले ब्लॉगर द्वारा ब्लॉगर thread comments को शुरू किया गया .... शायद सभी ने इसे अपने ब्लॉग पर सक्रिय तो कर ही किया होगा ... :०)<br /><br />मेरे पिछले लेख में मैने बताया था की कैसे <a href="https://hindi4tech.blogspot.com/2012/04/blogger-thread-comment-yahoo-smileys.html">Blogger Thread Comments</a> में याहू स्मिले'स को दिखाया जाए ...इस लेख पर कुछ पाठको ने अपनी परेशानी बताते हुवे कहा था की ये मोजिला , और क्रोम ब्राव्सर में तो ठीक तरह कार्य करती है मगर Internet Explore में नहीं ... पाठको की इसी परेशानी के निवारण हेतु आज की इस पोस्ट में मैने बताया है की कैसे Smiley's को Internet Explore में भी ठीक तरह से दिखाया जा सके ... ध्यान दे की आज इस लेख में न सिर्फ Internet Explore में Smiley's को दिखाने हेतु tutorial , बल्कि ब्लॉगर thread कमेन्ट में youtube विडियो डालना , किसी ब्लॉग या साईट की Iframe डालना आदि हेतु भी जानकारी दी गयी है ... अतः इसे अपने ब्लॉग पर सक्रिय करने के लिए नीचे क्रमशः प्रक्रिया अपनाते चले :०)<br /><h1>Screenshot</h1><br /><div style="text-align: center;"><img style="cursor:pointer; cursor:hand;width: 400px; height: 261px;" src="https://1.bp.blogspot.com/-JYcK-C7OWzo/T9lNyahgJsI/AAAAAAAABq0/AnvxjGptL8c/s400/how%2Bto%2Bcrete%2Bsmile%2Bblogger.JPG" alt="" id="BLOGGER_PHOTO_ID_5753715527451158210" border="0" /><br /></div><br /><br /><br /><center><span class='Livedemo'><a href="https://asha-valley.blogspot.in/2010/12/blog-post_1486.html#comment-form" target="_blank"> Live Demo</a></span></center><h1>Step 1</h1><ul style="text-align: left;"><li>अपने blogger dashboard पर जाए </li><li> यहाँ जाए <b>Dashbord > Design > Edit HTML</b></li><li>अब ऊपर <b>Expand Widgets</b> चेक बॉक्स पर क्लिक करे </li><li>यहाँ पर <b></body></b> कोड तलाशे </li><li>अब नीचे बताया गया पूरा कोड </body> के ठीक पहले यथावत डाल दे </li></ul><br /><div class="scroll"><script type='text/javascript'><br />//<![CDATA[<br />function replaceText(){if(!document.getElementById){return;}<br />bodyText = document.getElementById("<span class="Apple-style-span" style="color:magenta;">emocomments</span>");<br />theText = bodyText.innerHTML;<br />theText = theText.replace(/:\)\)/gi, "<img src='https://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'/>");<br />theText = theText.replace(/=d&gt;/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/>");<br />theText = theText.replace(/:d/gi, "<img src='https://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>");<br />theText = theText.replace(/:p/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'/>");<br />theText = theText.replace(/:\(\(/gi, "<img src='https://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'/>");<br />theText = theText.replace(/:\)/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'/>");<br />theText = theText.replace(/:\(/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>");<br />theText = theText.replace(/:-\?/gi, "<img src='https://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>");<br />theText = theText.replace(/\[\-\(/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/>");<br />theText = theText.replace(/:-o/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/>");<br />theText = theText.replace(/:-t/gi, "<img src='https://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'/>");<br />theText = theText.replace(/:-ss/gi, "<img src='https://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'/>");<br />theText = theText.replace(/b-\(/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>");<br />theText = theText.replace(/@-\)/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>");<br />theText = theText.replace(/=\)\)/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'/>");<br />bodyText.innerHTML = theText;<br />}replaceText();<br />//]]><br /></script><br /><br /><script type='text/javascript'><br />//<![CDATA[<br />function replaceText(){if(!document.getElementById){return;}<br />bodyText = document.getElementById("comment-holder");<br />theText = bodyText.innerHTML;<br />theText = theText.replace(/\[img\].*?'.*?\[\/img\]/gi, "");<br />theText = theText.replace(/\[nct\].*?'.*?\[\/nct\]/gi, "");<br />theText = theText.replace(/\[youtube\].*?'.*?\[\/youtube\]/gi, "");<br />theText = theText.replace(/\[img\]/gi, "<div style='clear:both'></div><img style='float:left;margin:10px 0;border:1px solid #DDD;max-width:590px;background:#FFF;padding:4px' src='");<br />theText = theText.replace(/\[\/img\]/gi, "'/><div style='clear:both'></div>");<br />theText = theText.replace(/\[youtube\]http:\/\/youtu.be/gi, "<iframe width='480' height='390' src='https://www.youtube.com/embed");<br />theText = theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, "<iframe width='480' height='390' src='https://www.youtube.com/embed/");<br />theText = theText.replace(/&amp;feature=/gi, "?rel=0' '");<br />theText = theText.replace(/\[\/youtube\]/gi, "?rel=0' frameborder='0' allowfullscreen></iframe>");<br />theText = theText.replace(/\[nct\]http:\/\/www.nhaccuatui.com\/nghe\?L=/gi, "<div style='overflow:hidden'><embed style='margin-top:-250px;width:300px;height:400px' src='https://www.nhaccuatui.com/l/");<br />theText = theText.replace(/\[nct\]http:\/\/www.nhaccuatui.com\/nghe\?M=/gi, "<div style='overflow:hidden'><embed style='margin-top:-350px;width:300px;height:400px' src='https://www.nhaccuatui.com/m/");<br />theText = theText.replace(/\[\/nct\]/gi, "' quality='high' wmode='transparent' type='application/x-shockwave-flash'></embed></div>");<br />}replaceText();<br />//]]><br /></script> </div><br /><h1>Step 2</h1><ul style="text-align: left;"><li>अब अपनी ब्लॉग टेम्प्लेट में <span style="color:blue;"><b:loop values='data:post.comments' var='comment'></span> कोड तलाशे </li><li>अब नीचे बताया गया पूरा कोड <b:loop values='data:post.comments' var='comment'> के ठीक पहले यथावत डाल दे </li></ul> <br /><div class="blockquote"><div id='emocomments'></div><br /><h1>Step 3</h1><ul style="text-align: left;"><li><span style="color:blue;"><b:loop values='data:post.comments' var='comment'> </span>के बाद आपको </b:loop> कोड दिखाई देगा </li><li>इस कोड के ठीक नीचे </div> कोड रख दे </li></ul> <br /><h1>Step 4</h1><ul style="text-align: left;"><li>अब अपनी ब्लॉग टेम्प्लेट में <span style="color:blue;"><data:blogTeamBlogMessage/> </span>कोड तलाशे<li>अब नीचे बताया गया पूरा कोड <data:blogTeamBlogMessage/> के ठीक बाद यथावत डाल दे </li></ul><br /><div class="blockquote"><script type="text/javascript"> <br />//<![CDATA[<br />function moreSmilies() {<br /> document.getElementById('smiley-more').style.display = 'inline';<br /> document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()">&#8592;</a></span>';<br />}<br />function lessSmilies() {<br /> document.getElementById('smiley-more').style.display = 'none';<br /> document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()">&#8594;</a>';<br />}<br />//]]><br /></script><br /><div class='emoticons'><br /><img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'/>:) <br /><img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>:( <br /><img src='https://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'/>:)) <br /><img src='https://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'/>:(( <br /><img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'/>=)) <br /><span id='smiley-more' style='display: none;'><br /><img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/>=D&gt; <br /><img src='https://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>:D <br /><img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'/>:P <br /><img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/>:-O <br /><img src='https://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>:-? <br /><img src='https://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'/>:-SS <br /><img src='https://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'/>:-t <br /><img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/>[-( <br /><img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>@-) <br /><img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>b-(<br /></span><br /><span id='smiley-toggle'><a href="javascript:moreSmilies()">&#8594;</a></span><br /></div></div><br /><h1>Step 5</h1><ul style="text-align: left;"><li>अब अपनी ब्लॉग टेम्प्लेट में <span style="color:blue;">]]></b:skin></span> कोड तलाशे</li><li>अब नीचे बताया गया पूरा कोड ]]></b:skin> के ठीक पहले यथावत डाल दे </li></ul><br /><div class="blockquote">.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;}<br />.emoticons a, .emoticons a:hover {font-size: 28px;margin-left: 20px;text-decoration:none;}</div><br /><div class="tip">ध्यान दे :- प्रक्रिया पूर्ण करने के बाद कमेन्ट में image , youtube विडियो , Song लिंक आदि जोडने के लिए नीचे बताये कोड का उपयोग करे :-</div><br /><ul style="text-align: left;"><li>image डालने के लिए [img] Link [/img] कोड के उपयोग करे //</li><li>Song लिंक डालने के लिए [nct] Link song [/nct] कोड का उपयोग करे</li><li>youtube विडियो डालने के लिए [youtube] Youtube Video Link [/youtube] कोड का उपयोग करे</li></ul>पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com3tag:blogger.com,1999:blog-5469040551473323623.post-82993984083808382592012-05-18T11:14:00.004+05:302018-07-06T14:11:39.515+05:30ब्लॉगर Thread कमेन्ट में reply बटन क्यों काम नहीं कर रहा..??<img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 146px;" src="https://2.bp.blogspot.com/-lD1HwjaGMus/T7XrSSot2SI/AAAAAAAABpU/-M5LFM0uwfk/s400/how%2Bto%2Bremove%2Bblogger%2Bthreaded%2Bcomments%2Bon%2Bblogspot.png" alt="" id="BLOGGER_PHOTO_ID_5743755599253723426" border="0" />कुछ ही महीनो पहले ब्लॉगर टीम द्वारा नयी सुविधा " ब्लॉगर Thread Comment" को सार्वजनिक किया गया ... लगभग सभी ने इसे अपने ब्लॉग पर सक्रिय कर लिया होगा... ब्लॉगर द्वारा सुझाये गए इस कमेन्ट फॉर्म और साधारण कमेन्ट फॉर्म में कई संशोधन के साथ ही नए thread comment में कई नयी सुविधाओ को भी जोड़ा गया ॥ जिनमे एक मुख्य .....कमेन्ट का reply बटन ... जिसके द्वारा पाठको द्वारा लेख पर दी गयी प्रतिक्रिया पर अन्य पाठक भी अपने विचार सीधे reply बटन द्वारा पूर्व में टिपण्णी करता को भेज सकते है॥ जैसे ही टिपण्णी में reply बटन या प्रतिउतर बटन का इस्तेमाल कर प्रतिक्रिया भेजी जाती है ब्लॉगर द्वारा उसे स्वतः ही सम्बंधित टिपण्णीकर्ता के ईमेल पते पर अग्रेषित कर दिया जाता है...<br /> सभी ने इसे सुविधा को अपने ब्लॉग पर सक्रिय तो कर लिया ,,, मगर बहुत से ब्लोगों पर " reply" बटन अभी भी कार्य नहीं कर रहा है॥ इसके जीवंत उदाहरण मैने बहुत से हिंदी ब्लोगों पर देखे है ॥ इसी के चलते सोचा आज इसी परेशानी के निराकरण हेतु एक पोस्ट लिखी जाये ॥ सबसे पहले ये समझे के thred comment सुविधा शुरू होने के बाद reply बटन का कार्य न करने का क्या कारण है ... इसका जवाब सिर्फ एक ही है की ब्लॉगर thred comment में thread comment हेतु प्रक्रिया तो पूर्ण कर ली गयी मगर सुविधा हो पूर्ण करने के पश्चात् ब्लॉगर द्वारा ब्लॉग टेम्पलेट में स्वतः ही एक स्क्रिप्ट को add कर लिया जाता है ॥ अतः यह जान ले की reply बटन का काम न करना का एक और सिर्फ एक कारन इस स्क्रिप्ट का छतिग्रस्त होना ही है॥ अतः आज इस लेख में यही बताया गया है की कैसे इस छतिग्रस्त स्क्रिप्ट को बदल कर ब्लॉग पर reply बटन सक्रिय किया जाये ॥<br /> अतः reply बटन सक्रिय करने के लिए नीचे बताई प्रक्रिया अपनाये ....:)<br /><br /><div class="tip"><span style="font-weight: bold; color: rgb(255, 0, 0);">ध्यान दे:-</span>टेम्पलेट में कुछ भी बदलाव करने से पहले नीचे छवि में बताये अनुसार लिंक पर क्लिक कर टेम्प्लेट जरुर डाउनलोड कर ले </div><br /><br /><img style="cursor:pointer; cursor:hand;width: 600px; height: 70px;" src="https://3.bp.blogspot.com/-H-dedMHL7VQ/VuuSR-7e8TI/AAAAAAAAFcQ/taperIAWo1MM3vkmLImwusTSqZ8-4DEog/s1600/backup_templete.jpg" alt="" id="BLOGGER_PHOTO_ID_5743753470579742306" border="0" /><br /><br /><h1>Step 1</h1><ul style="text-align: left;"><li>अपने blogger dashboard पर जाए </li><li> यहाँ जाए <b>Dashbord > Design > Edit HTML</b></li><li>अब ऊपर <b>Expand Widgets</b> चेक बॉक्स पर क्लिक करे </li><li>यहाँ पर <b><b:includable id='threaded_comment_js' var='post'></b> कोड तलाशे </li><li>इस कोड के ठीक नीचे एक स्क्रिप्ट होगी , अतः इस कोड को मय स्क्रिप्ट नीचे बताये कोड से बदले </li></ul><br /><br /><div class="scroll"><b:includable id='threaded_comment_js' var='post'><br /> <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/><br /> <script type='text/javascript'><br /> (function() {<br /> var items = <data:post.commentJso/>;<br /> var msgs = <data:post.commentMsgs/>;<br /> var config = <data:post.commentConfig/>;<br /> // <![CDATA[<br /> var cursor = null;<br /> if (items && items.length > 0) {<br /> cursor = parseInt(items[items.length - 1].timestamp) + 1;<br /> }<br /> var bodyFromEntry = function(entry) {<br /> if (entry.gd$extendedProperty) {<br /> for (var k in entry.gd$extendedProperty) {<br /> if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {<br /> return '<span class="deleted-comment">' + entry.content.$t + '</span>';<br /> }<br /> }<br /> }<br /> return entry.content.$t;<br /> }<br /> var parse = function(data) {<br /> cursor = null;<br /> var comments = [];<br /> if (data && data.feed && data.feed.entry) {<br /> for (var i = 0, entry; entry = data.feed.entry[i]; i++) {<br /> var comment = {};<br /> // comment ID, parsed out of the original id format<br /> var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);<br /> comment.id = id ? id[2] : null;<br /> comment.body = bodyFromEntry(entry);<br /> comment.timestamp = Date.parse(entry.published.$t) + '';<br /> if (entry.author && entry.author.constructor === Array) {<br /> var auth = entry.author[0];<br /> if (auth) {<br /> comment.author = {<br /> name: (auth.name ? auth.name.$t : undefined),<br /> profileUrl: (auth.uri ? auth.uri.$t : undefined),<br /> avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)<br /> };<br /> }<br /> }<br /> if (entry.link) {<br /> if (entry.link[2]) {<br /> comment.link = comment.permalink = entry.link[2].href;<br /> }<br /> if (entry.link[3]) {<br /> var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);<br /> if (pid && pid[1]) {<br /> comment.parentId = pid[1];<br /> }<br /> }<br /> }<br /> comment.deleteclass = 'item-control blog-admin';<br /> if (entry.gd$extendedProperty) {<br /> for (var k in entry.gd$extendedProperty) {<br /> if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {<br /> comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;<br /> }<br /> }<br /> }<br /> comments.push(comment);<br /> }<br /> }<br /> return comments;<br /> };<br /> var paginator = function(callback) {<br /> if (hasMore()) {<br /> var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';<br /> if (cursor) {<br /> url += '&published-min=' + new Date(cursor).toISOString();<br /> }<br /> window.bloggercomments = function(data) {<br /> var parsed = parse(data);<br /> cursor = parsed.length < 50 ? null<br /> : parseInt(parsed[parsed.length - 1].timestamp) + 1<br /> callback(parsed);<br /> window.bloggercomments = null;<br /> }<br /> url += '&callback=bloggercomments';<br /> var script = document.createElement('script');<br /> script.type = 'text/javascript';<br /> script.src = url;<br /> document.getElementsByTagName('head')[0].appendChild(script);<br /> }<br /> };<br /> var hasMore = function() {<br /> return !!cursor;<br /> };<br /> var getMeta = function(key, comment) {<br /> if ('iswriter' == key) {<br /> var matches = !!comment.author<br /> && comment.author.name == config.authorName<br /> && comment.author.profileUrl == config.authorUrl;<br /> return matches ? 'true' : '';<br /> } else if ('deletelink' == key) {<br /> return config.baseUri + '/delete-comment.g?blogID='<br /> + config.blogId + '&postID=' + comment.id;<br /> } else if ('deleteclass' == key) {<br /> return comment.deleteclass;<br /> }<br /> return '';<br /> };<br /> var replybox = null;<br /> var replyUrlParts = null;<br /> var replyParent = undefined;<br /> var onReply = function(commentId, domId) {<br /> if (replybox == null) {<br /> // lazily cache replybox, and adjust to suit this style:<br /> replybox = document.getElementById('comment-editor');<br /> if (replybox != null) {<br /> replybox.height = '250px';<br /> replybox.style.display = 'block';<br /> replyUrlParts = replybox.src.split('#');<br /> }<br /> }<br /> if (replybox && (commentId !== replyParent)) {<br /> document.getElementById(domId).insertBefore(replybox, null);<br /> replybox.src = replyUrlParts[0]<br /> + (commentId ? '&parentID=' + commentId : '')<br /> + '#' + replyUrlParts[1];<br /> replyParent = commentId;<br /> }<br /> };<br /> var hash = (window.location.hash || '#').substring(1);<br /> var startThread, targetComment;<br /> if (/^comment-form_/.test(hash)) {<br /> startThread = hash.substring('comment-form_'.length);<br /> } else if (/^c[0-9]+$/.test(hash)) {<br /> targetComment = hash.substring(1);<br /> }<br /> // Configure commenting API:<br /> var configJso = {<br /> 'maxDepth': config.maxThreadDepth<br /> };<br /> var provider = {<br /> 'id': config.postId,<br /> 'data': items,<br /> 'loadNext': paginator,<br /> 'hasMore': hasMore,<br /> 'getMeta': getMeta,<br /> 'onReply': onReply,<br /> 'rendered': true,<br /> 'initComment': targetComment,<br /> 'initReplyThread': startThread,<br /> 'config': configJso,<br /> 'messages': msgs<br /> };<br /> var render = function() {<br /> if (window.goog && window.goog.comments) {<br /> var holder = document.getElementById('comment-holder');<br /> window.goog.comments.render(holder, provider);<br /> }<br /> };<br /> // render now, or queue to render when library loads:<br /> if (window.goog && window.goog.comments) {<br /> render();<br /> } else {<br /> window.goog = window.goog || {};<br /> window.goog.comments = window.goog.comments || {};<br /> window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];<br /> window.goog.comments.loadQueue.push(render);<br /> }<br /> })();<br /> // ]]><br /> </script><br /></b:includable></div><br /><br />अब परिवर्तन सेव करे ... आशा करता हूँ आपके ब्लॉग पर " Reply" बटन कार्य करने लगा होगा... किसी परेशानी के चलते कमेन्ट के माध्यम से संपर्क करे ...:)पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com4tag:blogger.com,1999:blog-5469040551473323623.post-62157773064224209532012-05-11T13:27:00.001+05:302018-07-06T14:13:26.486+05:30Hindi4tech 1'st Annivercery<img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 300px; height: 300px;" src="https://2.bp.blogspot.com/-ks-5hO95w68/TwPH7H5TXpI/AAAAAAAAAcA/GK-vhWrW25c/s1600/anniversary_graphics_03.gif" alt="" id="BLOGGER_PHOTO_ID_5741101145509145090" border="0" /><span title="Click to correct" class="transl_class" id="0">जी</span> <span title="Click to correct" class="transl_class" id="1">हां</span> , <span title="Click to correct" class="transl_class" id="2">आज</span> <a href="https://hindi4tech.blogspot.com/"><font>Hindi4Tech</font></a> <span title="Click to correct" class="transl_class" id="3">ब्लॉग</span> <span title="Click to correct" class="transl_class" id="4">एक</span> <span title="Click to correct" class="transl_class" id="5">वर्ष</span> <span title="Click to correct" class="transl_class" id="6">पूरा</span> <span title="Click to correct" class="transl_class" id="7">कर</span> <span title="Click to correct" class="transl_class" id="8">चूका</span> <span title="Click to correct" class="transl_class" id="9">है</span> <span title="Click to correct" class="transl_class" id="10">।</span> <span title="Click to correct" class="transl_class" id="11">आज</span> <span title="Click to correct" class="transl_class" id="12">से</span> <span title="Click to correct" class="transl_class" id="13">ठीक</span> <span title="Click to correct" class="transl_class" id="14">एक</span> <span title="Click to correct" class="transl_class" id="15">वर्ष</span> <span title="Click to correct" class="transl_class" id="16">पूर्व</span> <span title="Click to correct" class="transl_class" id="17">यानि</span> 11 <span title="Click to correct" class="transl_class" id="18">मई</span> 2011 ( 11-05-2011) <span title="Click to correct" class="transl_class" id="19">को</span> <span title="Click to correct" class="transl_class" id="20">ब्लॉग</span> <span title="Click to correct" class="transl_class" id="21">पर</span> <span title="Click to correct" class="transl_class" id="22">प्रथम</span> <span title="Click to correct" class="transl_class" id="23">पोस्ट</span> <span title="Click to correct" class="transl_class" id="24">लिखी</span> <span title="Click to correct" class="transl_class" id="25">गयी</span>... <span title="Click to correct" class="transl_class" id="26">देखते</span> <span title="Click to correct" class="transl_class" id="27">ही</span> <span title="Click to correct" class="transl_class" id="28">देखते</span> <span title="Click to correct" class="transl_class" id="29">१</span> <span title="Click to correct" class="transl_class" id="30">वर्ष</span> <span title="Click to correct" class="transl_class" id="31">गुजर</span> <span title="Click to correct" class="transl_class" id="32">गया</span> <span title="Click to correct" class="transl_class" id="33">।</span><br />
<span title="Click to correct" class="transl_class" id="34">कोशिश</span> <span title="Click to correct" class="transl_class" id="35">हमेशा</span> <span title="Click to correct" class="transl_class" id="36">यही</span> <span title="Click to correct" class="transl_class" id="37">रही</span> <span title="Click to correct" class="transl_class" id="38">की</span> <span title="Click to correct" class="transl_class" id="39">ब्लॉग</span> <span title="Click to correct" class="transl_class" id="40">पर</span> <span title="Click to correct" class="transl_class" id="41">हमेशा</span> <span title="Click to correct" class="transl_class" id="42">नयी</span> <span title="Click to correct" class="transl_class" id="43">जानकारियों</span> <span title="Click to correct" class="transl_class" id="44">के</span> <span title="Click to correct" class="transl_class" id="45">साथ</span> <span title="Click to correct" class="transl_class" id="46">आपके</span> <span title="Click to correct" class="transl_class" id="47">सामने</span> <span title="Click to correct" class="transl_class" id="48">कुछ</span> <span title="Click to correct" class="transl_class" id="49">नया</span> <span title="Click to correct" class="transl_class" id="50">रख</span> <span title="Click to correct" class="transl_class" id="51">सकू</span> ... <span title="Click to correct" class="transl_class" id="52">और</span> <span title="Click to correct" class="transl_class" id="53">शायद</span> <span title="Click to correct" class="transl_class" id="54">अपनी</span> <span title="Click to correct" class="transl_class" id="55">इस</span> <span title="Click to correct" class="transl_class" id="56">कोशिश</span> <span title="Click to correct" class="transl_class" id="57">में</span> <span title="Click to correct" class="transl_class" id="58">काफी</span> <span title="Click to correct" class="transl_class" id="59">हद</span> <span title="Click to correct" class="transl_class" id="60">तक</span> <span title="Click to correct" class="transl_class" id="61">कामयाब</span> <span title="Click to correct" class="transl_class" id="62">भी</span> <span title="Click to correct" class="transl_class" id="63">हुआ</span> <span title="Click to correct" class="transl_class" id="64">हूँ</span>... <span title="Click to correct" class="transl_class" id="65">१</span> <span title="Click to correct" class="transl_class" id="66">वर्ष</span> <span title="Click to correct" class="transl_class" id="67">के</span> <span title="Click to correct" class="transl_class" id="68">लम्बे</span> <span title="Click to correct" class="transl_class" id="69">समय</span> <span title="Click to correct" class="transl_class" id="70">अन्तराल</span> <span title="Click to correct" class="transl_class" id="71">में</span> <span title="Click to correct" class="transl_class" id="72">ब्लॉग</span> <span title="Click to correct" class="transl_class" id="73">पर</span> <span title="Click to correct" class="transl_class" id="74">मात्र</span> <a href="https://hindi4tech.blogspot.com/2011/09/blog-sitemap.html"><font>24</font></a> <span title="Click to correct" class="transl_class" id="75">पोस्ट</span> <span title="Click to correct" class="transl_class" id="76">ही</span> <span title="Click to correct" class="transl_class" id="77">लिख</span> <span title="Click to correct" class="transl_class" id="78">पाया</span> ,, <span title="Click to correct" class="transl_class" id="79">इसके</span> <span title="Click to correct" class="transl_class" id="80">पीछे</span> <span title="Click to correct" class="transl_class" id="81">कभी</span> <span title="Click to correct" class="transl_class" id="82">मेरे</span> <span title="Click to correct" class="transl_class" id="83">व्यक्तिगत</span> <span title="Click to correct" class="transl_class" id="84">कारण</span> <span title="Click to correct" class="transl_class" id="85">और</span> <span title="Click to correct" class="transl_class" id="86">कभी</span> <span title="Click to correct" class="transl_class" id="87">कुछ</span> <span title="Click to correct" class="transl_class" id="88">और</span> ..???? <span title="Click to correct" class="transl_class" id="89">चाहते</span> <span title="Click to correct" class="transl_class" id="90">हुए</span> <span title="Click to correct" class="transl_class" id="91">भी</span> <span title="Click to correct" class="transl_class" id="92">इस</span> <span title="Click to correct" class="transl_class" id="93">हेतु</span> <span title="Click to correct" class="transl_class" id="94">समय</span> <span title="Click to correct" class="transl_class" id="95">नहीं</span> <span title="Click to correct" class="transl_class" id="96">निकाल</span> <span title="Click to correct" class="transl_class" id="97">पाया।</span><br />
<span title="Click to correct" class="transl_class" id="98">ब्लॉग</span> <span title="Click to correct" class="transl_class" id="99">और</span> <span title="Click to correct" class="transl_class" id="100">ब्लॉग</span> <span title="Click to correct" class="transl_class" id="101">पर</span> <span title="Click to correct" class="transl_class" id="102">प्रकाशित</span> <span title="Click to correct" class="transl_class" id="103">लेख</span> <span title="Click to correct" class="transl_class" id="104">महज़</span> <span title="Click to correct" class="transl_class" id="105">एक</span> <span title="Click to correct" class="transl_class" id="106">कोशिश</span> <span title="Click to correct" class="transl_class" id="107">थी</span> <span title="Click to correct" class="transl_class" id="108">अपने</span> <span title="Click to correct" class="transl_class" id="109">तकनीकी</span> <span title="Click to correct" class="transl_class" id="110">ज्ञान</span> <span title="Click to correct" class="transl_class" id="111">को</span> <span title="Click to correct" class="transl_class" id="112">आप</span> <span title="Click to correct" class="transl_class" id="113">तक</span> <span title="Click to correct" class="transl_class" id="114">पहुचाने</span> <span title="Click to correct" class="transl_class" id="115">की</span> <span title="Click to correct" class="transl_class" id="116">एक</span> <span title="Click to correct" class="transl_class" id="117">कोशिश</span> <span title="Click to correct" class="transl_class" id="118">थी</span> <span title="Click to correct" class="transl_class" id="119">उन</span> <span title="Click to correct" class="transl_class" id="120">सभी</span> <span title="Click to correct" class="transl_class" id="121">जानकारियों</span> <span title="Click to correct" class="transl_class" id="122">को</span> <span title="Click to correct" class="transl_class" id="123">ब्लॉग</span> <span title="Click to correct" class="transl_class" id="124">पर</span> <span title="Click to correct" class="transl_class" id="125">रखने</span> <span title="Click to correct" class="transl_class" id="126">की</span> <span title="Click to correct" class="transl_class" id="127">जो</span> <span title="Click to correct" class="transl_class" id="128">पिछले</span> 4 <span title="Click to correct" class="transl_class" id="129">वर्षो</span> <span title="Click to correct" class="transl_class" id="130">में</span> <span title="Click to correct" class="transl_class" id="131">मैने</span> <span title="Click to correct" class="transl_class" id="132">सिखा</span> ...... <span title="Click to correct" class="transl_class" id="133">और</span> <span title="Click to correct" class="transl_class" id="134">इस</span> <span title="Click to correct" class="transl_class" id="135">छोटी</span> <span title="Click to correct" class="transl_class" id="136">सी</span> <span title="Click to correct" class="transl_class" id="137">कोशिश</span> <span title="Click to correct" class="transl_class" id="138">को</span> <span title="Click to correct" class="transl_class" id="139">आप</span> <span title="Click to correct" class="transl_class" id="140">सभी</span> <span title="Click to correct" class="transl_class" id="141">ने</span> <span title="Click to correct" class="transl_class" id="142">सराहा</span> <span title="Click to correct" class="transl_class" id="143">इसके</span> <span title="Click to correct" class="transl_class" id="144">लिए</span> <span title="Click to correct" class="transl_class" id="145">में</span> <span title="Click to correct" class="transl_class" id="146">सदेव</span> <span title="Click to correct" class="transl_class" id="147">आपका</span> <span title="Click to correct" class="transl_class" id="148">आभारी</span> <span title="Click to correct" class="transl_class" id="149">रहूँगा</span> कोशिश करूँगा कम समय अन्तराल में आपके सामने कुछ नया ला सकू..:) <span title="Click to correct" class="transl_class" id="150">में</span> <span title="Click to correct" class="transl_class" id="151">ब्लॉग</span> <span title="Click to correct" class="transl_class" id="152">के</span> <span title="Click to correct" class="transl_class" id="153">सभी</span> <span title="Click to correct" class="transl_class" id="154">पाठको</span> , <span title="Click to correct" class="transl_class" id="155">प्रशंशको</span> <span title="Click to correct" class="transl_class" id="156">के</span> <span title="Click to correct" class="transl_class" id="157">प्रति</span> <span title="Click to correct" class="transl_class" id="158">कृतज्ञता</span> <span title="Click to correct" class="transl_class" id="159">व्यक्त</span> <span title="Click to correct" class="transl_class" id="160">करता</span> <span title="Click to correct" class="transl_class" id="161">हूँ</span> ....<span title="Click to correct" class="transl_class" id="162">और</span> <font><span class=" transl_class" title="Click to correct" id="359">आशा</span> </font> <font><span title="Click to correct" class="transl_class" id="163">करता</span></font> <font><span title="Click to correct" class="transl_class" id="164">हूँ</span></font> <span title="Click to correct" class="transl_class" id="165">कि</span> <font><span title="Click to correct" class="transl_class" id="166">आपका</span></font> <font><span title="Click to correct" class="transl_class" id="167">प्यार</span></font>, <font><span title="Click to correct" class="transl_class" id="168">स्नेह</span></font> <font><span title="Click to correct" class="transl_class" id="169">और</span></font> <font><span title="Click to correct" class="transl_class" id="170">विश्वास</span></font> <font><span title="Click to correct" class="transl_class" id="171">मुझ</span></font> <font><span title="Click to correct" class="transl_class" id="172">पर</span></font> <font><span title="Click to correct" class="transl_class" id="173">और</span></font> <a href="https://hindi4tech.blogspot.com/"><font>Hindi4Tech</font></a> <font><span title="Click to correct" class="transl_class" id="174">ब्लॉग</span></font> <font><span title="Click to correct" class="transl_class" id="175">पर</span></font> <font><span title="Click to correct" class="transl_class" id="176">इसी</span></font> <font><span title="Click to correct" class="transl_class" id="177">तरह</span></font> <font><span title="Click to correct" class="transl_class" id="178">बना</span></font> <font><span title="Click to correct" class="transl_class" id="179">रहेगा</span></font> ... :)<br />
<font><span title="Click to correct" class="transl_class" id="180">इसी</span></font> <font><span title="Click to correct" class="transl_class" id="181">मंगल</span></font> <font><span title="Click to correct" class="transl_class" id="182">कामना</span></font> <font><span title="Click to correct" class="transl_class" id="183">के</span></font> <font><span title="Click to correct" class="transl_class" id="184">साथ</span></font> ... :)<br />
" <span title="Click to correct" class="transl_class" id="185">कोशिश</span>" <span title="Click to correct" class="transl_class" id="186">शब्द</span> <span title="Click to correct" class="transl_class" id="187">से</span> <span title="Click to correct" class="transl_class" id="188">बड़ी</span> <span title="Click to correct" class="transl_class" id="189">अच्छी</span> <span title="Click to correct" class="transl_class" id="190">कविता</span> <span title="Click to correct" class="transl_class" id="191">मेरे</span> <span title="Click to correct" class="transl_class" id="192">जहन</span> <span title="Click to correct" class="transl_class" id="193">में</span> <span title="Click to correct" class="transl_class" id="194">आ</span> <span title="Click to correct" class="transl_class" id="195">रही</span> <span title="Click to correct" class="transl_class" id="196">है</span> <span title="Click to correct" class="transl_class" id="197">॥</span> <span title="Click to correct" class="transl_class" id="198">चलते</span> <span title="Click to correct" class="transl_class" id="199">चलते</span> <span title="Click to correct" class="transl_class" id="200">इसे</span> <span title="Click to correct" class="transl_class" id="201">भी</span> <span title="Click to correct" class="transl_class" id="202">आपके</span> <span title="Click to correct" class="transl_class" id="203">साथ</span> <span title="Click to correct" class="transl_class" id="204">शेयर</span> <span class=" transl_class" title="Click to correct" id="360">करना</span> <span class=" transl_class" title="Click to correct" id="361">चाहूँगा</span> ......<br />
<br />
<div style="text-align: center;"><span style="text-shadow:0 1px 0 #fff, 0 2px 0 #BBB;">√√ लहरों से डर कर नौका पार नहीं होती,<br />
कोशिश करने वालों की कभी हार नहीं होती.<br />
<br />
नन्हीं चींटी जब दाना लेकर चलती है,<br />
चढ़ती दीवारों पर, सौ बार फिसलती है.<br />
मन का विश्वास रगों में साहस भरता है,<br />
चढ़कर गिरना, गिरकर चढ़ना न अखरता है.<br />
आख़िर उसकी मेहनत बेकार नहीं होती,<br />
कोशिश करने वालों की कभी हार नहीं होती.<br />
<br />
डुबकियां सिंधु में गोताखोर लगाता है,<br />
जा जा कर खाली हाथ लौटकर आता है.<br />
मिलते नहीं सहज ही मोती गहरे पानी में,<br />
बढ़ता दुगना उत्साह इसी हैरानी में.<br />
मुट्ठी उसकी खाली हर बार नहीं होती,<br />
कोशिश करने वालों की कभी हार नहीं होती.<br />
<br />
असफलता एक चुनौती है, इसे स्वीकार करो,<br />
क्या कमी रह गई, देखो और सुधार करो.<br />
जब तक न सफल हो, नींद चैन को त्यागो तुम,<br />
संघर्श का मैदान छोड़ कर मत भागो तुम.<br />
कुछ किये बिना ही जय जय कार नहीं होती,<br />
कोशिश करने वालों की कभी हार नहीं होती ......√√</span></div>पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com11Indore, Madhya Pradesh, India22.7195687 75.85772580000002622.6498242 75.78781680000003 22.7893132 75.927634800000021tag:blogger.com,1999:blog-5469040551473323623.post-76374262294011270642012-04-10T09:47:00.009+05:302016-05-20T11:35:10.600+05:30Blogger Thread Comment में Yahoo Smiley's कैसे दिखाए<img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 192px; height: 175px;" src="http://3.bp.blogspot.com/-Z0xnkXciSR8/T4O_lVUUuxI/AAAAAAAABeg/0VKRjfESf7w/s400/Yahoo_Smiley%2B_on%2B_Blogger%2B_Threaded%2B_Comments.jpg" alt="" id="BLOGGER_PHOTO_ID_5729633799043857170" border="0" />Blogger की नयी सुविधा Thread कमेंट्स से तो सभी परिचित होंगे ... और शायद सभी ने इसे ब्लॉग पर सक्रिय कर लिया होगा । इसी कड़ी में आज Blogger Thread Comment में Smiley's का उपयोग कैसे किया जाय बताया गया है॥ Blogger के सामान्य Comment फॉर्म में Smiley's का उपयोग बिना किसी परेशानी के एक सामान्य सी स्क्रिप्ट के द्वारा आसानी से किया जा सकता है ॥ वही Thread Comment में Smiley का उपयोग करने हेतु स्क्रिप्ट के साथ साथ css और कुछ मामूली template code के द्वारा इसे ब्लॉग पर रखा जा सकता है ... इसे अपने ब्लॉग पर सक्रिय करने के लिए नीचे पक्रिया अपनाये ।<br /><br /><br /><br /><h5>विजेट को ब्लॉग पर कैसे ले जाए </h5><br />Yahoo Smiley's को ब्लॉग पर ले जाने के लिए प्रक्रिया तीन चरणों में बताई गयी है ॥ अतः क्रमश इन्हे अपने ब्लॉग पर सक्रीय करते चले<h1>Step 1</h1><ul style="text-align: left;"><li>अपने blogger dashboard पर जाए </li><li> यहाँ जाए <b>Dashbord > Design > Edit HTML</b></li><li>अब ऊपर <b>Expand Widgets</b> चेक बॉक्स पर क्लिक करे </li><li>यहाँ पर <b>]]></b:skin></b> कोड तलाशे </li><li>अब नीचे बताया गया पूरा कोड ]]></b:skin> के ठीक पहले यथावत डाल दे </li></ul><br /><div class="blockquote"> <!-- Yahoo Smileys by hindi4tech.blogspot.com Code Start--><br />.h4tsmile {<br /> background: none repeat scroll 0 0 #EFF5FB !important;<br /> font-size: medium !important;<br /> padding: 10px !important;<br /> text-align: left !important;<br /> font-weight:bold !important;<br /> font-size:11px !important;<br />}<br />img.hindi4techsmly {<br /> height: auto !important;<br /> vertical-align: middle !important;<br /> width: auto !important;<br /> border:0px !important;<br />}<br /><!-- hindi4tech.blogspot.com Code End--></div><br /><br /><h1>Step 2</h1><br /><ul style="text-align: left;"><li>अब अपनी ब्लॉग templete में ctrl+f कुंजी द्वारा </body> कोड ढूंढे </li><li>अब नीचे बताया गया पूरा कोड यथावत <b></body></b>कोड के ठीक पहले डाल दे व Template सेव करे </li></ul><br /><div class="blockquote"><!-- Yahoo Smileys Script hindi4tech.blogspot.com --><br /><script src='https://googledrive.com/host/0B9BypLLMMzvOV3VBRFlaanc2VlU' type='text/javascript'/></div><br /><h1>Step 3</h1><br /><ul style="text-align: left;"><li>अब पुनः अपनी ब्लॉग templete में <b><div class='post-footer-line post-footer-line-3'></b> कोड तलाशे </li><div class="blockquote"><div class='post-footer-line post-footer-line-3'><br /><span style="color: rgb(255, 0, 0);">code...</span><br /></div><br /></b:includable></div><li>यह कोड आपको अपनी ब्लॉग templete में ऊपर बताये अनुसार प्राप्त होगा ,, यहाँ code की जगह नीचे बताया गया पूरा कोड डाल दे </li></ul><br /><div class="scroll"><!-- Yahoo Smileys by hindi4tech.blogspot.com Start--><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div style='background-color:#FEF8EC; border:none; width:100%; padding:10px; height:100px; overflow:auto;'><br /><div class='h4tsmile'><br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> ;;-)<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/> :-S<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/> 7:)<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :|<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/> /:)<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/> O:-)<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/> =;<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/> 8-7<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> 8-|<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> L-)<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/> :-a<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/> :-$<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/> [-(<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/> :O)<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/> 2:-P<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/> (:|<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/> =P~<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/> <br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/> #-o<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/> :-SS<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/> :^o<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/> X_X<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^<br /><img alt='' class='hindi4techsmly' src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/> :ar!<br /></div></div></b:if><br /><!-- Yahoo Smileys by hindi4tech.blogspot.com End--></div><br /><br /><br /><div class="tip">ध्यान दे : अगर आप Smile's का उपयोग Comment के साथ post और sidebar widget में भी करना चाहते है तो नीचे बताये गए कोड को <b></body></b> कोड के ठीक पहले डाल दे..</div><br /><div class="blockquote"><script src='https://googledrive.com/host/0B9BypLLMMzvOZ3F3cFJPWUFrVkk' type='text/javascript'/></div><br /><br />अब अपनी ब्लॉग template को सेव करे :)पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com4tag:blogger.com,1999:blog-5469040551473323623.post-81482082407842370362012-03-27T13:41:00.006+05:302018-07-06T14:55:15.378+05:30Social Sharing Bookmark Widget For Blog<img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 152px; height: 151px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTE655augWj2W3Yu4UetngR2WdtQaO7oKgwmaWIF2ALBBZ13uzfZmugP8Tw1gofHefCgElgmBaM8-wqxZr18ObZT41hChqS9RgMTF5ZlRwItzT3IDEmBZyxlHy3Y_RFkE_9l0bK7jjS4ed/s400/Social_sharebox_widget.png" alt="" id="BLOGGER_PHOTO_ID_5724485588009415906" border="0" /> आम तौर पर हम अगर ब्लॉग पर <a href="https://hindi4tech.blogspot.com/2012/02/social-bookmarking-widget-for-blogger.html">facebook fanpage Widget</a> रखना चाहते है तो उसके लिए facebook likebox, <a href="https://hindi4tech.blogspot.com/2011/10/add-twitter-fan-box-to-blogger-blogs.html">twitter follower</a> दिखाना चाहते है तो उसके लिए twitter follower विजेट , और google + circal विडजेट दिखाना चाहते है तो गूगल + विजेट इसी प्रकार feeburner email subscribtion बॉक्स आदि भी रखते है ॥ इन सभी लिंक , और विजेट को hindi4tech के इस एक ही विजेट में दिखाया गया है ॥ विजेट को आसानी से ब्लॉग पर रखा जा सकता है ॥ बस नीचे दी गयी प्रक्रिया अपनाये ...<br /><br /><br /><h1>Screen Shot</h1><br /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 316px; height: 368px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg0l4VK2GParVlxQpzyCMe8TKkJmwzYHydLOc6MamGrp3ufX5DdJMxDelBkqMgqa5CeFobiwYBsQ_8XS1ePeO-GiqOV15IGwlwku7wOl6L-H1YpQfcgO9WAbIrZ3eJl-nLAOiDDqq24Owj/s400/Mashable_Style_Social_Subscription_Widget_for_Blogger.jpg" alt="" id="BLOGGER_PHOTO_ID_5724482984477909570" border="0" /><br /><br /><h5>विजेट को ब्लॉग पर कैसे ले जाए </h5><ul style="text-align: left;"><li>नीचे बताये गयी सभी विकल्पों में <b>hindi4tech </b>को अपने <b>facebook,</b> <b>twitter,</b> <b>google + , </b><b>feedburner ,</b> आदि लिंक से बदले<li>फिर Genrate बटन पर क्लिक करे</li><li>Add To Blogger बटन पर क्लिक करे </li><li>ध्यान दे की <b>Add To Blogger </b>पर क्लिक करने से पहले आप अपने ब्लॉगर खाते में लोगिन अवश्य हो ॥ </li></ul><br /><iframe src="https://piushtrivedi.neocities.org/Sharing%20buttons%20Widget%20Generator.html" frameborder="0" height="1130px" scrolling="no" width="100%"></iframe>पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com4Bhopal, Madhya Pradesh, India23.2599333 77.4126149999999623.1646158 77.284316999999959 23.3552508 77.540912999999961tag:blogger.com,1999:blog-5469040551473323623.post-44632826084040386972012-03-21T15:57:00.006+05:302018-07-06T14:55:42.920+05:30Page Navigation Plugin Widget For Blogger Blog<a href="https://4.bp.blogspot.com/-6MqZ6A3eSlo/T2mtMyZtSUI/AAAAAAAABOE/2bzniOXEXgk/s1600/Numbered%252B%252Bpage%252Bnavigation%252Bwidget%252Bfor%252Bblogger.png"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 220px; height: 200px;" src="https://4.bp.blogspot.com/-6MqZ6A3eSlo/T2mtMyZtSUI/AAAAAAAABOE/2bzniOXEXgk/s400/Numbered%252B%252Bpage%252Bnavigation%252Bwidget%252Bfor%252Bblogger.png" alt="" id="BLOGGER_PHOTO_ID_5722295236750559554" border="0" /></a>page navigation लिंक ब्लॉग पर उपलब्ध सभी लेखो का क्रमवार दर्शाते हुए पृष्ट वार लेखो की सूची बताने हेतु एक आवश्यक विजेट है इसी कड़ी में आज अपने <a href="https://blogger.com">ब्लॉगर</a> या <a href="https://wordpress.com">वर्डप्रेस</a> ब्लॉग में page navigation लिंक को लगाने हेतु नीचे दी गयी प्रक्रिया अपनाये ॥<br /><br /><br /><br /><br /><br /><br /><br /><br /><h5>विजेट को ब्लॉग पर कैसे ले जाए </h5><br />नीचे page navigation स्टाइल में अपने ब्लॉग हेतु स्टाइल चुने। चुनने के लिए चेक बॉक्स पर क्लिक करे , <span>व</span> <span>फिर</span> <span>Add</span> <span>To</span> <span>Blogger</span> <span>बटन</span> <span>पर</span> <span>क्लिक</span> <span>करे</span> <span>फिर</span> <span>यहाँ</span> <span>जाए</span><br /><ul style="text-align: left;"><li><b>Blogger--->Design--->Page Element</b></li><li>यहाँ <b>Add a Gadget</b> पर क्लिक करे </li><li><b>यहाँ html/javascript आप्शन चुने </b></li><li> पूरा कोड यहाँ डाल दे व विजेट सेव करे :))</li></ul><br /><br /><iframe src="https://piushtrivedi.neocities.org/page-navigation-widget-generator-with.html" frameborder="0" height="690px" scrolling="no" width="100%"></iframe><br>पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com15tag:blogger.com,1999:blog-5469040551473323623.post-19206045776855242562012-02-26T14:48:00.008+05:302018-07-06T14:56:06.328+05:30Newer Post, Older Post लिंक को Post Title से बदले<img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 200px;" src="https://1.bp.blogspot.com/-jY79dfMEW2w/T0n_Lu8LgiI/AAAAAAAABIA/vhhhQypakDU/s400/blogger-blogspot-older-posts-newer-post-link-with-title.png" alt="blogger-blogspot-older-posts-newer-post-link-with-title" id="BLOGGER_PHOTO_ID_5713378179340272162" border="0" />newer post , older post लिंक ब्लॉग पर पाठको को बिना पोस्ट प्रष्ट को छोड़े अगले प्रष्ट पर जाने हेतु आवश्यक है। इसी कड़ी में आज hindi4tech के इस लेख में बताया गया है के कैसे newer post, older post लिंक को post title से बदला जाये .. नीचे बताई गयी स्क्रिप्ट को ब्लॉग के sidebar विजेट में कही भी डाल कर परिवर्तन सेव करे ... विडजेट की खासियत यह की ब्लॉग पर पोस्ट पृष्ट पर दिखने वाली newer post , older post लिंक को post title से बदला जा सकता है ॥ विजेट को ब्लॉग पर ले जाने से पहले screenshot देखे की यह आपके ब्लॉग पर किस तरह दिखाई देगा। <br /><br /><center><span class='Livedemo'><a href="#blog-pager" target="_blank"> Live Demo</a></span></center><br /><br /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 600px; height: 80px;" src="https://2.bp.blogspot.com/-BIdFc2OBMrY/Vr7-NWP3eeI/AAAAAAAAFZk/Tg_qiVJ_e78/s1600/replace-older%2Blink-newer%2Blink-to-post-title.png" alt="" id="BLOGGER_PHOTO_ID_5713373167359863490" border="0" /><br /><br /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 600px; height: 80px;" src="https://2.bp.blogspot.com/-A6nzq1TwQOo/Vr7-NW9hgmI/AAAAAAAAFZg/zZch0xLayxg/s1600/replace-older%2Blink-newer%2Blink-to-post-title-hindi4tech.png" alt="" id="BLOGGER_PHOTO_ID_5713373167359863490" border="0" /><br /><ul style="text-align: left;"><li>सबसे पहले <a href="https://blogger.com">ब्लॉगर</a> खाते में प्रवेश करे , यहाँ जाये <b>Blogger</b>---><b>Design</b>---><b>Edit HTML</b></li><li>अब ऊपर expand widget template cheakbox पर क्लिक करे</li><li>अब keyboard की ctrl+F कुंजी दबाये व यहाँ <span style="color:blue;"></head></span> कोड तलाशे</li><li>अब इस कोड के ठीक बाद में नीचे दिया गया पूरा कोड यथावत डाल दे<br /></li></ul><br /><div class="blockquote"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script></div><br /><div class="tip"><span style=" ;font-size:large;color:red;" ><b>ध्यान दे :-</b></span>अगर आपकी ब्लॉग template में Ajax 1.4.4 jQuery script पहले से ही उपलब्ध है तो <span>दर्शाए</span> <span>गए</span> <span>script कोड</span> <span>को</span> <span>अपनी</span> <span>ब्लॉग</span> <span>template</span> <span>में</span> <span>न</span> <span>डाले</span></div><br /><h5>विजेट को ब्लॉग पर कैसे ले जाए </h5><ul style="text-align: left;"><li>यहाँ जाये <b>Blogger--->Design--->Page Element</b></li><li>यहाँ <b>Add a Gadget</b> पर क्लिक करे </li><li><b>यहाँ html/javascript आप्शन चुने </b></li><li>नीचे बताया गया पूरा कोड यहाँ डाल दे व विजेट सेव करे :))</li></ul><br /><div class="blockquote"><!-- Add Newer, Older and Home Links With Post Titles by hindi4tech.blogspot.com --><br /><style type="text/css"> <br />#blog-pager-newer-link {font-size:85%;width:200px;text-align:left;} <br />#blog-pager-older-link {font-size:85%;width:200px;text-align:right;} <br /></style> <br /><script type="text/javascript"><br /><br />$(document).ready(function(){ <br />var newerLink = $("a.blog-pager-newer-link").attr("href"); <br />$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() { <br />var newerLinkTitle = $("a.blog-pager-newer-link").text(); <br />$("a.blog-pager-newer-link").text("<< " + newerLinkTitle); <br />}); <br />var olderLink = $("a.blog-pager-older-link").attr("href"); <br />$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() { <br />var olderLinkTitle = $("a.blog-pager-older-link").text(); <br />$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt <br />}); <br />}); <br /></script><br /><!-- Add Newer, Older and Home Links With Post Titles by hindi4tech.blogspot.com --> </div>पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com1Bhopal, Madhya Pradesh, India23.2599333 77.4126149999999623.1646158 77.284316999999959 23.3552508 77.540912999999961tag:blogger.com,1999:blog-5469040551473323623.post-15873388691170495662012-02-26T14:17:00.006+05:302018-07-06T14:56:27.116+05:30All In One Share Box Widget for Blogger/blogब्लॉग पर share box widget लगाये । hindi4tech के <a href="https://hindi4tech.blogspot.com/2011/10/do-you-like-box-for-blogger-do-you-like.html">do you like box</a>, <a href="https://hindi4tech.blogspot.com/2012/02/social-bookmarking-widget-for-blogger.html">social bookmarking widget</a> की तरह ही इस विजेट में भी <a href="https://facebook.com"><span>facebook</span></a>, <a href="https://twitter.com"><span>twitter</span></a>, <a href="https://plus.google.com"><span>google</span><span>plus</span></a> link के साथ ही email subscribtion box भी उपलब्ध है । विजेट को आसानी से ब्लॉग पर ले जाया जा सकता है , नीचे बताई गयी प्रक्रिया अपनाये ।<br /><br /><h1>Screen Shot</h1><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://3.bp.blogspot.com/-rvjLHzdPmLg/T0nz8ZQa3jI/AAAAAAAABHQ/QeeQdZC3oLM/s1600/Share%2BBox%2BWidget%2Bfor%2BBlogger.jpeg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 330px; height: 297px;" src="https://3.bp.blogspot.com/-rvjLHzdPmLg/T0nz8ZQa3jI/AAAAAAAABHQ/QeeQdZC3oLM/s400/Share%2BBox%2BWidget%2Bfor%2BBlogger.jpeg" alt="" id="BLOGGER_PHOTO_ID_5713365821193641522" border="0" /></a><br /><br /><h4>विजेट ब्लॉग पर ले जाये </h4><ul style="text-align: left;"><li>यहाँ जाये <b>Blogger--->Design--->Page Element</b></li><li>यहाँ <b>Add a Gadget</b> पर क्लिक करे </li><li><b>यहाँ html/javascript आप्शन चुने </b></li><li>नीचे बताया गया पूरा कोड यहाँ डाल दे व विजेट सेव करे :))</li></ul><br /><div class="scroll"><style type="text/css">.h4tbar{width:300px;float:left;background:#FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFORScpZtJYsT-JlgP_rw1WLGwArB60vzbfyfzJnrT5YhfvIQRhRAJgY-1oWwBO_MJ3kASCFYrSPtcdFjOz-oFd4g_4a_3yEZRbXTTecRu-xiqk1S5XdriX2wSB9PF2co5iuTvGrcy83Ed/s400/%255Bwww.hindi4tech.blogspot.com%255Dsidebartop.gif) top no-repeat;margin:0 0 10px;padding:10px;border:1px solid #DDD;}.h4tbar .h4t-credit{}.h4tbar .h4t-credit a{float:right;font-size:10px;font-weight:bold;text-shadow:1px 1px white;color:#1E598E;text-decoration:none;}.h4tbar h2{background:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2NHn13odG5MOW1OQQ4OnKWtscS9GS7J-Vmx6ZQB7gX5IJ4f1q2VBQmYBKEAnEPh67hGVNC4M6lJE8-pY-97QKBxDtaxNAXm6ADJUPfP1sW6haPlbNFl8TcHn7dzmYgy8EM-eiCArCwiE0/s400/%255Bwww.hindi4tech.blogspot.com%255DSUBSCRIBE.gif) no-repeat;height:50px;margin:0px 0 0px 0;padding:0px 20px 0px 0px;font-size:0px;font-family:Sans-serif, Arial, Helvetica;font-weight:bold;text-transform:uppercase;color:#ffffff;text-shadow:0 1px 0 #fff;}.h4tbar .count{color:#F17C18;font-size:14px;font-weight:bold;font-family:Helvetica, Arial;height:40px;line-height:40px;vertical-align:middle;width:310px;padding:0 0px 0 4px;margin:0;}.h4tbar .count span.bigcount{color:#F17C18;font-size:24px;font-family:Helvetica, Arial;line-height:39px;vertical-align:middle;margin:0px;padding:10px 0px 0px 0;}.h4tbar .subicons{border-bottom:1px solid #e6e6e6;margin:0px 0 0px 0;float:left;width:300px;font-family:Helvetica, Arial;font-size:12px;}.h4tbar .subicons a{text-decoration:none;color:#333333;}.h4tbar .subicons a:hover{text-decoration:underline;color:#333333;}.h4tbar .subicons .rssicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge24TvBFuWKzEJIGv9e4uPtcD5U08fYi3y8h8qvNnK1rXUMxJ9DO-Za-8gjG8mq2P3-k0FILeOoD5nOOSvw4BOpXi0iEQqd43TPRcTnxy14LAxd5k4UyNlQwvA21jAb5zWo3OaOrPa3WTF/s400/%255Bwww.hindi4tech.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px 5px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.h4tbar .subicons .googleicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge24TvBFuWKzEJIGv9e4uPtcD5U08fYi3y8h8qvNnK1rXUMxJ9DO-Za-8gjG8mq2P3-k0FILeOoD5nOOSvw4BOpXi0iEQqd43TPRcTnxy14LAxd5k4UyNlQwvA21jAb5zWo3OaOrPa3WTF/s400/%255Bwww.hindi4tech.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -37px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.h4tbar .subicons .fbicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge24TvBFuWKzEJIGv9e4uPtcD5U08fYi3y8h8qvNnK1rXUMxJ9DO-Za-8gjG8mq2P3-k0FILeOoD5nOOSvw4BOpXi0iEQqd43TPRcTnxy14LAxd5k4UyNlQwvA21jAb5zWo3OaOrPa3WTF/s400/%255Bwww.hindi4tech.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -79px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.h4tbar .subicons .twittericon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge24TvBFuWKzEJIGv9e4uPtcD5U08fYi3y8h8qvNnK1rXUMxJ9DO-Za-8gjG8mq2P3-k0FILeOoD5nOOSvw4BOpXi0iEQqd43TPRcTnxy14LAxd5k4UyNlQwvA21jAb5zWo3OaOrPa3WTF/s400/%255Bwww.hindi4tech.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -121px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.h4tbar .emailsub{border-bottom:0px solid #e6e6e6;padding:15px 0 0px 0;float:left;width:100%;font-family:Helvetica, Arial;}.h4tbar .emailsub .emailicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH12j_p-A6b4glj4t-kilGBDQ1l_3Ey60wEVevsvJEPx9EZaZIfO-_iMHpfC4cugd-zUnU-KkQZibOyhW02MZl-TifbLI0jIhzGQEEenthf4FJfmkoPmbm0MhkKAVg_78CGDLjU0N6ZKTf/s400/email.png) no-repeat 0 2px;float:left;padding:0px 15px 0px 50px;margin:0 0 0 5px;width:300px;line-height:20px;vertical-align:middle;font-size:14px;color:#333;}.h4tbar .emailsub .emailupdatesform{margin:15px 0 5px 5px;width:300px;float:left;}.h4tbar .emailsub .emailupdatesform input.emailupdatesinput{background:#fff !important;float:left;border:1px solid #d2d2d2;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:185px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.h4tbar .emailsub .emailupdatesform input.joinemailupdates{/*linear-gradient*/background:-webkit-gradient(linear,left top,left bottom,color-stop(#F9EAD4,0),color-stop(#F9780E,1));background:-webkit-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-moz-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-o-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#F9780E));border:1px solid #F9780E;text-transform:none;font:bold 12px arial;color:#fff;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;}</style><div class="h4tbar"><h2 class='title'>Subscribe Now!</h2><div class="count"><span class="bigcount"><a rel="nofollow" href="https://feeds.feedburner.com/<span style="background-color: rgb(247, 150, 70);" ><strong>hindi4tech</strong></span>"><img style="border:0" alt="" src="https://feeds.feedburner.com/%7Efc/<span style="background-color: rgb(247, 150, 70);" ><strong>hindi4tech</strong></span>?bg=F2F2F2&amp;fg=666&amp;anim=1" height="26" width="88" /></a> </span>Learn Free Pro Tricks daily </div><div class="subicons"><div class="rssicon">&nbsp;<a rel="nofollow" href="https://feeds.feedburner.com/<span style="background-color: rgb(247, 150, 70);" ><strong>hindi4tech</strong></span>" target="_blank"> RSS</a></div><div class="googleicon">&nbsp;<a href="<span style="background-color: rgb(247, 150, 70);" ><strong>https://plus.google.com</strong></span>" rel="author" target="_blank"> G+</a></div><div class="fbicon"> &nbsp;<a href="https://www.facebook.com/<span style="background-color: rgb(247, 150, 70);" ><strong>hindi4tech</strong></span>" target="_blank" rel="nofollow">FB</a></div><div class="twittericon">&nbsp;<a href="https://www.twitter.com/<span style="background-color: rgb(247, 150, 70);" ><strong>hindi4tech</strong></span>" target="_blank" rel="nofollow">Twitter</a></div></div><div class="emailsub"><div class="emailicon"><p style=" width:270px; color:#3A3A3A; font-size: 13px; font-weight: normal; font-family: Helvetica, Arial; padding:0; margin:0;">Receive Our All Updates In Your Inbox by &nbsp; &nbsp; submitting your Email ID below.</p></div><div class="emailupdatesform"><form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=<span style="background-color: rgb(247, 150, 70);" ><strong>hindi4tech</strong></span>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="<span style="background-color: rgb(247, 150, 70);" ><strong>hindi4tech</strong></span>" name="uri" type="hidden" /><input value="Submit" class="joinemailupdates" type="submit" /></form><span class="h4t-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="https://hindi4tech.blogspot.com/" target="_blank" >Blogger Widgets &#62;&#62;</a></span></div></div> </div></div><br /><div class="tip">ध्यान दे :- हरे रंग में बताये गए कोड को बदलना ना भूले</div>पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com0tag:blogger.com,1999:blog-5469040551473323623.post-33190246282865086322012-02-25T16:36:00.019+05:302018-07-06T14:56:45.650+05:30Recent Comment Widget For Blogger Blog<img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 250px; height: 250px;" src="https://3.bp.blogspot.com/--Na9Z0CXO4s/T0jEW7DN7JI/AAAAAAAABGI/C1yKxwG68JE/s400/recent-comments-with-avatar-preview.jpg" alt="recent-comments-with-avatar" id="BLOGGER_PHOTO_ID_5713032025406827666" border="0" /><a href="https://blogger.com">ब्लॉग</a> पर recent comment विजेट लगाये । ब्लॉग पर हाल ही की टिपनियो को दिखाने के साथ ही विजेट में अपनी सुविधा अनुसार फेर बदल कर ब्लॉग पर आसानी से रखा जा सकता है। विडजेट को अपने ब्लॉग पर ले जाने के लिए नीचे पक्रिया देखे । विजेट का लाइव डेमो यहाँ देखे <br /><br /><br /><br /><br /><center><span class='Livedemo'><a href="https://demo989765.blogspot.com" target="_blank"> Live Demo</a></span></center><br /><br /><br /><br /><br /><h5>विजेट को ब्लॉग पर कैसे ले जाए </h5><br /><span>नीचे</span> <span>पूछी</span> <span>गयी</span> <span>सभी</span> <span>जानकारी</span> <span>को</span> <span>भरकर</span> <span>genrate</span> <span>बटन</span> <span>पर</span> <span>क्लिक</span> <span>करे</span> <span>व</span> <span>फिर</span> <span>Add</span> <span>To</span> <span>Blogger</span> <span>बटन</span> <span>पर</span> <span>क्लिक</span> <span>करे</span> <span>फिर</span> <span>यहाँ</span> <span>जाए</span><br /><ul style="text-align: left;"><li><b>Blogger--->Design--->Page Element</b></li><li>यहाँ <b>Add a Gadget</b> पर क्लिक करे </li><li><b>यहाँ html/javascript आप्शन चुने </b></li><li> पूरा कोड यहाँ डाल दे व विजेट सेव करे :))</li></ul><br /><br /><br /><iframe src="https://piushtrivedi.neocities.org/recent-comment-widget-with-awatar2.html" frameborder="0" height="700px" scrolling="no" width="100%"></iframe><br>पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com0tag:blogger.com,1999:blog-5469040551473323623.post-16109229559323949602012-02-19T18:15:00.001+05:302018-07-06T14:57:13.564+05:30Hindi Tech Blog के लिए 7 Blockquote Effect<a href="https://3.bp.blogspot.com/-mBrnmQH6pco/T0EEFTz-mrI/AAAAAAAABEE/baMVlfFhh8U/s1600/blockquote_dwn.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 150px; height: 150px;" src="https://3.bp.blogspot.com/-mBrnmQH6pco/T0EEFTz-mrI/AAAAAAAABEE/baMVlfFhh8U/s400/blockquote_dwn.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5710850291746642610" /></a>ब्लॉग पर HTML,CSS कोड आदि दिखाने के लिए कुछ blockquote effect । blockquote effect का उपयोग आम तौर पर <a href="https://hindi4tech.blogspot.com">hindi tech blog</a> , में tech Tips हेतु html , css कोड को दिखाने के लिए किया जाता है लेकीन अपनी सुविधा अनुसार हर कोई इसे अपने blog पर लगा सकता है । नीचे कुछ blockquote डिजाईन बताये गए है साथ ही लाइव डेमो भी दिखाया गया है , आशा है आपको पसंद आयेंगे... इन्हे आसानी से blog पर लगाया जा सकता है , बस नीचे दिए गए चरणों का पालन करें :- <br /><br /><br /><ul style="text-align: left;"><li>सबसे पहले <a href="https://blogger.com">ब्लॉगर</a> खाते में प्रवेश करे , यहाँ जाये <b>Blogger</b>---><b>Design</b>---><b>Edit HTML</b></li><li>अब ऊपर expand widget template cheakbox पर क्लिक करे</li><li>अब keyboard की ctrl+F कुंजी दबाये व यहाँ <span style="color:blue;"></head></span> कोड तलाशे</li><li>अब इस कोड के ठीक बाद में नीचे दिया गया पूरा कोड यथावत डाल दे<br /></li></ul><br /><div class="blockquote"><link rel="stylesheet" href="https://googledrive.com/host/0B9BypLLMMzvONWVBU1QwLWNGaTQ" type="text/css" /></div><br /><br /><h5>STYLE 1</h5><br /><div class="blockquote"><div class='h4t1'><br /><br />HTML Code Here<br /><br /></div></div><br /><div class="tip">ध्यान दे :- पोस्ट में जहा भी Style-1 का उपयोग करना चाहते है वहा ऊपर बताया कोड डाले:-</div><br /><h1>Screenshot</h1><br /><div class="h4t1">Your HTML Css Code Here<br /><br /><link rel="stylesheet" href="https://googledrive.com/host/0B9BypLLMMzvONWVBU1QwLWNGaTQ" type="text/css" /> <br /><br />Now you have done !!!<br /><br /></div><br /><br /><h5>STYLE 2</h5><br /><div class="blockquote"><div class='h4t2'><br /><br />HTML Code Here<br /><br /></div></div><br /><div class="tip">ध्यान दे :- पोस्ट में जहा भी Style-2 का उपयोग करना चाहते है वहा ऊपर बताया कोड डाले:-</div><br /><h1>Screenshot</h1><br /><div class="h4t2">Your HTML Css Code Here<br /><br /><link rel="stylesheet" href="https://googledrive.com/host/0B9BypLLMMzvONWVBU1QwLWNGaTQ" type="text/css" /> <br /><br />Now you have done !!!<br /><br /></div><br /><br /><h5>STYLE 3</h5><br /><div class="blockquote"><div class='h4t3'><br /><br />HTML Code Here<br /><br /></div></div><br /><div class="tip">ध्यान दे :- पोस्ट में जहा भी Style-3 का उपयोग करना चाहते है वहा ऊपर बताया कोड डाले:-</div><br /><h1>Screenshot</h1><br /><div class="h4t3">Your HTML Css Code Here<br /><br /><link rel="stylesheet" href="https://googledrive.com/host/0B9BypLLMMzvONWVBU1QwLWNGaTQ" type="text/css" /> <br /><br />Now you have done !!!<br /><br /></div><br /><br /><h5>STYLE 4</h5><br /><div class="blockquote"><div class='h4t4'><br /><br />HTML Code Here<br /><br /></div></div><br /><div class="tip">ध्यान दे :- पोस्ट में जहा भी Style-4 का उपयोग करना चाहते है वहा ऊपर बताया कोड डाले:-</div><br /><h1>Screenshot</h1><br /><div class="h4t4">Your HTML Css Code Here<br /><br /><link rel="stylesheet" href="https://googledrive.com/host/0B9BypLLMMzvONWVBU1QwLWNGaTQ" type="text/css" /> <br /><br />Now you have done !!!<br /><br /></div><br /><br /><h5>STYLE 5</h5><br /><div class="blockquote"><div class='h4t5'><br /><br />HTML Code Here<br /><br /></div></div><br /><div class="tip">ध्यान दे :- पोस्ट में जहा भी Style-5 का उपयोग करना चाहते है वहा ऊपर बताया कोड डाले:-</div><br /><h1>Screenshot</h1><br /><div class="h4t5">Your HTML Css Code Here<br /><br /><link rel="stylesheet" href="https://googledrive.com/host/0B9BypLLMMzvONWVBU1QwLWNGaTQ" type="text/css" /> <br /><br />Now you have done !!!<br /><br /></div><br /><br /><h5>STYLE 6</h5><br /><div class="blockquote"><div class='h4t6'><br /><br />HTML Code Here<br /><br /></div></div><br /><div class="tip">ध्यान दे :- पोस्ट में जहा भी Style-6 का उपयोग करना चाहते है वहा ऊपर बताया कोड डाले:-</div><br /><h1>Screenshot</h1><br /><div class="h4t6">Your HTML Css Code Here<br /><br /><link rel="stylesheet" href="https://googledrive.com/host/0B9BypLLMMzvONWVBU1QwLWNGaTQ" type="text/css" /> <br /><br />Now you have done !!!<br /><br /></div><br /><br /><h5>STYLE 7</h5><br /><div class="blockquote"><div class='h4t7'><br /><br />HTML Code Here<br /><br /></div></div><br /><div class="tip">ध्यान दे :- पोस्ट में जहा भी Style-7 का उपयोग करना चाहते है वहा ऊपर बताया कोड डाले:-</div><br /><h1>Screenshot</h1><br /><div class="h4t7">Your HTML Css Code Here<br /><br /><link rel="stylesheet" href="https://googledrive.com/host/0B9BypLLMMzvONWVBU1QwLWNGaTQ" type="text/css" /> <br /><br />Now you have done !!!<br /><br /></div><br /><br /><h5>STYLE 9</h5><br /><div class="blockquote"><div class='h4t9'><br /><br />HTML Code Here<br /><br /></div></div><br /><div class="tip">ध्यान दे :- पोस्ट में जहा भी Style-9 का उपयोग करना चाहते है वहा ऊपर बताया कोड डाले:-</div><br /><h1>Screenshot</h1><br /><div class="h4t9">Your HTML Css Code Here<br /><br /><link rel="stylesheet" href="https://googledrive.com/host/0B9BypLLMMzvONWVBU1QwLWNGaTQ" type="text/css" /> <br /><br />Now you have done !!!<br /><br /></div>पीयूष त्रिवेदी http://www.blogger.com/profile/08382077700532498117noreply@blogger.com37Bhopal, Madhya Pradesh, India23.2599333 77.4126149999999623.1646158 77.284316999999959 23.3552508 77.540912999999961