Cum adaugam un widget Sitemap in blogurile gazduite de Blogger

Se stie ca blogurile gazduite pe platforma Blogger nu beneficiaza de diversitatea de plugin-uri si widget-uri Wordpress. In articolul Cum adaugam un sitemap de la Blogger in Google Webmaster Tool  am vorbit despre indexarea rapida a blogului de catre Google prin adaugarea sitemap-ului in Webmaster Tool. Un sitemap al site-ului este util deasemenea si pentru cititori, pentru a avea intr-o singura pagina articolele postate de tine pe blog si vedea dintr-o ochire ce-i intereseaza si ce sa citeasca.

Va prezint mai jos un widget sitemap pe trei coloane care se adauga foarte usor in blogurile Blogger, trebuie doar sa parcurgeti pasii urmatori:

1. Selectezi blogul unde doresti sa adaugi widget-ul sitemap;

2. Click pe "Pagini"  apoi pe "Pagina noua", o denumiti cum vreti(ex.Sitemap) si alegeti HTML ( nu Scrieti);

3. Adaugati codul urmator:

<script src="https://googledrive.com/host/0B-P4_Fs3S76ydURacVd6TlJyWW8" type='text/javascript'></script>

<script src="http://seobloguri.blogspot.ro/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>

 4.Dupa ce adaugati acest cod inlocuiti http://seobloguri.blogspot.ro (scris cu albastru in codul de mai sus) cu link-ul blogului dvs si apoi salvati.

5. In meniul din dreapta"Setarile paginii"--->"Optiuni" selectati ca nu permiteti comentariile cititorilor, apoi "Publicati" si gata.

Daca v-a fost de folos acest cod scrieti in comentarii si puteti sa-l distribuiti mai departe.

Daca ti-a placut, nu uita sa distribui articolul!

Tweet