🌐 How to Create Automatic Internal Links in Blogger.
Hello, Dear friends, how are you?
📡 Automatic Internal Links -- Hello everyone.
In this article, we will teach you, how to easily create automatic internal links on your Blogger website in just a few minutes.
Please read this steps below, carefully and understand them clearly.
Table of Contents
📡 Below are some of the frequently asked questions:-
📡 What is an internal link with an example?
Essentially, an internal link is a link from one post to another post on the same domain.
Example: The best example of this internal link is the navigation buttons on your website.
📡 What are the types of internal links?
There are basically 4 types of internal links available.
1.Navigation links. 2. Footer links. 3. Contextual links. 4. Image links.
📡 What is an internal link in SEO?
An internal link is a link from one webpage on your website to another webpage on your website.
Search engines and users can use these links to find your website content.
This internal link also helps your posts get indexed faster and improves your on-page SEO.
📡 How do I create an internal link in HTML?
📡 Note:-- Before proceeding with the process, for security reasons, back up your Blogger website theme code.
If any issues during the process, you can re-upload the backup code and run your website as normal.
📡 Few Steps to Create Automatic Internal Links in Blogger.
Step 1 >> Log in to your Blogger site dashboard.
Step 2 >> After successful login, you need to click on the Theme option.
Step 3 >> Click on the Customize arrow and then click on Edit HTML.
Step 4 >> Here you can see the complete code of your website design.
Click on an empty area and press CTRL+F to find the closing </head> tag.
Step 5 >> Copy the following code 1, and paste it above the closing head tag.
<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>
Step 6 >> After pasting the code 1, you need to click on an empty area and press CTRL+F to find. <data:post.body/>.
Step 7 >> Copy the following code 2, and paste it below the code.
<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>
Note >> In some Blogger templates, <data:post.body/> this code may appear more than twice.
So friends you need to paste the below codes one byand Save. one to check whether the internal links are displayed.
We recommend you paste the code below the second code and check it on your page.
Step 8 >> Both Code 1 and Code 2 have been successfully inserted into your Blogger theme.
Step 9 >> Click the "Save" button. You will see the message "Updated successfully".
Step 10 >> Your Blogger web posts now have automatic internal links.
If you get any errors, back up the code and repeat the process. Code 1 [ insert above ] the following code 2 [ insert below ]
Friends. Welcome to our website. I hope you are all well. If you like our work, please come back and like and follow our blog website. So Following this steps above, you can easily create automatic internal links in Blogger in just a few minutes.
Thank you please visit again.
0 Comments
please do not enter eny spam link in the comment box.