How to create related posts widget in blog template
The related posts widget is a
very important feature in a blog. It displays title and a short description of other
similar posts written by you under the same label. This will draw the attention
of your readers thus increase the traffic. This is a simple process. You have
to just add some scripts to your blog’s HTMK document. The detailed procedure
is as under-
Blog related post widget
Login to your blogger dash board.
Click template and take a backup of it.
Next Click edit HTML(Now the HTML file will open)
Click anywhere in the open HTML file.
Press and hold ‘CTRL’ key and hit ‘F’(Now the HTML search
box will open in the top right hand corner of the HTML document.
The scripts for related post are to be added in the head
section of the document i.e. between <head> and </head> tags. Therefore
we need to find “</head>”.
To find </head> copy and paste it in the HTML search
box in the top right hand corner of the HTML document and press enter.
Now the </head> tag will be highlighted and we have to
paste the scriptabove </head>.
During the process or on a later date you may need to
relocate the script therefore it is advisable to add a comment in the start and
in the end.
If you don’t
edit it, the thumbnail or the Image will appear exactly round. As you go on
reducing the figure 50 to a smaller number it will start converting to a
rectangular shape so please edit is ad per your wish.
Replace summarycolor;, E5E5E5,
and linkcolor with the CSS color codes
of your choice.
change 120px to change
the size of the widget area.
Change 82 to change the size of the thumbnail.
Finally you have to locate the “<b:includable>”tag
just above the “<b:includable id='postQuickEdit' var='post'>” tag. So please paste“<b:includable
id='postQuickEdit' var='post'>” in the HTML search box and press
enter key. The “<b:includable>”tag
will appear like given in the image below.
Finding a tag
Now paste the code given below just above the “<b:includable>”tag.
Note – The Related Posts are displayed depending on your labels.
So if you have not properly defined your labels or a label contains only one
post, the widget may not appear or you may get an error message.