CosasParaMiBlogs

martes, 29 de octubre de 2013

Maravillas con JQuery, una galería 3D para tu Blog – Lawyers – Negocios

Hay efectos particularmente bellos que podemos implementar en nuestros Blogs por medio de JQuery con CSS3 y HTML5.

Su implementación aunque puede parecer compleja inicialmente, recompensa finalmente el esfuerzo con un mejor acabado visual para nuestras creaciones.

Dotar de dinamismo la presentación de contenidos es un desafío hoy día para los Bloggers que tratan de sorprender a sus usuarios con nuevas maneras de presentar la información que resulten más atractivas.

Te propongo una nueva forma de mostrar imágenes para cabeceras de entradas, entradas relacionadas, presentaciones fotográficas o lo que desees, con efectos 3D que seguro atraerán todas las miradas.

Todo el código fuente utilizado, así como las imágenes está inspirado en el desarrollo3D GallerybyPEDRO BOTELHOextraído de mi web favorita para implementaciones de JQuery, HTML5 y CSS3:http://tympanus.net/codrops.

Voy a enseñarte a integrar la demostración 3D Gallery en tu Blog para que la aproveches como mejor estimes: para presentar entradas relacionadas, muestras fotográficas, cabeceras de contenido... lo que tú prefieras.

Paso a paso, añadiendo 3D Gallery a tu Blog de Blogger en un IFRAME:

1)Conéctate ahttp://tympanus.net/codrops/2012/02/06/3d-gallery-with-css3-and-jquery/, entrarás en la página para descargarte la demostración de ejemplo:

2)Haz "clic" en el botón azul de la parte inferior derecha con el texto "DOWNLOAD SOURCE" Se te descargará un .zip que se llama3DGallery.zip:

Descomprime el .zip para visualizar el contenido de los archivos necesarios para manejar la galería 3D.

3)Una vez descomprimida la información súbela a Drive, vamos acrear un Iframeo cuadro interactivo donde colocaremos todos los elementos de la galería 3D:

3.1Móntate en tu disco duro una carpeta que contenga todo lo que necesitamos para crear nuestro carrusel:
En tu escritorio créate la carpeta "Sitio8"

Dentro de la carpeta "Sitio8" crea una carpeta "js" y otra "images".

En la carpeta "js" mete los archivos que puedes extraer de dentro del .zip que te bajaste en el paso 2) o que puedes descargar desde mi Drive (si quieres los mismos que yo estoy utilizando en el Blog a modo de ejemplo):
https://googledrive.com/host/0Bwgc28XHjPA2Rk1YbXh5YmZJUUE/js/

Si los descargas de Drive por el navegador, copia y pega el código completo que hay en ellos y lo guardas conel mismo nombredel .js que hayas descargado.

3.2En la carpeta "images" mete las imágenes que deseas que salgan en el carrusel, si para probar quieres que salgan las del autor, puedes usar las de mi carpeta Drive (si quieres los mismos que yo estoy utilizando en el Blog a modo de ejemplo):
https://googledrive.com/host/0Bwgc28XHjPA2Rk1YbXh5YmZJUUE/images/

Aquí debes meter las imágenes que quieres utilizar en el panel galería.Bien sea de entradas tuyas porque luego conectarás con ellas si el usuario las selecciona o bien porque sean imágenes de fotografías sin enlace a ninguna página que simplemente desees mostrar.

3.3Por último crearás unaindex.htmlque contendrá el código para realizar el carrusel y las referencias a tus js e imágenes:
Mi Index.html NO te servirá para mostrar las imágenes tuyas, la puedes utilizar como prueba o práctica pero lo importante será que crees la tuya personal:
https://googledrive.com/host/0Bwgc28XHjPA2Rk1YbXh5YmZJUUE/index.htmlDescarga mi index.htmlpara crearte la tuya propia.
Ahora localiza dentro de mi index.html descargada la siguiente línea:

section id="dg-container"

Bajo esa línea encontrarás el código que muestra las imágenes que hayas subido y los enlaces que a ellas quieras crear a tu Blog o a donde prefieras:

section id="dg-container" class="dg-container"
div class="dg-wrapper"
a href="#"img src="images/prueba_1.png" alt="image01"divhttp://diariosdelanube.blogspot.com.es//div/a
a href="#"img src="images/2.jpg" alt="image02"divhttp://www.percivalclo.com//div/a
a href="#"img src="images/3.jpg" alt="image03"divhttp://www.wanda.net/fr/div/a
a href="#"img src="images/4.jpg" alt="image04"divhttp://lifeingreenville.com//div/a
a href="#"img src="images/5.jpg" alt="image05"divhttp://circlemeetups.com//div/a
a href="#"img src="images/6.jpg" alt="image06"divhttp://www.castirondesign.com//div/a
a href="#"img src="images/7.jpg" alt="image07"divhttp://www.foundrycollective.com//div/a
a href="#"img src="images/8.jpg" alt="image08"divhttp://www.mathiassterner.com//div/a
a href="#"img src="images/9.jpg" alt="image09"divhttp://learnlakenona.com//div/a
/div
!--
span class="dg-prev"</span
span class="dg-next">/span
--
/section
script type="text/javascript" src="js/jquery.min.js"/script
script type="text/javascript" src="js/jquery.gallery.js"/script
script type="text/javascript"
$(function() {
$('#dg-container').gallery({
autoplay : true
});
});
/script/

En este código cadaimgcontiene cada una de las imágenes que deseas mostrar en la galería.
Ensrc="images/1.jpg"meterás el nombre de cada imagen que hayas utilizado para que salga por medio del panel.1.jpges el nombre de una de las imágens de prueba. aquí pondrás los nombres que tú hayas decidido utilizar con tus imágenes.

3.4 El tamaño de las imágenes y el contenedor de las mismas está en style.cssy dentro en las siguientes líneas de código:

.dg-container{
width: 100%;
height: 214px; position: relative;}.dg-wrapper{ width: 200px; height: 214px; margin: 0 auto; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 500px; -moz-perspective: 500px; -o-perspective: 500px; -ms-perspective: 500px; perspective: 500px;}.dg-wrapper a{ width: 200px; height: 150px; display: block; position: absolute; left: 0; top: 0; box-shadow: 0px 10px 20px rgba(0,0,0,0.3);

Debes poner el mismo width y height que las imágenes con las que vas a trabajar decidas que tengan. Experimenta cambiando los tamaños hasta que encuentres el más apropiado a tus necesidades.

3.5 Al igual que en styles.css alteraste el tamaño de los contenedores de imágenes, para que el "efecto 3D" quede perfectamente alineado con esos tamaños, debes editar el archivojquery.gallerypara poner los tamaños de las imágenes. Aplica las mismas proporciones que observes en los cambios de tamaño de las imágenes en el código. Verás que las imágenes para que den ese aspecto 3D, deben ir cambiando sus tamaños dependiendo de si están en el centro, a la izquierda o a la derecha, por ello ajusta proporcionalmente los tamaños hasta que des con la animación deseada. Haz todas las pruebas que necesites hasta que consigas el efecto deseado.

3.6En el escritorio de tu ordenador, para ir probando cómo queda hasta el final, dentro de tu propia carpeta "Sitio8"ve haciendo "clic" en tuindex.htmlpara ir visualizando cada cambio y cómo queda. Tal cual lo veas en tu disco duro funcionando, así funcionará luego metido dentro de tu Blog.

4)Sube tu carpeta "Sitio8" a Drive para luego utilizarla en tu Blog:

4.1Conéctate a Drivehttps://drive.google.com/y una vez dentro pulsa el botón de la flecha roja que hay a la derecha del botón "crear" en el menú izquierdo. Te he marcado el botón con un recuadro azul en la imagen inferior de Drive:

4.2Ahora sube la carpeta"Sitio8"completa seleccionando el botón de la flecha y pulsando en la opción "Carpeta". Después, ya tendrás disponible tu carrusel al completo en Drive:

Cuando subas la carpeta"Sitio8"asegúrate que está compartida como Público.Si no la compartes, no se dibujará. Deberás seleccionar"Public"en la sección "Who has access" tal como te muestro en pantalla.

Además cópiate el código que te he marcado cuando compartas. Es el código identificativo único que Drive asignará a tu carpeta "Sitio8"para que puedas compartirla, lo utilizaremos después en los próximos pasos:

4.3Ahora pruebatu carpeta"Sitio8".Escribe en el navegador el código identificativo que te ha asignado Google Drive al compartir la carpeta. En mi caso es este:https://googledrive.com/host/0Bwgc28XHjPA2Rk1YbXh5YmZJUUE.Recuerda que el código identificarivo debe ir precedido dehttps://googledrive.com/host/para que se llame a la
"Index.html"que contiene tu propio carrusel. Si todo está ok, ya estás listo para meter el carrusel en tu Blog.

5)Insertando el código en Blogger en un IFRAME:

Puedes insertar el código en Blogger llamando a la"Index.html"metiendo dentro del IFRAME la URL que llama a tu "Sitio8" en Drive:

iframe align="left" frameborder="0" height="250" marginheight="0" marginwidth="0" noresize="" scrolling="No" src="https://googledrive.com/host/0Bwgc28XHjPA2Rk1YbXh5YmZJUUE" width="600"
/iframe

Ensrc="Debes meter la URL que Drive te asignó al compartir tu carpeta"Sitio2".
ELheight="250"y elwidth="600",es decir, el ancho y alto del marco que va a servir de "ventana" a tu carrusel debe ser ligeramente mayor que el ancho y alto del propio carrusel. Si pones menos ancho o menos alto, no cabrá el carrusel al completo.
Puedes insertar el código del "iframe"en un Gadget HTML/JAVASCRIPT o directamente dentro de una página.

B) Insertando el código en Blogger para añadir tu carrusel sin IFRAME:

En primer lugarrealiza una copia de seguridadde tu sitio. Aunque es realmente sencillo lo que vamos a hacer, recomiendo que previamente tengamos a buen recaudo nuestro código original, de manera que siempre podamos "volver atrás" ante cualquier error.No dejes de realizar esta guía paso a paso parasalvaguardar tu blog.

En Blogger, en el menú de la izquierda, dirígete a la opción "Plantilla" y pulsa "Editar HTML". Localiza la etiqueta "/head" y justo debajo inserta los .js, .css y script de JQuery

1)El código que corresponde alHEAD(justo antes del cierre del /HEAD):

link rel="stylesheet" type="text/css" href="URL_DRIVE_CSS/css/demo.css" /

link rel="stylesheet" type="text/css" href="URL_DRIVE_CSS/css/style.css" /

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

script type="text/javascript" src="URL_DRIVE_JS/js/modernizr.custom.53451.js"/script

NOTAS PARA COMPRENDER Y UTILIZAR ESTA PARTE DEL CÓDIGO:

Cada script contine la librería .js (Javascript) utilizada de JQUERY.

Para insetarlo en tu Blog,dentro de Blogger dirígete al menú de la izquierda, a la opción Diseño.

2)Introduciendo la galería 3D en el diseño de tuPLANTILLA:

En la página de Diseño pulsa "Añadir gadget" en la zona del Blog donde desees insertar el componente creado con JQuery.

Copia dentro del gadget HTML/JAVASCRIPT el código que sigue, la primera parte referencia al autor.

section id="dg-container" class="dg-container"
div class="dg-wrapper"
a href="#"img src="images/prueba_1.png" alt="image01"divhttp://diariosdelanube.blogspot.com.es//div/a
a href="#"img src="images/2.jpg" alt="image02"divhttp://www.percivalclo.com//div/a
a href="#"img src="images/3.jpg" alt="image03"divhttp://www.wanda.net/fr/div/a
a href="#"img src="images/4.jpg" alt="image04"divhttp://lifeingreenville.com//div/a
a href="#"img src="images/5.jpg" alt="image05"divhttp://circlemeetups.com//div/a
a href="#"img src="images/6.jpg" alt="image06"divhttp://www.castirondesign.com//div/a
a href="#"img src="images/7.jpg" alt="image07"divhttp://www.foundrycollective.com//div/a
a href="#"img src="images/8.jpg" alt="image08"divhttp://www.mathiassterner.com//div/a
a href="#"img src="images/9.jpg" alt="image09"divhttp://learnlakenona.com//div/a
/div
!--
span class="dg-prev"</span
span class="dg-next">/span
--
/section
script type="text/javascript" src="js/jquery.min.js"/script
script type="text/javascript" src="js/jquery.gallery.js"/script
script type="text/javascript"
$(function() {
$('#dg-container').gallery({
autoplay : true
});
});
/script/

NOTAS PARA COMPRENDER Y UTILIZAR ESTA PARTE DEL CÓDIGO:

Cadaimgva a contener la ruta a donde hayas subido la imagen dentro desrc="[DIRECCIÓN_DONDE_COPIES_EL_ARCHIVO/NOMBRE_IMAGEN"
Para los tamaños de las imágenes y el ajuste de la animación, ve al apartado 3) de la opción A) para configurarlos según tus necesidades.

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 DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDUn dia en Mundial Football MESOTHELIOMA LAW FIRM FIFA World Cup,DONATE CAR TO CHARITY CALIFORNIA , and STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, habia mucha monja pero fui a NUNAVUT CULTURE, DAYTON FREIGHT LINES and BUSINESS VOIP SOLUTIONS,CAR INSURANCE COMPANIES pero for you ONLINE CRIMINAL JUSTICE DEGREE ,PERSONAL INJURY LAW FIRM, Virtual data rooms and future now Automobile accident attorney and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,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 Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name search 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 Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND Mundial Football Los Abogado de lesiones personales en Chicago,FIFA World Cup son muy buenos en chicago y nos ofrecen una Cotizacion de seguro y Cotizacion de Seguro de Vida y Cotizacion de seguro de coches,mesotelioma. Y visitar mesothelioma lawyers o tambien podriamos visitar mesothelioma symptoms y lexington law tambien many people lexington law firm and merlin olsen mesothelioma many people mesothelioma trial lawyers and atlanta mesothelioma lawyers Mesothelioma law firm, massachusetts mesothelioma attorney EEUU,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

lunes, 28 de octubre de 2013

Blogger, Mundo Google, Promoción

Perfil del autor al final de cada entrada. Solución de problemas – Record

Hace unos pocos días arreglando unas cosillas, descubrí que en la plantilla había un código que no me sonaba pero que tenía pinta de ser un gadget oficial y en concreto, una especie deficha sobre el autor integrado en el cuerpo de las entradas.

Creo que esta opción fue introducida por Blogger en Julio y por eso de que estábamos por aquí en verano y por tanto, de vacaciones o casi de vacaciones, la verdad es que me pasó desapercibida la novedad. Pero eso es algo que solucionaremos hoy.

Clic para agrandar

En un principio, para que el perfil se muestre en las entradas, sólo es necesario entrar en elEscritorio, apartadoDiseño y allí, pinchar en el enlaceEditar del cuerpoEntradas del blog.

Mostrar el perfil del autor debajo de la entrada

Clic para agrandar

Se nos abrirá una ventana con las distintas opciones de configuración para los posts y entre ellas está la que nos interesa en esta ocasión. Es la casilla de verificaciónMostrar el perfil del autor debajo de la entrada y marcándola ya debería aparecer al final de tus entradas.

Si no es así continúa leyendo más adelante para ver lasdos cosas que podrían fallar.

Enlazar perfiles Blogger-Google Plus

En primer lugar, para que esto funcione debes tenerenlazado tu perfil de Blogger al de Google+, pues es desde este último desde dónde se toman tus datos.

Los que se mostrarán serán los del apartadoPresentación y puedes acceder a ellos desde tuPerfil Google+, pestañaSobre mí, secciónHistoria.

Allí mismo encontrarás un enlace que te permitirá grabar o actualizar esos datos. Hay un pequeño margen a la creatividad, ya que el editor te permite poner texto enriquecido pudiendo usar negrita, cursiva, subrayado, enlaces, listas...

Eso mismo que finalmente grabes ahí, será lo que saldrá al final de tus entradas junto con el avatar que tengas en la red de Google, así que detente un poco en diseñar tu perfil como creas que más te interesa. El mensaje deberá atraer la atención de tus lectores y también puedes aprovechar para añadir enlaces a sitios que administres o a tus perfiles en otras redes sociales.

Perfil del autor incluido automáticamente en Blogger

Los datos de mi perfil NO son un buen ejemplo ;)

Actualización: Según podéis ver en este comentario deJulian hecho tras la publicación de la entrada, no es necesario enlazar con Google Plus y basta con tener cuenta en Blogger y haber rellenado lo básico del perfil. Los datos se tomaran en este caso del apartado "Introducción".

Comprobar el código en plantilla

Una vez verificado que tienes marcada la opción deMostrar el perfil del autor debajo de la entrada y que tus perfiles (Blogger-Google+) están enlazados, si tu ficha de datos sigue sin salir en tus entradas, entonces tendrás que comprobar que tu plantilla tiene el código base necesario, que no es otro que este:

b:if cond='data:post.authorAboutMe'
  div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'
    b:if cond='data:post.authorPhoto.url'
      img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/
    /b:if
    div
      a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'
        span itemprop='name'data:post.author//span
      /a
    /div
    span itemprop='description'data:post.authorAboutMe//span
  /div
/b:if

Si detectas que Blogger no actualizó este código en tu plantilla, sólo tienes que editarla y añadir dicho código dentro de la caja con clasepost-footer-line-1 (o 2, o 3), que son las que recogen los datos mostrados en el pie de cada entrada.

Viendo el código creo que se adivina que no es complicado modificar su aspecto con CSS o incluso añadir, cambiar o eliminar algunos de los datos que en él aparecen para personalizarlo algo más y que no salga exactamente igual que en el perfil de Google+.

Actualización Enero 2014

Detectada gracias a la colaboración de+Jesús del Río otra posible causa por la que podría no salir el perfil del autor en las entradas. Es una de esas tonterías en las que a veces es difícil caer y que simplemente consiste en comprobar que la casilla en la que se indica con quién deseas compartir tu perfil, está en la opción "Público". Con el resto de opciones probablemente no salga.

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet Mundial 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 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 Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND Mundial Football history FIFA World Cup,smart,huge/big,sciencie media,blog spot and amazes,unites pero for you gives ,, inspires and future now help and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,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

DUI lawyer Car Insurance in South Dakota Casino Learning adobe illustrator personal injury lawyer sarasota fl Hire php developer Online casino motorcycle accident lawyer california tucson car accident attorney Make money online Australia mesothelioma claims lease management software ONLINE MOTOR INSURANCE QUOTES Holland Michigan College Car insurance quotes Colorado Online Classes Paperport Promotional Code Php programmers for hire hosted predictive dialers Criminal lawyer Miami WordPress themes for designers mesothelioma cases AUTOMOBILE ACCIDENT ATTORNEY Html email Personal Injury Lawyers firm law mesothelioma HOLLAND MICHIGAN COLLEGE Car Insurance Companies Online classes Criminal Defense Attorneys Florida Sell Annuity Payment Email bulk service Donate Old Cars to Charity World Trade Center Footage Mobile casino Best Criminal Lawyers in Arizona sell my structured settlement los angeles workers compensation lawyers home phone internet bundle lawsuit mesothelioma WEBEX COSTS Insurance Companies Online Motor Insurance Quotes boulder personal injury lawyers ONLINECLASSES Car Accident Lawyers Donating Used Cars to Charity mesothelioma law firm Futuristic Architecture Adobe illustrator classes google adsense Online colledges Dayton Freight Lines Asbestos Lung Cancer Car Insurance Quotes PA tennessee mesothelioma lawyer mesothelioma settlements Donate Car for Tax Credit motorcycle accident attorney chicago Online College Course ANNUITY SETTLEMENT Casino reviews Donate Car to Charity California Online Christmas cards Motor Replacements car crash attorneys Hire php developers Home Phone Internet Bundle insurance medical temporary Live casino Nunavut Culture cash annuity SELL ANNUITY PAYMENT Criminal defense lawyer FORENSICS ONLINE COURSE virtual data rooms Hire php programmers Dwi lawyer Criminal lawyer car insurance quotes colorado PHD IN COUNSELING EDUCATION Online Colleges ASBESTOS LAWYERS Service business software Donate car to charity California car insurance quotes Insurance Annuity Settlements mesothelioma attorneys selling annuity payments for cash Donate your Car for Money Business finance group benchmark lending Donate your car for money World trade center footage mesothelioma personal injury lawyers Car Donate mesothelioma attorney illinois Christmas cards Mortgage adviser Seo companies Met Auto Photo Christmas cards auto accident lawyer san francisco Claim Bankruptcy lawyer Mortgage Adviser Computer science classes online Php programmers motorcycle accident attorney sacramento Social media examiner structured settlements companies Auto Mobile Shipping Quote Best social media platforms for business New social media platforms Social media platforms for business Forensics Online Course Home phone internet bundle Social media campaigns Custom WordPress theme designer Life Insurance Co Lincoln Seo services mesothelioma ct Donate Cars in MA event management security Best Seo company Donate cars in ma Business management software DONATE YOUR CAR SACRAMENTO Best social media platforms Better Conference Calls Seo company peritoneal mesothelioma Custom Christmas cards adverse remortgage buy my structured settlement Forex Trading Platform structured settlement buyers hair removal washington dc Proud Italian cook WordPress hosting Business Voip Solutions Psd to WordPress all about mesothelioma domains yahoo Social media management Tech school Social media platforms mesothelioma attorney assistance Psd to html Italian cooking school motor replacements Hard drive Data Recovery Services Cheap Auto Insurance in VA Dayton freight lines WordPress theme designers mesothelioma attorneys california MORTGAGE ADVISER Social media strategies Social media tools los angeles motorcycle accident lawyer Donating a Car in Maryland Mesothelioma Law Firm mesothelioma law firms structured settlement investments car insurance quotes pa Donate Your Car Sacramento accident lawyers in los angeles How to Donate A Car in California Online Stock Trading compare life assurance Online Criminal Justice Degree LOW CREDIT LINE CREDIT CARDS Donate Your Car for Kids donate your car for money Asbestos Lawyers Structures Annuity Settlement How to donate a car in California Car Insurance Quotes Colorado Car Insurance Quotes Psychic for Free HARDDRIVE DATA RECOVERY SERVICES mesothelioma settlement amounts business voice mail service cheap car insurance in virginia mesothelioma Donate a Car in Maryland online motor insurance quotes Cheap Domain Registration Hosting small business administration sba auto accident attorney Donate Cars Illinois workplace accident attorney Car insurance quotes Utah Car Insurance Quotes Utah utah mesothelioma lawyer CHEAP CAR INSURANCE IN VIRGINIA best criminal lawyer in arizona Low Credit Line Credit Cards sell annuity payment houston mesothelioma attorney DONATE YOUR CAR FOR MONEY Car Insurance Quotes MN Massage School Dallas Texas injury lawyers Register Free Domains chicago hair laser removal Auto Mobile Insurance Quote personal accident attorney Dallas Mesothelioma Attorneys

domingo, 27 de octubre de 2013

propuestas

Añade un componente de entradas relacionadas para tu Blog – Promotional Code – coche – Forex

Los componentes para mostrar entradas relacionadas potencian la utilización de un sitio web o Blog por parte de los usuarios que lo visitan.

Incrementa la cantidad de tiempo que un usuario puede estar navegando, pues cuando ha finalizado la lectura de una entrada, a la finalización se le sugieren otras que pueden resultarle interesantes. Esta mejora en la permanencia reduce los "abandonos" por parte de los usuarios. Pueden acceder a más entradas que a simple vista no puedes colocar para su lectura desde la página principal.

Al aumentar tu oferta de información por cada entrada mostrando otras que puedan atraer el interés de los usuarios, aumentas igualmente las lecturas de páginas. Un componente de este tipo es una clara mejora a incorporar en cualquier Blog que desee potenciar su uso por parte de los usuarios, aprende a colocarlo de la manera más sencilla posible.

Conceptos previos, ¿que vamos a hacer?

Vamos a añadir un componente de entradas relacionadas para nuestro Blog por medio de Linkwithin. Un componente de entradas relacionadas es un añadido para tu Blog que mostrará donde tú desees, a los usuarios que accedan a él, un conjunto de entradas relacionadas con la que está viendo para que pueda acceder a ellas fácilmente.

Linkwithin es un servicio externo a Blogger que te ofrece la posibilidad de añadir fácilmente el componente de entradas relacionadas para tu Blog. Como siempre, antes de instalar algo en tu Blog, te recomiendo que te leas supolítica de privacidad.

Paso a paso para ponerlo en tu Blog de Blogger:

1) Accede a la dirección web:http://www.linkwithin.com/learn

2) En la parte inferior derecha encontrarás el editor de "Widget" que te permitirá colocar el componente de entradas relacionadas en tu Blog:

Escribe el email en el campo "Email".
En "Bloglink" escribe la URL para tu Blog (http//NOMBRE_BLOG.blogspot.com )
En "Platform" selecciona Blogger.
En "Width" selecciona la cantidad de entradas relacionadas que deseas mostrar en el componente.
Pulsa "Get Widget!" cuando hayas finalizado para que se instale el código del "Widget" en tu Blog de Blogger.

3) En la página que te aparece a continuación te explican cómo añadirlo a tu Blog seleccionando el Widget como un Gadget:

Haz clic en el enlace "Install Widget".

4) Te aparecerá la pantalla de Blogger con la página para "Importar elemento de la página"

Si haces "clic" en "Editar plantilla" podrás añadir un par de líneas si quieres que sólo se vea el componente de entradas relacionadas cuando los usuarios accedan al interior del detalle de una entrada.

b:includable id="main"b:if cond='data:blog.pageType == "item"'data:content //b:if/b:includable

b:if cond='data:blog.pageType == "item"'y/b:ifestablecen la condición de quedata:content /,el contenido de tu componente para entradas relacionadas, sólo se dibuje cuando el usuario acceda al detalle de una entrada.

Si quieres que tu componente de entradas relacionadas aparezca en la página principal no añadas el códigob:if cond='data:blog.pageType == "item"'y/b:if.

5) Por último pulsa sobre el botón "Añadir artilugio" y aparecerás en la ventana de diseño de tu Blog.

En mi Blog lo he colocado bajo el gadget "Entradas del Blog" para que aparezca siempre al final de cada entrada.
En mi plantilla, se ha añadido el siguiente código fuente de Linkwithin para que se dibuje el componente, como añadí losb:if cond='data:blog.pageType == "item"'y/b:if,en mi caso sólo se dibujarán las entradas relacionadas cuando los usuarios accedan al detalle de mis entradas.

¡Eso es todo!, ya puedes comenzar a disfrutar del componente de entradas relacionadas para tu Blog en Blogger.

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 DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name search 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

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,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

Social media platforms for business Adobe illustrator classes Casino reviews low credit line credit cards houston motorcycle accident lawyer Insurance Companies Online Classes utah mesothelioma lawyer Donate your Car for Money buy gift card mesothelioma help injury lawyer houston tx Photo Christmas cards Futuristic Architecture Asbestos Lung Cancer Make money online Australia injury attorney baton rouge structured settlements companies Register Free Domains DONATE YOUR CAR SACRAMENTO mesothelioma law firm MASSAGE SCHOOL DALLAS TEXAS Seo services Psychic for free mesothelioma charities alcohol rehab center in florida Online casino workers compensation lawyer los angeles lawsuit mesothelioma Custom Christmas cards Donate Car for Tax Credit Dwi lawyer motor replacements Php programmers for hire Sell Annuity Payment Life Insurance Co Lincoln world trade center footage Hire php developers webex costs Auto Mobile Shipping Quote MESOTHELIOMA LAW FIRM Cheap Car Insurance in Virginia quotes car injury lawyers west palm beach motorcycle accident attorney chicago Casino Mobile casino Online Motor Insurance Quotes Computer science classes online futuristic architecture Business management software mortgage adviser mesotheliama asterisk call center software structured settlements annuities business email web hosting mesothelioma attorney illinois Live casino DUI lawyer Custom WordPress theme designer Car Insurance Companies personal injury accident lawyer mesothelioma information mesothelioma litigation mesothelioma settlements amounts CAR INSURANCE QUOTES UTAH student loan consolidation program compare life assurance car accident lawyer michigan Hire php programmers colorado mesothelioma lawyers Criminal lawyer Mortgage Adviser earthlink business internet broward county dui lawyer Donate a Car in Maryland MORTGAGE ADVISER Personal Injury Law Firm Psychic for Free Service business software Criminal defense lawyer pharmacist jobs in chicago Social media management Html email Donate your car Sacramento Hire php developer bus accident attorney los angeles Bankruptcy lawyer Italian cooking school offshore accident lawyer Php programmers HOME PHONE INTERNET BUNDLE WordPress themes for designers st louis mesothelioma attorney ONLINE COLLEDGES accident attorney san bernardino Proud Italian cook Seo companies Best social media platforms for business New social media platforms holland michigan college WebEx costs Business finance group online motor insurance quotes Health Records Personal Health Record Annuity Settlements business voip solutions small business administration sba mesothelioma personal injury lawyers Social media examiner Christmas cards phd in counseling education Best Seo company car accident lawyer san bernardino How to Donate A Car in California CHEAP CAR INSURANCE FOR LADIES Gas/Electricity WEBEX COSTS PhD in counseling education Best social media platforms Car Insurance Quotes Utah Seo company auto accident lawyer san francisco Online Christmas cards Donating a Car in Maryland email bulk service Attorney PHD IN COUNSELING EDUCATION REGISTER FREE DOMAINS hosted predictive dialers Car insurance quotes Colorado WordPress hosting Psd to WordPress Online motor insurance quotes how to donate a car in california asbestos lawyers Car Insurance Quotes Colorado SELL ANNUITY PAYMENT car insurance quotes Tech school structured settlement annuity companies motorcycle accident lawyer san francisco criminal defense federal lawyer primary pulmonary hypertension dallas mesothelioma attorneys Cheap domain registration hosting Social media platforms peritoneal mesothelioma dui lawyer scottsdale Psd to html ANNUITY SETTLEMENT DALLAS MESOTHELIOMA ATTORNEYS Mesothelioma Law Firm DONATE CAR FOR TAX CREDIT Auto Accident Attorney CAR INSURANCE QUOTES COLORADO domain registration yahoo anti spam exchange server WordPress theme designers ASBESTOS LAWYERS PHD on Counseling Education los angeles motorcycle accident lawyer Social media strategies Learning adobe illustrator Social media tools Social media campaigns car accident lawyers Low Credit Line Credit Cards best criminal lawyer in arizona mesothelioma lawyer houston Donate Car to Charity California Donate Cars in MA Donate Your Car Sacramento CAR INSURANCE QUOTES PA Donate Your Car for Kids anti spam appliance Donating Used Cars to Charity Asbestos Lawyers Structures Annuity Settlement miami personal injury lawyer CAR ACCIDENT LAWYERS Nunavut Culture Dayton Freight Lines Hard drive Data Recovery Services Online Stock Trading Virtual Data Rooms Car insurance quotes Utah Cheap Auto Insurance in VA Motor Replacements Car Accident Lawyers Neuson Cheap Domain Registration Hosting Donate Cars Illinois Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona business administration masters cell cycle regulation ppt Holland Michigan College asbestos mesothelioma lawsuit firm law mesothelioma Online Colleges ashely madis Paperport Promotional Code Dayton freight lines workplace accident attorney World Trade Center Footage home phone internet bundle Massage School Dallas Texas Donate Old Cars to Charity most profitable internet business