Crear un logo para el blog sólo con CSS – Justicia – Automovil – Lawyers

En este tutorial veremos la forma de crear un logo para el blog mediante un ícono, algunas fuentes web y CSS3.

Para cada demo he puesto una imagen de fondo para que así se pueda comprobar cómo se vería en un blog similar en colores.

Ejemplo 1 (Estilo 80's):

Free 80's music

Ejemplo 2 (Efecto Grunge Femenino):

★Mi logo★

El tutorial:

Antes de empezar, recomiendo que usen una imagen de fondo en la cabecera, ya que afecta considerablemente al resultado final.

Obviamente para este tutorial deberás deshabilitar la imagen del logo y en su lugar dejar el texto correspondiente al nombre de tu blog.

Paso 1: Añadiendo un ícono:

Lo primero que hay que hacer, es conocer los ID's de la cabecera del blog, generalmente el del logo corresponde a:

#header h1 {
}

Para poder añadirle un ícono, es necesario añadir una imagen de fondo la cual tenga el atributo no-repeat (Sin repetición), además de incluir un padding en la zona que se situará el ícono:

#header h1 {
background: url(URL-DEL-ICONO.PNG) no-repeatleft;
padding-left:100px;
}

Si quieres que el ícono se muestre a la derecha deberás reemplazarleft (2 veces) porright.

Paso 2: Añadiendo fuentes mejores:

Para cambiar la fuente estándar que contiene el blog, puedes optar por usar las de Google Webfonts, hay una gran variedad, además de ser fáciles de instalar.

Para instalar fuentes de Google puedes encontrar el tutorialaquí.

Extra: Código fuente de los demos 1 y 2:

Si te han gustado los ejemplos puedes pegar directamente estos códigos en tu zona CSS de la plantilla, la cual corresponde antes de:

/b:skin

Advertencia: Los códigos no contienen la imagen de fondo ya que no son aptos para una cabecera.

Ejemplo 1:

#header h1 {
font-size:63px;
text-shadow: 1px 1px 1px #222, -2px 2px 1px #4e621d, -3px 3px 1px #222;
color: #d2d780;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlFzCo7_ArNtTNbzjhoVlQMXp8dvCgOli69rv1qfZ5K2XR_k7JUU4ecpnsFDVMGZq3EA4F4tgG6ieae0g11-LqIlZuvQ8z9_ZtxttC5kL9JpJE75eWk0fF2LEbI91ZhjLhWP31q5p0JAM/s1600/Cassette+Green.png) no-repeat left;
padding-left:140px;
line-height:60px;
font-family: 'Plaster', cursive;
}

Antes de /head pega esto:

link href="http://fonts.googleapis.com/css?family=Plaster" rel="stylesheet" type="text/css"/link

Ejemplo 2:

#header h1{
font-size:63px;
text-shadow: 1px 1px 1px #222;
color: #d64d83;
line-height:60px;
font-family: 'Alfa Slab One', cursive;
}

Antes de /head pega esto:

link href="http://fonts.googleapis.com/css?family=Alfa+Slab+One" rel="stylesheet" type="text/css"/link

Si consideras que el tutorial es muy complicado, puedes dejar la URL de tu blog y especificar qué es lo que buscas.

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 FootballFIFA World Cup Vestidos de Perros y gatosHosting Dominio web movilSelling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlementStructured 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 JetMundial Football Mesothelioma law firm,mega life and health FIFA World Cup es un buen servicio en las distintas naciones trans union pero resulto que tenia cancer y fui a asbestos cancer y me dijeron en asbestos mesothelioma que tambien padecia de prostate cancer treatment y un daño tremendo a mi organismo fui a malignant pleural mesothelioma,asi que hice un prestamo en credit repair y otro en chase credit pero de pronto un anti spam software asi que decido un auto en rental car in costa rica me registre en Facebook en internet domain registration y tambien obtuve un domain registration,Selling annuity payments for cash,Selling 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

Donate Your Car for Kids Best Criminal Lawyers in Arizona mesothelioma attorney directory Dallas Mesothelioma Attorneys Criminal lawyer HOME PHONE INTERNET BUNDLE car accident lawyer san bernardino Asbestos Lung Cancer Best Seo company Computer science classes online Royalty Free Images Stock adverse credit remortgage futuristic architecture New social media platforms Donate Old Cars to Charity donate your car for money maritime lawyer houston Best social media platforms business email web hosting Life insurance co Lincoln cheap car insurance in virginia HOLLAND MICHIGAN COLLEGE structured settlement agreement motorcycle lawyer los angeles Online casino Seo companies Adobe illustrator classes Mortgage criminal defense attorneys florida Neuson HARDDRIVE DATA RECOVERY SERVICES criminal defense federal lawyer Mobile casino Car Insurance Quotes Hire php developer saskatchewan auto insurance mesotheliama Donate Cars in MA Make money online Australia cash out structured settlement Casino Service business software accident attorney san bernardino Hire php programmers mesothelioma claims mesotheioma Online Christmas cards Car Insurance Quotes MN Met Auto selling my structured settlement Donate Car for Tax Credit personal injury lawyer sarasota fl Car Accident Lawyers small business administration sba Better Conference Calls Social media platforms for business orlando criminal attorney How to Donate A Car in California Casino reviews Dedicated Hosting Dedicated Server Hosting Live casino Donate car to charity California tucson car accident attorney Online Motor Insurance Quotes WORLD TRADE CENTER FOOTAGE MOTOR REPLACEMENTS forensics online course mesothelioma trial attorney Futuristic Architecture ROYALTY FREE IMAGES STOCK diagnosed with mesothelioma DUI lawyer PSYCHIC FOR FREE virtual data rooms Hire php developers Online motor insurance quotes sell annuity payment Car Donate Tech school best structured settlement companies car accident lawyers west palm beach Dwi lawyer sell my structured settlement DALLAS MESOTHELIOMA ATTORNEYS primary pulmonary hypertension Learning adobe illustrator accident attorneys orange county Hard drive data recovery services Criminal defense lawyer Italian cooking school FUTURISTIC ARCHITECTURE Php programmers for hire selling annuity PHD on Counseling Education event management security Futuristic architecture Car Insurance Quotes Colorado Seo company Hard drive Data Recovery Services Business finance group Bankruptcy lawyer Motor replacements california law lemon Photo Christmas cards mesothelioma attorney assistance Proud Italian cook email bulk service Car Insurance in South Dakota Php programmers georgia truck accident lawyer Best social media platforms for business Sell Annuity Payment lawsuit mesothelioma anti spam appliance Christmas cards