How To Install Multi Related Articles In Blogger Blog Posts

Hi friends. I'm Gourab Das. I welcome everyone to my website Gourab Design. All the tips that I will tell today will be of great benefit to everyone.Friends you have a website. And you do a lot to rank it every day. Design it like this So that your visitor did not have a problem reading your post. And he could read the posts of your site as much as possible. Todays Topic we are discussing How To Install Multi Related Articles In Blogger Blog Posts .

Install Multi Related Articles In Blogger Blog Post


Friends, you know that when you write any content, then you see the same post related to the same post in your site. Friends, you know that when you write any content, then you see the same post related to the same post in your site.

Its largest region is that Visitors now do not read the entire content. Because of which he does not go down to the content. And because of this, the related post can not reach the show in your site.



✍️✍️✍️✍️✍️✍️✍️

I will give you tips that you can use to automatically show the post link in 4 places in all your posts. So let's start now. And tell you how to add it.

✍️✍️✍️✍️✍️✍️✍️✍️

How To Multi Install Related Post In Blogger Blog Post


First of all I am giving an image below. Look at this photo. This way you will appear in all your content.

related posts in blogger articles


✓ Did you see all ?. Now tell me how? Did you like this widget? If the answer is yes then follow the step below ...........

And one thing to all, I would like to tell you if you want to know the information about new articles in your email so Then subscribe to my site now. So that the information of every new content is immediately available......

How To Display Multi Related Articles In Blogger Posts


So friend. Please follow Steps 👇

✓ First you go to blogger.com

✓ Now simply click the theme Option.

✓ click Edit / Html

✓ Now you will see a box full of code in front of you. Now you can anywhere by touching with the mouse. And type ctrl+f

✓ Now a search box will open in front of you.

✓ Now search within this box </head> tag.

✓ Simply COPY BELOW CODE and paste above </head> tag 👇


<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style type='text/css'>
/* Multi Related Post */
.gourabdesignmultiRelated{background-color:#2a2a2a;color:#fff;margin:15px 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:#fff;text-decoration:none;line-height:1.5em}
.gourabdesignmultiRelated .content a:hover{text-decoration:underline}
.gourabdesignmultiRelated .icon{height:auto;min-width:55px;background:#f44336 url(&quot;data:image/svg+xml,%3Csvg viewBox=&#39;0 0 24 24&#39; xmlns=&#39;http://www.w3.org/2000/svg&#39;%3E%3Cpath d=&#39;M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z&#39; fill=&#39;%23fff&#39;/%3E%3C/svg%3E&quot;) center / 40px no-repeat;transition:all .3s}
</style>
</b:if>



===============================

✓ Next search <data:post.body/> tag

✓ Same copy below code and paste below <data:post.body/> tag 👇


<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='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=100&quot;'/>
      </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>


============================

Keep mind :-

✍️ jumla = 4 :-  Change number 4 to determine the number of content that display .

✍️ var text = 'Also read' :-  Change the Also read Words to you wish...

==============================

FINALLY SAVE TEMPLATE......... 😉 Now you visit your site. And check this will tune the work.

===============================



So friends, I hope you all liked this tip. If the answer is yes, then share it in social media..... Thank you.


How To Install Multi Related Articles In Blogger Blog Posts How To Install Multi Related Articles In Blogger Blog Posts Reviewed by Gourab Design on Wednesday, February 06, 2019 Rating: 5

No comments: