TAB WIDGET-2.
.
.
.
.
.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>$(document).ready(function() {$("#tabs").tabs();});</script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/ui-darkness/jquery-ui.css" type="text/css" />
<div id="tabs">
<ul><li><a href="#tabs-1">ΡΟΗ</a></li>
<li><a href="#tabs-2">MY POSTS</a></li>
<li><a href="#tabs-3">MY LINKS</a></li>
<li><a href="#tabs-4">MY WIDGETS</a></li></ul>
<div id="tabs-1">
<ul style="width: 920px; height: 600px; overflow: auto;">
<div id='bp_recent'></div>
<script style='text/javascript'>
var numberOfPosts = 178;
var showPostDate = true;
var showSummary = true;
var summaryLength = 400;
var titleLength = 100;
var showCommentCount = true;
var showThumbs = true;
var showNoImage = true;
var imgDim = 80;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://the-best-widgets.blogspot.gr/feeds/posts/summary?max-results=178&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script></ul>
</div>
<div id="tabs-2">
<iframe frameborder="0" width="930" height="760" src="https://docs.google.com/spreadsheets/d/1250n3upxFNUwA50hSL73OZK0fvXv0CHmFF1OTE_443M/pubhtml?gid=1951055053&single=true&widget=true&headers=false"></iframe>
</div>
<div id="tabs-3">
<iframe frameborder="0" width="930" height="760" src="https://docs.google.com/spreadsheets/d/1mdEE_FkslrVn_TEgWRdVUdp7g4rnJ9r4ge4jgglv_YA/pubhtml?gid=25900094&single=true&widget=true&headers=false"></iframe>
</div>
<div id="tabs-4">
<iframe frameborder="0" height="760" src="https://docs.google.com/spreadsheets/d/1aLXP3gygj2TILXQkEmfF-CBe5sqp7y5zlLk92pQU1tE/pubhtml?widget=true&headers=false" width="930"></iframe>
</div></div>
