Ads 468x60px

Δευτέρα, 29 Φεβρουαρίου 2016

Sitemap Widget on Blogger Blogs

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε πως μπορούμε να
βάλουμε εύκολα ένα widget Sitemap στο Blog μας, έτσι ώστε οι αναγνώστες - 
επισκέπτες μας, να μπορούν να βλέπουν όλες τις αναρτήσεις μας μαζεμένες και
κατηγοριοποιημένες ανά ετικέτα(Label)!
Είναι από τα πιο χρήσιμα widgets που πρέπει να έχει ένα Blog και μπορείτε να το
βάλετε πολύ εύκολα στην σελίδα σας!




Πηγαίνετε Blogger - Διάταξη

Σελίδες - Νέα Σελίδα

και διαλέγοντας το Html Section της σελίδας

επικολλήστε τον ακόλουθο κώδικα:
..................................................................................................................................................................
<style scoped="" type="text/css">
#bp_toc {background:#008CDB;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#FAFAFA;font-family:'Trebuchet MS';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:'Trebuchet MS';font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}
#comments {display:none;}
</style>
<div id="bp_toc" style="max-height:1200px;overflow:scroll;overflow-x:auto;">
</div>
<script src='https://googledrive.com/host/0B3jgs-7rv9eUNFdPU2RyeDZKakU' type='text/javascript'></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

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

Πατώντας Δημοσίευση Σελίδας είστε έτοιμοι!


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

Πηγή κώδικα 
thanks to bloggerspice.com





Edit by

0 σχόλια :

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

Icon Icon Icon

spice up your blog