Πώς να δημιουργήσετε Sitemap σελίδα στο Blogger

   Σήμερα είμαστε εδώ με ένα ωραίο widget. Η σελίδα χάρτης δεν είναι πολύ απαραίτητη για τα blogs, αλλά από ορισμένες πλευρές είναι ότι καλύτερο να έχουμε μια σελίδα sitemap στο μενού. Ουσιαστικά βοηθά να καταστήσει ευκολότερη την πλοήγηση και βελτιώνει επίσης το page rank του blog μας, Θα δείτε όλες τις δημοσιευμένες θέσεις στο blog σας. Εκτός από αυτό, βοηθά επίσης στην ανίχνευση από την μηχανή αναζήτησης στο ευρετήριο για το περιεχόμενο της ιστοσελίδας. Έτσι, σε αυτό το post πρόκειται να μοιραστώ αυτή τη σελίδα sitemap για blogger.
   Πριν ξεκινήσουμε την διαδικασία για την εφαρμογή της εν λόγω σελίδας του site, θα ήθελα να σας περιγράψω το πώς λειτουργεί πραγματικά. Πρώτα απ 'όλα, είναι τακτοποιημένο και καθαρό και είναι καλά κωδικοποιούνται ειδικά για τα blogs. Ο συνδυασμός χρωμάτων είναι μόνο μπλε που μπορείτε να δείτε στην σελίδα demo. Η σελίδα προσθέτει αυτόματα τις τελευταίες δημοσιεύσεις στο blog, θα κάνει όλα το ίδιο το έργο. Σε αυτή τη σελίδα sitemap, μπορείτε να δείτε ότι οι θέσεις κατηγοριοποιούνται από τις ετικέτες που είναι καλύτερα για τους αναγνώστες που μπορούν να βρουν τα αναρτήσεις σε αυτή τη σελίδα εύκολα.
   Αυτή η σελίδα sitemap αναπτύσσεται με JavaScript και CSS το οποίο λαμβάνει πράγματι τις συνδέσεις μετά από το blog μας, μέσω της ροής του blog μας. Αυτό δημιουργήθηκε από τον Abu Farhan έτσι ώστε όλες οι ευχαριστίες πηγαίνουν σε αυτόν.
   Πώς να προσθέσετε και να ρυθμίσετε το Sitemap στο Blogger Blog; Ακολουθήστε τις οδηγίες και τα screenshots προσεκτικά για να το ρυθμίσετε στο blog σας τέλεια.
   1) Πρώτα Πηγαίνετε στο Blogger> Σελίδες

   2) Κάντε κλικ στο New Page "Blank Page"

   3) Τώρα επιλέξτε σελίδα "HTML"

5) Αντιγράψτε τον παρακάτω κώδικα και να επικολλήστε τον στο HTML Tab.

<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-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%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-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.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}

</style>


<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://www.YOURBLOGDOMAIN.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

   Αντικαταστήστε το YOURBLOGDOMAIN με τον δικό σας blog τομέα. Μην ξεχάσετε να αφαιρέσετε το Read more: Με το Τσόκαρο όλο το λινκ. Κάντε κλικ στο κουμπί "Δημοσίευση". Αυτό ήταν!
   Αυτή ήταν η απλή σελίδα sitemap για blogger που μου άρεσε για να την μοιραστώ σήμερα μαζί σας και ελπίζω αυτό το μικρό post να βοηθήσει όσους ήθελαν αυτού του είδους της σελίδας περιεχόμενου.
   Δείτε ακόμα και τον κωδικό για Sitemap Widget σε στυλ καρτέλες.

Blogger Yard