DEMO: Sweet Titles

Una bonita forma de hacer nuestros enlaces mucho más agradables.

Pon tu cursor sobre algún enlace para verlo funcionar

 

• Personalizar nuestro contador de suscripciones para lograr un estilo agradable

  

  FeedCount es un bonito plugin wordpress que nos permitirá seguir la cantidad de usuarios suscriptos a nuestros feed pero dándole un poco mas de personalización a nuestro contador. Básicamente remplazaremos el tradicional contador para usar este nuevo personalizado mediante CSS.
  Instalación:

  1. Descargamos el Plugin FeedCount
  2. Descomprimir el fichero
  3. Subir el contenido de la carpeta a /wp-content/plugins/
  4. Activar desde el menú administrador

  Configuración:
  Necesitaremos configurar el plugin para que siga la cantidad de usuarios suscriptos a nuestros feed, entonces debemos:

  • Dirigirnos a “ Opciones ” en nuestro panel de control.
  • Dentro de estas opciones seleccionaremos la Opción " Feed Count "

    

  • Aquí nos encontraremos con el cuadro que figura arriba, que posee dos casilleros importantes para rellenar. En el primero deberemos ingresar la URL de nuestro feed y en el segundo casillero el link de ha donde deseamos sean dirigidos los usuarios al hacer click sobre nuestro contador. La mejor idea aquí, es poner en ambos casilleros la Url de nuestro feed. Esto con la idea de seguir aumentando la suscripciones.

  Llamada al contador:
  Para que nuestro contador se muestre necesitaremos ingresar una pequeña línea de código, donde deseamos que aparezca nuestro nuevo contador: Ej en tu Sidebar. El código tradicional es el siguiente:

  PLAIN TEXT

  PHP:

  1. <?php if ( function_exists ( 'fc_feedcount' ) ) fc_feedcount ( ) ; ?>

  Personalizar nuestros contadores mediante CSS:
  Si bien los pasos detallados arriba nos permitirán ya estar visualizando nuestro contador, la idea es que nosotros mismo creemos nuestros propios contadores personalizados mediante CSS, aquí les dejo un ejemplo para lograr el siguiente diseño.

  

  PLAIN TEXT

  CSS:

  1. .feedcountdiv p {
  2. margin-top :5px;
  3. font-size : 20px;
  4. }
  5. .subscribers {
  6. font-family : Georgia, "Trebuchet MS" ;
  7. font-size :35px;
  8. padding :-5px;
  9. margin : 0px;
  10. line- height :8px; }
  11. .feedcount { font-size :20px;
  12. line- height :12px;color:#F7E0A9;
  13. }
  14. .contador {
  15. background : #3B2F23;
  16. margin-bottom : 10px;
  17. position : relative ;
  18. padding : 10px 10px;
  19. font-size :11px;
  20. }
  21. .contador a {
  22. color :#BFE3DA;
  23. }
  24. .contador .rssicon {
  25. float : left ;
  26. background : url ( images/feedicon48x48.gif ) no-repeat ;
  27. width :48px;
  28. height :48px;
  29. padding-right :5px;
  30. }
  31. .contador .Contador_link {
  32. font-size :12px;
  33. }

  Llamada

  PLAIN TEXT

  HTML:

  1. <div class = "contador" >
  2. <div class = "rssicon" onClick = "location.href='http://feeds.feedburner.com/webxyberneticos/'" > </div>
  3. <div class = "Contador_link" > <a title = "RSS feed" href = "http://feeds.feedburner.com/webxyberneticos/" > Suscriptos por feed </a> </div>
  4. <div class = 'feedcountdiv' > < ?php if ( function_exists ( 'fc_feedcount' ) ) fc_feedcount ( ) ; ? > </div> </div>

  Descarga Icono Utilizado en el ejemplo.