POPUP ARCHIVE PAGE No 2
Με τον παρακάτω κώδικα θα εμφανίζεται ένα εικονίδιο που θα γράφει VIEW ARCHIVE και πατώντας το θα ανοίγει ένα popup παράθυρο με όλες τις αναρτήσεις που έχετε κάνει στο blog σας ταξινομημένες ανά ετικέτες. Θα πρέπει να έχε βάλει στις αναρτήσεις σας ετικέτες και θα πρέπει να γράψετε ακριβώς το ονομά τους μέσα στο script για να τις εμφανίσει.
Παρακάτω εχω ένα αποσπασμα από
τον κώδικα το οποίο θα πρέπει να επαναλαμβάνεται για κάθε ετικέτα που έχετε και
πρέπει να αλλάξετε το όνομα της ετικέτας με τα πορτοκαλί γράμματα, το όνομα της
ετικέτας μέσα στο script με τα κίτρινα γράμματα και
το url του blog μου με τα γαλάζια γράμματα πρέπει να το αλλάξετε με την
δική σας διεύθηνση url του δικού σας blog. Αλλάξτε επίσης και τον αριθμό που έχω επισημάνει με
πράσινο χρώμα max-results=40 με το μέγιστο
αριθμό που μπορεί να δεχθεί δηλαδή 150.
<div style="background:#173374;font:13px arial; float: left; text-align:left;padding:5px; width: 492px; height:auto;">
Ο παρακάτω κώδικας μπορεί να μπεί απλά σαν gadget σε κάποια πλευρική μπάρα είτε μέσα σε σελίδα ή ανάρτηση όπως εμφανίζεται το κουμπί ακριβώς εδώ από κάτω ▼
<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>
Ο παρακάτω κώδικας μπορεί να μπεί απλά σαν gadget σε κάποια πλευρική μπάρα είτε μέσα σε σελίδα ή ανάρτηση όπως εμφανίζεται το κουμπί ακριβώς εδώ από κάτω ▼
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 | <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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKLvxv0XR26_onk1Ud-TAzlH55jDAUcn9jgl9YAYE38JDLrYudYJe27xgSpKqwCFxeRrEvw9iLHtRy-WXuBRoQHYOGMtjncYZ1PpEb5fn3cDQgVSPuquuF7aFkH1HSrcUBEyKaj_InrW4/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> |
