webdesign-android-devlopement-news-portal-designing-india-indore-bhopal-mp

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

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

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

38 comments:


लेख पर अपनी प्रतिक्रिया अवश्य दे..
ध्यान दे !!:-
• हिंदी में प्रतिक्रिया देने के लिए यहाँ क्लिक करे
• टिप्पणी में Html Code डाला जा सकता है
• टिप्पणी में Image डालने के लिए [im]Your Image Link [/im] कोड का उपयोग करे
• टिप्पणी में Youtube Video डालने के लिए [youtube]Youtube Video Link [/youtube] कोड का उपयोग करे
• टिप्पणी में Smiley's का उपयोग करने के लिए बताये गए कोड को डाले
• टिप्पणी प्रकाशन में कोई परेशानी है तो यहां क्लिक करें..
Regards, Hindi4Tech
:) :-) :)) =)) :( :-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

  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. Thanks For Comment,,, I M Now Visiting Your Site. Plz Stay In Touch..:-)/

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

    ReplyDelete
  5. Latest SEO Tips,Tricks and Techniques

    Www.Seoweek.blogspot.Com

    ReplyDelete
  6. great , useful , nice badhiya Jankari.


    visit my site www.techindiaz.com

    ReplyDelete
  7. 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
  8. Nice And Very useful info,
    This article important and really good the for me is.Keep it up and thanks to the writer.Amazing write-up,Great article. Thanks!
    used to really good
    your info is quite helpful to forever. Historyhindi

    ReplyDelete
  9. Nice And Very useful info,
    This article important and really good the for me is.Keep it up and thanks to the writer.Amazing write-up,Great article. Thanks!
    used to really good
    your info is quite helpful to forever. Historyhindi

    ReplyDelete
  10. Nice And Very useful info,
    This article important and really good the for me is.Keep it up and thanks to the writer.Amazing write-up,Great article. Thanks!
    used to really good
    your info is quite helpful to forever. Historyhindi
    shayari
    english shayari
    Historyhindi
    Historyhindi
    Historyhindi
    Historyhindi
    Historyhindi

    ReplyDelete
  11. This blog was really helpful for me and I liked the information given in it. I have seen a similar blog related to this. One of the Top builders in bhopal is . they are the best builders in bhopal. . They into construction business from the past three decades so they have experience and people have trusted over them



    ReplyDelete
  12. Very interesting post. This is my my first time visit here. I fount so many interesting stuff in your blog especially its discussion...

    Thanks for the post.

    HDM Digital Marketing agency in Idnia

    ReplyDelete

  13. I was scrolling the internet like every day, there I found this article which is related to my interest. The way you covered the knowledge about the subject and the 2 BHK Flat in hoshangabad Road was worth to read, it undoubtedly cleared my vision and thoughts towards B 4 BHK Flat in hoshangabad Road. Your writing skills and the way you portrayed the examples are very impressive. The knowledge about 3 BHK Flat in hoshangabad Road is well covered. Thank you for putting this highly informative article on the internet which is clearing the vision about top builders in Bhopal and who are making an impact in the real estate sector by building such amazing townships.





    ReplyDelete
  14. Business Loans Providers in Hyderabad - Loanswealth

    Loanswealth We are the Leading Business Loans Providers in Hyderabad. We Are Providing Business Loans for All type of Business With Best Interest Rates ...

    https://loanswealth.com/business-loans-hyderabad/

    Email : info@loanswealth.com

    ReplyDelete
  15. I was scrolling the internet like every day, there I found this article which is related to my interest. The way you covered the knowledge about the subject and the Best Group In Bhopal
    was worth to read, it undoubtedly cleared my vision and thoughts towards B Best Group in Bhopal Bhopal
    . Your writing skills and the way you portrayed the examples are very impressive. The knowledge about Best Group in Bhopal Bhopal
    is well covered. Thank you for putting this highly informative article on the internet which is clearing the vision about top builders in Bhopal and who are making an impact in the real estate sector by building such amazing townships.

    ReplyDelete
  16. THNKU SO MUCH BHAIYA JI FOR THIS LOVELY WIDGET . PLS CHECK MY BLOG ALSO & GIVE ME SOME SUGGETION

    ReplyDelete
  17. huuuuh, amazing man, it is very useful to us, thanks for sharing. Nazish Khan

    ReplyDelete
  18. Knew about this for a long time just didn't try it for myself. Well it's time to work on it now.
    buy logo

    ReplyDelete
  19. Thanks for every other informative site. The place else may just I get that kind of information written in such an ideal means? I have a venture that I’m just now operating on, and I have been on the look out for such information.
    engineering consultants in abu dhabi | interior design companies in dubai

    ReplyDelete
  20. Awesome and interesting article. Great things you've always shared with us. Thanks. Just continue composing this kind of post.
    dubai municipality approval or abu dhabi municipality approval

    ReplyDelete
  21. Keep up the good work, I read few posts on this web site and I conceive that your blog is very interesting and has sets of fantastic information.
    megaleicht

    ReplyDelete
  22. Hey! Excellent work. Being a QuickBooks user, if you are struggling with any issue, then dial QuickBooks Customer Service. Our team at QuickBooks will provide you with the best technical solutions for QuickBooks problems.

    ReplyDelete
  23. This is truly awesome, thanks for the share. Also, visit our website if you are looking to purchase logo:

    Purchase Logo

    ReplyDelete
  24. woooow, amazing blog to read, thanks for sharing and move on. finally i found best reading blog site in google, thanks for sharing this type of useful articles to read, keep it up seo dubai

    ReplyDelete
  25. nice
    visit the articeel :- https://www.20hitech.in/2021/10/diwali-kab-hai-2021-with-diwali-wishes.html

    ReplyDelete
  26. Face-to-face meetings and events are returning, but many of the employees who worked in the hospitality industry in 2020 are not around to greet them. eventprofs Droves who have worked in travel, tourism, hospitality, and events have moved on to other workforce sectors. examples of debriefing questions, event planning insurance, virtual conference managment software, swag items for events, event companies near me, conference speaker biographies, how to host an online vendor event, event attendance thank you letter and invitation message for event

    ReplyDelete
  27. Useful blogs...

    Introducing a new application named Engadoctor. Especially design with newly emerging technology for Online Doctor Consultation & Book Online Doctor Appointment.

    ReplyDelete
  28. Thanks For Sharing.....
    Auctech is a leading global communication and advertising network known for its impactful creative ideas that generate a powerful emotional connection between consumers and brands. Auctech IT Solutions Provides Best 3D Architectural Walkthrough, Software & Website Development, Digital Marketing, Graphic Designing, Event Management, etc.
    To Know More Visit - www.auctechitsolutions.in
    3D Walkthrough Company
    Motion Graphic Company in Lucknow
    Brochure Design Company In Lucknow
    Graphic Design In Lucknow
    Website development and Digital Marketing In Lucknow
    3D Walkthrough Interior and Exterior Company
    Digital Promotion In Lucknow
    E-Commerce Website Company In Lucknow
    Logo Designing Company In Lucknow
    Logo Maker Company In Lucknow
    E-Commerce Software Company In Lucknow
    Logo Designing In Lucknow
    Logo Maker In Lucknow
    E-Commerce Software In Lucknow
    E-Commerce Website In Lucknow
    Event management Company In Lucknow
    Event Planner In Lucknow
    Real Estate Software Company In Lucknow
    Real Estate Software In Lucknow
    Website Development Service In Lucknow

    ReplyDelete