1<style> 2body {-webkit-animation: bugfix infinite 1s;} 3@-webkit-keyframes bugfix {from {padding:0;} to {padding:0;}} 4input[type="checkbox"]#togglebox {position: absolute;left: 0;top: 0;visibility: hidden;} 5label#navtoggler {z-index:9;display:block;position:relative;font:50px arial;width:240px;height:60px;top:0;left:0;text-indent:-1000px;cursor: pointer;} 6label#navtoggler::before {content:"";display: block;position:absolute;width:100%;height:100%;top:0;margin-top:5px;left:0;background:url(https://lh6.googleusercontent.com/-intHQ94swOA/V-uG_-MFSaI/AAAAAAAAVtY/zcKyO_cKP_w0hNSTstUo7OAW1_TYCyfgACL0B/w240-h60-no/archive-button.jpg) center; background-repeat:no-repeat;} 7nav#expand-fullpagemenu {width:100%;height:100%;top:0;left:0;visibility:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 8-webkit-transform: scale(0.9); transform: scale(0.9); background: #333;color:#FFF; display: block; position: fixed;z-index: 100; opacity: 0; text-align:left; overflow:auto; 9-moz-transition: visibility 0s 0.5s, opacity 0.5s, -moz-transform 0.5s; -webkit-transition: visibility 0s 0.5s, opacity 0.5s, -webkit-transform 0.5s; transition: visibility 0s 0.5s, opacity 0.5s, transform 0.5s;} 10input[type="checkbox"]#togglebox:checked ~ nav#expand-fullpagemenu {visibility: visible; -webkit-transform: scale(1);transform: scale(1);opacity: 1; -ms-transition-delay: 0s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s;-transition-delay: 0s;} 11nav#expand-fullpagemenu label#closex{width:40px;height:40px;overflow: hidden;display: block;position: absolute;cursor: pointer;text-indent: -1000px;z-index: 10;top:30px;right: 0;} 12nav#expand-fullpagemenu label#closex::before, nav label#closex::after{content: ""; display: block;position: absolute;width: 100%;height:5px;background:#FFFF00;top: 50%; margin-top: -3px; -ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg); transform: rotate(-45deg);} 13nav#expand-fullpagemenu label#closex::after{-ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg);} 14nav#expand-fullpagemenu a{text-decoration: none; color:#FFF;text-transform:uppercase;} 15nav#expand-fullpagemenu ul{list-style: none;margin: 0;padding: 0;position: relative;max-height: 100%;top:0%; -webkit-transform: translateY(-50%); transform: translateY(-50%); 16font: bold 13px arial;} 17nav#expand-fullpagemenu ul li{margin:5px;} 18nav#expand-fullpagemenu ul li a{padding:5px;border-radius:5px;} 19nav#expand-fullpagemenu ul li a:hover{background:#FBBB22;color:#000;} 20</style> 21 22<script> 23function expandfullscreenmenu(action){ 24var togglebox = document.getElementById("togglebox") 25var newstate = (action == 'open')? true : (action == 'close')? false : !togglebox.checked 26togglebox.checked = newstate} 27</script> 28 29<div class="menuwrapper"> 30<input type="checkbox" id="togglebox" /> 31<label for="togglebox" id="navtoggler"></label> 32<nav id="expand-fullpagemenu"> 33<label for="togglebox" id="closex">Close</label> 34<script src='https://github-codes.github.io/mycodes/javascripts/archive-page-1n.js'></script> 35<div style="background:#333; float: left; text-align:left;padding:0px; width:1500px; height:auto;"> 36<ul> 37<div style="background:#333; float: left; text-align:left;padding:0px; width:500px; height:auto;"> 38<div style="background:#173374;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;"> 39<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;"> 40<span style="color: black;">ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ ΜΕΝΟΥ</span></span></span> </span></b> 41<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ ΜΕΝΟΥ?max-results=40&alt=json-in-script&callback=recentpostslist"></script></div> 42 43<div style="background:#661111;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;"> 44<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;"> 45<span style="color: black;">ON LINE TOOLS</span></span></span> </span></b> 46<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ON LINE TOOLS?max-results=30&alt=json-in-script&callback=recentpostslist"></script></div> 47 48<div style="background:#173377;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;"> 49<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;"> 50<span style="color: black;">FACEBOOK WIDGETS</span></span></span> </span></b> 51<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/FACEBOOK WIDGETS?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div> 52 53<div style="background:#532000;font:13px arial;float: left; text-align:left;padding:5px; width: 492px; height:auto;"> 54<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;"> 55<span style="color: black;">ΑΛΛΑ WIDGETS ΓΙΑ BLOGS</span></span></span> </span></b> 56<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/WIDGETS ΓΙΑ BLOGS?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div> 57 58<div style="background:#1D3000;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;"> 59<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;"> 60<span style="color: black;">ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ</span></span></span> </span></b> 61<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div> 62 63<div style="background:#740777;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;"> 64<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;"> 65<span style="color: black;">ΣΧΟΛΙΑ BLOGGER</span></span></span> </span></b> 66<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΣΧΟΛΙΑ BLOGGER?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div> 67 68<div style="background:#000;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;"> 69<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;"> 70<span style="color: black;">ΑΣΦΑΛΕΙΑ BLOG</span></span></span> </span></b> 71<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΑΣΦΑΛΕΙΑ BLOG?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div> 72</div> 73 74<div style="background:#333; float: left; text-align:left;padding:0px; width:500px; height:auto;"> 75<div style="background:#105105;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;"> 76<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;"> 77<span style="color: black;">ΜΟΡΦΟΠΟΙΗΣΗ BLOG</span></span></span> </span></b> 78<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΜΟΡΦΟΠΟΙΗΣΗ BLOG?max-results=40&alt=json-in-script&callback=recentpostslist"></script></div> 79 80<div style="background:#333;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;"> 81<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;"> 82<span style="color: black;">BACKGROUNDS</span></span></span> </span></b> 83<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/BACKGROUNDS?max-results=30&alt=json-in-script&callback=recentpostslist"></script></div> 84 85<div style="background:#105105;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;"> 86<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;"> 87<span style="color: black;">SOSIAL BUTTONS AND WINDOWS</span></span></span> </span></b> 88<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SOSIAL BUTTONS?max-results=30&alt=json-in-script&callback=recentpostslist"></script></div> 89 90<div style="background:#390851;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;"> 91<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;"> 92<span style="color: black;">ΕΝΣΩΜΑΤΩΣΕΙΣ</span></span></span> </span></b> 93<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΕΝΣΩΜΑΤΩΣΗ ΑΡΧΕΙΩΝ?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div> 94 95<div style="background:#333;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;"> 96<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;"> 97<span style="color: black;">TEXT BOXES</span></span></span> </span></b> 98<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/TEXT BOXES?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div> 99100<div style="background:#808000;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">101<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">102<span style="color: black;">CLOCKS AND CALENDARS</span></span></span> </span></b>103<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/CLOCKS AND CALENDARS?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div></div>104105<div style="background:#333;float: left; text-align:left;padding:0px; width:500px; height:auto;">106<div style="background:#621061;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">107<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">108<span style="color: black;">SLIDESHOWS</span></span></span> </span></b>109<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SLIDESHOWS?max-results=40&alt=json-in-script&callback=recentpostslist"></script></div>110111<div style="background:#1D3000;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">112<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">113<span style="color: black;">IMAGE EFFECTS</span></span></span> </span></b>114<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/IMAGE EFFECTS?max-results=40&alt=json-in-script&callback=recentpostslist"></script></div>115116<div style="background:#532000;font:13px arial;float: left; text-align:left;padding:5px; width: 492px; height:auto;">117<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">118<span style="color: black;">ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES</span></span></span> </span></b>119<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES?max-results=30&alt=json-in-script&callback=recentpostslist"></script></div>120121<div style="background:#173377;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">122<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">123<span style="color: black;">ΣΥΜΒΟΥΛΕΣ SEO</span></span></span> </span></b>124<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SEO?max-results=40&alt=json-in-script&callback=recentpostslist"></script></div>125126<div style="background:#351500;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">127<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">128<span style="color: black;">POST SLIDERS</span></span></span> </span></b>129<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/POST SLIDER?max-results=40&alt=json-in-script&callback=recentpostslist"></script></div>130131<div style="background:#006444;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">132<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">133<span style="color: black;">VIDEO AND PHOTO GALLERIES</span></span></span> </span></b>134<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/GALLERIES?max-results=40&alt=json-in-script&callback=recentpostslist"></script></div>135136<div style="background:#290699;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">137<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">138<span style="color: black;">COUNTERS</span></span></span> </span></b>139<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/COUNTERS?max-results=40&alt=json-in-script&callback=recentpostslist"></script></div>140141<div style="background:#661111;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">142<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">143<span style="color: black;">ΧΡΙΣΤΟΥΓΕΝΝΙΑΤΙΚΑ GADGETS</span></span></span> </span></b>144<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/CHRISTMAS WIDGETS?max-results=40&alt=json-in-script&callback=recentpostslist"></script></div></div>145</ul></div></nav></div>