How To Add Related Posts Widget To Blogger Post & Other Themes - C-T-PC

Latest

Computer Science and Technology

How To Add Related Posts Widget To Blogger Post & Other Themes

 

How To Add Related Posts Widget To Blogger Post


Stylish Related Posts Widget for Blogger with Featured Thumbnail

Related Post Widget is a very important widget for every blogger as it does not only help to reduce a blog’s bounce rate but also increases the blog’s traffic! Furthermore, below is what a Nigerian blogger had to say about Related Posts Widget.


Also Read: 👇

100% GOOGLE ADSENSE APPROVAL || Google Adsense Approve Kaise Kare

To cut  the long story short, below is How To Add Related Posts to the New Blogger Themes?

How To Add Related Posts Widget To Blogger Post & Other Themes:

Stylish Related Posts Widget for Blogger with Thumbnail – So you’re here to find a suitable and stylish related posts widget for blogger blogs with featured thumbnails.

In previous, I’ve shared many other related posts gadgets but anyone of them not designed by me. So today I’m here to introduce an excellent, stylish related posts widget for Blogger Blog users. Look below screenshot of this related posts blogger plugin.

I’ve designed this widget because many of you’ve asked me to share a unique, stylish, and responsive related post widget for Blogspot blogs. So here I’m today to share this excellent related posts plugin.

Many of us are using the third party related posts widgets like; LinkWithIn and Outbrain.

But now you don’t have any need to use third party widgets and give him a backlink because this advance related posts widget fulfill your all requirements. 🙂

Also Read:  High CPC Keywords 2021 | increase your earning

Features Of Stylish Related Posts Widget

I don’t want to praise my work guys but just want to tell you some essential features of this widget and tell you why you should use this widget. Read features;

  1. You can easily customize it using CSS language as per your need.
  2. Related posts below on each blog post with title and featured thumbnail.
  3. The script I’m using, automatically take post from the current post label, so the posts displayed will be very much related to the content.
  4. Fast to load – Have no special effect on log loading time.
  5. Showing Four Related posts under each post.
  6. Mobile-Responsive layout design.
  7. There is no need to say; it is also stylish in look.
Okay, praising is over. 😉 Now let’s get straight to work and add related posts to blogger blog. Follow all below steps carefully.
Note: Before making any change inside blogger template code area, Must download a backup copy to save yourself from any issue if persist after adding this widget.

How To Add Related Posts with Thumbnails in Blogger Post

This article will include two or more different widgets for similar posts. They differ from each other only in that the first heading leaves when you hover over the image to the post. In the second, the title is visible without this effect.

If you still have not changed your mind about installing the recommended content widget, then let's get started.
1. Open your Blogger dashboard, go to Theme Edit HTML open search window holding on keyboard CTRL+F and write in search window </head> press Enter on your keyboard. Now paste before closing tag </head> the following code:

JS:


2. Next step, find closing tag ]]></b:skin> and paste above it CSS code:

CSS:


3. Now we need to find tag <data:post.body/> of which there can be two in the template, we need the second one and after it, we post the following code:

HTML:

Save your Theme and check if the "You might also like" widget is displayed in the posts of your blog or not.

The simple version of the Related Posts widget

Now let's try to install a much simple alternative version of the related posts widget.

1. Go to Theme - Edit HTML find there  ]]></b:skin> after it paste this CSS code:

CSS:

2. Now find <data:post.body/> and after it add:

HTML:

Now save new settings and check the result.

Fancy Text Generator

Fancy Text Generator Free Best & Cool Or Stylish Font Also Use Instagram fancy text,Pubg Mobile fancy text. We Provide Cool fancy text Or font For Free. Just Copy & Paste.


Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy
Copy

Fancy Font Generator

Details

details2


© 2019 - 2020 Copyright by FancyText