b:section class='sidebar' id='sidebar-wrapper' showaddelement='yes'/Recuerda que muy dificilmente la encontrarás idéntica a ésta, deberás fijarte en buscar elb:section con el atributo class='sidebar' (En caso de estar el gadget en la columna lateral del blog).Si ya tienes un gadget de etiquetas dentro de esta sección, entonces deberás suprimirlo, bastaría con buscar un código similar a éste, obviamente se encontrará en el b:section que hayamos identificado anteriormente:
b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/Este código lleva un atributo title, el cual corresponde al título del gadget. Si tu gadget lleva como título "Categorías" u otra cosa entonces deberás fijarte que el gadget lo lleve en éste atributo, o de lo contrario estarás suprimiendo otro en caso de tener varios.Si ya lograste identificar el gadget, entonces deberás reemplazarlo por este código:
b:widget id='Label99' locked='false' title='Etiquetas' type='Label' b:includable id='main'div id="gadget-etiquetas" h2data:title//h2 ul b:loop values='data:labels' var='label' li expr:class='data:label.name' b:if cond='data:blog.url == data:label.url' span expr:dir='data:blog.languageDirection'data:label.name//span b:else/ a expr:dir='data:blog.languageDirection' expr:href='data:label.url'data:label.name//a /b:if /li /b:loop /ul /div/b:includable/b:widgetPrevisualiza los cambios y si no hay ningún inconveniente procedes a guardar la plantilla.Nota: Te preguntará si deseas suprimir el gadget, deberás aceptar dicha modificación.Paso 2: Añadir CSS en cada etiqueta:Una vez que ya hayas realizado el paso anterior, deberás pegar el siguiente código antes de /b:skin:
#gadget-etiquetas ul {margin:0;font-family:tahoma;}#gadget-etiquetas a {color:#777;cursor:pointer;}#gadget-etiquetas li[class="Etiqueta uno"] {list-style-image:url(URL-IMAGEN);}#gadget-etiquetas li[class="Etiqueta dos"] {list-style-image:url(URL-IMAGEN);}#gadget-etiquetas li[class="Etiqueta tres"] {list-style-image:url(URL-IMAGEN);}#gadget-etiquetas li[class="Etiqueta cuatro"] {list-style-image:url(URL-IMAGEN);}#gadget-etiquetas li[class="Etiqueta cinco"] {list-style-image:url(URL-IMAGEN);}#gadget-etiquetas li[class="Etiqueta seis"] {list-style-image:url(URL-IMAGEN);}#gadget-etiquetas li[class="Etiqueta siete"] {list-style-image:url(URL-IMAGEN);}#gadget-etiquetas li[class="Etiqueta ocho"] {list-style-image:url(URL-IMAGEN);}#gadget-etiquetas li[class="Etiqueta nueve"] {list-style-image:url(URL-IMAGEN);}#gadget-etiquetas li[class="Etiqueta diez"] {list-style-image:url(URL-IMAGEN);}Deberás reemplazar el nombre etiqueta-XXXX por la etiqueta que corresponda (Respetando mayúsculas, tíldes, separaciones, etc), junto con añadir un ícono en el atributo list-style-image. Observa un ejemplo:#gadget-etiquetas ul {margin:0;font-family:tahoma;}#gadget-etiquetas a {color:#777;cursor:pointer;}#gadget-etiquetas li[class="Música"] {list-style-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZjR7i_oJ2lsyorCGqO-_gNjhShOC6Nl3UMZbXadphMRI27JcD7IGX9_DOYyWRXrJTt1W-xP2-xQrkcr1raXLqM0JIM77VSPvg7jld-kDhCvKi0jOrD8Ytj0aTBH2aqDB-1VZlzFsAERk/s1600/music-icon.png) !important;}#gadget-etiquetas li[class="Arte"] {list-style-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4l1V0H-kIBw5kKk9PySuBke4rU1A634HCe2mG3qAipEOYXNFGkgH_Wm1b90v1kvkax8JPSVW6X9ZGcPMk6TzC4tPEqL1hTR6tph5d66DC7cpMzCMaZBxyNZMZ08Mbd2ID7Pd1oxNFB6o/s1600/art_icon.png);}#gadget-etiquetas li[class="Vídeos"] {list-style-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilpBlvf51FqN_urB4FSckAFmqFVQqiXxUjO7COMtFEpSxoxkZ-z1zIf_uBizDIPW8twlltWzi2-WjK1qHxbUuZdqLO2XBtpOMaMa3KWDf1HVtQvrGIuJsQvdT6tv6B8Qz1T2U0MUGw_zw/s1600/video_icon.gif);}#gadget-etiquetas li[class="Fotografías"] {list-style-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglNLk_NLdqZEyv80PvoNNVetwo9KA3uBhcp2gcua6JkzL7RsrqfHE7cCRYEdBy7F40q09p_r5Q1zKwlv7p31fFuU01o-3-wED0FuNtrE69JOHOlxkemnvigb_KdMmNnAMmzMkNUfJlHKY/s1600/url.png);}El resultado será muy similar a este:span class='post-labels'!--Este contenido, junto a la etiqueta span deberá suprimirse--/spanDeberás reemplazarlo con este código:
div class='post-labels' b:if cond='data:post.labels' data:postLabelsLabel/ div class='labels' b:loop values='data:post.labels' var='label' a expr:class='data:label.name' expr:href='data:label.url' rel='tag'data:label.name//ab:if cond='data:label.isLast != "true"'/b:if /b:loop /div /b:if/divSi no lo encuentras, y si en tus entradas no aparecen las etiquetas, puedes añadirlo justo debajo de:
data:post.body/Paso 2: Aplicando CSS a las etiquetas:Debido a que ya no manipulamos viñetas como lo hicimos en el método de los gadgets, tendremos que hacerlo levemente distinto. Copia y pega el siguiente código antes de /b:skin:
.post-labels {margin:20px 0 10px 0;padding:10px;}.post-labels a {display:inline-block;padding-left:20px;margin: 0 8px 0;}.post-labels a[class="Etiqueta uno"] {background:url(URL-ICONO) no-repeat left;}.post-labels a[class="Etiqueta dos"] {background:url(URL-ICONO) no-repeat left;}.post-labels a[class="Etiqueta tres"] {background:url(URL-ICONO) no-repeat left;}.post-labels a[class="Etiqueta cuatro"] {background:url(URL-ICONO) no-repeat left;}.post-labels a[class="Etiqueta cinco"] {background:url(URL-ICONO) no-repeat left;}.post-labels a[class="Etiqueta seis"] {background:url(URL-ICONO) no-repeat left;}.post-labels a[class="Etiqueta siete"] {background:url(URL-ICONO) no-repeat left;}.post-labels a[class="Etiqueta ocho"] {background:url(URL-ICONO) no-repeat left;}.post-labels a[class="Etiqueta nueve"] {background:url(URL-ICONO) no-repeat left;}.post-labels a[class="Etiqueta diez"] {background:url(URL-ICONO) no-repeat left;}Recuerda reemplazar etiqueta-XXXX por la etiqueta que corresponda (Respetando mayúsculas, tíldes, etc), junto con añadir un ícono en el atributo background. Observa un ejemplo:.post-labels {margin:20px 0 10px 0;padding:10px;}.post-labels a {display:inline-block;padding-left:20px;margin: 0 8px 0;}.post-labels a[class="Música"] {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZjR7i_oJ2lsyorCGqO-_gNjhShOC6Nl3UMZbXadphMRI27JcD7IGX9_DOYyWRXrJTt1W-xP2-xQrkcr1raXLqM0JIM77VSPvg7jld-kDhCvKi0jOrD8Ytj0aTBH2aqDB-1VZlzFsAERk/s1600/music-icon.png) no-repeat left;}.post-labels a[class="Arte"] {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4l1V0H-kIBw5kKk9PySuBke4rU1A634HCe2mG3qAipEOYXNFGkgH_Wm1b90v1kvkax8JPSVW6X9ZGcPMk6TzC4tPEqL1hTR6tph5d66DC7cpMzCMaZBxyNZMZ08Mbd2ID7Pd1oxNFB6o/s1600/art_icon.png) no-repeat left;}.post-labels a[class="Vídeos"] {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilpBlvf51FqN_urB4FSckAFmqFVQqiXxUjO7COMtFEpSxoxkZ-z1zIf_uBizDIPW8twlltWzi2-WjK1qHxbUuZdqLO2XBtpOMaMa3KWDf1HVtQvrGIuJsQvdT6tv6B8Qz1T2U0MUGw_zw/s1600/video_icon.gif) no-repeat left;}.post-labels a[class="Fotografías"] {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglNLk_NLdqZEyv80PvoNNVetwo9KA3uBhcp2gcua6JkzL7RsrqfHE7cCRYEdBy7F40q09p_r5Q1zKwlv7p31fFuU01o-3-wED0FuNtrE69JOHOlxkemnvigb_KdMmNnAMmzMkNUfJlHKY/s1600/url.png) no-repeat left;}El resultado:MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football Perros,FIFA World Cup Peinados caninos,Veterinarios caninos,MESOTHELIOMA LAW FIRM,MESOTHELIOMA LAW FIRM,DONATE CAR TO CHARITY CALIFORNIA ,DONATE CAR FOR TAX CREDIT,DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA,SELL ANNUITY PAYMENT,DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS,DONATE YOUR CAR FOR KIDS ,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity
MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet
yahoo web hosting Motor replacements structured settlement brokers Donate Cars in MA federal criminal defense attorney Car Insurance Quotes Colorado WordPress themes for designers Mortgage Adviser Psd to WordPress Business VOIP Solutions Car insurance in South Dakota Better Conference Calls Seo company fortis health insurance temporary Motor Replacements car accident lawyers Seo companies Webex Costs event management security harddrive data recovery services Casino reviews Online casino Criminal lawyer Service business software Casino Dallas mesothelioma attorneys Social media platforms Hire php developer Mobile casino mortgage adviser online colledges Donating a car in Maryland mesothelioma lawyer texas Italian cooking school Tech school Donate your Car for Money Donating Used Cars to Charity Donate Car To Charity CALIFORNIA SELL ANNUITY PAYMENT illinois law lemon CHEAP DOMAIN REGISTRATION HOSTING Make money online Australia Best social media platforms for business EMAIL BULK SERVICE saskatchewan auto insurance quotes car Custom Christmas cards Social media platforms for business Cheap Domain Registration Hosting adverse credit remortgage HOW TO DONATE A CAR IN CALIFORNIA Computer science classes online DUI lawyer Hire php developers Live casino Hire php programmers mesotheioma CAR INSURANCE QUOTES COLORADO Royalty free images stock motorcycle lawyer los angeles Met Auto best accident attorneys Dwi lawyer Car Insurance Quotes PA low credit line credit cards World trade center footage CAR ACCIDENT LAWYERS onlineclasses Seo services google adsense business voip solutions REGISTER FREE DOMAINS Criminal defense lawyer Business finance group Best social media platforms Paperport promotional code Cheap car insurance in Virginia personal injury solicitor Php programmers for hire Social media tools Bankruptcy lawyer Donate a Car in Maryland dallas mesothelioma attorneys CAR INSURANCE QUOTES PA ANNUITY SETTLEMENT Php programmers Asbestos Lung Cancer Photo Christmas cards New social media platforms CAR DONATE Hard drive Data Recovery Services selling annuity auto accident attorney Torrance Forensics Online Course Mortgage adviser Custom WordPress theme designer online criminal justice degree Christmas cards ONLINE COLLEDGES domains yahoo Best Seo company Donate car to charity California Data Recovery Raid selling annuity payments for cash Business management software Social media campaigns Home Phone Internet Bundle Online Colleges Online Christmas cards VIRTUAL DATA ROOMS Social media strategies Donate Old Cars to Charity hosted predictive dialers FUTURISTIC ARCHITECTURE lease management software
