Plantilla Blogger Store V2 ~ En Todo Web

Vista Previa Descargar

Instalacion de Plantilla:

Después de ya hayas instalado la plantilla correctamente, ahora es el momento para iniciar unacostumizations ..

Personalizar la plantilla

1. Configuración de compras carro

El código para el establecimiento de compra está aparecen después de <head> de apertura,que se vea como :

<script type='text/javascript'>
//<![CDATA[
/* SIMPLE CART SETTING
>>>>>>>>>>>>>>>>>>>>>>>>*/
simpleCart.email = 'myaccountpaypal@gmail.com';
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment',  'decrement','Total'];
//]]>
</script>

simpleCart.email
Colocar con su dirección de correo electrónico con la cual esta tu cuenta Paypal.

simpleCart.checkoutTo
Se tienen tres opciones de forma de pago, Paypal, GoogleCheckout y el método de correo electrónico. Pero para blogger sólo a través de Paypal y GoogleCheckout sólo porque el uso de correo electrónico que requiere methode código PHP.

simpleCart.currency
Puede configurar la moneda por sustituir esta línea con su moneda, el uso de la muestra si el uso de divisas Poundsterling:

simpleCart.currency = GBP;

Lista de las divisas disponibles se encuentra en la carpeta de descarga. y específicamente para Rupia indonesia se pueden establecer para IDR, pero sólo una falsificación, porqueRupia indonesia no figuran actualmente en paypal.

simpleCart.cartHeaders
No se requiere ningún personalizar aquí.

2. Personalizar el fondo y el texto

Esta plantilla es el apoyo para el Diseñador de avanzada plantilla de Blogger y está disponible para tres personalizaciones:

a. Cuerpo color de fondo

b. Menú Principal Color de fondo

c. El texto en color Enlace

d. Blog Descripción Color

e. CarritoCompra Color del borde

f. CarritoCompra Color de fondo

Ahora vamos a personalizar la plantilla yor gama de colores, haga clic en Personalizar y se redirigirá a Diseñador de Plantillas Blogger. puedes ver la opción de pantalla de abajo

3. Menú desplegable y el menú social

a. Menú desplegable de la parte superior.

Para editar el enlace del menú superior, busque un código como este:

<ul id='top-nav'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Category</a>
    <ul class='sub-menu'>
    <li><a href='#'>Category 1</a></li>
    <li><a href='#'>Category 2</a></li>
    <li><a href='#'>Category 3</a></li>
    </ul>
</li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>About</a></li>
</ul>

b. Menu Principal Despegable.

<ul class='nav'>
<li><a class='current' href='/'>Home</a></li>
<li><a href='#'>Product Category</a>
    <ul>
    <li><a href='#'>Camera</a></li>
    <li><a href='#'>Gadget</a></li>
    <li><a href='#'>Electronic</a></li>
    <li><a href='#'>Phone</a></li>
    </ul>
</li>
<li><a href='/p/sample-page.html'>Sample Page</a></li>
<li><a href='#'>How To Use ?</a></li>
<li><a href='#'>Get it !</a></li>
</ul>

c. Menu Social

<ul id='top_social'>
<li class='social_facebook'>
<a href='#' tooltip='facebook'><span>facebook</span></a></li>
<li class='social_twitter'>
<a href='#' tooltip='twitter'><span>twitter</span></a></li>
<li class='social_linkedin'>
<a href='#' tooltip='linkedin'><span>linkedin</span></a></li>
<li class='social_rss'>
<a href='#' tooltip='linkedin'><span>linkedin</span></a></li>
</ul>

4. Contenido Destacado

Como usted sabe mi marco es el uso deslizante automático o contenido publicado en toda miplantilla con JavaScript, esta es una nueva revolución para blogger.

¿Cómo activar el control deslizante?

Por defecto se muestra el último mensaje, y puede cambiar para mostrar su mensaje por el sellospesific / categoría o mostrar mensaje de otro blog. Estoy usando dos siguiente código para ello.

<script type='text/javascript'>
//<![CDATA[
random = true;
product_image = new Array();
product_image[0] = "/noimage.png"; // Image URL for product wich have no a thumbnail.
product_image_width = 110; // Product image width.
product_image_height = 110; // Product image height.
product_image_number = 9; // Value to show item.
//]]>
</script>

<script src='/feeds/posts/default?orderby=updated&amp;alt=json-in-script&amp;callback=featured_product' type='text/javascript'/>

Cómo hacer que muestre su mensaje por el sello espesifico / categoría?

<script type="text/javascript" src="/feeds/posts/default/-/YOUR LABEL HERE?orderby=updated&amp;alt=json-in-script&amp;callback=featured_product"></script>

Cómo mostrar mensaje de otro blog?

<script src='BLOG URL/feeds/posts/default?orderby=updated&amp;alt=json-in-script&amp;callback=featured_product' type='text/javascript'/>

PUBLICACIÓN
Después de terminar con plantillas personalizables ahora es el momento para tratar de crear un puesto.

Notas: Esta plantilla es necesaria después de plantilla para un mejor resultado.

1. Crear un puesto de plantilla.

Vaya a Configuración y seleccione las opciones de post y comentarios, copiar en los siguientescorreos plantilla en el campo de mensaje de plantilla.

<div class="item_image">
<img border="0" class="item_thumb" src="product_image.jpg" />
<span class="item_price">$00.00</span>
</div>
<div class="item_Description">
Descriptions...
</div>

PUBLICACIÓN

Después de terminar con plantillas personalizables ahora es el momento para tratar de crear un puesto.

Notas: Esta plantilla es necesaria después de plantilla para un mejor resultado.

1. Crear un puesto de plantilla.

Vaya a Configuración y seleccione las opciones de post y comentarios, copiar en los siguientes correos plantilla en el campo de mensaje de plantilla.

<div class="item_image">
<img border="0" class="item_thumb" src="http://example.com/product_image.jpg" />
</div>

Paso 3. Fijar el precio
Fijar el precio del producto con etiqueta span después de la imagen.
ejemplo:

<div class="item_image">
<img border="0" class="item_thumb" src="http://example.com/product_image.jpg" />
<span class="item_price">$00.00</span>
</div>

Paso 4. Descripción del producto
Dar una descripción de su producto mediante el uso de la etiqueta div.
ejemplo:

<div class="item_Description">
Mauris sit amet orci arcu, nec imperdiet quam. Praesent luctus orci sit amet lectus accumsan id auctor purus rhoncus. In lorem dui, bibendum sit amet tempor vitae, tincidunt eu nulla.
</div>

Paso 5. publicar
revise todo el código de su cargo y asegurarse de que todo esta bien correctamente. Y todo debe tener este codigo

<div class="item_image">
<img border="0" class="item_thumb" src="http://example.com/product_image.jpg" />
<span class="item_price">$00.00</span>
</div>
<div class="item_Description">
Mauris sit amet orci arcu, nec imperdiet quam. Praesent luctus orci sit amet lectus accumsan id auctor purus rhoncus. In lorem dui, bibendum sit amet tempor vitae, tincidunt eu nulla.
</div>