Now we don't want the front page to have the traditional blog summaries so we scrap the blogs for info and display in a grid.

First we put an ''<mt:Ignore>'' and ''</mt:Ignore>'' tags across the entire mt summary section to block it off.\\
Then we put a grid div like ''<div class="col-sm-4">'' down to divide a row into 3 parts.\\
We put some php code to scrape the data of the top entry of a blog as for example the BCI shown below.. 

<code>
<div class="col-header"><a href="<$mt:WebsiteURL$>bci">BCI</a></div>
<?php
 $fh = fopen('<$mt:WebsitePath$>bci/index.php', 'r');
 $contents = fread($fh, filesize('<$mt:WebsitePath$>bci/index.php')); 
 fflush($fh);
 fclose($fh);
 echo str_replace('thumb=','',str_replace(' -->','"></a>',str_replace('<!-- ','<a href="bci/"><img src="<$mt:WebsiteURL$>bci/archives/',extract_unit($contents,'<!-- start here -->','<!-- stop here -->',0))));
 echo '<br /><a href="<$mt:WebsiteURL$>bci"><button type="button" class="btn btn-default">Go to entry</button></a>';
?>

</code>

The BCI example is a bit complicated because it needed a thumbnail image. The other scrapes were simpler as in the Malaysian Economic Outlook below
<code>
<?php
 $fh = fopen('<$mt:WebsitePath$>outlook/index.php', 'r');
 $contents = fread($fh, filesize('<$mt:WebsitePath$>outlook/index.php')); 
 fflush($fh);
 fclose($fh);
 echo extract_unit($contents,'<!-- start here -->','<!-- stop here -->',0);
 echo '<br /><a href="<$mt:WebsiteURL$>outlook"><button type="button" class="btn btn-default">Go to entry</button></a>';
?>
</code>