How to Show Code Snippets Beautifully in Blogger in Hindi | हिंदी में जानिये

हेल्लो दोस्तों,
आज के इस ब्लॉग पोस्ट में मैं आप सबको बताने वाला हूँ कि आप कैसे आसानी से और बहुत ही सुन्दरता से codes या जिसे हम code snippets भी कहते हैं दिखा सकते हैं . इसी topic से related मैंने एक पुराना पोस्ट भी लिखा था जिसे आप यहाँ click करके भी पा सकते हैं . दोस्तों होता यह हैं कि बहुत बार आप किसी पोस्ट को लिखते हैं और उस पोस्ट में आपको HTML या CSS या किसी और programming language के posts अपने ब्लॉग पोस्ट में दिखने पढ़ जाते हैं . परन्तु जब आप उन codes को अपने ब्लॉग पर paste करते हैं तो codes बहुत बिखर जाते हैं या दिखने में बहुत गंदे लगते हैं .



उदहारण के लिए नीचे दिए गए पोस्ट का एक screenshot देख ले.

यहाँ पर आप देख सकते हैं कि code पोस्ट area के बहार चले गया हैं और पोस्ट दिखने में भी अच्छा नहीं लग रहा हैं . 

अब नीचे के pic को देखे .

यहाँ पर codes बहुत व्यवस्थित हैं और दिखने में भी अच्छा लग रहा और code ही लग रहां हैं. इस तरह से सुन्दर codes दिखाने से आपके websites के visitors पर अच्छा impression पढता हैं और लोग इसे Like भी करते हैं. अगर आप भी ऐसे सुन्दर तरीके से code दिखाना चाहते है तो नीचे इस विधि को देखे .

Code Snippets सुन्दुर कैसे दिखाए ?

Codes को सुन्दर तरह से दिखाने के लिए में एक website की मदद लेने वाला हूँ .यह बिलकुल फ्री हैं और बहुत ही आसान हैं.

1. आप सबसे पहले जिस code को सुन्दरता के साथ दिखाना चाहते हैं उसे copy करले 

2.फिर निम्नलिखित website पर जाए 

http://hilite.me

3. अब आपके सामने website खुल जाएगा . यहाँ पर आपको एक box मिलेगा जहां पर आपको अपना Source Code डालना पड़ेगा , मतलब जिस code को आप सुन्दरता से दिखाना चाहते हैं वो आप इस "Source code " के text box में डाले या paste कर दे . इस box में पहले से लिखा हुआ एक simple code शायद आपको मिलेगा उसे पहले आप delete कर ले.

4.  "Language" के dropdown से आप अपने code के language को select कर सकते हैं . फिर "Style" से आप अपने code का स्टाइल change कर सकते हैं जैसे आप codes को colorful, black and white इत्यादि में दिखा सकते हैं .

5. अब अंत में आपको Highlight! का बटन दबाना पड़ेगा . बटन दबाने के साथ ही आप देखेंगे कि HTML के text box में एक नया html code generate हो जाएगा . अब आप उस code को copy कर ले .

6. अब इस copied code को आप अपने html window में जाकर paste करेंगे तो आपको अपना code highlighted या सुन्दर तरीके से मिलगा .

इस तरह से आप एक simple से code को बहुत सुन्दर तरीके से अपने ब्लॉग पर दिखा सकते हैं और लोगो तक पंहुचा सकते हैं.

धन्यवाद.

Read More

How to Add Rotating Latest Post Widget in Blogger in Hindi | हिंदी में जानिये

हेल्लो दोस्तों ,
हर कोई व्यक्ति अपने ब्लॉग पर नए से नए effects और option डालना चाहता हैं ताकि उसका ब्लॉग लोगो को आकर्षित करें और ज़्यादा से ज़्यादा लोग आकर आपके ब्लॉग को visit करें और आप लाभान्वित हो. आज के इस blogpost में मैं आपको एक ऐसे widget के बारे में बताने वाला हूँ जिसकी मदद से आप अपने ब्लॉग पर latest posts को बहुत ही सुन्दर तरीके से दिखा पायेंगे . यह widget आपके latest posts को alternately rotate करते हुए दिखायेगा . उदहारण के तौर पर नीचे दिए गए लिंक पर जाए.

Demo Rotating Post Widget

Rotating Latest Post Widget कैसे डाले ?

1. सबसे पहले आप blogger dashboard की बायीं और की Menu में template पर click करें . फिर आपका template का window खुल जाएगा . अब यहाँ पर " Add a Gadget" पर click करें . अब आपके सामने एक pop up window खुलेगा जिसपर अब आप "HTML/Javascript" पर click करके एक नया widget window खोले .

2. Widget Window में अब आप निम्नलिखित code को copy करके paste कर दे .

<style>
.gfg-root {
width: 100%;
height : auto;
position : relative;
overflow : hidden;
margin: 0 auto;
text-align : center;
font-size: 12px;
border: 1px solid #DBDBDB;
}
.gfg-title {
font-size: 16px;
font-weight : bold;
color : #6B6B6B;
background:#F3F3F3;
background-repeat: repeat;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
padding: 5px;
text-shadow: 0px 2px #fff;
}
.gfg-entry {
background-color: #FFFFFF;
width : 100%;
height : 9.2em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 3px;
}
.gf-title a {
text-transform: capitalize;
color: #0000ff;
font-size: 14px;
}
.gfg-subtitle {
display: none;
}
.gfg-list {
position : relative;
overflow : hidden;
text-align : left;
}
.gfg-listentry {
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
padding-left : 15px;
padding-right : 5px;
}
.gfg-listentry-odd {
background-color : #F3F3F3;
border-bottom : 1px dotted #CCCCCC;
padding: 5px;
}
.gfg-listentry-even {
background-color : #F3F3F3;
border-bottom : 1px dotted #CCCCCC;
padding: 5px;
}
.gfg-listentry-odd a{
color: #595959;
padding: 0 0px 0 10px;
}
.gfg-listentry-even a{
color: #242424;
padding: 0 0px 0 10px;
}
.gfg-listentry-highlight {
background: #FFFFFF;
}
.gfg-listentry-highlight:before {
position: absolute;
left: 0;
content: '\25BA ';
font-size: 14px;
color: #DBDBDB;
}
.gfg-listentry-highlight a {
color: #242424;
}
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color: #ffffff;
width : auto;
height : 100%;
padding-left : 20px;
padding-right : 5px;
}
.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 14px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
margin-bottom : 2px;
margin-top: 5px;
}
.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color: #000000;
margin-top : 3px;
}
.clearFloat {
clear : both;}</style>
<script src="http://www.google.com/jsapi" type="text/javascript"></script><script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>
<script type="text/javascript">
function showGadget() {var feeds = [{title:'List',url:'http://hindidost.com/feeds/posts/default?redirect=false&start-index=1&max-results=10'},];
new GFdynamicFeedControl(feeds, 'feedGadget',{title: 'Latest Posts', numResults : 10, displayTime : 5000, hoverTime : 500});} google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>
<div id="feedGadget">Loading...</div>

3. जहाँ पर hindidost.com लिखा हैं वहां पर आप अपने blogger का id लिख दे ,अब अपने widget को Save कर ले . बस हो गया . आप देखेंगे के आपके blog पर rotating latest post का widget लग गया हैं.

आप अगर चाहे तो इसे अपने पोस्ट पर या पेज पर भी दाल सकते हैं. उसके लिए आपको आपके पेज या पोस्ट के html में इस code डालना पड़ेगा.

यह बहुत ही सिंपल हैं और दिखने में भी अच्छा लगता हैं . अगर आपको यह पोस्ट पसंद आया तो ज़रूर बताये .

धन्यवाद

Related: Blogger Tricks

Read More

How to add Read more in Blogspot by Both Manually and Automatically in Hindi | हिंदी में जानिए

हेल्लो दोस्तों,
आज के इस ब्लॉग पोस्ट में मैं आपको बताऊंगा की आप अपने Blogger Blog पर Read More का बटन कैसे लगा सकते हैं. इसे हम Jump Break के नाम से भी जानते हैं.  असल में इसमें होता यह हैं कि Read More का jump break लगाने से आपका पूरा का पूरा पोस्ट सामने नहीं दीखता , सिर्फ ब्लॉग का title, summary और thumbnail  दीखता हैं और साथ में Read More का लिंक दीखता हैं. और पूरा पोस्ट पड़ने के लिए आपको उस Read More के link पर click करना पढता हैं.

और पढ़े : Blogger के लेख | Chrome के लेख 

क्या फायदे ?

इस लिंक के डालने से फायदा यह हैं की आप एक screen पर एक साथ अपने बहुत सारे posts को दिखा सकते हैं और आपके ब्लॉग पर उपलब्ध बहुत सारे pages को आप आसानी से एक ही जगह दिखा पाते हैं. अगर मान लीजिये की एक पेज या screen पर आपका एक पोस्ट ही दिख रहा हैं तो chances हैं की visitor आपके दुसरे links या posts को ना देखे और आपके पेज की ranking पर असर पढ़ सकता हैं. कह सकते हैं कि यह Read More का लिंक SEO की और से काफी important हैं.

अपने Blog पर कैसे Read more को डाले ?

आप अपने Blogger blog पर दो तरह से Read  more का लिंक दाल सकते हैं .
पहला तो manual method हैं जिसमे आप अपने हिसाब से read more का लिंक दाल सकते हैं , मतलब यह हैं कि आप summary का length हर पोस्ट के लिए अलग से खुद चुन सकते हैं और अलग से कोई आपको अपने ब्लॉग के HTML में changes नहीं करने पढ़ते .

दूसरा तरीका हैं automatic method जिसमे आपको अपने ब्लॉग के html में कुछ changes करने पड़ेगे और Read more का link आपके ब्लॉग के हर पोस्ट पर automatic add हो जाएगा एक predefined summary के बाद .इस method में आप summary का length बदल नहीं सकते .

मैं यहाँ आपको दोनों तरीके बताने वाला हूँ.

Manual Method  

आप जब आप अपने blogger पर नया पोस्ट लिखते हैं तो आपने देखा होगा कि आपके Editing tool में एक insert jump break का option tool bar में रहता हैं . और अच्छे से जानने के लिए नीचे दिए गए फोटो को देखे 

उदहारण के लिए ऊपर के चित्र को देखे . यहाँ मैंने manual method को फोटो से दिखाया हैं. मान लीजिये की ऊपर के चित्र के मुताबिक मुझे अपने summary पर "frog in a trap" तक दिखाना हैं. तो मैं वहां पर जाकर अपने mouse का cursor ले जाऊँगा और click करूँगा फिर "insert jump break" के option पर click करूँगा तो आप देखेंगे की आपके उस "frog in a trap" के नीचे एक line खिच जाएगा और फिर उसे आप Save कर ले.

अब जब आप अपने ब्लॉग पर जाकर अपने लिखे गए पोस्ट को देखेंगे तो आपको "Read more" link मिल जाएगा . 

Automatic Method 

सबसे पहले तो आप अपने template का backup ले ले . इसके लिए आप पहले "template" पर click करे ,फिर Back/Restore पर click करे और फिर अपना full template डाउनलोड कर ले.

Related: अपने ब्लॉग का backup ऐसे ले 

इस method के लिए पहले आप अपने ब्लॉग के dashboard में जाकर बायीं तरफ के menu से "Template" पर click करें फिर "Edit HTML" के बटन पर click करें . अब आपके सामने आपके Blog का HTML change करने का Window खुल जाएगा . 

फिर इस window पर खाली जगह पर एक बार click करे और फिर Ctrl + F का बटन दबाये और search करे निम्नलिखित code को :

<data:post.body/>

Search box में डालकर आप जब इस code को देखेंगे तब आपको यह code दो तीन बार मिलेगा . यहाँ पर आपको तीसरे code को निम्नलिखित code से बदलना हैं . अगर आपको तीन कि जगह दो बार ही यह code मिला तो दुसरे code को आप निम्नलिखित code से बदले. 

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
 <span class='readmore' style='float:right;'><a expr:href='data:post.url'>Read More &#187;</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

अब इसके बाद फिर से निम्नलिखित tag को search करें :

</head>

इस tag के ठीक ऊपर अब आपको एक नया code paste करना पड़ेगा जिसे आप नीचे से कॉपी करके paste कर दे.

<script type='text/javascript'>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 160;
img_thumb_width = 180;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';
summ = posts_thumb_sum;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post-footer {display: none;}
.post {margin-bottom: 10px; border-bottom: 1px dotted #E6E6E6; padding-bottom: 20px;}
 .readmore a {text-decoration: none; }
</style>
</b:if>
</b:if>

बस अब आप अपने template को save कर ले.

आप अगर चाहे तो summary में number of characters change कर सकते हैं. अगर आपके पोस्ट में कोई thumbnail नहीं हैं तो characters change करने के लिए 490 change करिए. और अगर thumbnail हैं तब 400 को change करें. thumbnail का height और width भी आप चाहे तो 160 और 180 को बदल कर कर सकते हैं.

तो ये थे दो तरीके जिससे आप आसानी से अपने पोस्ट में Read more का link दाल सकते हैं.
अगर आपको कोई परेशानी आ रही हो तो ज़रूर बताये . और comments और facebook पर हमसे जुढ़े रहिये.

धन्यवाद 

Read More

Share Image by Just Copy Paste using Snaggy | हिंदी में जानिये

हेलो दोस्तों,
आज के इस ब्लॉग पोस्ट में मैं आपको एक ऐसे वेबसाइट के बारे में बताने जा रहा हूँ जिसकी मदद से आप बड़ी आसानी से किसी भी फोटो को share कर सकते हैं और वो भी बिना किसी uploading के। सिर्फ इसमें आपको फोटो को copy करना हैं और फिर मेरे बताये गए इस वेबसाइट पर जाकर उसे paste करना हैं। बस हो गया।

Snaggy क्या हैं ?

Snag.gy एक image hosting वेबसाइट हैं जो आपको अपने clipboard में copy किये गए किसी भी image को directly online paste करने की सहूलियत देता हैं। मतलब यह है की आपको कोई image पसंद आई तो आप सिर्फ उस फोटो पर mouse से right click करेंगे और snag.gy की वेबसाइट पर जाकर उसको paste करेंगे और Snag.gy आपको उस फोटो को अपने पास स्टोर कर लेगा और आपको एक लिंक दे देगा जिसे आप किसी को भी share कर सकते हैं। 

Snag.gy में एक built-in editor भी जिसकी मदद से आप चाहे तो simple editing job भी कर सकते हैं।

और पढ़े :Send free sms directly from your browser in INDIA

Convert files to pdf using email only

Snag.gy क्यूँ बना ?

Screen share करना एक बहुत ही बड़ी आफत हैं। पहले आप अपने keyboard पर PrtScn का बटन दवाएंगे फिर उसे Paint पर paste करेंगे , फिर उसे अपने कंप्यूटर पर कही save करेंगे।  फिर अपने hosting site पर login करेंगे और उस image को browse करके upload करेंगे। यह एक time consuming काम हैं और irritating भी हैं। 

लेकिन इस वेबसाइट  के लिए आप सिर्फ PrtScn पर click करें और फिर Snag.gy की वेबसाइट पर जाकर Paste करें या Ctrl + V  दवाये और आपका फोटो upload और आपके पास फोटो का लिंक मिल जाएगा। 

कहाँ उपयोगी हैं ?

जब किसी को अपने drawing का online progress दिखाना हो। 

जब आपके window में कोई error दिखा रहा हो और आप उसे किसी को immediately दिखाना चाहते हो। 

कोई funny joke या comments इत्यादि लोगो तक पहुचना चाहते हो तो। 

यह वेबसाइट बहुत ही आसान हैं और कोई भी बड़ी आसानी से इसका उपयोग कर सकता है।

ये भी पढ़े: Five Clever Uses of Chrome
               My way of removing password from PDF File

Read More

How to Show Google Advertisement Beautifully in Center of Post in Hindi | हिंदी में जानिये

हेलो दोस्तों,
आज के इस ब्लॉगपोस्ट में मैं आपको एक बहुत ही आसान से ट्रिक या कहें हैक के बारे में बताने जा रहा हूँ जिसकी मदद से आप अपने ब्लॉग पर Goggle के Advertisement को पोस्ट के बीचोबीच या कहें तो center में दिखा पाएंगे।

दोस्तों बहुत समय ऐसा होता हैं कि आप ब्लॉग लिखते हुए बीच में अपना google ad का code पोस्ट पर डालते हैं और देखते हैं कि ad एक तरफ खिसक गया हैं। उदहारण के तौर पर निचे दिए गए ad को देखे।




ऊपर दिए गए ad में आप देख सकते हैं कि अड़ पूरा का पूरा बायीं और आ गया हैं और दायी ओर की जगह waste पढ़ी हैं। यह दिखने में उतना अच्छा नहीं लगता और साथ ही साथ आपके ब्लॉग को professional look भी नहीं देता। ऐसे समय में अगर आप इसी तरह के ad को अगर पोस्ट के बीच में दिखा पाते हैं तो आपके ad का click rate भी बढ़ जाएगा और आपका पोस्ट और ब्लॉग भी सुन्दर लगेगा।  उदाहरण के तौर पर पोस्ट के बीच में दिखाए गए निम्नलिखित ad को देखे।

यहाँ Google Ad पोस्ट के बीच में हैं और ad के दोनों तरफ सामान जगह खाली हैं। इस तरह से ad show करने अन्य कई भी फायदे हैं। तो अब हम जानेंगे के आप अपने ब्लॉग पर कैसे इन google ads को center में दिखा सकते हैं। 

इसके लिए आपको ज्यादा मेहनत नहीं करनी पड़ेगी।  सिर्फ आपको आपने Google Ads के Code के आगे पीछे एक simple सा tag लगाना पड़ेगा और वह टैग हैं

<center>Ad Code</center>

 उदाहरण के तौर पर मान लीजिये आपके Google Ad का कोड निम्नलिखित हैं. 

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- 300*600 verticle -->

<ins class="adsbygoogle"

     style="display:inline-block;width:300px;height:600px"

     data-ad-client="ca-pub-123456987 "

     data-ad-slot="87654123"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

अब जब भी आप इस कोड कही पोस्ट में डालेंगे तब इस पोस्ट को इस तरह डाले. 

<center>script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- 300*600 verticle -->

<ins class="adsbygoogle"

     style="display:inline-block;width:300px;height:600px"

     data-ad-client="ca-pub-123456987 "

     data-ad-slot="87654123"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script></center>

आप देख सकते हैं कि कोड के आगे और पीछे मैंने एक tag लगाया हैं। Code के आगे या सामने मैंने <center> का tag लगाया हैं और Code के अंत में उसी टैग क्लोज किया है </center> tag देकर। यह एक simple से टैग हैं जो आप हर समय याद रख सकते हैं और चाहे तो किसी और कोड को भी बीच में दिखाने के लिए प्रयोग में ला सकते हैं। 

Related: 

How to Download or Backup your Blogspot Blog in Hindi | हिंदी में जानिए

Fake Things Which One Can Generate Online

Posts related to Blogger

Read More

How to Open Two Gmail ID in One Browser in Hindi

हेलो दोस्तों आज के इस ब्लॉगपोस्ट में मैं आपको एक simple hack के बारे में बताऊंगा जिसकी मदद से आप अपने Chrome Web Browser पर एक ही समय पर दो Gmail Account या कहें की दो Google account खोल पाएंगे।

दोस्तों साधारणतया  होता यह हैं की जब भी आप अपने browser में गूगल के अकाउंट से login करते हैं तो ब्राउज़र आपके उस login के cookies store कर लेता हैं।  परन्तु जैसे ही आप फिर से गूगल अकाउंट खोलने की कोशिश करते हैं तो आप आपके द्वारा दिए गए पुराने login से ही google में connected रहते हैं। अतः आप नए gmail userid से login नहीं कर पाते। इस हैक में मैं आपको इस समस्या का हल देने वाला हूँ।

सबसे पहले आप अपने browser से gmail या गूगल पर login करें।

अब मान लीजिये आपको नए किसी Gmail या Google Id को उसी browser पर देखना हैं तो उस ब्राउज़र के Incognito Window या Private Window को खोले। यह वह विंडो हैं जिसपर आप अपना private browsing कर सकते हैं। अलग अलग ब्राउज़र के खेत्र में यह अलग होता हैं।

Chrome Browser पर Incognito Mode पर जाने के लिए आप Ctrl+Shift+N अपने keyboard पर दबाय।  तब आपके सामने एक नया Browser Window खुल जाएगा। यहाँ पर आप नया Google Account खोल पाएंगे। 

Mozilla Firefox पर Private Browsing पर जाने के लिए आप Ctrl +Shift +P अपने keyboard पर दबाएं। 

इसी तरह से अलग अलग Web Browsers के लिए अलग अलग shortcuts हैं। आप अगर चाहे तो अपने mouse की मदद से भी इन private browsing windows पर भी जा सकते हैं।

Read More

How to Remove Showing posts with label from Blogspot Blog in Hindi | हिंदी में जानिये

हेलो दोस्तों
आज के इस ब्लॉग पोस्ट में मैं आपको एक ऐसे editing के बारे में बताने जा रहा हूँ जिसकी मदद से आप अपने blogspot ब्लॉग को और भी professional कर पाएंगे।

 By default जब भी आप अपने ब्लॉग के किसी Label पर क्लिक करते हैं तो हर पोस्ट के ऊपर आपको कुछ "Showing posts with label"  का message दीखता होगा. यह message दिखने में उतना अच्छा नहीं लगता साथ ही साथ आपके posts की शोभा को भी ख़राब करता हैं। आज हम इसी message को हटाने का तरीका जानेंगे.

पद्धति 

1. सबसे पहले आप अपने ब्लॉगर के डेशबोर्ड में जाइए. 

2. इसके बाद बाई तरफ के Menu में Template पर क्लिक करिए. फिर Edit HTML पर क्लिक करें. 

3. अब आपके सामने आपके ब्लॉग का HTML Edit करने का Window खुल जाएगा। यहाँ पर अब एक बार खाली जगह पर क्लिक करें फिर CTRL+F का बटन दवाये और search करें निम्नलिखित कोड को:

<b:includable id='status-message'>

4. अब यहाँ पर आपका कोड highlight हो जाएगा।  इस कोड को अब आप expand करें।  उसके लिए आप चित्र में दिखाए गए छोटे से arrow पर क्लिक करें.

 5.  कोड को expand करने के बाद , आपको कुछ निचे दिए गए चित्र की तरह दिखेगा।

6. इस पूरे कोड को select करें और उसे निम्नलिखित कोड से replace कर दे :

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

 इसके बाद अपने Template को Save कर ले. अब आप जब भी किसी Label पर क्लिक करेंगे तो आपको

"Showing posts with label"

नहीं दिखेगा।  तो था  ना आसान।  लेकिन एक सुझाव यह हैं कि जब भी आप HTML में कोई change करते हैं तो पहले अपने ब्लॉग का बैकअप अवश्य ले ले।

Related Posts: 
How To Create Sitemap for Blogspot Blog in Hindi | हिंदी में जानिए
Disable Right Click or Copy Paste in Blogger Blog in Hindi | हिंदी में जानिये 

Read More

How to Post in Blogger from Email in Hindi | हिंदी में जानिए.

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

आज के इस ब्लॉग पोस्ट में मैं आपको बताऊंगा कि आप किस तरह से अपने किसी भी ईमेल id से अपने ब्लॉग पर पोस्ट कर सकते हैं. मतलब यह हुआ कि आप जिस किसी भी पोस्ट को publish करना चाहते हैं उसे आप अपने Email में लिखेंगे और एक predefined secret email id पर send करेंगे और वह post आपके ब्लॉग पर पोस्ट हो जाएगा.

मान लीजिये आप ऑफिस में हैं और अचानक आपके दिमाग में एक नया blog post लिखने का idea आया. और ऐसे समय में आप क्या करेंगे. या तो आप सीधे अपने blogger account में जायेंगे और पोस्ट को लिख कर लोगो को शेयर करेंगे. या उसे offline कही लिख लेंगे. दूसरा तरीका शायद ही कोई use करता हो. पर मान लीजिये आपके office में blogger block हो तब आप क्या करेंगे. आप blogger भी नहीं खोल पा रहे और आपको पोस्ट भी लिखना हैं. तब ऐसे समय पर आप इस Email to Blog की मदद ले सकते हैं जहां आपको Blogger की website भी नहीं खोलनी पड़ती और आप अपना पोस्ट लिख भी लेते हैं.

यह काम कैसे करता हैं?

इसमें आप अपने लेख को अपने email में type करते हैं. फिर आप एक secret email id पर उस mail को send करते हैं. यह असल में आप एक email send करने जैसा ही हैं . फिर आपके द्वारा जो भी email जाता हैं वो आपके blogger ब्लॉग में पोस्ट हो जाता हैं.

                                                     और पढ़े: Blogger से सम्बंधित अन्य posts 

How to Share your post in all Social Networking sites automatically without any Software

चलिए अब जानते हैं की Email से आप Blogpost कैसे कर सकते हैं.

1. सबसे पहले आप अपने ब्लॉग के Blogger Dashboard पर जाएँ. और फिर बाए तरफ वाले menu में Settings पर click करें.

2. Settings पर click करने के बाद और भी menu खुल जायेंगे . अब यहाँ Email पर click करें.

3. अब आपके सामने Secret email id बनाने का window खुल जाएगा . नीचे चित्र पर देखे.

अब ऊपर देखिये चित्र पर "secretWords" लिखने की एक जगह हैं , यहाँ पर अब आप अपना secret word लिखे. ध्यान रहें कि किसी को यह secret word न पता चले वरना कोई और भी आपके ब्लॉग पर पोस्ट कर देगा.

इसी चित्र का उदहारण लेते हैं .चलिए मान लेते हैं आपने ऊपर secret word में "hindi" लिखा हैं.

तब आपका secret email id हो जाएगा "aritrasarkar2003.hindi@blogger.com"

4. उसके बाद Publish email immediately के बुलेट पर click करिए अगर आप अपने email पोस्ट को तुरंत पोस्ट करना चाहते हो तो या "Save emails as draft post" के बुलेट पर भी click करके उन posts को draft में save कर सकते हैं. . choice आपकी है.

5. अब दायी और Save settings पर click करके सब Save कर ले .

बस हो गया . अब जब भी आपको email से कोई पोस्ट करना हो तो अपने email में नया mail compose करें फिर अपने उस secret email id पर उस पोस्ट को send कर दे. जैसे मेरे इस उदहारण में मुझे अपना email 

"aritrasarkar2003.hindi@blogger.com" पर send करना पड़ेगा.

Read More

How to Remove Navbar from Blogspot Blog in Hindi | हिंदी में जानिए.

हेलो दोस्तों

आज के इस ब्लॉग पोस्ट में मैं आपको गूगल के ब्लॉगर ब्लॉग से navbar या जिसे हम navigation bar  भी कहते हैं कैसे हटाते हैं के बारे में बताने वाला हूं

सबसे पहले तो हम यह जान लेते हैं कि यह नेविगेशन बार होता क्या है और यह ब्लॉगस्पॉट ब्लॉग में आपकी किस तरह से मदद कर सकता है

जब भी आप ब्लॉग बनाते हैं तो नेविगेशन बार by default आपके ब्लॉग के टॉप पर आ जाता है. इस नेविगेशन बार की मदद से आप चाहे तो कुछ भी सर्च कर सकते हैं या यहां से किसी भी पोस्ट को शेयर कर सकते हैं लोगो तक पहुंचा सकते हैं इसके अलावा भी यहां से आप अपने अकाउंट से साइन आउट भी हो सकते हैं.

परन्तु यह नेविगेशन बार या navbar दिखने में उतना अच्छा नहीं लगता तो लोग अधिकतर समय इसे हटा देते हैं या hide कर देते हैं .

तो चलिए अब जानते हैं कि आप इसे कैसे हटा सकते हैं

1. सबसे पहले आप अपने ब्लॉगर के डेशबोर्ड में  जाइए.

2. इसके बाद बाई तरफ के Menu में Layout पर क्लिक करिए.

3. Layout पर क्लिक करने के बाद आपके सामने आपके ब्लॉग का Layout खुल जाएगा यहां पर अब आपको navbar का  एक widget दिखेगा. इस navbar के widget पर आपको एक edit का ऑप्शन मिलेगा. इस एडिट के ऑप्शन पर क्लिक करिए

और पढ़े: Blogger से सम्बंधित अन्य posts .

4. क्लिक करने के साथ ही Navbar Configuration का एक विंडो खुल जाएगा जहां पर आप अपने ब्लॉग का नव बार बदल सकते हैं या इसे नीचे दिए गए ऑफ के bullet बटन पर क्लिक करके बंद कर सकते हैं .चलिए हम अब off के bullet बटन पर क्लिक करिए और तो फिर नीचे सेव के बटन पर क्लिक करते हैं

बस हो गया . अब जब आप अपने ब्लॉग पर जायेंगे तो आपको navbar नहीं दिखेगा और आपके ब्लॉग को एक professional look मिलेगा .

Read More