Menu Posts Vertical - ACCORDION MENU

ΑΥΤΟΜΑΤΟ ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ

ΑΥΤΟΜΑΤΟ ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ

Το παρακάτω αυτόματο, κάθετο μενού ενημερώνεται αυτόματα κάθε φορά που κάνετε μια νέα ανάρτηση και βάζετε σε αυτήν μία γενική ετικέτα κατηγορίας. Έχει ένα script που διαβάζει όλες τις αναρτήσεις με συγκεκριμένη γενική ετικέτα κατηγορίας που εσείς θα επιλέξετε. Αλλάξτε το πλάτος του μενού αλλάζοντας τo width:240px; Αλλάξτε τη θέση που θα εμφανίζεται το υπομενου αλλάζοντας το position: absolute; left: 240px;top:-5px;

Αλλάξτε το πλάτος του υπομενού αλλάζοντας το width:480px; Αλλάξτε το πράσινο link του blog μου με το link του δικού σας blog και τέλος αλλάξτε και τις ετικέτες που έχω χρωματίσει με πορτοκαλί γράμματα. Το μενού μπαίνει απλά σαν ένα gadget και θα δείχνει έτσι όπως το βλέπετε παρακάτω.

• TEXT BOXES
• BACKGROUNDS
• IMAGE EFFECTS
• ΕΝΣΩΜΑΤΩΣΕΙΣ
• ΑΣΦΑΛΕΙΑ BLOG
• ΣΥΜΒΟΥΛΕΣ SEO
• ΣΧΟΛΙΑ BLOGGER
• ON LINE ΕΡΓΑΛΕΙΑ
• FACEBOOK WIDGETS
• ΜΟΡΦΟΠΟΙΗΣΗ BLOG
• ΑΛΛΑ WIDGETS ΓΙΑ BLOGS
• ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ
• ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ MENU
• ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES
• BUTTONS & POP UP WINDOWS
• GALLERIES SLIDERS SLIDESHOWS

 

<style>

#navigation {font:13px Arial;width:240px;padding:0px;border: solid 1px #FFFF00;}

#navigation ul {margin:0px; padding:0px;}

ul.top-level {background:#173377;}

ul.top-level li {margin: 0;}

#navigation a {font-size:13px arial;color: #FFFFFF;cursor: pointer;display:block;width:100%;}

#navigation a:hover {font:13px Arial;text-decoration:none;}

#navigation li:hover {font:13px Arial;background: #105105;position: relative;}

ul.sub-level {display: none;}

li:hover .sub-level {display: block;position: absolute;left: 240px;top: -5px;}

ul.sub-level li {border: none;float:left;width:480px;}

#navigation .sub-level {background: #570444;border: solid 1px #FFFF00;}

</style>

      

<div id="navigation">

<ul class="top-level">

<li><a href="http://the-best-widgets.blogspot.gr/search/label/TEXT BOXES">TEXT BOXES</a>

<ul class="sub-level">

<script type="text/javascript" src="https://googledrive.com/host/0B8GeBeRdN9NscXNCbDJpS0NfcTQ"></script>

<script src="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/TEXT BOXES?max-results=20&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="http://the-best-widgets.blogspot.gr/search/label/BACKGROUNDS">BACKGROUNDS</a>

<ul class="sub-level">

<script type="text/javascript" src="https://googledrive.com/host/0B8GeBeRdN9NscXNCbDJpS0NfcTQ"></script>

<script src="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/BACKGROUNDS?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="http://the-best-widgets.blogspot.gr/search/label/IMAGE EFFECTS">IMAGE EFFECTS</a>

<ul class="sub-level">

<script type="text/javascript" src="https://googledrive.com/host/0B8GeBeRdN9NscXNCbDJpS0NfcTQ"></script>

<script src="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/IMAGE EFFECTS?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="http://the-best-widgets.blogspot.gr/search/label/ΕΝΣΩΜΑΤΩΣΗ ΑΡΧΕΙΩΝ">ΕΝΣΩΜΑΤΩΣΕΙΣ</a>

<ul class="sub-level">

<script type="text/javascript" src="https://googledrive.com/host/0B8GeBeRdN9NscXNCbDJpS0NfcTQ"></script>

<script src="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΕΝΣΩΜΑΤΩΣΗ ΑΡΧΕΙΩΝ?max-results=20&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="http://the-best-widgets.blogspot.gr/search/label/ΑΣΦΑΛΕΙΑ BLOG">ΑΣΦΑΛΕΙΑ BLOG</a>

<ul class="sub-level">

<script type="text/javascript" src="https://googledrive.com/host/0B8GeBeRdN9NscXNCbDJpS0NfcTQ"></script>

<script src="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΑΣΦΑΛΕΙΑ BLOG?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="http://the-best-widgets.blogspot.gr/search/label/SEO">ΣΥΜΒΟΥΛΕΣ SEO</a>

<ul class="sub-level">

<script type="text/javascript" src="https://googledrive.com/host/0B8GeBeRdN9NscXNCbDJpS0NfcTQ"></script>

<script src="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SEO?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="http://the-best-widgets.blogspot.gr/search/label/ΣΧΟΛΙΑ BLOGGER">ΣΧΟΛΙΑ BLOGGER</a>

<ul class="sub-level">

<script type="text/javascript" src="https://googledrive.com/host/0B8GeBeRdN9NscXNCbDJpS0NfcTQ"></script>

<script src="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΣΧΟΛΙΑ BLOGGER?max-results=20&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="http://the-best-widgets.blogspot.gr/search/label/ON LINE TOOLS">ON LINE ΕΡΓΑΛΕΙΑ</a>

<ul class="sub-level">

<script type="text/javascript" src="https://googledrive.com/host/0B8GeBeRdN9NscXNCbDJpS0NfcTQ"></script>

<script src="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ON LINE TOOLS?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="http://the-best-widgets.blogspot.gr/search/label/FACEBOOK WIDGETS">FACEBOOK WIDGETS</a>

<ul class="sub-level">

<script type="text/javascript" src="https://googledrive.com/host/0B8GeBeRdN9NscXNCbDJpS0NfcTQ"></script>

<script src="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/FACEBOOK WIDGETS?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="http://the-best-widgets.blogspot.gr/search/label/ΜΟΡΦΟΠΟΙΗΣΗ BLOG">ΜΟΡΦΟΠΟΙΗΣΗ BLOG</a>

<ul class="sub-level">

<script type="text/javascript" src="https://googledrive.com/host/0B8GeBeRdN9NscXNCbDJpS0NfcTQ"></script>

<script src="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΜΟΡΦΟΠΟΙΗΣΗ BLOG?max-results=20&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="http://the-best-widgets.blogspot.gr/search/label/WIDGETS ΓΙΑ BLOGS">ΑΛΛΑ WIDGETS ΓΙΑ BLOGS</a>

<ul class="sub-level">

<script type="text/javascript" src="https://googledrive.com/host/0B8GeBeRdN9NscXNCbDJpS0NfcTQ"></script>

<script src="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/WIDGETS ΓΙΑ BLOGS?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="http://the-best-widgets.blogspot.gr/search/label/ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ">ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ</a>

<ul class="sub-level">

<script type="text/javascript" src="https://googledrive.com/host/0B8GeBeRdN9NscXNCbDJpS0NfcTQ"></script>

<script src="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="http://the-best-widgets.blogspot.gr/search/label/ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ ΜΕΝΟΥ">ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ MENU</a>

<ul class="sub-level">

<script type="text/javascript" src="https://googledrive.com/host/0B8GeBeRdN9NscXNCbDJpS0NfcTQ"></script>

<script src="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ ΜΕΝΟΥ?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="http://the-best-widgets.blogspot.gr/search/label/ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES">ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES</a>

<ul class="sub-level">

<script type="text/javascript" src="https://googledrive.com/host/0B8GeBeRdN9NscXNCbDJpS0NfcTQ"></script>

<script src="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="http://the-best-widgets.blogspot.gr/search/label/SOSIAL BUTTONS">BUTTONS & POP UP WINDOWS</a>

<ul class="sub-level">

<script type="text/javascript" src="https://googledrive.com/host/0B8GeBeRdN9NscXNCbDJpS0NfcTQ"></script>

<script src="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SOSIAL BUTTONS?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="http://the-best-widgets.blogspot.gr/search/label/SLIDESHOWS">GALLERIES SLIDERS SLIDESHOWS</a>

<ul class="sub-level">

<script type="text/javascript" src="https://googledrive.com/host/0B8GeBeRdN9NscXNCbDJpS0NfcTQ"></script>

<script src="http://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SLIDESHOWS?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></ul></li>

</div>

http://the-best-widgets.blogspot.gr/2015/11/blog-post.html#more