<script type="text/javascript">
var posts_no = 4; // Кількість відображуваних записів
var showpoststhumbs = true; // Показувати чи не показувати Малюнки true - показувати, false - не показувати
var readmorelink = true; // Показувати чи не показувати посилання "Дивитись далі"
var showcommentslink = true; // Показати чи не показати кількість коментарів
var posts_date = true; // Показувати чи не показувати дату публікування запису
var post_summary = true; // Показати чи не показати Короткий опис
var summary_chars = 40; // Довжина символів Короткого опису
</script>
<script src="https://sites.google.com/site/javascripts79/recent.js"></script>
<script src="https://uafor.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<a class="promote" href="http://uafor.blogspot.com" >новини uafor.blogspot.com</a>
<noscript>Ваш браузер не підтримує чи забороняє JavaScript!</noscript>
<link href='https://sites.google.com/site/javascripts79/recent.css' rel='stylesheet' charset="UTF-8" type='text/css'/>
<style type="text/css">
li.recent-posts-list {max-width:300px;} /*Максимальна ширина блоків з новинами*/
img.recent-post-thumb{width:70px;height:70px;border: 1px solid #69B7E2;} /* Ширина,висота і рамка довкола малюнків */
.recent-posts-container {font-size:14px;} /* Розмір відстані між шрифтами */
ul.recent-posts-container li{font-size:13px;} /* Розмір і колір шрифту Короткого опису новини і Дати*/
.recent-post-title {font-size:14px;} /* Розмір шрифту заголовка*/
a.recent-post-title {color: #1a8aba;} /* Колір шрифту заголовка*/
.recent-posts-details a {color:#666;font-size:13px} /* Колір і розмір шрифту "Read more" та "n коментарі(в)" */
</style>

мал 1