19.04.2015.

Podesavanje oznaka na blogu

Podesavanje oznaka na blogu(Labels)


labels_blog

Oznake su kljucne reci koje opisuju i pokazuju kategorije postova. Kreiranjem oznaka pomazete citaocima da se sto lakse snadju na vasem blogu.

Oznake se ubacuju prilikom pisanja posta, a mozete ih dodati naknadno. Ne treba preterivati sa oznakama, ne vise od tri reci po oznaci. Nemojte stavljati oznake koje nemaju veze sa clankom.


Dodajte oznakama "nofollow"


1.
 Sablon > Izmeni HTML 
 Nadjite kod (CTRL+F) <a expr:href='data:label.url' rel='tag'>

Zamenite ga sa <a expr:href='data:label.url' rel='tag,nofollow'>

2.
Sada nadjite kod <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'> <data:label.name/></a>

Zamenite ga sledecim <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' rel='nofollow'><data:label.name/></a>

Sacuvajte sablon.

Oznaka_blogger




blog_oznake


.Label li {
        background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;
        border: 1px solid;
        border-radius: 6px 6px 6px 6px;
        float: left;
        font-size: 116%;
        list-style: none outside none;
        margin: 2px;
        padding: 4px;
        transition: all 0.3s ease 0s;
    }
.Label li:hover {
    transform: rotate(351deg) scale(1.7);
}
.Label a {
    color: #fff;
    text-decoration: none;
}






/*-----Custom Labels Cloud widget by www.bloggerisanje.blogspot.com----*/
.label-size{ 
margin:0 2px 6px 0; 
padding: 3px; 
text-transform: uppercase; 
border: solid 1px #C6C6C6; 
border-radius: 3px; 
float:left; 
text-decoration:none; 
font-size:10px; 
color:#666; 
}

.label-size:hover { 
border:1px solid #6BB5FF; 
text-decoration: none;
-moz-transition: all 0.5s ease-out;  
-o-transition: all 0.5s ease-out;  
-webkit-transition: all 0.5s ease-out;  
-ms-transition: all 0.5s ease-out;  
transition: all 0.5s ease-out; 
-moz-transform: rotate(7deg);  
-o-transform: rotate(7deg);  
-webkit-transform: rotate(7deg);  
-ms-transform: rotate(7deg);  
transform: rotate(7deg);  
filter: progid:DXImageTransform.Microsoft.Matrix( 
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); 
zoom: 1;  
}

.label-size a  { 
text-transform: uppercase; 
float:left; 
text-decoration: none; 
}
.label-size a:hover  { 
text-decoration: none; 
}
labels_blogger

.sidebar .label-size {
  position:relative;
  text-transform: uppercase;
  text-decoration:none;
  font-size:13px;
  font-family:Open Sans;
  color:#fff!important;
  }

.sidebar .label-size a {
  color:#fff!important;
  font-weight:bold;
  padding:8px 10px;
  margin:0 6px 6px 0;
  float:left;
  display:block;
  -moz-transition: all 0.4s ;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s ;
  -ms-transition: all 0.4s ;
  transition: all 0.4s ;
}

.sidebar .label-size a {background:#2aa4cf;border-bottom:3px solid #000000;}
.sidebar .label-size a:hover {background:#000000;border-bottom:3px solid #2aa4cf;}


oznake_blogger

Sablon > Izmeni HTML
Pronadjite ]]></b:skin> i iznad njega dodajete kod widzeta


0 komentara:

Постави коментар