Ads By Google info
webdesign-android-devlopement-news-portal-designing-india-indore-bhopal-mp

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

Posted : | Posted By: Piush Trivedi | Labels: , 14 Comments
Posted by: Piush



Pin It

ब्लॉगर ब्लॉग की एक मुलभुत और सबसे आवश्यक सुविधाओ में से एक . 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;
}

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'>
<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>


ब्लॉग टेम्पलेट सेव करे :-)


Do you Like this Article?

rss twitter facebook
Get Subscribe to Free Email Updates!!
*Your email address will not be shared with anyone.

Post A Comment Blogger Disqus

14 comments:

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

    ReplyDelete
  2. आपका ब्लॉग ''इंडियन ब्लोगर्स वर्ल्ड '' सामूहिक ब्लॉग पर भी अपडेट होता है.और आपकी हर नयी पोस्ट यहाँ अपडेट्स के जरिये नज़र आती है.हमारा उद्देश्य हिंदी ब्लोग्स का प्रमोशन करना.और इंडियन ब्लोगर्स का एक समूह बनाना है.ताकि हम सभी मिलकर एक दुसरे के सहयोग से हिंदी ब्लॉग जगत का नाम रोशन कर सकें.आपसे भी निवेदन है की आप भी यहाँ आयें.और आज ही इसे ज्वाइन कर लें.और इंडियन ब्लोगर्स वर्ल्ड के सदस्य बन जाएँ.

    इंडियन ब्लोगर्स वर्ल्ड

    ReplyDelete
    Replies
    1. Aamir Ji Thanks For Adding My Blog On "Indian Bloggers World".. I Like This Blog.. & I Hope This Is A Better Platform For Indian Blogs & Indian Bloggers //

      Delete
  3. Indore is one among the fastest growing tier III cities of the country and is known as the Mini Mumbai due to its lively environment. Being one of the commercial centre of the state, this city is grabbing the attention of the eminent real estate developers, as it has housed number of the leading companies like Bajaj, Metalman Group, Hindustan Motors etc.


    property in indore

    ReplyDelete
    Replies
    1. Thanks For Comment,,, I M Now Visiting Your Site. Plz Stay In Touch..:-)/

      Delete
  4. आप सभी लोग जो बात कहतें है वः कोड ब्लॉग में नहीं मिलते हैं |मेरा ब्लॉग में कुछ ब्लॉग का नाम शो होता है लेकिन मेरे ब्लॉग का नाम शो नहीं हो रहा है .मतलब मैं अपने ब्लॉग का प्रचार नहीं कर प् रहा हूँ | मेरा ब्लॉग किसी में रजिस्टर होता है ,किसी में नहीं |मुझे सुझाव दे

    ReplyDelete
  5. Latest SEO Tips,Tricks and Techniques

    Www.Seoweek.blogspot.Com

    ReplyDelete
  6. Property in Mumbai: Mumbai is the capital of Maharashtra. It is a ground of the Indian film industry. Property in Mumbai is the best and superior place for the house buyers who live with their favorite ones. Find upcoming housing projects in Mumbai. Sell Buy and Rent Flats, apartments, villas and your vision home by dealers, builders and real property owners in your affordable price.

    ReplyDelete
  7. great , useful , nice badhiya Jankari.


    visit my site www.techindiaz.com

    ReplyDelete
  8. This is an awesome post.Really very informative and creative contents. These concept is a good way to enhance the knowledge.I like it and help me to development very well.Thank you for this brief explanation and very nice information.Well, got a good knowledge.
    Isoft Innovations Facebook

    ReplyDelete

Post A Comment

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer
और दिखाए


लेख पर अपनी प्रतिक्रिया अवश्य दे..
ध्यान दे !!:-
• हिंदी में प्रतिक्रिया देने के लिए यहाँ क्लिक करे
• टिप्पणी में Html Code डाला जा सकता है
• टिप्पणी में Image डालने के लिए [im]Your Image Link [/im] कोड का उपयोग करे
• टिप्पणी में Youtube Video डालने के लिए [youtube]Youtube Video Link [/youtube] कोड का उपयोग करे
• टिप्पणी में Smiley's का उपयोग करने के लिए ऊपर बताये गए कोड को डाले
• टिप्पणी प्रकाशन में कोई परेशानी है तो यहां क्लिक करें..
Regards, Hindi4Tech


Top Commen tor Ask A Question Follow