Related Posts for Blogger With Thumbnail and Label Title andrey пятница, 10 апреля 2015 г. No Comment

Related posts widget for blogger is a must have widget. This widget shows some related topic posts automatically under every individual post. This is very important to increase pageviews by every visitor. This related post widget also makes thinner the chance to get bounce.
related posts widget for blogger with thumbnail and auto label name

About Related Posts:

As I told above a related posts widget automatically shows some related topic posts under every post and get the attention of readers/visitors on it. Finally increase the pageviews.
Now days almost every third party’s premium/free blogger templates have this widget by default. But if you are a using a template from your template option that is provided by Google (blogger) you will miss the advantage of this feature.
And there is also some third party templates too that don't have related posts widget built in for various purpose like, blog loading speed measure.


Features of This Widget:

Below are the main features of this awesome related posts widget for blogger with thumbnail and automatically detected label name. The unique feature is, the widget will show the detected label name automatically top of thumbnail & post title. This is something new.
  • So easy to install.
  • Only shows the most related posts.
  • Shows thumbnail in 2 different style (round style & squire style).
  • Very fast loading.
  • The main feature is, it will show the detected label name automatically.
  • Customizable.
  • Don't show ads to your visitors.
  • Don't show on homepage.

Live demo:

If you want to see the live demo of this awesome widget before set it up on your own blog, then click on the button below.
.::BE SURE YOUR BROWSER SUPPORT GIF ANIMATED IMAGE::.
Live Demo


How To Install:

Below is the one time installation process in details. Follow it

Step 1: Login to your blogger account, select your blog (if you have multiple), then click on Template from blogger main menu.

Step 2: Now click on Edit HTML.
             Note: Don't forget to backup your template b4 proceed to any kind of editing, it takes only seconds.

Step 3: Search for in template editor by pressing Ctrl+F.

Step 4: Now copy and paste the below code just above it ().











Step 5: Finally hit the Save Template button. You are done.


Customization:

This related posts widget have many options to customize & that makes it much user friendly. Lets customize for your own blog.
Widget customizing options available under //CODE OPTIONS in main code.

Thumbnail Style:
var roundImages = false;
This is the default code. And by default the thumbnail will show in squire style change the value false to true to show it in round.


Related Posts Number:
var minimum = 3;
var maximum = 5;

Change the minimum and maximum value 3&5 to set how many related posts to show on your blog.


Thumbnail Size:
var imageSize = 150;
Change the value 150 to change the thumbnail size of this related posts widget.


Widget Title:
var relatedTitleText = "more posts about";
Change the text more posts about with your own title.
var relatedTitle = true;
Change the value true to false to remove widget title.


Label Title:
var labelInTitle = true;
This widget shows posts label name automatically. This is amazing & unique feature but if you want to disable it, change the value true to false.
Related posts widget for blogger is a must have widget. This widget shows some related topic posts automatically under every individual post. This is very important to increase pageviews by every visitor. This related post widget also makes thinner the chance to get bounce.
related posts widget for blogger with thumbnail and auto label name

About Related Posts:

As I told above a related posts widget automatically shows some related topic posts under every post and get the attention of readers/visitors on it. Finally increase the pageviews.
Now days almost every third party’s premium/free blogger templates have this widget by default. But if you are a using a template from your template option that is provided by Google (blogger) you will miss the advantage of this feature.
And there is also some third party templates too that don't have related posts widget built in for various purpose like, blog loading speed measure.


Features of This Widget:

Below are the main features of this awesome related posts widget for blogger with thumbnail and automatically detected label name. The unique feature is, the widget will show the detected label name automatically top of thumbnail & post title. This is something new.
  • So easy to install.
  • Only shows the most related posts.
  • Shows thumbnail in 2 different style (round style & squire style).
  • Very fast loading.
  • The main feature is, it will show the detected label name automatically.
  • Customizable.
  • Don't show ads to your visitors.
  • Don't show on homepage.

Live demo:

If you want to see the live demo of this awesome widget before set it up on your own blog, then click on the button below.
.::BE SURE YOUR BROWSER SUPPORT GIF ANIMATED IMAGE::.
Live Demo


How To Install:

Below is the one time installation process in details. Follow it

Step 1: Login to your blogger account, select your blog (if you have multiple), then click on Template from blogger main menu.

Step 2: Now click on Edit HTML.
             Note: Don't forget to backup your template b4 proceed to any kind of editing, it takes only seconds.

Step 3: Search for in template editor by pressing Ctrl+F.

Step 4: Now copy and paste the below code just above it ().











Step 5: Finally hit the Save Template button. You are done.


Customization:

This related posts widget have many options to customize & that makes it much user friendly. Lets customize for your own blog.
Widget customizing options available under //CODE OPTIONS in main code.

Thumbnail Style:
var roundImages = false;
This is the default code. And by default the thumbnail will show in squire style change the value false to true to show it in round.


Related Posts Number:
var minimum = 3;
var maximum = 5;

Change the minimum and maximum value 3&5 to set how many related posts to show on your blog.


Thumbnail Size:
var imageSize = 150;
Change the value 150 to change the thumbnail size of this related posts widget.


Widget Title:
var relatedTitleText = "more posts about";
Change the text more posts about with your own title.
var relatedTitle = true;
Change the value true to false to remove widget title.


Label Title:
var labelInTitle = true;
This widget shows posts label name automatically. This is amazing & unique feature but if you want to disable it, change the value true to false.
by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

No Comment