How to Create Automatic Internal Links in Blogger

 Automatic Internal Links

Hi to all in this article, I am going to tell you all about how to create automatic internal links in blogger websites easily in just few minutes.

Read the below provided steps carefully and completely to get clear understanding.

Below are some of the few frequently asked questions:

What is Internal Linking with an example?

Basically internal link is a link from one web page to the another webpage of the same domain.

For example: The best example for this internal linking is the website navigation buttons.

What are the types of internal linking?

Basically there are four types of internal links available those are:

• Navigational Links
• Footer Links
• Contextual Links
• Image Links

What is Internal linking for SEO?

Internal linking is any link from one webpage of your website to another webpage of your website, search engines and users both can use these links to find the content on your website and also by this internal linking you can index the post faster and increase your on page SEO.

How do I create Internal Link in html?

Here to create internal link in html you need to use HREF attribute, by using this attribute you can add the link within your website or you can also add links which redirects to other or external websites.

Note: Before going to the process backup your blogger website theme code for safety, if any problem occurs while doing the process then you can re-upload your backup code and run your website as usual.

• Also Read: Top 5 Best Blogger Templates

Steps to Create Automatic Internal Links in Blogger

---

Step-1: Login to your blogger website dashboard by using the credentials.

Step-2: After successful login you need to click on Theme option.

Step-3: Now click on Customize arrow and then click on Edit HTML.

Step-4: Here you can see the complete website theme code, click on the blank area and press CTRL+ F and search for closing head tag or </head>.

Step-5: Copy the below code-1 and paste above the closing head tag or </head>.

Step-6: After pasting the code-1, you need to click on the blank area and press CTRL + F and search for <data:post.body/>.

Step-7: Copy the below code-2 and paste the code below the <data:post.body/> code.

Note: In some blogger templates you can see this code <data:post.body/> 2 or more times, so you need to paste the code one by one code below and need to check whether the internal links are visible or not, and my suggestion is paste the code below the 2nd code and check in your pages.

Step-8: You have added the both code-1 and code-2 successfully in your blogger theme.

Step-9: Click on save button, now a message displayed as Updated Successfully.

Step-10: Now you can see automatic internal links in your blogger web posts, if any error occurs then backup your code again and repeat the same process again.

• Also Read: Anti AdBlock detector script for Blogger

Code-1 [Paste above </head>]

---

<!--[ Paste the below code above </head> ]--> <b:if cond='data:blog.pageType != "index"'> <style type='text/css'> /* Multi Related Post */ .gourabdesignmultiRelated{background-color:#e3feff;color:#002bff;margin:15px auto;display:-moz-box;display:-ms-flexbox;border-radius: 50px;border: 2px solid #00eaff;display:flex;flex-wrap:nowrap;justify-content:space-between;overflow:hidden;transition:all .3s} .gourabdesignmultiRelated:hover{background-color:#feffe6} .gourabdesignmultiRelated .content{padding:6px 27px} .gourabdesignmultiRelated .content .text{margin-right:9px} .gourabdesignmultiRelated .content a{color:#f00;text-decoration:none;line-height:1.5em} .gourabdesignmultiRelated .content a:hover{text-decoration:underline} .gourabdesignmultiRelated .icon{height:auto;min-width:55px;background:#20757d url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%23fff'/%3E%3C/svg%3E") center / 40px no-repeat;transition:all .3s} </style> </b:if>
Copy

Code-2 [Pate below <data:post.body/> ]

---

<!--[ Paste the code below <data:post.body/> ]--> <b:if cond='data:view.isPost'> <script type='text/javascript'> //<,a = jumlah + 1,b = post['length'] / a;c = Array['from']({length: jumlah}, (redfx, blufx) => blufx + 1); for (let d = 0; d < c['length']; d++) {let e = c[d],f = parseInt((b * e)),g = document['createElement']('div');g['className'] = 'gourabdesignmultiRelated';if (post[f]['nodeName'] == 'P') {post[f]['parentNode']['insertBefore'](g, post[f])} else {post[f]['parentNode']['insertBefore'](g, post[f]['nextSibling'])}}})(); var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(nerdfx) {for (var desfx = 0; desfx < nerdfx['feed']['entry']['length']; desfx++) {var nefx = nerdfx['feed']['entry'][desfx];relatedTitles[relatedTitlesNum] = nefx['title']['$t'];for (var ciafx = 0; ciafx < nefx['link']['length']; ciafx++) {if (nefx['link'][ciafx]['rel'] == 'alternate') {relatedUrls[relatedTitlesNum] = nefx['link'][ciafx]['href'];relatedTitlesNum++;break}}}} function removeRelatedDuplicates() {var viefx = new Array(0);var labfx = new Array(0);for (var desfx = 0; desfx < relatedUrls['length']; desfx++) {if (!contains(viefx, relatedUrls[desfx])) {viefx['length'] += 1;viefx[viefx['length'] - 1] = relatedUrls[desfx];labfx['length'] += 1;labfx[labfx['length'] - 1] = relatedTitles[desfx]}};relatedTitles = labfx;relatedUrls = viefx} function contains(yelfx, yufx) {for (var grefx = 0; grefx < yelfx['length']; grefx++) {if (yelfx[grefx] == yufx) {return true}};return false} //]]> </script> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:view.isPost'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=100"'/> </b:if> </b:loop> </b:if> <script type='text/javascript'> //< * Math['random']());let i = 0;let jumlah = document['querySelectorAll']('.gourabdesignmultiRelated');while (i < relatedTitles['length'] && i < jumlah['length']) {for (let a = 0; a < jumlah['length']; a++) {jumlah[a]['innerHTML'] = '<span class="content"><span class="text">' + text + '</span><a href="' + relatedUrls[r] + '" title="' + relatedTitles[r] + '">' + relatedTitles[r] + '</a></span><span class="icon"></span>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})(); //]]> </script> </b:if>
Copy

Demo Video

---

Conclusion

---

If you follow the above written steps then you can easily create automatic internal links to blogger in just few minutes.