Cum faci un Sitemap stilizat in pagina pe Blogger

Cum faci un Sitemap stilizat in pagina pe Blogger

Astazi o sa va arat cum sa faceti un Sitemap personalizat special pentru listarea tuturora postarilor intr-o pagina ..O sa folosim un cod html

Cum iti faci un site de filme pe Blogger
Widget ce afiseaza postari comentarii si pagini totale pe blogger
Lecția nr.2 codare HTML și CSS construcție website de la zero
Astazi o sa va arat cum sa faceti un Sitemap personalizat special pentru listarea tuturora postarilor intr-o pagina ..O sa folosim un cod html pe care l-am modificat putin la partea de design tocmai in scopul de a prezenta persoanelor care iti viziteaza site-ul totul dintr-o privire…Design-ul este foarte atractiv si util totodata deoarece poti accesa totul in cateva secunde fara sa mai rasfoiesti tot site-ul..Asadar urmariti tutorialul video…
Demo Sitemap: Click Aici
[<style type=”text/css”>
.post-archive {  width: 100%; padding: 1px 0; text-transform: capitalize; }.post-archive h4 {border-bottom: 2px solid #FA6D42; color: #FA6D42; font-size:13px; margin: 0 0 10px 2px; padding: 0 0 21px; background: url(https://4.bp.blogspot.com/-CR7cx8Wb-9M/VhdebxFBnHI/AAAAAAAAAIM/2-jbS9PjOec/s1600/galben.png); background-size: 30px 20px; background-repeat: no-repeat; no-repeat;padding-left: 60px;}.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: 1px 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><script src=”https://cdn.rawgit.com/tutorialevideoit/sitemap/master/sitemap.js”></script><script src=”https://www.tutorialevideoit.ro/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc”></script> <br/><a href=”https://www.tutorialevideoit.ro” style=”font-size: 8px; text-decoration:none; color: #616469;” target=”_blank”>Modified part of Design by Tutoriale Video</a>]

Ce este cu rosu in partea de jos modificati cu adresa site-ului vostru , in partea de sus poti schimba culoarea la folder inlocuind cu adresele de mai jos :

Folder negru – https://2.bp.blogspot.com/-uxyvV6MK9o8/VhdebxSNtwI/AAAAAAAAAIQ/7Snd4vAf70I/s1600/black.png

Folder rosu  – https://4.bp.blogspot.com/-nIJ1wa1lXbo/Vhdeb1DfDEI/AAAAAAAAAII/B9PTGHnwyfI/s1600/rosu.png

Folder verde – https://3.bp.blogspot.com/–p3xeSXjmA8/VhdecfMgXqI/AAAAAAAAAIU/_gm1vgVnXV8/s1600/verde.png



Tutorial Video Cum faci un Sitemap stilizat in pagina pe Blogger




COMMENTS

WORDPRESS: 3
  • comment-avatar

    Primesc o eroare cum ca eticheta 11 nu e acceptata. Sfaturi?