ΑΥΤΟΜΑΤΗ ΑΡΧΕΙΟΘΗΚΗ ΣΕ ΚΑΡΤΕΛΕΣ
Με τον παρακάτω κώδικα
μπορείτε να εμφανίσετε σε μία σελίδα του blogger όλες τις αναρτήσεις του ιστολογίου σας ανά κατηγορίες
ετικετών μέσα σε καρτέλες με την κάθε μία από αυτές να έχει το δικό της χρώμα background. Ανοίξτε μία σελίδα του blogger, πατήστε την HTML διάταξη και επικολλήστε μέσα στη σελίδα τον παρακάτω
κώδικα.
Αυτά που πρέπει να αλλάξετε είναι τα χρώματα των backgrounds που έχουν μπροστά τους το σύμβολο της δίεσης #, την περιγραφή της κατηγορίας των αναρτήσεων που
είναι με κίτρινα γράμματα γράμματα, το url του δικού μου blog που είναι με πράσινα
γράμματα με το url του δικού σας blog, την ετικέτα της κατηγορίας αναρτήσεων που θέλετε να
εμφανίζονται που είναι με πορτοκαλί γράμματα.
Ο αριθμός 150 είναι ο μέγιστος αριθμός αναρτήσεων που μπορούν να εμφανιστούν ανα
κατηγορία, αν θέλετε να εμφανίζονται λιγότερες τον μειώνετε. Το αποτέλεσμα θα
είναι αυτό που βλέπετε ακριβώς κάτω από εδώ ▼.
<style>
div.TabView div.Tabs {height:auto;width:auto;overflow:hidden;}
div.TabView div.Tabs a {float:left;display:block;width:auto;text-align:center;height:auto; padding:5px;border:2px solid #FBBB22;text-decoration:
none;font:14px Arial; background:#333;color:#FFF;}
div.TabView div.Tabs a:hover,
div.TabView div.Tabs a.Active {background:#105105; color:#FFF;}
div.TabView div.Pages {clear:
both;border: 2px solid #FBBB22;overflow:
hidden;}
div.TabView div.Pages div.Page {height: 100%;padding: 0px;overflow:
hidden;}
div.TabView div.Pages div.Page
div.Pad {padding:5px;}
</style>
<script src='https://dl.dropboxusercontent.com/s/19fsy5j6d3fdtqk/TABS-2.js'></script>
<script src='https://github-codes.github.io/mycodes/javascripts/archive-page-1n.js'></script>
<form action="tabview.html"
method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 960px;">
<a>MENUS</a><a>FACEBOOK</a><a>ON
LINE TOOLS</a><a>TEXT BOXES</a>
<a>SLIDESHOWS</a><a>BACKGROUNDS</a><a>BUTTONS & WINDOWS</a><a>CHRISTMAS WIDGETS</a><a>ΣΧΟΛΙΑ BLOGGER</a><a>COUNTERS</a><a>ΑΣΦΑΛΕΙΑ BLOG</a><a>VIDEO & PHOTO GALLERIES</a><a>ΜΟΡΦΟΠΟΙΗΣΗ BLOG</a><a>ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ</a><a>ΕΝΣΩΜΑΤΩΣΕΙΣ</a><a>CLOCKS AND CALENDARS</a><a>IMAGE EFFECTS</a><a>ΑΛΛΑ WIDGETS</a><a>SEO</a><a>ΚΥΛΙΟΜΕΝΑ TEXT, LINKS IMAGES</a><a>POST
SLIDERS</a></div>
<div class="Pages" style="width: 960px;
height: 960px;">
<div class="Page"><div
class="Pad">
<div style="background:#105105;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">MENUS</span>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ ΜΕΝΟΥ?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div></div></div>
<div class="Page"><div
class="Pad">
<div style="background:#173377;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">FACEBOOK
WIDGETS</span>
<script
src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/FACEBOOK WIDGETS?max-results=100&alt=json-in-script&callback=recentpostslist"></script></div></div></div>
<div class="Page"><div class="Pad">
<div style="background:#661111;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">ON LINE
TOOLS</span>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ON LINE TOOLS?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div></div></div>
<div class="Page"><div class="Pad">
<div style="background:#532000;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">TEXT BOXES</span>
<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></div>
<div class="Page"><div
class="Pad">
<div style="background:#333333;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">SLIDESHOWS</span>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SLIDESHOWS?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div></div></div>
<div class="Page"><div
class="Pad">
<div style="background:#105105;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">BACKGROUNDS</span>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/BACKGROUNDS?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div></div></div>
<div class="Page"><div
class="Pad">
<div style="background:#173377;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">SOSIAL
BUTTONS</span>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SOSIAL BUTTONS?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div></div></div>
<div class="Page"><div class="Pad">
<div style="background:#621061;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">CHRISTMAS
WIDGETS</span>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/CHRISTMAS WIDGETS?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div></div></div>
<div class="Page"><div class="Pad">
<div style="background:#A11111;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">ΣΧΟΛΙΑ BLOGGER</span>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΣΧΟΛΙΑ BLOGGER?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div></div></div>
<div class="Page"><div class="Pad">
<div style="background:#351500;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">COUNTERS</span>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/COUNTERS?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div></div></div>
<div class="Page"><div class="Pad">
<div style="background:#000;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">ΑΣΦΑΛΕΙΑ
BLOG</span>
<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>
<div class="Page"><div class="Pad">
<div style="background:#173377;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">VIDEO &
PHOTO GALLERIES</span>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/IMAGE EFFECTS?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div></div></div>
<div class="Page"><div class="Pad">
<div style="background:#351500;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">ΜΟΡΦΟΠΟΙΗΣΗ BLOG</span>
<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>
<div class="Page"><div class="Pad">
<div style="background:#661111;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ</span>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div></div></div>
<div class="Page"><div class="Pad">
<div style="background:#808000;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">ΕΝΣΩΜΑΤΩΣΕΙΣ</span>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΕΝΣΩΜΑΤΩΣΗ ΑΡΧΕΙΩΝ?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div></div></div>
<div class="Page"><div class="Pad">
<div style="background:#532000;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">CLOCKS AND
CALENDARS</span>
<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>
<div class="Page"><div
class="Pad">
<div style="background:#431333;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">IMAGE
EFFECTS</span>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/IMAGE EFFECTS?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div></div></div>
<div class="Page"><div
class="Pad">
<div style="background:#740777;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">ΑΛΛΑ WIDGETS</span>
<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></div>
<div class="Page"><div
class="Pad">
<div style="background:#333;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">SEO</span>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SEO?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div></div></div>
<div class="Page"><div class="Pad">
<div style="background:#431333;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">ΚΥΛΙΟΜΕΝΑ TEXT LINK IMAGES</span>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div></div></div>
<div class="Page"><div
class="Pad">
<div style="background:#105105;
border-radius:5px; height:auto; width:auto;
overflow:auto; padding:4px;"><span
style="font:bold 16px Arial;
background-color:#FFFF00;color:#000;">POST SLIDERS</span>
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/POST SLIDER?max-results=150&alt=json-in-script&callback=recentpostslist"></script></div>
</div></div></div></div></form>
<script> tabview_initialize('TabView'); </script>
Δεν υπάρχουν σχόλια:
Δημοσίευση σχολίου
► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".
Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.