होम
ब्लॉगर ब्लॉग की एक मुलभुत और सबसे आवश्यक सुविधाओ में से एक . Breadcrumbs Navigation का उपयोग ब्लॉगर ब्लॉग पर पाठको को ब्लॉग की स्थिति के साथ ही यह बताने में किया जाता है की वे अभी किस निर्धारित लिंक पर है ... Breadcrumbs Navigation ब्लॉग में पोस्ट शीर्षक के ठीक ऊपर होता है ... इसका लाइव डेमो Hindi4Tech पर भी देखा जा सकता है .. लगाने के फायदों में कुछ यह की पाठको को किसी भी पोस्ट पड़ते समय तुरंत मुख्य प्रष्ट के साथ ही पोस्ट को जिस श्रेणी के अंतर्गत रखा गया है वे सभी पोस्ट भी पोस्ट श्रेणी लिंक पर क्लिक कर आसानी से देखा जा सकता है .. सबसे पहले स्क्रीनशॉट देखे की यह आपके ब्लॉग पर किस तरह दिखाई देगा ...Blog Screenshot
ये तो हुई ब्लॉग पर की स्क्रीनशॉट की बात अब नीचे बताये गए दुसरे स्क्रीनशॉट में यह देखे की गूगल सर्च में आपका ब्लॉग लिंक किस तरह दिखाई देगा ... बताये गए स्क्रीनशॉट में ब्लॉग लिंक के साथ पोस्ट को जिस श्रेणी में रखा गया है वह लेबल भी दिखाई देता है जिससे पाठक सीधा लाबेल लिंक पर क्लिक कर उस श्रेणी की सभी पोस्ट को एक साथ देख सकते है ....
Search Engine Screenshot
अंत में यही कहना चाहूँगा की मेटर चाहे सर्च इंजन रेकिंग का हो , ब्लॉग ट्राफिक का हो या और कुछ हो सभी तरह से Breadcrumbs Navigation एक बहुत आसान और ब्लॉग हेतु एक आवश्यक सुविधा है .. इसे अपने ब्लॉग पर सक्रिय करने के लिए नीचे बताये कुछ आसन चरणों का पालन करे कुछ ही मिनटों में आपके Breadcrumbs Navigation ब्लॉग पर सक्रिय होगा :-)
विजेट ब्लॉग पर ले जाये
Step 1 :-
- सबसे पहले ब्लॉगर खाते में प्रवेश करे , यहाँ जाये Blogger--->Design--->Edit HTML
- अब ऊपर expand widget template cheakbox पर क्लिक करे
- अब keyboard की ctrl+F कुंजी दबाये व यहाँ ]]></b:skin> कोड तलाशे
- अब इस कोड के ठीक पहले नीचे दिया गया पूरा कोड यथावत डाल दे
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
Step 2 :-
अब अपनी ब्लॉग टेम्प्लेट में <b:include data='top' name='status-message'/> कोड तलाशे, और इसके ठीक बाद में नीचे बताया गया कोड यथावत डाले
<b:include data='posts' name='breadcrumb'/>
Step 3 :-
अब अपनी ब्लॉग टेम्प्लेट में <b:includable id='main' var='top'> कोड तलाशे, और इसके ठीक पहले नीचे बताया गया कोड यथावत डाले
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>
<b:loop values='data:post.labels' var='label'>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span></b:if>
</b:loop>» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
ब्लॉग टेम्पलेट सेव करे :-)
Blogger की नयी सुविधा Thread कमेंट्स से तो सभी परिचित होंगे ... और शायद सभी ने इसे ब्लॉग पर सक्रिय कर लिया होगा । इसी कड़ी में आज Blogger Thread Comment में Smiley's का उपयोग कैसे किया जाय बताया गया है॥ Blogger के सामान्य Comment फॉर्म में Smiley's का उपयोग बिना किसी परेशानी के एक सामान्य सी स्क्रिप्ट के द्वारा आसानी से किया जा सकता है ॥ वही Thread Comment में Smiley का उपयोग करने हेतु स्क्रिप्ट के साथ साथ css और कुछ मामूली template code के द्वारा इसे ब्लॉग पर रखा जा सकता है ... इसे अपने ब्लॉग पर सक्रिय करने के लिए नीचे पक्रिया अपनाये ।
newer post , older post लिंक ब्लॉग पर पाठको को बिना पोस्ट प्रष्ट को छोड़े अगले प्रष्ट पर जाने हेतु आवश्यक है। इसी कड़ी में आज hindi4tech के इस लेख में बताया गया है के कैसे newer post, older post लिंक को post title से बदला जाये .. नीचे बताई गयी स्क्रिप्ट को ब्लॉग के sidebar विजेट में कही भी डाल कर परिवर्तन सेव करे ... विडजेट की खासियत यह की ब्लॉग पर पोस्ट पृष्ट पर दिखने वाली newer post , older post लिंक को post title से बदला जा सकता है ॥ विजेट को ब्लॉग पर ले जाने से पहले screenshot देखे की यह आपके ब्लॉग पर किस तरह दिखाई देगा। 
