Cum să fac o hartă/sitemap pe blog/blogspot

   In acest articol veti afla cum sa faceti harta blogului, adica veti face o pagina in care se vor afisa toate articolele. Am hotarit sa va prezint doua exemple: una simpla, si alta cu design.

Primul exemplu

1) Cream o pagina noua;
2) In HTML punem urmatorul cod:

<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen" />
<script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://deconstructioncode.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

3) Scrisul cu rosu in inlocuim cu URL-ul blogului.

Al doilea exemplu (cu design)

Daca insa doriti un sitemap cu un desing mai frumos puteti sa faceti altfel:

1) Intram la "Design"-"Editati HTML", salvati sablonul in caz de erori sau greseli!;

2) Lasam nebifata casuta: "Extindeti sabloanele control";

Pentru a cauta apasam pe combinatia de taste: Ctrl  si  F

3) Gasim in sablon urmatorul cod: ]]></b:skin>

si inaintea lui punem codul:

/*--------MBT TOC-----*/

.judul-label{

background-color:#E5ECF9;

font-weight:bold;

line-height:1.4em;

margin-bottom:5px;

overflow:hidden;

white-space:nowrap;

vertical-align: baseline;

margin: 0 2px;

outline: none;

cursor: pointer;

text-decoration: none;

font: 14px/100% Arial, Helvetica, sans-serif;

padding: .5em 2em .55em;

text-shadow: 0 1px 1px rgba(0,0,0,.3);

-webkit-border-radius: .5em;

-moz-border-radius: .5em;

border-radius: .5em;

-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);

-moz-box-shadow: 1px 1px 4px #AAAAAA;

box-shadow: 0 1px 2px rgba(0,0,0,.2);

color: #e9e9e9;

border: 2px solid white !important;

background: #6e6e6e;

background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));

background: -moz-linear-gradient(top,  #888,  #575757);

filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');

}

.data-list{

line-height:1.5em;

margin-left:5px;

margin-right:5px;

padding-left:15px;

padding-right:5px;

white-space:nowrap;

text-align:left;

font-family:"Arial",sans-serif;

font-size:12px;

}

.list-ganjil{

background-color:#F6F6F6;

}

.headactive{

    color: #fef4e9;

    border: 2px solid white !important;

    background: #1C8DFF;

    background: -webkit-gradient(linear, left top, left bottom, from(#9dc2e7), to(#438cd2));

    background: -moz-linear-gradient(top,  #9dc2e7,  #438cd2);

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc2e7', endColorstr='#438cd2');

}

4) Salvam sablonul.

5) Cream o pagina noua si in HTML punem codul:

<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>

<script src="http://midemoblog.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

<script type="text/javascript">

var accToc=true;

</script>

<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

6) Scrisul cu rosu il inlocuim cu adresa blogului.

Asta e tot si succes!

==============================================

Suntem recunoscatori pentru email, socializare si comentarii, succes!! :)

Introdu emailul tau si primesti articole gratis:

Apasa mai jos, arata si prietenilor