Cosas Para Blogueros: jQuery

Mostrando entradas con la etiqueta jQuery. Mostrar todas las entradas

Menú vertical con CSS3 y jQuery para Blogger – Service

Damian 18:16 CSS, HTML y Javascript, jQuery, Menúes, Tutoriales Blogger

Ya algunos me han preguntado cómo obtuve el menú que se sitúa a la izquierda de mi blog, en esta oportunidad mostraré cómo obtenerlo y además enseñaré cómo configurarlo correctamente.

Es importante que sepas que el efecto funciona en cualquier navegador actual, exceptuando las transiciones en Internet Explorer ya que carece de esta función incluso en su versión más actual.

Puedes ver un ejemplo presionando en el ícono flotante de la izquierda del blog, pero he creado unblog de pruebas con el script en caso de editarlo o eliminarlo de mi blog.

El tutorial:

Paso 1: Instalando jQuery, el script y configurando la función:

En este paso deberás instalar la librería con la que daremos el efecto al contenedor y permitirá que al presionar en la imagen se muestre el menú, este plugín se llama jQuery Tab Slide Out.

En "Diseño | Edición HTML" deberás buscar la siguiente línea:

/head

Arriba de éste, deberás pegar el siguiente código:

script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"/script
script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"/script

script type="text/javascript"
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', // no-tocar, corresponde a la class del botón
pathToTabImage: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_JbJD-b3uskz-UyB7GayiHIvz-GpYPdBy0ZNwZfclxslulGTpsLwGp_cFo3AYUwzVD_EVoZc4kzjsV6ADt6oCptUg4RR7s36ifCXSdlitBedhWQ4MhYkAORRyaCrP0tct-m-Bc8P0z_I/s1600/square-arrow-right.gif',// Imagen del boton
imageHeight: '36px',//alto de la imagen
imageWidth: '36px',//ancho de la imagen
tabLocation: 'left', //ubicación del contenedor
speed: 300,//velocidad de la animación
action: 'click',//cambiar por hover si deseas que el script se active al pasar el mouse
topPos: '200px',//posición superior del contenedor
leftPos: '20px', //posición a la izquierda del contenedor
fixedPosition: true //esto permite que el botón siga la pantalla, cambiar a false en caso contrario.
});
});
/script

Define cada valor como estimes conveniente y cuando hayas completado este paso guarda los cambios.

Importante:

Si ya tenías jQuery instalado omite el código resaltado en azul.

Paso 2: Añadiendo los estilos:

Ahora deberás buscar la siguiente línea:

/b:skin

Arriba de ésta pega el siguiente código:

.slide-out-div {
padding: 0;
width: 150px;
color:fff;
}

.slide-out-div ul {
margin:0;
margin-left:-40px;
}
.slide-out-div li {
text-align:right;
width:120px;
color:#fff;
margin-top:2px;
font-size:13px;
background: #2facd6;/*Color de fondo de los enlaces*/
padding:4px;
list-style:none;
}

.slide-out-div li:hover {
background: #2d2d2d;/*Color de fondo al pasar el mouse por un enlace*/
padding:4px;
list-style:none;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
-o-transition:1s;
transition: 1s;
-webkit-transform: rotate(0deg) scale(1.5) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.5) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.5) skew(1deg) translate(0px);
}

.slide-out-div li a {color:#fff; text-decoration:none;font-weight:none;font-family: Century Gothic, sans-serif; }

Paso 3: Añadiendo el menú:

Ahora antes del siguiente código:

/body

Deberás pegar el cuerpo del menú, el cual contiene la siguiente forma:

div class='slide-out-div'
a class='handle' href=''/
ul
lia href='/'Inicio/a/li
lia href='URL'Enlace 1/a/li
lia href='URL'Enlace 2/a/li
lia href='URL'Enlace 3/a/li
lia href='URL'Enlace 4/a/li
lia href='URL'Enlace 5/a/li
lia href='URL'Enlace 6/a/li
/ul
/div

Previsualiza los cambios y si es satisfactorio guarda la plantilla.

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 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

Casino reviews CAR INSURANCE QUOTES COLORADO Best Seo company ANNUITY SETTLEMENT Low Credit Line Credit Cards life insurance quotes Php programmers Online casino Personal Injury Lawyers sell annuity payment alabama mesothelioma lawyer Psd to html Photo Christmas cards sell structured settlement calculator WebEx costs Hire php programmers HARDDRIVE DATA RECOVERY SERVICES Casino structured settlement purchasers personal injury attorney springfield mo New social media platforms forensics online course structured settlement blog Social media campaigns Car Insurance Quotes PA futuristic architecture personal injury firm Car Insurance Quotes Colorado hosted predictive dialers personal injury solicitor Make money online Australia DAYTON FREIGHT LINES Auto Mobile Shipping Quote Donate cars Illinois Car Insurance Quotes MN Cheap Domain Registration Hosting Italian cooking school mesothelioma claim Forensics Online Course Social media examiner miami personal injury lawyer Mobile casino LOW CREDIT LINE CREDIT CARDS online motor insurance quotes Php programmers for hire Asbestos Lawyers Online classes how to donate a car in california st louis mesothelioma attorney Cheap Auto Insurance in VA mesotheliama domain yahoo Social media strategies mesothelioma attorney Custom WordPress theme designer asbestos lung cancer Mortgage Adviser Royalty Free Images Stock Online Christmas cards Custom Christmas cards CAR INSURANCE QUOTES MN Holland Michigan College best mesothelioma lawyers DONATE A CAR IN MARYLAND cash out annuity dallas mesothelioma attorneys paperport promotional code mesothelioma attorney florida Webex Costs Donate Your Car for Kids Register Free Domains Seo companies Massage School Dallas Texas CHEAP AUTO INSURANCE IN VA Cheap car insurance in Virginia Met auto Live casino business voice mail service PHD on Counseling Education DUI lawyer accident attorney san bernardino Hire php developers Data Recovery Raid Dwi lawyer Christmas cards virtual data rooms mesothelioma lawyer texas mesothelioma lawyers san diego Hire php developer Car Accident Lawyers structured settlement brokers Nunavut Culture lease management software Criminal lawyer Html email Social media management Service business software Criminal defense lawyer Auto Accident Attorney CAR INSURANCE QUOTES UTAH auto accident attorney Cheap Car Insurance for Ladies colorado mesothelioma lawyers michigan motorcycle accident lawyer Bankruptcy lawyer structured settlement buyer Seo services mesothelioma attorneys california Online Classes Computer science classes online ROYALTY FREE IMAGES STOCK federal criminal defense attorney Cheap domain registration hosting motorcycle accident lawyer san diego Best social media platforms for business

Menú desplegable animado con jQuery y CSS para Blogger – Email – programmers

Damian 22:55 CSS, HTML y Javascript, jQuery, Menúes, Tutoriales Blogger

En esta oportunidad les mostraré un menú desplegable que he creado gracias a CSS y jQuery.

La novedad de este menú es que contiene una animación suave en los menús inferiores, y además es muy fácil de configurar.

Puedes ver un ejemplo del menú en la siguiente imagen:

El Tutorial:

Paso 1: Instalando el script:

En ''Diseño | Edición HTML'' buscaremos la siguiente sección:

/head

Arriba de esta pega el siguiente código:

script src='http://dl.dropbox.com/u/28164309/Ayuda%20Bloggers/Aportes/SLIDERS/jquery-1.6.2.min.js' type='text/javascript'/
script type="text/javascript"
function menudesplegable(){
$(" #menu-superior ul ").css({display: "none"});
$(" #menu-superior li").hover(function(){
$(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).slideDown(200);
},function(){
$(this).find('ul:first').slideUp(500);
});
}
$(document).ready(function(){
menudesplegable();
});
/script

Edita los siguientes valores para aumentar o disminuir la velocidad de animación (En milisegundos):

.slideDown(200) Corresponde a la animación al pasar el mouse.
slideUp(500) Corresponde a la animación al ocultar el submenú.

Importante: Si ya tienes jQuery instalado en tu plantilla no hará falta la línea destacada.

Paso 2: Añadiendo los estilos:

Ahora deberás buscar la siguiente sección:

/b:skin

Arriba de esta pega el siguiente código CSS:

#menu-desplegable { /*Menú General*/
font-family: Century Gothic, sans-serif;
height:40px;
width:600px;
margin:0px auto;
font-size:14px;
background: #1c1c1c url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuXLcmSl9eC3mzaV8TBBrTT2cuYWDNrg8vSis7x0bWteB3U8nSr3GMD_4FxFCosBTChbb-_k_WFoQlc52a29iiBYwpqJ-lXaoOUemFZHysPY5K1-3cQxN9fyY2OJ1K74c_iACqJ7umyrM/s1600/noise.png);
}
#menu-superior { /*Primer menú*/
list-style:none;
height:40px;
margin:0px auto;
overflow:hidden;
}
#menu-superior li { /*Cada elemento*/
float:left;
list-style:none;
}
#menu-superior li a { /*Enlace de cada elemento*/
display:block;
padding:9px 10px;
text-decoration:none;
color:#fff;
font-weight:normal;
}
#menu-superior li a:hover { /*Enlace de cada elemento al pasar el mouse*/
color:#ccc;
background: #CC0000;
}
#menu-superior ul.submenu { /*Submenu*/
border-color:none;
border-radius:10px;
padding:5px;
margin-top:-25px;
position:absolute;
list-style:none;
box-shadow:1px 1px 1px 1px #f5f5f5;
background: #f5f5f5;

}
#menu-superior ul.submenu li { /*Elementos del submenu*/
float:none;
padding:2px;
width:200px;
margin:0px;
}
#menu-superior ul.submenu li a { /*Enlaces del submenu*/
color:#2d2d2d;
}
#menu-superior ul.submenu li a:hover { /*Enlaces del submenu al pasar el cursor*/
color:#ccc;
}

Puedes modificar los valores guiándote con los comentarios que he añadido en cada atributo.

Paso 3: Añadiendo el menú:

Ahora deberás buscar alguna sección en la que quieras incluir el menú, en ella deberás pegar el siguiente código:

div id="menu-desplegable"
ul id="menu-superior"
lia href="#"Enlace 1/a/li
lia href="#"Enlace 2/a
ul class="submenu"
lia href="#"Enlace 1/a/li
lia href="#"Enlace 2/a/li
lia href="#"Enlace 3/a/li
lia href="#"Enlace 4/a/li
/ul
/li
lia href="#"Enlace 3/a/li
lia href="#"Enlace 4/a/li
/ul
/div

Para crear otro submenú, pega antes del último/ul el siguiente código:

lia href="#"Nuevo Menu/a
ul class="submenu"
lia href="#"Enlace 1/a/li
lia href="#"Enlace 2/a/li
lia href="#"Enlace 3/a/li
lia href="#"Enlace 4/a/li
/ul
/li

Previsualiza los cambios y si el resultado es satisfactorio guarda la plantilla.

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

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

car insurance quotes pa Live casino better conferencing calls injury lawyers west palm beach Online Colleges Email bulk service Auto Accident Attorney Auto Mobile Shipping Quote How to Donate A Car in California Php programmers Tech school wisconsin mesothelioma attorney Cheap Car Insurance for Ladies WORLD TRADE CENTER FOOTAGE structured settlemen Cheap Car Insurance in Virginia Online casino Asbestos Lawyers structured settlement brokers Mobile casino structured settlements companies mesothelioma attorney assistance Car insurance quotes pa WordPress themes for designers EMAIL BULK SERVICE Social media campaigns Casino reviews Best Seo company car accident lawyers los angeles Custom Christmas cards ONLINECLASSES MET AUTO Casino WordPress hosting Massage School Dallas Texas Donate your car for kids Php programmers for hire car insurance quotes colorado Donate a Car in Maryland Psd to WordPress Christmas cards Criminal defense lawyer forensics online course Make money online Australia mesothelioma lawyer dallas Seo companies cash out annuity Learning adobe illustrator Futuristic Architecture Car Insurance Quotes MN CAR INSURANCE QUOTES MN DUI lawyer best criminal lawyer in arizona lease management software Sell Annuity Payment anti spam appliance Adobe illustrator classes structured settlement company Social media management Social media examiner HOLLAND MICHIGAN COLLEGE city college in miami structered settlement FUTURISTIC ARCHITECTURE SELL ANNUITY PAYMENT Neuson Online colledges integrated ehr New social media platforms new mexico mesothelioma lawyer Hire php developers Personal Injury Lawyers business voip solutions Hire php programmers Dwi lawyer Virtual Data Rooms Life Insurance Co Lincoln Bankruptcy lawyer Criminal lawyer sell structured settlement calculator Custom WordPress theme designer Donate Cars Illinois Service business software Business finance group mortgage adviser WordPress theme designers Seo services Donate your Car for Money structured settlement annuity companies quotes car chicago hair laser removal Car Insurance Quotes Utah structured settlement cash out Business management software Hire php developer mesothelioma ct CAR INSURANCE IN SOUTH DAKOTA mesothelioma litigation Annuity Settlements CRIMINAL DEFENSE ATTORNEYS FLORIDA DONATE A CAR IN MARYLAND structured settlement quote Computer science classes online MASSAGE SCHOOL DALLAS TEXAS offshore accident lawyer auto insurance cost by state Best social media platforms for business Gas/Electricity mesothelioma personal injury lawyers mesothelioma lawyer virginia mesotheolima Social media platforms for business small business administration sba Hard drive Data Recovery Services donating used cars to charity

Usar Tiptip en Blogger – Motor

Damian 9:23 CSS, jQuery, Tutoriales Blogger

Tiptip es un sistema de tooltips basado en jQuery el cual permite mejorar los tooltips normales. Es muy simple y a su vez se puede personalizar bastante bien.

Vista Previa de Tiptip 1.3

El estilo variará un poco de la versión de la imagen.

Instalar Tiptip en Blogger:

Paso 1: Añadiendo el script:

En ''Diseño | Edición HTML'' (''Plantilla | Editar plantilla'' si usas Blogger 2011) busca el siguiente código:

/head

Arriba de este, deberás pegar el siguiente:

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/script
script src='http://dl.dropbox.com/u/28164309/Ayuda%20Bloggers/Aportes/tiptip13ayudabloggers.js'/script
script type='text/javascript'
//![CDATA[
jQuery.noConflict();
jQuery(function () {
jQuery(".tooltip").tipTip()
});
//
/script

Paso 2: Añadiendo CSS:

Ahora deberás buscar la siguiente línea:

/b:skin

Arriba de esta, pega el siguiente fragmento:

/* TipTip CSS - Version 1.3 */

#tiptip_holder {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99999;
}

#tiptip_holder.tip_top {
padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
padding-top: 5px;
}

#tiptip_holder.tip_right {
padding-left: 5px;
}

#tiptip_holder.tip_left {
padding-right: 5px;
}

#tiptip_content {
font-size: 11px;
color: #fff;
text-shadow: 0 0 2px #000;
padding: 4px 8px;
border: 1px solid rgba(255,255,255,0.25);
background-color: rgb(25,25,25);
background-color: rgba(25,25,25,0.92);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 0 3px #555;
-webkit-box-shadow: 0 0 3px #555;
-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: rgb(25,25,25);
border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: rgb(25,25,25);
border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: rgb(25,25,25);
border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: rgb(25,25,25);
border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {
padding: 4px 8px 5px 8px;
background-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
border-bottom-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
border-top-color: rgba(20,20,20,0.92);
}
}

Guarda los cambios y listo.

Paso 3: Usando Tiptip:

Cada vez que quieras usar Tiptip, deberás añadir la clase tooltip y un título al contenido de la siguiente forma (Son ejemplos):

Para un enlace:

aclass='tooltip' href='URL-DE-DESTINO' title='Título del tiptip'NOMBRE ENLACE/a

Para una imagen:

imgclass='tooltip' title='Título del tiptip' src='URL-IMAGEN'/

Como puedes apreciar se le han añadido 2 líneas:

class='tooltip'
title='Título del tiptip'

Con ellas especificamos el título del tooltip y definimos la clase.

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 DONATE CAR TO CHARITY CALIFORNIA FIFA World Cup,DONATE CAR FOR TAX CREDIT, and DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA, SELL ANNUITY PAYMENT and DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS pero for you STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, CAR INSURANCE QUOTES COLORADO and future now NUNAVUT CULTURE and pero mas aya del visita DAYTON FREIGHT LINES and Mesothelioma law firm HARDDRIVE DATA RECOVERY SERVICES,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 Car Insurance in South Dakota Paperport Promotional Code Dallas mesothelioma attorneys car crash attorneys Home Phone Internet Bundle Casino reviews cheap auto insurance in va Car Insurance Companies Live casino Computer science classes online How to Donate A Car in California Tech school mesothelioma attorneys structured settlement need cash now car insurance companies Cheap Auto Insurance in VA Hire php developers Donate Cars in MA Online casino structured settlements annuities Dayton freight lines Mortgage Adviser Data Recovery Raid Make money online Australia lease management software mesothelioma information california law lemon DALLAS MESOTHELIOMA ATTORNEYS Mesothelioma Law Firm cash out annuity city college in miami DONATE YOUR CAR SACRAMENTO Psd to WordPress Criminal defense lawyer LIFE INSURANCE CO LINCOLN philadelphia mesothelioma lawyer Register free domains Register Free Domains Donate a car in Maryland ONLINE COLLEDGES Donate Old Cars to Charity PSYCHIC FOR FREE personal injury lawyer Personal Injury Law Firm donate your car for kids small business administration sba cheap car insurance in virginia Casino Mobile casino insurance medical temporary saskatchewan auto insurance online colledges purchase structured settlements mesotheliama better conferencing calls mesothelioma charities Adobe illustrator classes virtual data rooms Donate Cars Illinois mesothelioma lawsuit royalty free images stock Met Auto Car Insurance Quotes Injury Lawyers Car Insurance Quotes Colorado Dwi lawyer mesothelioma help compare life assurance Online Stock Trading Donating used cars to charity Donate Car to Charity California DUI lawyer selling annuity Psd to html Dayton Freight Lines hughes net business Hire php developer buyer of structured settlement annuity Hire php programmers Low Credit Line Credit Cards mesothelioma HARDDRIVE DATA RECOVERY SERVICES Criminal lawyer business voip solutions Futuristic Architecture asbestos lung cancer Service business software Html email ASBESTOS LAWYERS emergency response plan ppt Life Insurance Co Lincoln Mortgage adviser Php programmers for hire mesothelioma settlements amounts Donate your Car for Money Donate your car for money Best social media platforms for business adverse remortgage Social media management st louis mesothelioma attorney Bankruptcy lawyer BEST CRIMINAL LAWYER IN ARIZONA Social media strategies tennessee mesothelioma lawyer DONATE CAR FOR TAX CREDIT DONATE YOUR CAR FOR MONEY ROYALTY FREE IMAGES STOCK Auto Accident Attorney paperport promotional code mesothelioma drug criminal defense attorneys florida structured settlement quote Php programmers mesothelioma settlement amounts

Gadget de estadísticas para Blogger – Settlement – Plataforma – Service

Damian 19:25 Gadgets, HTML y Javascript, jQuery

Este sencillo gadget de estadísticas permite mostrar un lista de datos relativos al blog. En el gadget se muestran la cantidad de entradas y de comentarios, número de seguidores en Twitter y el tiempo de vida del blog.

El gadget se vé muy similar a este:

¿Cómo añadir el gadget a Blogger?

En ''Diseño | Elementos de la página'', añade un gadget ''HTML/Javascript'', en el cual deberás insertar el siguiente código:

li style='list-style:none; color:#2d2d2d;'Cantidad de entradas: script style="text/javascript"
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}/scriptscript src="http://tu-blog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"/script entradas./li
li style='list-style:none; color:#2d2d2d;'Cantidad de Comentarios:script src="http://tu-blog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"/script Comentarios./li

script type="text/javascript"
//![CDATA[
$(function(){
$.ajax({
url: 'http://api.twitter.com/1/users/show.json',
data: {screen_name: 'USUARIO-TWITTER'},
dataType: 'jsonp',
success: function(data) {
$('#twitters').html(data.followers_count);
}
});
});
//
/script

li style='list-style:none; color:#2d2d2d;'Seguidores en Twitter: span id="twitters"/span Seguidores./li

li style='list-style:none; color:#2d2d2d;'script type="text/javascript"
var montharray=new
Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countup(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var paststring=montharray[m-1]+" "+d+", "+yr
var diferencia=
(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
diferencia+=" días"
document.write("Días activo: "+diferencia+".")
}
countup(2010,11,04)
/script/li

Antes de guardar el gadget reemplaza los valores destacados:

Reemplaza 2 veces http://tu-blog.blogspot.com por la dirección de tu blog.
Reemplaza USUARIO-TWITTER por tu nombre de usuario en Twitter.
Edita 2010,11,04 con la fecha del inicio de tu blog (año/mes/día).

Online casino Online Criminal Justice Degree Email Bulk Service Annuity Settlements Make money online Australia webex costs accident car florida lawyer Sell Annuity Payment Holland Michigan College Car Insurance Quotes MN Online Colleges best mesothelioma lawyers mesothelioma lawyer dallas register free domains PHD IN COUNSELING EDUCATION Live casino Asbestos Lawyers domain registration yahoo Online College Course Dwi lawyer Learning adobe illustrator virtual data rooms DONATING A CAR IN MARYLAND Business finance group CAR INSURANCE QUOTES MN event management security structured settlement quote cheap car insurance in virginia Mesothelioma Law Firm CHEAP CAR INSURANCE IN VIRGINIA anti spam appliance cash out annuity business voip solutions BETTER CONFERENCING CALLS Better Conference Calls auto accident attorney miami personal injury lawyer fortis health insurance temporary google adsense Mobile casino Mortgage buyer of structured settlement annuity Psd to WordPress google affiliate how to donate a car in california seattle mesothelioma lawyer New social media platforms mesothelioma lawyer asbestos cancer lawsuit Proud Italian cook Casino DONATE OLD CARS TO CHARITY CAR INSURANCE QUOTES COLORADO Massage School Dallas Texas car insurance quotes wisconsin mesothelioma attorney Seo services Social media examiner Donate Old Cars to Charity Casino reviews Computer science classes online selling structured settlement Car Insurance Quotes Colorado Service business software Criminal defense lawyer Best Seo company mesothelioma DUI lawyer Insurance Social media platforms car accident lawyers los angeles Futuristic Architecture personal injury law firm Hire php developers mesothelioma lawsuit asbestos mesothelioma lawsuit los angeles auto accident attorneys Hire php programmers CAR INSURANCE QUOTES UTAH chicago hair laser removal mesothelioma lawsuits Donate Car to Charity California domain name yahoo donate your car for money Custom WordPress theme designer ashely madis mesothelioma lawyer chicago domain yahoo Criminal lawyer Asbestos Lung Cancer WORLD TRADE CENTER FOOTAGE MOTOR REPLACEMENTS NUNAVUT CULTURE Auto Mobile Insurance Quote accident attorney san bernardino primary pulmonary hypertension Php programmers for hire data recovery raid Hire php developer Bankruptcy lawyer Car Insurance Quotes Utah Webex Costs WordPress theme designers MET AUTO Php programmers injury lawyers west palm beach Seo companies Donate Cars in MA structured settlement brokers buying an annuity calculator dallas mesothelioma lawyer Best social media platforms for business DONATING USED CARS TO CHARITY personal injury solicitor Donate car to charity California mesotheliama

Spoilers con jQuery y CSS3 en Blogger – Seguro

Damian 5:04 CSS, jQuery, Recursos Blog, Tutoriales Blogger

Un spoiler es un sistema extensible y desplegable que permite ocultar contenido hasta que el usuario presione en él.

Había creado un sistema de spoilers que pensaba utilizar en el blog para mi nueva plantilla, pero no considero justo reservarlo para mí solo por lo que he decidido compartirlo.

Está basado con jQuery y algunos atributos CSS3 para mejorar la apariencia de un spoiler normal y sin formato, ya que lo mismo se puede hacer con javascript y html básico pero es muy sencillo.

Vista previa del spoiler:

Mostrar contenido

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

¿Cómo usar estos spoilers?

Paso 1: Instalando el script:

En ''Diseño | Edición HTML'' (''Plantilla | Editar plantilla'' si usas Blogger 2011) busca la siguiente sección:

/head

Arriba de esta, pega el siguiente código:

script charset='ISO-8859-1' src='http://dl.dropbox.com/u/28164309/Recompressed/jquery151.min.js' type='text/javascript'/
script type='text/javascript'
$(document).ready(function()
{
//oculta el msg_body
$(".msg_body").hide();
//permite la animacion del msg_body
$(".msg_head").click(function()
{
$(this).next(".msg_body").slideToggle(600);
});
});
/script

style type='text/css'
p {/*IGNORAR*/
padding: 0 0 1em; /*IGNORAR*/
}
.spoiler { /*CONTENEDOR*/
margin: 0px auto; /*PERMITE CENTRAR EL SPOILER*/
margin-bottom:10px; /*NO TOCAR*/
padding: 0px; /*NO TOCAR*/
width: 603px; /*TAMAÑO DEL CONTENEDOR*/
}
.msg_head { /*BOTON DEL SPOILER*/
padding: 7px 15px; /*ESPACIOS DEL BOTON*/
cursor: pointer; /*IGNORAR*/
position: relative; /*NO TOCAR*/
display: inline-block; /*NO TOCAR*/
padding: 5px 40px 6px; /*IGNORAR*/
text-shadow: 0 -1px 1px #222; /*SOMBRAS EN TEXTO*/
color: #fff; /*COLOR DEL TEXTO DEL BOTON*/
Font-family: Calibri, Verdana, Ariel, sans-serif; /*FUENTE DEL BOTON*/
text-decoration: none; /*IGNORAR*/
font-weight:bold; /*IGNORAR*/
font-size:14px; /*TAMAÑO DE LA FUENTE DEL BOTON*/
line-height: 1; /*IGNORAR*/
-moz-border-radius: 5px; /*BOTON REDONDO*/
-webkit-border-radius: 5px; /*BOTON REDONDO*/
-moz-box-shadow: 0 1px 3px #999; /*SOMBRA*/
-webkit-box-shadow: 0 1px 3px #999; /*SOMBRA*/
border-bottom: 1px solid #222; /*BORDE*/
background-color: #d64937; /*COLOR DEL BOTON*/
margin:1px; /*IGNORAR*/
}
.msg_body { /*Contenido oculto*/
-moz-box-shadow: 0 1px 3px #999; /*SOMBRAS*/
-webkit-box-shadow: 0 1px 3px #999; /*SOMBRAS*/
display:none; /*NO TOCAR*/
padding: 15px 10px 10px 15px; /*ESPACIADOS DE LOS BORDES*/
width:500px; /*ANCHO DEL SPOILER*/
color:#666; /*COLOR DEL CONTENIDO*/
background-color:#F1F1F1; /*FONDO DEL CONTENIDO*/
Font-family: Calibri, Verdana, Ariel, sans-serif; /*FUENTE*/
border: 1px solid #D1D9DF; /*BORDE*/
}
/style

Guarda los cambios y listo.

Paso 2: Usar un spoiler:

En Edición de HTML de la entrada, pega el siguiente código.

div class='spoiler'
p class='msg_head'Mostrar contenido/p
div class='msg_body'
CONTENIDO OCULTO.
/div/div

Previsualiza los cambios para comprobar que el spoiler esté funcionando correctamente.

Importante:

Reemplaza lo siguiente:

Mostrar contenido: Corresponde al nombre del botón.
CONTENIDO OCULTO: El contenido a ocultar.

Recuerda que si tienes jQuery instalado elimina la siguiente línea:

script charset='ISO-8859-1' src='http://dl.dropbox.com/u/28164309/Recompressed/jquery151.min.js' type='text/javascript'/

anti spam appliance Casino mesothelioma settlement amounts Service business software Asbestos Lawyers Auto Mobile Insurance Quote Php programmers Seo company DUI lawyer utah mesothelioma lawyer alabama mesothelioma lawyer Proud Italian cook Nunavut Culture WordPress hosting Online casino Best social media platforms DONATE YOUR CAR FOR KIDS Dallas mesothelioma attorneys MORTGAGE ADVISER cheap domain registration hosting Donating Used Cars to Charity Asbestos Lung Cancer Criminal defense lawyer firm law mesothelioma Casino reviews Criminal defense attorneys Florida Social media campaigns Hard drive Data Recovery Services Hire php developers Seo services LIFE INSURANCE CO LINCOLN Social media examiner donate car for tax credit truck accident attorney los angeles mesotheliama Donating used cars to charity cheap auto insurance in va Mobile casino Car Insurance Quotes PA Insurance Companies DONATE CARS ILLINOIS hair removal washington dc car accident lawyer in san diego structured settlement annuity companies ANNUITY SETTLEMENT Make money online Australia DAYTON FREIGHT LINES mesothelioma charities Life Insurance Co Lincoln holland michigan college personal injury accident lawyer Car Donate domain yahoo Html email Mesothelioma Law Firm meso lawyer Online Colleges Live casino Donate Car to Charity California Php programmers for hire best consolidation loan student small business administration sba Car Insurance Companies Car Insurance Quotes Colorado insurance medical temporary mesothelioma lawyer asbestos cancer lawsuit integrated ehr injury lawyers west palm beach mesothelioma attorney florida personal injury firm auto accident attorney BEST CRIMINAL LAWYER IN ARIZONA Hire php programmers Car insurance quotes MN phd in counseling education New social media platforms fast cash for house Dwi lawyer Social media platforms for business Criminal lawyer HOW TO DONATE A CAR IN CALIFORNIA Criminal Defense Attorneys Florida Cheap Car Insurance for Ladies donate old cars to charity selling structured settlement Cheap auto insurance in VA WordPress theme designers Futuristic Architecture Register Free Domains georgia truck accident lawyer Hire php developer CHEAP CAR INSURANCE IN VIRGINIA DONATING A CAR IN MARYLAND Bankruptcy lawyer Online Classes Custom Christmas cards yahoo web hosting Computer science classes online email bulk service Motor Replacements WEBEX COSTS FORENSICS ONLINE COURSE Business finance group Auto Accident Attorney DONATE CAR FOR TAX CREDIT bus accident attorneys Seo companies Psd to WordPress Dallas Mesothelioma Attorneys Criminal lawyer Miami michigan motorcycle accident lawyer massage school dallas texas Best social media platforms for business buy structured settlements miami personal injury lawyer

Efecto fade (Aparición suave) en Blogger con jQuery – Credit

Damian 13:27 HTML y Javascript, jQuery, Tutoriales Blogger

Gracias aDeathdan93 me entero de una muy sencilla forma de darle animación fadeIn al blog mediante jQuery. Un fading es un efecto de aparición suave, con el que le daremos un poco mas de vida al blog.

Ten en consideración que la transición utiliza muchos recursos de hardware, en ordenadores antiguos es posible que se vea lento.

¿Cómo añadir el efecto en Blogger?

En ''Diseño | Edición HTML'' (''Plantilla | Editar plantilla'' si usas Blogger 2011) busca la siguiente sección:

/head

Arriba de esta pega el siguiente código:

script charset='ISO-8859-1' src='http://dl.dropbox.com/u/28164309/Recompressed/jquery151.min.js' type='text/javascript'/
script type="text/javascript"
$(document).ready(function(){
$(document).ready(function () {
$('body').fadeIn(700);
});
});
/script
style type="text/css"
body {display:none;}
/style

Guarda los cambios y listo.

Importante:

Si ya tienes instalado jQuery, elimina la siguiente línea:

script charset='ISO-8859-1' src='http://dl.dropbox.com/u/28164309/Recompressed/jquery151.min.js' type='text/javascript'/

Para cambiar el tiempo de transición modifica el valor 700 por la cantidad de milisegundos que demorará la transición.

broward county dui lawyer Online College Course car insurance quotes colorado Make money online Australia Donating a Car in Maryland Car Insurance Quotes Colorado home phone internet bundle los angeles auto accident attorneys Hire php developers Casino california motorcycle accident lawyer car donate benchmark lending SELL ANNUITY PAYMENT Criminal lawyer Miami Online casino Best Seo company DONATE YOUR CAR SACRAMENTO Dwi lawyer Cheap Domain Registration Hosting selling a structured settlement motorcycle accident attorney chicago Neuson mesothelioma lawsuits motorcycle accident lawyer california MOTOR REPLACEMENTS google affiliate Cheap car insurance for ladies asterisk call center software Casino reviews Mobile casino Motor replacements houston tx auto insurance Hire php developer Life Insurance Co Lincoln insurance medical temporary Register free domains CAR INSURANCE QUOTES PA Donate a Car in Maryland online motor insurance quotes Criminal defense lawyer Live casino CAR INSURANCE QUOTES MN mesothelioma care PSYCHIC FOR FREE Donate Car To Charity CALIFORNIA donate your car for kids DUI lawyer Online colledges Hire php programmers washington mesothelioma attorney Php programmers for hire sell structured settlement calculator ONLINE COLLEDGES mesothelioma attorneys car accident lawyer san bernardino Home Phone Internet Bundle domains yahoo Tech school Criminal lawyer alcohol rehab center in florida Learning adobe illustrator CRIMINAL DEFENSE ATTORNEYS FLORIDA MORTGAGE ADVISER Car insurance quotes MN Service business software Donating Used Cars to Charity mesothelioma settlements Cheap Car Insurance in Virginia colorado auto accident attorney life insurance quotes structured settlements companies Business VOIP Solutions Cheap Auto Insurance in VA Html email WordPress hosting Psd to html Social media platforms for business sell your structured settlement payments Bankruptcy lawyer car insurance quotes mn lease management software Best social media platforms for business structured settlement brokers Computer science classes online VIRTUAL DATA ROOMS Donate Cars in MA Paperport promotional code hosted predictive dialers Php programmers phd in counseling education Car Insurance in South Dakota Italian cooking school auto accident attorney cheap domain registration hosting Donate Your Car for Kids Seo companies Mesothelioma Law Firm car insurance companies structured settlements annuities mesothelioma law firms better conferencing calls Car Insurance Quotes MN structured settlemen New social media platforms mesothelioma lawyer california Business finance group Social media examiner Social media tools cloud identity and access management Custom Christmas cards Custom WordPress theme designer Futuristic architecture Seo services Business management software

Contador de seguidores de Twitter para Blogger – Arquitectura

Damian 8:30 CSS, Gadgets, HTML y Javascript, jQuery, Tutoriales Blogger, Twitter

Este gadget dinámico basado en jQuery y CSS permite mostrar la cantidad de seguidores de Twitter. He creado distintas versiones, tal como pueden apreciar en los siguientes ejemplos:

Vista previa:

Versión 1:

script charset='iso-8859-1' src='http://dl.dropbox.com/u/28164309/recompressed/jquery151.min.js' type='text/javascript'/script
script type="text/javascript"
//![CDATA[
$(function(){
$.ajax({
url: 'http://api.twitter.com/1/users/show.json',
data: {screen_name: 'USUARIO-TWITTER'},
dataType: 'jsonp',
success: function(data) {
$('#globo').html(data.followers_count);
}
});
});
//
/script
div id="pajaro"
span id="globo" style="float: right; top:0;"/span/div
style type="text/css"
#globo {
width:50px;
padding:6px;
height:37px;
color: #a82e03;
background: url(http://2.bp.blogspot.com/-DygUE5zV7qs/Th6B3v2x79I/AAAAAAAABXc/dHLuweEdq9M/s1600/globoayudabloggers.png) no-repeat;
}
#pajaro {
width:110px;
height:100px;
background: url(http://1.bp.blogspot.com/-22h4Fj6QFh0/Th6AJ2viTnI/AAAAAAAABXY/JlN4OBQ6imo/s1600/twitter-bird.png) no-repeat bottom left;
font-size: 20px;

}
/style

Versión 2:

En Twitter:

Seguidores

script charset='iso-8859-1' src='http://dl.dropbox.com/u/28164309/recompressed/jquery151.min.js' type='text/javascript'/script
script type="text/javascript"
//![CDATA[
$(function(){
$.ajax({
url: 'http://api.twitter.com/1/users/show.json',
data: {screen_name: 'USUARIO-TWITTER'},
dataType: 'jsonp',
success: function(data) {
$('#numero').html(data.followers_count);
}
});
});
//
/script
div id="cajadetexto"
pEn Twitter:/p
span id="numero"/span
pSeguidores/p
/div

style type="text/css"

#cajadetexto {
font-family: Tahoma, Geneva, sans-serif;
text-align:center;
width:70px;
border-radius: 5px;
border: 3px solid #66b2ff;
background: #c0deff;
margin:0px auto;
}

#cajadetexto p{
padding:0;
margin:0;
font-size:11px;
}

#numero {

font-size:40px;
}
/style

Versión 3:

Seguidores en Twitter:
Followers.
¡Sígueme en Twitter!

script charset='iso-8859-1' src='http://dl.dropbox.com/u/28164309/recompressed/jquery151.min.js' type='text/javascript'/script
script type="text/javascript"
//![CDATA[
$(function(){
$.ajax({
url: 'http://api.twitter.com/1/users/show.json',
data: {screen_name: 'USUARIO-TWITTER'},
dataType: 'jsonp',
success: function(data) {
$('#contador').html(data.followers_count);
}
});
});
//
/script
div id="container"
div id="twitter"
p Seguidores en Twitter:/p
span id="contador"/span Followers.
pa href="http://www.twitter.com/USUARIO-TWITTER"¡Sígueme en Twitter!/a/p
/div
/div

style type="text/css"
#container {
font-family: Georgia, Serif;
width: 198px;
height:190px;
margin:0px auto;
background: url(http://1.bp.blogspot.com/-huY870SJTCI/Th6SSj0HZRI/AAAAAAAABXg/9IhHzw-3cHY/s1600/twitter+bird+por+ayuda+bloggers.png) no-repeat;
}
#twitter {
padding-top:120px;
margin-left: 15px;
margin-right:auto;
text-align:center;
}
#container p {
text-align:center;
padding:0px;
margin:0px;
}
#contador {
text-align:center;
font-size: 24px;
}
/style

Importante:

Si tienes instalado jQuery en el blog deberás eliminar la siguiente línea del gadget:

script charset='iso-8859-1' src='http://dl.dropbox.com/u/28164309/recompressed/jquery151.min.js' type='text/javascript'/script

Si deseas que cree una versión personalizada puedes hacer tu petición vía comentario y se añadirá a la entrada.
Recuerda que el gadget deberás pegarlo en un gadget HTML/Javascript (Ver guía).

meso lawyer Psd to WordPress saskatchewan auto insurance automobile accident attorney business voip solutions DUI lawyer email bulk service selling annuity payments for cash quotes car Car Insurance Quotes Utah accident attorney orange county Best social media platforms for business Custom WordPress theme designer motorcycle lawyer los angeles Massage school Dallas Texas DONATE YOUR CAR FOR MONEY mesothelioma lawyer virginia Italian cooking school Forex Trading Platform washington mesothelioma attorney Social media management Donate a Car in Maryland truck accident attorney texas car accident lawyer michigan Live casino harddrive data recovery services Car Insurance in South Dakota Online casino wisconsin mesothelioma attorney Make money online Australia small business administration sba mesothelioma trial attorney Html email structured settlement broker Webex Costs Casino primary pulmonary hypertension structure settlements Online Motor Insurance Quotes Car Donate Dedicated Hosting Dedicated Server Hosting Photo Christmas cards New social media platforms mesothelioma lawyer california Life Insurance Co Lincoln google adsense Mobile casino how to donate a car in california asbestos mesothelioma lawsuit Proud Italian cook seattle mesothelioma lawyer Best Seo company peritoneal mesothelioma philadelphia mesothelioma lawyer donate old cars to charity Donating Used Cars to Charity Dallas Mesothelioma Attorneys Hire php programmers Bankruptcy lawyer WEBEX COSTS mesothelioma holland michigan college Casino reviews mesothelioma settlements cheap domain registration hosting event management security WORLD TRADE CENTER FOOTAGE Criminal lawyer car accident lawyers los angeles DONATE OLD CARS TO CHARITY business administration masters Best social media platforms dallas mesothelioma lawyer insurance medical temporary Social media platforms Online classes mesothelioma care mesothelioma lawyer texas workplace accident attorney Donate Cars in MA annuity payment Claim data recovery raid Hire php developers Hire php developer Data Recovery Raid Social media platforms for business Social media examiner Dwi lawyer onlineclasses Home Phone Internet Bundle Computer science classes online Service business software Custom Christmas cards Criminal defense lawyer Php programmers for hire cloud identity and access management sell annuity payment Cheap car insurance for ladies CAR INSURANCE IN SOUTH DAKOTA DALLAS MESOTHELIOMA ATTORNEYS Car Insurance Quotes structured settlements annuities Php programmers Auto Mobile Shipping Quote Seo companies DONATING A CAR IN MARYLAND Business management software Business finance group Dallas mesothelioma attorneys Online Christmas cards HOME PHONE INTERNET BUNDLE Seo services car insurance quotes structured settlement company

Categories