ΑΥΤΟΜΑΤΗ ΑΡΧΕΙΟΘΗΚΗ ΣΕ ΚΑΡΤΕΛΕΣ

ΑΡΧΕΙΟΘΗΚΗ ΑΝΑΡΤΗΣΕΩΝ
Με τον παρακάτω κώδικα μπορείτε να εμφανίσετε σε μία σελίδα του blogger όλες τις αναρτήσεις του ιστολογίου σας ανά κατηγορίες ετικετών μέσα σε καρτέλες με την κάθε μία από αυτές να έχει το δικό της χρώμα background. Ανοίξτε μία σελίδα του blogger, πατήστε την HTML διάταξη και επικολλήστε μέσα στη σελίδα τον παρακάτω κώδικα.

Αυτά που πρέπει να αλλάξετε είναι τα χρώματα των backgrounds που έχουν μπροστά τους το σύμβολο της δίεσης #, την περιγραφή της κατηγορίας των αναρτήσεων που είναι με κίτρινα γράμματα γράμματα, το url του δικού μου blog που είναι με πράσινα γράμματα με το url του δικού σας blog, την ετικέτα της κατηγορίας αναρτήσεων που θέλετε να εμφανίζονται που είναι με πορτοκαλί γράμματα. Ο αριθμός 150 είναι ο μέγιστος αριθμός αναρτήσεων που μπορούν να εμφανιστούν ανα κατηγορία, αν θέλετε να εμφανίζονται λιγότερες τον μειώνετε. Το αποτέλεσμα θα είναι αυτό που βλέπετε ακριβώς κάτω από εδώ .


MENUS
FACEBOOK WIDGETS
ON LINE TOOLS
TEXT BOXES
SLIDESHOWS
BACKGROUNDS
SOSIAL BUTTONS
CHRISTMAS WIDGETS
ΣΧΟΛΙΑ BLOGGER
COUNTERS
ΑΣΦΑΛΕΙΑ BLOG
VIDEO & PHOTO GALLERIES
ΜΟΡΦΟΠΟΙΗΣΗ BLOG
ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ
ΕΝΣΩΜΑΤΩΣΕΙΣ
CLOCKS AND CALENDARS
IMAGE EFFECTS
ΑΛΛΑ WIDGETS
SEO
ΚΥΛΙΟΜΕΝΑ TEXT LINK IMAGES
POST SLIDERS

<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://dl.dropboxusercontent.com/s/0oiqp146zrlogjt/page-archive-1p.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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ ΜΕΝΟΥ?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/FACEBOOK WIDGETS?max-results=100&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ON LINE TOOLS?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/TEXT BOXES?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SLIDESHOWS?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/BACKGROUNDS?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SOSIAL BUTTONS?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/CHRISTMAS WIDGETS?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΣΧΟΛΙΑ BLOGGER?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/COUNTERS?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΑΣΦΑΛΕΙΑ BLOG?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/IMAGE EFFECTS?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΜΟΡΦΟΠΟΙΗΣΗ BLOG?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΕΝΣΩΜΑΤΩΣΗ ΑΡΧΕΙΩΝ?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/CLOCKS AND CALENDARS?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/IMAGE EFFECTS?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/WIDGETS ΓΙΑ BLOGS?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SEO?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES?max-results=150&amp;alt=json-in-script&amp;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="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/POST SLIDER?max-results=150&amp;alt=json-in-script&amp;callback=recentpostslist"></script></div>
</div></div></div></div></form>

<script> tabview_initialize('TabView'); </script>

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου