SpyLoaded Forum

Science/Technology/Business/Editoria => Art, Graphics Designs => Webmasters Board => Topic started by: Mr. Babatunde on June 23, 2022, 05:42:47 PM

Title: How To Automatically Add READ ALSO In Blogger Post Content
Post by: Mr. Babatunde on June 23, 2022, 05:42:47 PM
(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio6VQ65P1FLRGIqJzt5Ak17Dpn3Im7d9mUoa4n5FgZFaPwA-bTTOu_oEw6IwpWan7Sq6Pagk8hJAQTNIDcz7zErjwhLy7uexAD0aLeFLxg-Y8xTeFJ2zglY1syoioZQ5q-1tJXcEcyCyHtW82BcshFIdfgzWsxBHS3xk-WqJHoXujKVk1_tiO7CTvHQg/s2000/How%20to%20add%20automatically%20read%20also%20in%20blogger%20post.png)

It has always been difficult for Bolgspot users to add  "Read Also" or "Also Read" automatically to their blog posts to boost traffic and thereby enhance search engine optimization and boost ranking. But today, we're going to discuss a tip that will help your website's SEO; after you utilize it, your website will begin to rank on its own. Tell us about this technique so that we may make our websites look great and attract users.

Yes, this trick—internal linking—is what it's called. Once you implement it on your website, three to four links to it will automatically appear in your posts. Friends, you will find similar content when you visit a website of rank since the owner of that website will have used the same approach, and the website will be rated after doing so.

Follow this step on how to put it on your Blopgspot website

First, you go to blogger.com

Now simply click on the theme button

Click on Edit/Html

Now you will see a box full of code in front of You. now you can touch anywhere by mouse. and type Ctrl+F

Now a search box will open in front of You.

Now search within this box </head> tag.

Simply Copy the followin code and paste above </head> tag.

Code: [Select]
<b:if cond='data:blog.pageType != "index"'>
<style type='text/css'>

/* Multi Related Post */

.gourabdesignmultiRelated{background-color:black;border-radius:6px;color:#fff;margin:14px auto;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;overflow:hidden;transition:all .3s}
.gourabdesignmultiRelated:hover{background-color:#222}
.gourabdesignmultiRelated .content{padding:12px 15px}
.gourabdesignmultiRelated .content .text{margin-right:5px}
.gourabdesignmultiRelated .content a{color:rgb(239 65 54);text-decoration:none;line-height:1.5em}
.gourabdesignmultiRelated .content a:hover{text-decoration:underline}
.gourabdesignmultiRelated .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>

Then Copy & paste this following code after <data:post.body/>

Code: [Select]
<b:if cond='data:view.isPost'>

<script type='text/javascript'>
//<![CDATA[

// Multi Related Post

(function() {var jumlah = 4;let post = document['querySelectorAll']('.post-body br, .post-body p'),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&amp;callback=related_results_labels&amp;max-results=100"'/>

      </b:if>

    </b:loop>

  </b:if>
<script type='text/javascript'>

//<![CDATA[

(function gourabdesignmultiRelated() {var text = 'Also read :';let r = Math['floor']((relatedTitles['length'] - 1) * 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>

Save the theme, & Enjoy

Kindly Drop Your Feedback In The Comment Section Below!!!

If you are facing any problems then you can see it in this video.

SimplePortal 2.3.6 © 2008-2014, SimplePortal