Home » » How To Add Related Posts without Thumbnail to Blogger Blogs

How To Add Related Posts without Thumbnail to Blogger Blogs

Written By Kester Eke on Saturday, January 13, 2018 | January 13, 2018


How  To Add Related Posts without Thumbnail to Blogger Blogs=>>

1.Sign in your Blogger Dashboard  at blogger.com,navigate to Theme>Edit Html
Use CTRL F to Find </body>



2. Copy and Paste the below code above </body> tag.


<style>

#related-posts {


float : left;


width : 100%;


margin-top:20px;


margin-left : 5px;


margin-bottom:20px;


font : 14px Verdana;


margin-bottom:10px;


}


#related-posts .widget {


list-style-type : none;


margin : 5px 0 5px 0;


padding : 0;


}


#related-posts .widget h2, #related-posts h2 {


font-size : 20px;


font-weight : normal;


margin : 5px 7px 0;


padding : 0 0 5px;


}


#related-posts a {


text-decoration : none;


}


#related-posts a:hover {


text-decoration : none;


}


#related-posts ul {


border : medium none;


margin : 10px;


padding : 0;


}


#related-posts ul li {


display : block;


background : url(http://2.bp.blogspot.com/_u4gySN2ZgqE/SnZhv_C6bTI/AAAAAAAAAl4/Rozt7UhvgOo/s200/greentickbullet.png) no-repeat 0 0;


margin : 0;


padding-top : 0;


padding-right : 0;


padding-bottom : 1px;


padding-left : 21px;


margin-bottom : 5px;


line-height : 2em;


border-bottom:1px dotted #cccccc;


}


</style>


<script type='text/javascript'>


//<![CDATA[


var relatedTitles = new Array();


var relatedTitlesNum = 0;


var relatedUrls = new Array();


function related_results_labels(json) {


for (var i = 0; i < json.feed.entry.length; i++) {


var entry = json.feed.entry[i];


relatedTitles[relatedTitlesNum] = entry.title.$t;


for (var k = 0; k < entry.link.length; k++) {


if (entry.link[k].rel == 'alternate') {


relatedUrls[relatedTitlesNum] = entry.link[k].href;


relatedTitlesNum++;


break;


}


}


}


}


function removeRelatedDuplicates() {


var tmp = new Array(0);


var tmp2 = new Array(0);


for(var i = 0; i < relatedUrls.length; i++) {


if(!contains(tmp, relatedUrls[i])) {


tmp.length += 1;


tmp[tmp.length - 1] = relatedUrls[i];


tmp2.length += 1;


tmp2[tmp2.length - 1] = relatedTitles[i];


}


}


relatedTitles = tmp2;


relatedUrls = tmp;


}


function contains(a, e) {


for(var j = 0; j < a.length; j++) if (a[j]==e) return true;


return false;


}


function printRelatedLabels() {


var r = Math.floor((relatedTitles.length - 1) * Math.random());


var i = 0;


document.write('<ul>');


while (i < relatedTitles.length && i < 20) {


document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');


if (r < relatedTitles.length - 1) {


r++;


} else {


r = 0;


}


i++;


}


}


//]]>


</script>



3.Find the line of this code <b:includable id='postQuickEdit' var='post'>
Once seen, click the just above arrow at the left side and paste the below HTML code above </b:includable> tag as seen in the image below

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'>

<font face='Arial' size='5'><b>You May Also Like: </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>

<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();

</script>

</div>

</b:if>
 Save the theme and that's all.

Having any issues please you use the comment section.
SHARE

About Kester Eke

0 comments :

Post a Comment