POP UP ARCHIVE PAGE-2
.
.
.
.
.
<style>
body {-webkit-animation: bugfix infinite 1s;}
@-webkit-keyframes bugfix {from {padding:0;} to {padding:0;}}
input[type="checkbox"]#togglebox {position: absolute;left: 0;top: 0;visibility: hidden;}
label#navtoggler {z-index:9;display:block;position:relative;font:50px arial;width:240px;height:60px;top:0;left:0;text-indent:-1000px;cursor: pointer;}
label#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;}
nav#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;
-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;
-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;}
input[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;}
nav#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;}
nav#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);}
nav#expand-fullpagemenu label#closex::after{-ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
nav#expand-fullpagemenu a{text-decoration: none; color:#FFF;text-transform:uppercase;}
nav#expand-fullpagemenu ul{list-style: none;margin: 0;padding: 0;position: relative;max-height: 100%;top:0%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
font: bold 13px arial;}
nav#expand-fullpagemenu ul li{margin:5px;}
nav#expand-fullpagemenu ul li a{padding:5px;border-radius:5px;}
nav#expand-fullpagemenu ul li a:hover{background:#FBBB22;color:#000;}
</style>
<script>
function expandfullscreenmenu(action){
var togglebox = document.getElementById("togglebox")
var newstate = (action == 'open')? true : (action == 'close')? false : !togglebox.checked
togglebox.checked = newstate}
</script>
<div class="menuwrapper">
<input type="checkbox" id="togglebox" />
<label for="togglebox" id="navtoggler"></label>
<nav id="expand-fullpagemenu">
<label for="togglebox" id="closex">Close</label>
<script src='https://github-codes.github.io/mycodes/javascripts/archive-page-1n.js'></script>
<div style="background:#333; float: left; text-align:left;padding:0px; width:1500px; height:auto;">
<ul>
<div style="background:#333; float: left; text-align:left;padding:0px; width:500px; height:auto;">
<div style="background:#173374;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ ΜΕΝΟΥ</span></span></span> </span></b>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ ΜΕΝΟΥ?max-results=40&alt=json-in-script&callback=recentpostslist"></script></div>
<div style="background:#661111;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">ON LINE TOOLS</span></span></span> </span></b>
<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>
<div style="background:#173377;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">FACEBOOK WIDGETS</span></span></span> </span></b>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/FACEBOOK WIDGETS?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div>
<div style="background:#532000;font:13px arial;float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">ΑΛΛΑ WIDGETS ΓΙΑ BLOGS</span></span></span> </span></b>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/WIDGETS ΓΙΑ BLOGS?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div>
<div style="background:#1D3000;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ</span></span></span> </span></b>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div>
<div style="background:#740777;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">ΣΧΟΛΙΑ BLOGGER</span></span></span> </span></b>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΣΧΟΛΙΑ BLOGGER?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div>
<div style="background:#000;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">ΑΣΦΑΛΕΙΑ BLOG</span></span></span> </span></b>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΑΣΦΑΛΕΙΑ BLOG?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div>
</div>
<div style="background:#333; float: left; text-align:left;padding:0px; width:500px; height:auto;">
<div style="background:#105105;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">ΜΟΡΦΟΠΟΙΗΣΗ BLOG</span></span></span> </span></b>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΜΟΡΦΟΠΟΙΗΣΗ BLOG?max-results=40&alt=json-in-script&callback=recentpostslist"></script></div>
<div style="background:#333;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">BACKGROUNDS</span></span></span> </span></b>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/BACKGROUNDS?max-results=30&alt=json-in-script&callback=recentpostslist"></script></div>
<div style="background:#105105;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">SOSIAL BUTTONS AND WINDOWS</span></span></span> </span></b>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SOSIAL BUTTONS?max-results=30&alt=json-in-script&callback=recentpostslist"></script></div>
<div style="background:#390851;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">ΕΝΣΩΜΑΤΩΣΕΙΣ</span></span></span> </span></b>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΕΝΣΩΜΑΤΩΣΗ ΑΡΧΕΙΩΝ?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div>
<div style="background:#333;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">TEXT BOXES</span></span></span> </span></b>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/TEXT BOXES?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div>
<div style="background:#808000;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">CLOCKS AND CALENDARS</span></span></span> </span></b>
<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>
<div style="background:#333;float: left; text-align:left;padding:0px; width:500px; height:auto;">
<div style="background:#621061;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">SLIDESHOWS</span></span></span> </span></b>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SLIDESHOWS?max-results=40&alt=json-in-script&callback=recentpostslist"></script></div>
<div style="background:#1D3000;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">IMAGE EFFECTS</span></span></span> </span></b>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/IMAGE EFFECTS?max-results=40&alt=json-in-script&callback=recentpostslist"></script></div>
<div style="background:#532000;font:13px arial;float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES</span></span></span> </span></b>
<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>
<div style="background:#173377;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">ΣΥΜΒΟΥΛΕΣ SEO</span></span></span> </span></b>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SEO?max-results=40&alt=json-in-script&callback=recentpostslist"></script></div>
<div style="background:#351500;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">POST SLIDERS</span></span></span> </span></b>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/POST SLIDER?max-results=40&alt=json-in-script&callback=recentpostslist"></script></div>
<div style="background:#006444;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">VIDEO AND PHOTO GALLERIES</span></span></span> </span></b>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/GALLERIES?max-results=40&alt=json-in-script&callback=recentpostslist"></script></div>
<div style="background:#290699;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">COUNTERS</span></span></span> </span></b>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/COUNTERS?max-results=40&alt=json-in-script&callback=recentpostslist"></script></div>
<div style="background:#661111;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
<b><span style="font-size: 14pt;"><span style="font-family: "arial";"><span style="background-color: yellow;">
<span style="color: black;">ΧΡΙΣΤΟΥΓΕΝΝΙΑΤΙΚΑ GADGETS</span></span></span> </span></b>
<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>
</ul></div></nav></div>
