How to solve Breadcrumb error on blogger

technical bro
0
अपने Blogger साइट में ब्रेडक्रंब (Breadcrumbs) जोड़ने के लिए, आपको अपने टेम्पलेट के HTML कोड को Edit करने की आवश्यकता होगी। यहां आपकी सहायता के लिए एक Step by step Guide  है:


 अपने Blogger साइट में ब्रेडक्रंब (Breadcrumbs) जोड़ने के लिए, आपको अपने टेम्पलेट के HTML कोड को Edit करने की आवश्यकता होगी। यहां आपकी सहायता के लिए एक Step by step Guide  है:


स्टेप 1: अपने Blogger खाते में लॉग इन करें और "Theme"  में जाएं।

अपने Blogger खाते में लॉग इन करें और "Theme"  में जाएं।

स्टेप 2: "Edit HTML" बटन पर क्लिक करें ताकि आप टेम्पलेट कोड तक पहुंच सकें।

"Edit HTML" बटन पर क्लिक करें ताकि आप टेम्पलेट कोड तक पहुंच सकें।

स्टेप 3: किसी भी बदलाव करने से पहले, अपने Template का बनाले। इसके लिए, "Backup" बटन पर क्लिक करें।

: किसी भी बदलाव करने से पहले, अपने टेम्पलेट का बैकअप बनाना सिफारिश किया जाता है। इसके लिए, "Backup" बटन पर क्लिक करें।


स्टेप 4: अब, अपने टेम्पलेट में <head> टैग को ढूंढें। आप इसे खोजने के लिए खोज सुविधा (Ctrl+F) का उपयोग कर सकते हैं।


स्टेप 5: <head> टैग के नीचे, निम्नलिखित कोड स्निपेट जोड़ें:

<head> टैग के नीचे, निम्नलिखित कोड स्निपेट जोड़ें:

   <Breadcrumb Schema> Code 

Website Url-Your Website Url As my "https://www.skfreetech.in/"

step 6:  replace the URLs and category names with your actual URLs and relevant names accordingly. । JSON संरचना को बनाए रखने का ध्यान दें। सिर्फ URL or Category को ही Edit करें!

Step 7: Once you have customized the code snippet, scroll down and find the closing </head> tag.


Step 8: Just above the closing </head> tag, add the following code:


[   <style>

.breadcrumbs { margin: 10px 0; }

.breadcrumbs .breadcrumb { display: inline; }

.breadcrumbs .breadcrumb:after { content: "/"; padding: 0 5px; }

.breadcrumbs .breadcrumb:last-child:after { content: ""; }

</style>         ] 


```

स्टेप 9: अपने टेम्पलेट को Save करे!                 

अब, ब्रेडक्रंब आपके Blogger साइट में जोड़ दिए जाएंगे। कृपया ध्यान दें कि आपको यह Code Script और Styling  को Template के संरचना और डिजाइन के साथ मेल खाने के लिए संशोधित करने की आवश्यकता हो सकती है।


इन बदलावों को करने के बाद, साइट की परीक्षण करें ताकि सब कुछ उम्मीद के अनुसार काम कर रहा हो।

Tags

Post a Comment

0 Comments
Post a Comment (0)