Tienda Blogger 2 Tema (Plantilla Johny Black)

Bienvenidos a este Post Titulado: Tienda Blogger 2 Tema (Plantilla Johny Black)

En este post aprenderemos como crear una tienda online gratis en Blogger con todas las caracteristicas de una pagina web, Caracteristicas las cuales incluyen Shopping Cart, lo cual puede ser facilmente combinado con tu cuebta de Paypal.

Esta Plantilla te permite poner precios y fotografias con las que pondras tu negocio online a la vista de todo espero me sigas en este post.

DEMO DESCARGAR

Como Instalar la Plantilla: Click Aqui

<div class="product_image"> <a class="cloud-zoom" href="url-dela imagen.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="url-image.jpg" /></a> <span class="item_price">$00.00</span></div> <div class="product_describe">

Descripcion de tu producto............. </div>

Descripcin: Color rojo: introduzca la direccin URL de las imgenes de su producto tanto en el cdigo de color rojo arriba. Mantenga las fotos que subas la misma longitud y anchura, como 300 x 300 px Color Verde: el precio del producto color azul: la descripcin del cdigo de producto mencionado anteriormente es el cdigo que tienes que empezar a hacer nuevos puestos, y para que sea ms fcil para que usted no copie y pegue el cdigo repetidamente mientras se crea un nuevo artculo, introduzca el cdigo en la plantilla de entrada columna. Ir a la configuracin, seleccione los mensajes y la plantilla comentarios >> post. Haga clic en Agregar y, a continuacin, introduzca el cdigo de seguridad en la caja vaca como se muestra a continuacin, por ltimo guardar la configuracin.

Modificar el Carrito de Compras

<script type='text/javascript'> simpleCart.email = " easyweblv@gmail.com "; simpleCart.checkoutTo = PayPal; simpleCart.currency = USD; simpleCart.taxRate = 0.02; simpleCart.shippingFlatRate = 3.25;

simpleCart.shippingQuantityRate = 1.00; simpleCart.cartHeaders = ["thumb_image", "Quantity_input", "Total", "remove"]; </ Script>

Cambiar las propiedades por tus propiedades o los valores que tu necesitas

Johny Blackstore, el Original en lnea tienda plantillas tan

Plantilla de

fue que un amigo blogger pide por correo electrnico, Abu Dzaky o que ya? olvidar mi nombre. La conclusin es pidindole a una plantilla para la venta en lnea.

Realmente no estoy tan capaces de crear plantillas para tiendas en lnea, adems de mi preocupacin en el mundo real que sta pasar mucho tiempo tambin debido a la limitada mi capacidad de crear carros para facilitar las transacciones en lnea va Paypal. Este nombre de la plantilla es Johny Blackstore, ya no cabemos...? jejejeje. Bodo muy,... es importante su

Carros que utilizo aqu es el simplecart made in wojodesign.com. He puesto la moneda IDR o rupias en el guin pero todava no se puede utilizar para transacciones directas va paypal, Paypal no han recibido debido a la Indonesia como un medio de pago. As que si desea utilizar esta plantilla para la venta en lnea, mercanca clasificada desechables dlar aja ya...??. Ahora voy a explicar la plantilla de instalacin y algunas de las caractersticas encontradas en esta plantilla:

Publicar un artculo
En la fabricacin de un nuevo artculo, tenga en cuenta la estructura del cdigo a continuacin:

< div class = "product_image" >

< una clase = "nube-zoom" href = "url de imagen .jpg" rel = "softFocus: true, posicin: 'adentro', smoothMove: 2" >< img border = "0" class = "item_thumb" src = "url de imagen .jpg" / >< /a >

< span class = "item_price" >$ 20</span> </div>

< div class = "product_describe" >

Descripcin el producto... </div>

Descripcin: El color rojo : Introduzca la direccin url de la imagen de su producto en tanto cdigo de color rojo arriba. La imagen que subas es la misma longitud y anchura, por ejemplo, 300 x 300 px Color amarillo : precios de los productos El color azul : Descripcin del producto

El cdigo anterior es un cdigo que usted tiene que comenzar en la fabricacin de los ltimos anuncios, y a hacer que repetidamente no copiar pegar el cdigo cuando se crea un nuevo artculo, introduzca el cdigo en la plantilla de correos. Vaya a configuracin, seleccione mensajes y comentarios >> plantilla de correos. Haga clic en Aadir e introduzca el cdigo anterior en el cuadro en blanco como la imagen de abajo, el ltimo Guardar configuracin.

Carro de compras
Comercial caracterstica de carro aqu se utiliza para el Gerente de la tienda en lnea fcil en una transaccin a travs de Paypal. Pero ya que Paypal no ha recibido pago en Indonesia, as que la configuracin de moneda en dlares. Para cambiar tu cuenta de Paypal en el blog esta demo con tu cuenta Paypal, encontrar el siguiente cdigo: < script tipo = "text/javascript" >

simpleCart. email = & quot; johnytemplate@gmail.com& quot;

simpleCart. checkoutTo = PayPal;

simpleCart. moneda = USD;

simpleCart. taxRate = 0,02;

simpleCart. shippingFlatRate = 3,25;

simpleCart. shippingQuantityRate = 1.00;

simpleCart. cartHeaders = [& quot; thumb_image & quot; & quot;Quantity_input & quot; , & quot;Un Total de & quot; & quot; quitar & quot; ];

</script>

Cambiar correo electrnico color rojo por encima con su correo (el correo electrnico ya est registrado en Paypal)

Caractersticas de apoyo
1. Deslizante que puse aqu trabajado automticamente, mostrando su ltimo artculo con 8 puestos. Si desea mostrar por categora o etiqueta, encontrar este cdigo en la Edicin de HTML (no se olvide de marcar la expandir plantillas de widget) :

<script>

Document.Write (& quot; & lt; script src = \ & quot; / feeds/mensajes/default? max-results = & quot; + & quot + numposts; & amp; orderby = publicado & amp; alt = json en script & amp; callback = showrecentposts\ & amp; quot; & gt; & lt; / script & gt \; & quot;);

</script>

Reemplace el cdigo siguiente:

<script> Document.Write (& quot; & lt; script src = \ & quot; / feeds/entradas/por defecto /-/su etiqueta? max-results = & quot; + & quot + numposts; & amp; orderby = publicado & amp; alt = json en script & amp; callback = showrecentposts\ & amp; quot; & gt; & lt; / script & gt \; & quot;); </script>

Vuelva a colocar la etiqueta azul de cdigo de color que desee mostrar en el control deslizante.

2.

Para cambiar la suscripcin de correo electrnico en la navegacin, buscar el siguiente cdigo en la Edicin de HTML (no olvide marcar las plantillas de widget expandir):

< forman action='http://feedburner.google.com/fb/a/mailverify' id = 'Suscribirse' mtodo = 'post' onsubmit='window.open (& apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh& apos; & apos; popupwindow & apos; & apos; scrollbars = yes, anchura = 550, altura = 520 & apos;); devolver true' destino = 'popupwindow' >< id de entrada = nombre 'subbox' = "email" onblur =' si (this.value == & apos; & apos;) {this.value = & apos;Ingrese su direccin de correo electrnico... y apos;} " onfocus =' si (this.value == & apos;Ingrese su direccin de correo electrnico... y apos;) {this.value = & apos; & apos;} " tipo = valor de 'text' =' ingrese su correo electrnico address...'/ >< input name = 'uri' tipo = 'hidden' valor ='blogspot/htbgh' / >< input name = 'loc' tipo = 'hidden' valor = 'en_US' / >< id de entrada = tipo 'subbutton' = 'submit' valor = 'Enter' / >< / form >

Detalles: Warna biru : ganti dengan alamat alimentacin anda.

3.

Contacto de widget en lnea Masukan kode berikut pada kotak HTML/Javascript

< frontera tabla = "0" cellpadding = "0" cellspacing = "0" height = "1" width = 100 %'> <tbody> <tr> < altura td = '1' > Customer Service </td>

< td align = 'derecha' height = '1' >< a href ='ymsgr:sendIM? youryahoousername1' >< img border = "0" height = "16" src='http://opi.yahoo.com/online?u= youryahoousername1& m = g & t = 1' style =' acolchado-top: 3px' ancho = '64' / >< /a >< /td > </tr> </tbody> </table>

< div style = "Mostrar: block;"> < frontera de mesa = "0" cellpadding = "3" cellspacing = "1" height = "1" width = "100 %" > <tbody> <tr> < td align = 'izquierda' height = '1' > B de servicio al cliente </td> < td align = 'derecha' height = '1' >< a href = "ymsgr: sendIM? youryahoousername2img >< ' frontera = '0' height = '16' src = ' http://opi.yahoo.com/online?u=youryahoousername2& m = g & t = 1 ' ' estilo = padding-top: 3px ' ancho = ' 64 ' / >< /a >< /td > </tr> </tbody> </table> </div>

< p align = "center" >< a href = "http://mas-template.blogspot.com/" >< img src = "http://1.bp.blogspot.com/XeJWrn4GrRE/T7xEah0R2LI/AAAAAAAABP4/x2NwxqBP9bE/s1600/donate.png" alt = "maskolis" / > twitter </a> </p>

Vuelva a colocar youryahoousername1 y youryahoousername2 con tu ID de yahoo.

4.

Esta plantilla utiliza un aparatado modificado, para habilitar las funciones de la respuesta que se debe encontrar el siguiente cdigo en la Edicin de HTML, otra vez no olvide consultar la casilla expandir plantillas de widget :

< a href = ' expr: & quot; https://www.blogger.com/comment.g?blogID=2440873145683465163& postID = & amp; quot; + datos: post .ID + & quot; & amp; isPopup = true & amp; postBody = % 40% c 3% 61% 8% 68% 72% 66% 66% 3D % 22% 22 & quot; + datos: comentario. anchorName + & quot; % 22% 3E & quot; + datos: autor comentario. + & quot; % c 3% 2F % 61% 3E # formulario & quot; ' onclick = ' javascript: ventana. abierto (esto. href, & quot; bloggerPopup & quot; & quot; toolbar = 0, location = 0, statusbar = 1, men = 0, scrollbars = yes, ancho = 600, altura = 500 & quot); return false; '> Respuesta </a>

El color rojo en el cdigo anterior es la demostracin de la identificacin del blog , usted debe reemplazar con su ID de blog ubicado en tu navegador si vas a dashbord, como se muestra a continuacin:

5.

Post populares miniatura Widget, establece como se muestra a continuacin:

Observarlo es la nica verificacin miniaturas, deje el cuadro en blanco fragmento no necesita revisarse. El ttulo y el nmero de mensajes que desea mostrar depende de usted. Para ms detalles, lea el tutorial aqu.

La otra caracterstica supongo fcilmente, como la instalacin de Yahoo! Messenger y otros. Esta plantilla tambin viene con el efecto de zoom en el cuadro si sealas el cursor sobre la imagen, esa imagen se ampliar automticamente segn la posicin del cursor. Tal vez eso es todo lo que necesito explicar sobre esta plantilla, como de costumbre si hay menos obvia, por favor deja tu comentario en el cuadro de comentarios a continuacin. Buena suerte y esperemos que til.

Escaparate Si quieres ver los blogs que ya utilizan esta plantilla. puede verse aqu: Miel Natural preciosa tienda archipilago Johny Tienda Online

Muy recomendable:

1. 2.

Leer el tutorial instalacin de esta plantilla hasta que termine. Sugiero subir producto imgenes con la misma longitud y anchura, por ejemplo, 300 x 300 px.

3. 4.

Por lo que el resultado final del uso de esta plantilla y el diseo del ttulo post publicar regularmente, no ser demasiado largo, porque cambiar la imagen al fondo. Para acelerar la carga, guardar el javascript en esta plantilla en el repositorio de su cdigo de Google. Para aquellos que no han sido capaces de guardar en Google Code puede Lee aqu el tutorial.

Actualizacin Para cambiar la moneda smbolos $ (dlar) a IDR (Rupia Indonesia) en carrito de compras:

1.

La URL de esta secuencia de comandos de bsqueda en la Edicin de HTML :

http://Jagad.googlecode.com/files/WojosimpleCart-IDR.js

Haberse reunido con la direccin URL de la secuencia de comandos:

https://masolis-JavaScript.googlecode.com/svn/trunk/blackstorecart-Rupiah.js

2.

El siguiente paso, an en la Edicin de HTML Reemplace USD en este cdigo:

simpleCart. moneda = USD;

ser

simpleCart. moneda = USD;

ltimo guardar plantillas y usted se convertir en dlares de la moneda. Pero tenga en cuenta aqu, es simplemente el reemplazo moneda nica, no para hacer un pago o el pago directo a travs de Paypal. Porque Paypal tiene que aceptar dlares como medio de pago.

Actualizaciones:
De algunos de los comentarios que vienen, hay que quieren mostrar el nombre del elemento en el carrito de la compra, por favor, vuelva a descargar esta plantilla tengo actualizaciones para el nombre de la presentacin de las mercancas (Ver demo)

El ltimo en lnea Guardar plantilla Johny Magstore Dos plantillas Tienda Online sin un carrito de compras

Demo | Descargar

Actualizar plantillas
Mi cdigo de Google prohibi una vez ms, hay muchos scripts que all no se puede abrir. Pero ya lo arreglado con las actualizaciones ms, puede volver a descargar esta plantilla o puede cambiar algunas de las secuencias de comandos a continuacin Haga clic en este enlace y leer subttulos "Plantilla de actualizacin" en dicho artculo para las ltimas actualizaciones de Javascript