Register Login Featured
Stats: 1446 members, 1392 topics. Date: Sunday, 25th February 2018


General Wordpress Blogspot Forums Crypto Traffic Money

How To Add Related Posts Widget To Blogger With Summary

Now Trending on GithubNG

How To Add Related Posts Widget To Blogger With Summary by : 3:15 pm On December 9, 2017
We already know the importance of the widget, but in this tutorial I’ll show you the best related posts widget to your blog , If you want to add this widget to your blog please follow me:
1. Go to Blogger Dashboard  –> Template

2. Please! download  a copy of your template
3. Now click on Edit HTML
4. Use Ctrl+F to find </head>

5. Then copy and paste the below code just above/before it ( </head> ):
ReMEMBER TO REMOVE THEE * from the above code
Note:

– To change the default picture, replace the URL in pink with your own
– For displaying more than 4 posts or less, replace , modify the value in red (4)
– To change the number of characters to be shown in posts summary, modify the value in blue (75)

5. Now Search the following code:
<a expr:href=’data:label.url’ rel=’tag’><data:label.name/></a><b:if cond=’data:label.isLast != &quot;true&quot;’>,</b:if>

6. Just after it, copy and paste the below code:

Remove the * from the above code
7. Now find the following code:
Code:
</*b:includable>
<b*:includable id='post*QuickEdit' var='*post'>
8. Then copy and paste the below code just above/before it
9.  Finally search for this tag:  ]]></b:skin>
10. Add below CSS code just above it,

Note:
-Modify the values in red to adjust the width (120) and height (210) of the widget area
-Replace #linkcolor with the hex value of your color to change the color of post titles
-To change the size of thumbnails, modify the values marked in pink (82)
-To determine the border roundness, modify the values in green (100)
-To change the color of the post snippet, change #summarycolor with color hex value
11. Now take a preview and save your template. (Make sure to remove all * from the above codes)
0

Publication author

offline 3 months

GitHubNg.Com

18

GitHubNG.com - An All in one Solution Forum Where we discuss Blogging related Issues, Make Money Online, Traffic and Adsense tips. Etc.

Comments: 100Publics: 662Registration: 31-10-2017


Re: How To Add Related Posts Widget To Blogger With Summary by Spark: 3:21 pm On December 9, 2017
Good
1

Re: How To Add Related Posts Widget To Blogger With Summary by Kdtex: 4:55 pm On December 9, 2017
Good I love this
0

Reply


You must be logged in to post a comment.

 


(Go Up)

Links: (0) (1) (2) (3) (4) (5) (6) (7) (8) (9)

GitHubNg.Com - Copyright © 2017 - Henry Ijogu. All rights reserved. See How To Advertise.
Disclaimer: Every member is solely responsible for anything that he/she posts or uploads on this Forum.

v3.0.1

Authorization
*
*
Registration
*
*
*
Password generation