Ads 468x60px

Δευτέρα, 20 Μαρτίου 2017

Sitemap Widget for blogger blogs

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

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

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

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

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





Δείτε εδώ:




               DEMO1        DEMO2




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



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

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

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

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

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

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


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

<script src="https://od.lk/s/MTBfMzUxMDIxNThf/sitemap.js" type='
text/javascript'></script>
<script src="ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΟΥ ΜΠΛΟΓΚ ΣΑΣfeeds/posts/default?max-results=
9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<style type="text/css">
.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size:
 20px; margin: 0 0 10px 2px; padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule:
 none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule:
 none; column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-
column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-
inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }
.ct-columns-3 p a { background: #fafafa; color: #333; display: block; border: 
1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid
 #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-
transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition
:all .25s ease-in-out; }
.ct-columns-3 p a:hover { background: #555; color: #fff; }
@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1;
 -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; 
-webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; 
column-gap: 0px; column-rule: none; } }
</style>

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

ΑΛΛΑΓΕΣ

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

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


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

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



Πηγή http://www.blogtipsntricks.com


Edit by 

0 σχόλια :

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

Icon Icon Icon

spice up your blog