Tricks And Tweaks

After a lot of speculation over what "related-content.g?q=" was, I bring lastly come upwards to know why a novel slice of JavaScript was added to all the blogs hosted on Blogger. Amazingly, it turned out to live much bigger a characteristic than I had initially expected.

The higher upwards mentioned JavaScript is added past times Blogger to practice a Blogspot alone search engine to enable users to search updates made past times BlogSpot users related to a item topic. As an additional plus, it every bit good displays realtime Twitter updates made past times Twitter users on whatever item topic. It every bit good displays related videos in all probability from YouTube.

Edited Image of Google Search. Not actual Blogger Search

The search results page at this fourth dimension is goose egg simply a unsmooth HTML page clearly implying that the Blogger squad is however developing it. Moreover, lack of custom styling indicates that in that place is however a lot of fourth dimension earlier this characteristic goes public. Videos provided are however non linked simply present alone a thumbnail image. Going past times the beginning code, Google real-time search has been used to display Twitter updates. Links on the outcome pages are dofollow without whatever involvement of JavaScript of whatever kind. Moreover, related-content.g is non disallowed inwards Blogger.com robots.txt implying that PageRank would certainly transcend onto these links.

This is how Blogger Related Content Search Results aspect similar correct instantly for the search term "Blogger"

To run into this inwards action, type http://blogger.com/related-content.g?q=[Your Search Query] inwards your address bar. e.g. If you lot wishing to run into content related to this blog, become to http://blogger.com/related-content.g?q=www.tweakandtrick.com.

Update: 7/7/2011: The related content page mentioned higher upwards instantly returns a 404 error.

Update:15/3/2011: Yesterday on the Blogger Buzz blog, Chang Kim, Product Manager at Blogger posted this:-

We’ll every bit good live showcasing our novel content regain characteristic that lets you lot uncover interesting together with related content based on the topics of the spider web log you’re currently reading.

This is how Blogger's Related postal service together with media search volition look

So, instantly it is official that such a characteristic is sure going to live added inwards Blogger. Also, Blogger is going to larn an overhauled WordPress similar layout inwards the upcoming months. Still experience you lot should live on WordPress? Nah!

Read this on: How to larn Included inwards Blogger Related Content Search.

• https://moulinxrouge.blogspot.com/ related-content.g?q=

Update: This was non what I had expected. This was for a related content search engine.

When I checked on to run across which pages linked to this page, I was surprised to run across that almost all of the pages on this spider web log had links pointing to this page. As I did non retrieve placing such a link, I checked the root code of my blog. Strangely, I discovered a novel fight of JavaScript added to it. The script which was added is equally follows:-

<script type="text/javascript">          role setAttributeOnload(object, attribute, val) {       if(window.addEventListener) {         window.addEventListener("load",           function(){ object[attribute] = val; }, false);       } else {      window.attachEvent('onload', function(){ object[attribute] = val; });       }     }     role showRelatedContent() {       var el = document.getElementById('related-frame');       if (el.style.visibility = 'visible') {         return;       }        el.style.visibility = 'visible';       el.src = 'related-content.g?q=' /* insert URL hither */;       showRelatedContent.prevOnClick = document.onclick;        // Hide related-content dropdown when clicking anywhere exactly on it.       document.onclick = function() {         var el = document.getElementById('related-frame');         if (el.style.visbility != 'hidden') {           el.style.visibility = 'hidden';         }         document.onclick = showRelatedContent.prevOnClick;       };     }        </script>      

Anyone having basic cognition of Java would empathize that this code is for generating contextually related posts for blogger. So, this indicates that afterward launching the mobile supported themes, the Blogger evolution squad is hold out off to add together some other novel too ofttimes demanded characteristic inwards Blogger, too gladly it is i that volition tending bloggers to trim back bounce charge per unit of measurement too display to a greater extent than appropriate related posts.

Investigating further, I bring come upwards to know that each spider web log hosted on Blogger has received this novel fight of code implying that this characteristic would live made populace whatever fourth dimension soon.

Meanwhile, yous tin utilisation the related posts widget I bring employed here.

Steps:-
1. Just, re-create too glue this CSS inwards your pattern earlier </head>.

<b:if cond="data:blog.pageType == &quot;item&quot;">
<style type="text/css">
#related-posts{float:center;text-transform:none;height:100%;min-height:100%;padding-top:5px;padding-left:5px}
#related-posts .widget{padding-left:6px;margin-bottom:10px}
#related-posts ul{list-style-type:none;margin:0 0 0px 0;padding:0px;text-decoration:bold;font-size:12px;text-color:#000}
#related-posts ul li{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuw8qZzPEO0TncJSGIEil9aKsbCevxfIg8JIpmtlP2IoOgNZ8JbGmbsyOZrkEU7DDZ50hMC8mvszRoJ-SUgg_r69YlBEKOj8WBmPGDaRwVpvq5Ko_uu1cF_OFtRxsYokrfXf5CMpMnfYM/s200/greentickbullet.png)
 no-repeat;display:block;list-style-type:none;margin-bottom:13px;padding-left:30px;padding-top:0px}
#related-posts .widget h2, #related-posts h2{font-size: 12px;font-weight: bold;margin-bottom:0.75em;margin-top: 0em;padding-top: 0em;}
</style>
<script type="text/javascript">
var relatedpoststitle=&quot;You powerfulness too like:&quot;;
</script>
<script src="http://blogergadgets.googlecode.com/files/related-posts-for-blogger.js" type="text/javascript">
</b:if>

 2. Copy too glue the code below nether <data:post.body/>.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<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=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>
 </b:if>

 3. Save the template too apply the changes.