Friends, if you are a blogger and you want to increase your SEO score for your website, and looking to link your other related posts in your current post that to automatically, this is the guide you were looking for. It is almost impossible to interlink each of your related posts to your latest one. And if it can be done automatically, then there can be nothing better than this. In this article, we are going to explain the trick to do so on a blogger site.
Automatic Linking, to get this through, you will have to follow some steps, after that your other posts will be started linking in each of your posts. Your old posts will also get interlinked to each other without any further action.
(Meaning your remaining 4-5 posts in one of your posts will be Automatic Show, this is called Automatic Internal Linking or showing Inline Related Post.)
Friends, this is a very good way through which there are chances of more traffic coming to your blog. And how can you do this in a very simple way, today I will tell you about the same.
Steps to Create Automatic Internal Linking in Blogger Post:
1. Friends, you have to first log in to your Blogger Account.
2. After that you have to click on Theme.
3. After that whatever theme you have installed in your Blogger will be shown.
4. Click on "Theme" => "Customize" (Down Arrow), => "Edit HTML".
5. After clicking on Edit HTML, you have to control + F on your keyboard, then a search tab will appear in front of you </head>. Search by typing
6. When you do a search by typing </head> after that, wherever you see written </head> text, you have to copy and paste these codes above it. The codes are given below for you.
<style type='text/css'>
<!-- Internal Links -->
.awsomemultiRelated{background-color:#e2c1be;color:#000;margin:15px auto;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;overflow:hidden;transition:all .3s}
.awsomemultiRelated:hover{background-color:#b7a6a5}
.awsomemultiRelated .content{padding:12px 15px}
.awsomemultiRelated .content .text{margin-right:5px}
.awsomemultiRelated .content a{color:#000;text-decoration:none;line-height:1.5em}
.awsomemultiRelated .content a:hover{text-decoration:underline}
.awsomemultiRelated .icon{height:auto;min-width:55px;background:#f44336 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>
You can download internal linking free CSS Script:- Click Here
7. After Paste the CSS Script, you have to do Control + F again and this time you will Search by typing <data: post.body /> or <data:post.body/>.
8. Remember, there might be more than one <data:post.body/>. So, in that case, you need to try several times, which one is correct. Copy the below code and paste it after <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'] = 'awsomemultiRelated';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']('.awsomemultiRelated');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>
You can download internal linking free HTML Script:- Click Here
9. After that, as soon as you visit your Blogger website, you will start to show Inline Related Post or Automatic Internal Linking Post in each of your posts.
CHECK DEMO
Finally
Friends, you have to paste these two codes correctly and right where we told you. And this Automatic Internal Post Linking will definitely help in bringing traffic to your website. Friends, one thing you must keep in mind that if you paste these codes in the wrong place in your HTML codes, then problems can also come in your website, so where we have told you that you paste the codes of both scripts.
0 Comments