Φίλες και φίλοι γεια σας, σε αυτήν την ανάρτηση θα δούμε ένα 

πολύ ωραίο και χρήσιμο Sitemap widget 

το οποίο μας δείχνει μαζεμένες σε μία σελίδα όλες τις αναρτήσεις 

του blog μας χωρισμένες ανά κατηγορία 

όπως τις έχουμε στις ετικέτες μας!





Δείτε εδώ:




               DEMO1        DEMO2




Η εγκατάσταση του είναι πάρα πολύ απλή



Πηγαίνετε blogger-->

Μενού-->Σελίδες-->

Νέα σελίδα-->Κενή Σελίδα,

προσθήκη κειμένου..,

και στην σελίδα που θα ανοίξει κλικάρετε το HTML part δίπλα από το

Σύνθεση και επικολλήστε μέσα τον παρακάτω κώδικα!


........................................................................................................................................................

/* Sitemap page for blogger by TwistBlogg.Blogspot.Com */
<style type="text/css">
#twistblogg{
width:99%;  
margin:5px auto;
border:1px solid #05a0ff;  
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#c2eafe 0%,#05a0ff 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#05a0ff),color-stop(1,#c2eafe));
border:1px solid #37c2dd;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #a0a0a0;
-moz-box-shadow:3px 3px 1px #a0a0a0;-webkit-box-shadow:3px 3px 1px #a0a0a0;display:block;
}
.labl a{color:#fff;
}
.labl:first-letter{text-transform:uppercase;
}
.new{color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.50,#fff),color-stop(1,#C2EAFE));
}
.postname li{border-bottom: #ddd 1px dotted;
margin-right:5px
}
/*This is optional - For full width Sitemap*/
.sidebar, #bottom, #blog-pager, h2.post-title, .comments {
display: none !important;
}
#content { width: 100% !Important; }
@media only screen and (max-width: 1089px) and (min-width: 980px) { #content { width: 100% !Important; } }  @media only screen and (max-width: 979px) and (min-width: 768px) { #content { width: 100% !Important; } } @media only screen and (max-width: 767px) and (min-width: 480px) { #content { width: 100% !Important; } }  @media only screen and (max-width: 479px) { #content { width: 100% !Important; } }
</style>

<div id="twistblogg">
<script src="https://amanbhattarai4400.github.io/csshosting/sitemap.js" type="text/javascript"></script>
<script src="ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΟΥ ΜΠΛΟΓΚ ΣΑΣ /feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

...................................................................................................................................

ΑΛΛΑΓΕΣ

1ον: ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΟΥ ΜΠΛΟΓΚ ΣΑΣ  Εδώ βάζετε την διεύθυνση του blog σας!

2ον: Πηγαίνετε δεξιά στις επιλογές και στα Σχόλια αναγνωστών βάζετε το να
μην επιτρέπεται και πατάτε Τέλος!

3ον: Μπορείτε να αλλάξετε και τους χρωματισμένους κωδικούς χρωμάτων αν θέλετε!

Είστε έτοιμοι πατάτε Αποθήκευση και Δημοσίευση!

 
Καλή επιτυχία!!



Πηγή https://twistblogg.blogspot.com

Edit by