Webshop con DineroMail II

Configurar un webshop con DineroMail es algo bastante sencillo, pero requiere de tener en cuenta dos aspectos.
El primero: conocer a profundidad las herramientas que nos brinda este fantástico servicio
El segundo: conocer o tener una mínima idea sobre diseño.
Estos dos puntos se pueden solucionar si seguimos este tutorial.



1)Lo primero que necesitamos es tener una cuenta en DineroMail y nos podemos registrar ahora mismo haciendo un clic en la siguiente imagen:

Formas de pago aceptables

2)Luego bajamos con el scroll del mouse hasta el final de la página y hacemos un click en donde dice "Registrate Ahora"

Interfaz de registro

3)Bien ahora sólo nos hemos registrado en DineroMail, ahora vamos a ver como agregar un boton de compras en nuestro webshop.
Yo utilizaré un webshop como el siguiente

Interfaz del webshop

4)Lo que yo haré será agregar un boton de compra en el set leather en la parte que dice "$ 4,00 Cada Parte", para esto primero generaré el código correspondiente y para eso ingresamos a la web de https://dineromail.com/ , seleccionamos nuestro país y logeamos.
Luego seleccionamos la opción llamada Dinero Tools (Herramientas de DineroMail)
y luego seleccionamos donde dice "Carrito de Compras (Instructivo - Botón de Compras (Instructivo)y hacemos un click en "Comenzar" que corresponde a "Crear un boton". (No confundan con armar un carrito, esta opción la veremos en otro tutorial, hoy lo que veremos será como crear un Boton de compras)

Creando boton desde dineromail

5)En nuestra nueva pantalla, deberemos completar nuestro boton de compras, para esto vamos a tener en cuenta los aspectos básicos y requeridos (Todas las opciones que vemos con un asterisco "*" es porque no podemos obviarla o dejarla en blanco ya que las referencias nos dicen (*) (Datos requeridos), entonces comenzemos
PASO 1: Completa los datos del producto que deseas vender:
Sólo completaremos la descripcion y el precio, en la descripcion pondremos el nombre del item y el precio en mi caso $15

Configurando descripción y precio

PASO 2: Selecciona los medios de pago:
Debemos seleccionar los medio de pago que deseamos activar para nuestro boton, yo recomendaría dejar activados todos los medios de pagos

Seleccionando tipo y formas de pago

PASO 3: Selecciona la imagen para el Botón:
Aca podemos seleccionar la imagen que veremos en nuestra web como el boton, la que viene por defecto en mi caso es un muy grande y ancha , podemos usar nuestra propia imagen o podemos hacer click en "Más opciones de botón" y seleccionar otra , en mi caso seleccionará una que dice "Donar" (Color verde) ustedes pueden seleccionar la que mas les sirva de acuerdo a diseño de su webshop.

Imagen de donación

PASO 4: Agrega el logo de tu sitio (Opcional)
PASO 5: Personaliza la experiencia de compra de tu cliente (Opcional)
PASO 6: Preferencias
Estos ultimos pasos son opcionales no hace falta configurarlos pero si ustedes lo desean podrán hacerlo. Yo lo dejaré asé, finalmente hacemos un click en "Crear Boton"

Configuración opcional del boton

6)Es muy probable que hacer click para generar el boton, la página de DineroMail vuelva a la entrada (index), esto es normal ya que la web tiene un tiempo de logueo, asique deberán volver a repetir los pasos más rápido ya que ahora saben como hacerlo.
Entonces al "crear el boton" les apareceré una pantalla en donde debemos seleccionar el cédigo.
Tenemos varios cédigos, pero el que nos sirve a nosotros es el número 1, seleccionamos y copiamos.

Seleccionando código

7)Bien ya tenemos nuestro código generado, ahora lo que debemos hacer es pegarlo dentro de nuestra web, en mi caso lo ubicaré en un lugar específico. Para esto voy a utilizar Macromedia Dreamweaver 8 (Disponible en esta web) ¿Pero qué archivo debo abrir?, es muy sencillo si observamos la barra de navegación , esta nos indica sobre que archivo estamos parados, en mi caso "dk.php" ubicado en la siguiente ruta http://127.0.0.1/webshop/dk.php (No esta de mas aclarar que el http://127.0.0.1/ es nuestra web, eso lo reemplazamos por C:/xampp/htdcos o C:/AppServ/www), después tenemos una carpeta llamada "WebShop" y dentro de ella encontramos el archivo a editar.

Visualizando archivo php

8)Nuestro siguiente paso será abrir el archivo dk.php con el Dreamweaver y lo primero que haremos será hacer un click en "Dividir" (Para conocer un poco más del tema, al hacer click en dividir el Dreamweaver lo que hace es generar dos pantallas, en la superior todo lo que es código, scripts, etc y en la inferior podemos ver el DISEÑO GRÁFICO, esta opcion es muy util para trabajar paralelamente entre el código y el diseño).

Seleccionando dividir en el dreamweaver

9)Ahora debemos buscar, en la parte inferior (DISEÑO) donde queremos pegar nuestro código, en mi caso reemplazaré donde dice "$ 4,00 Cada Parte" por el boton.
Para esto hacemos click (En la parte inferior) en la parte que dice "$ 4,00 Cada Parte" y veran que automáticamente se marcará un recuadro color (en mi caso) amarillo y arriba en la parte superior aparece marcado un código

Seleccionando valor del webshop

10)Ahora simplemente lo que haremos será pegar nuestro código en la PARTE SUPERIOR DE LA PANTALLA, si nosotros pegamos el codigo en la parte inferior , lo que veremos sera el código en la imagen, veremos todo lo escrito en pantalla y esto no nos sirve, lo que debemos hacer es pegarlo en la parte SUPERIOR en donde YA tenemos marcado (Lo marcado es lo que hicimos en el [paso 9]), para no comenter errores, hacen un click derecho en la parte SUPERIOR que ya tenemos marcada y seleccionamos "PEGAR" (obviamente antes tenemos que tener cargado el copiar del código de DineroMail que hicimos anteriormente)

Pegando el código

11)Para ver que sucedió en la parte inferior, deben hacer un click en cualquier parte de la pantalla inferior para que actualize, si todo fue bien verán una imagen como la siguiente:



12)El último paso será guardar los cambios, (CONTROL+S) y ver la web.
Si realizamos todo correctamente veremos lo siguiente

Visualizando el boton de pago

Como veran el boton quedó perfecto, encuadrado y direccionando a DineroMail para generar la boleta de pago.
Un trabajo sencillo que sólo requiere de PRÁCTICA.
Errores normales: lo mas probable que les puede suceder es que al pegar el código la web rompa su esquema .css y salga de linea, es algo totalmente normal que nos puede suceder y eso se debe a un error en el paso 9) y 10)
Otro error es el ya mencionado, que mientras generemos el código la web de DineroMail haga un logout automático por seguridad de nuestra cuenta. Traten de ser lo más rápido posible para evitar ese logout, leean varias veces el tutorial para retener memorísticamente algunos pasos básicos.

Vote reward system

Bienvenidos a un nuevo tutorial, hoy aprenderemos a instalar una plugin para nuestra página web y nuestro server.
Este plugin se llama "Vote Reward System" y es un fantástico sistema de votos por recompensa.
¿De qué se trata esto?
Este es un sistema creado para que sus usuarios voten a su servidor (El cual debe estar registrado previamente en algun Ranking, como por ejemplo en nuestro sitio www.rankingmu.com)
Al votar, ellos recibirán una recompensa (Por ejemplo, créditos para comprar en el WebShop, niveles, resets, etc).
¿Para qué me sirve esto a mi?



Si queremos recibir votos diarios para que nuestro servidor adquiera mayor popularidad, es necesario que sea votado, todos sabemos que pocos usuarios lo haran por sólo pedirselos, pero si a cambio de eso le ofrecemos una recompensa; la situación cambiará.
Terminada la explicación, lo que utilizaremos para este tutorial son los scripts de VoteReward (Ficheros, y otros)
1)Una vez finalizada la descarga, abrimos el archivo VoteReward.rar y copiamos su contenido en nuestro directorio web.
Este puede ser Xampp o Appserv, en mi caso particular usaré Xampp y mi directorio local lo encuentro en esta ruta:
C:\xampp\htdocs
Alli descomprimiré el archivo descargado y llamado VoteReward.rar

Archivos y carpetas contenidos en el vote reward system
2)En mi caso, no tengo ninguna página web instalada, si ustedes tienen instalada una WebMU no hay problema alguno, ya que esta carpeta no reemplazará ningun archivo existente.
Esta carpeta llamada "VoteReward" a su vez contiene 3 carpetas más:
  • VoteRewardSystem

  • MD5

  • Screens

  • Seleccionando archivos

    3)La carpeta "MD5" contiene la .dll para aquellos servidores que usen este sistema de encriptación de cuentas, la carpeta "Screens" contiene una serie de imágenes que el autor publicó y la carpeta "VoteRewardSystem" es la más importante, esta contiene todo los archivos que permiten el correcto funcionamiento de este sistema.
    El sistema de instalación es realmente muy sencillo, lo que debemos hacer es rutiar el instalador y seguir los pasos en pantalla.
    Para esto abrimos nuestros navegador por defecto (en mi caso Mozilla Firefox) y ponemos lo siguiente
    http://127.0.0.1/VoteReward/VoteRewardSystem/install/install.php
    Luego apretamos enter y a continuación veremos la siguiente imagen:

    Interfaz de instalación

    4)Lo que haremos ahora será completar los datos para establecer la conexión:
    SQL Server : 127.0.0.1 (Ip de donde esta nuestro SQL)
    SQL User : sa (Usuario SQL, por defecto sa)
    SQL Password : ***** (Password de nuestro usuario sa)
    Database : MuOnline (Nombre de la base de datos, por defecto MuOnline )
    MD5 : No (¿Usas MD5? si o no)
    Admin User:tuservermu (Login de nuestra cuenta admin, este login ya debe existir en nuestra base de datos, es decir, que corresponde a una cuenta nuestra creada previamente)

    Configuración de conexión a la base de datos

    5)Nuestro siguiente paso será hacer un click en donde dice "Go=>Next Step".

    Configuración de usuario admin

    6)Si todos nuestros datos están correctos, veremos la siguiente imagen.

    Finalizando instalación

    7)Para ver nuestro sistema funcionando, hacemos un click donde dice "3. Click Here" y este nos llevará directamente al index principal para ver nuestro plugin instalado

    Interfaz de ingreso al vote reward

    8)Finalmente como ingresé con mi cuenta admin, tengo disponible el panel para administrar el sitio.

    Visualizando el panel de votación

    Talvez en un próximo tutorial traduciré todos los módulos al español, crearé un nuevo skin y explicaré como agregar más recompensas o modificar la existentes.

    Crear un banner para la web

    Bienvenidos a un nuevo tutorial, hoy aprenderemos una manera sencilla de crear un banner para su página web.
    Este tutorial apunta a todos aquellos usuarios que crean un banner en paint.
    ¿Qué diferencia hay crear un banner en paint y uno en photoshop?



    Con este tutorial ninguna, ya que aprenderemos a hacerlo de una manera super sencilla y fácil.
    El resultado será similar a la siguiente imagen:

    Ejemplo de banner para muonline

    1)Abrimos el Photoshop (Ps) y vamos a Archivo => Nuevo

    Creando nuevo archivo en photoshop

    2)En nuestra nueva ventana debemos seleccionar el tamaño (En mi caso utilizaré 800px de ancho y unos 400px de altura).
    Fondo: Blanco
    Luego hacemos un click en OK

    Configurando el tamaño de nuestro nuevo proyecto

    3)Lo primero que haremos será cambiar el fondo, es decir actualmente tenemos un fondo blanco, lo que haremos será crear un "Degradado".
    Un degradado es la combinación de dos colores que se fusionan en un punto, para esto lo que haremos será un click en "Herramienta Degradado" (G)
    (Recuerden que particularmente uso Adobe Photoshop CS3 versión extendida)
    Una vez que tenemos seleccionada la herramienta, buscamos el "Degradado" que querramos.
    (En mi caso particular tengo cargada infinitas fuentes, pinceles, degragados, y estilos, que por lógica ustedes no tendrán sin antes descargar dichos plugins e instalarlos)
    Una vez seleccionado el degradado lo que haremos será trazar una linea vertical (Desde la mitad del fondo), el resultado debería quedarles similar a la siguiente imagen:

    Creando fondo

    4)Ya tenemos nuestro fondo casi listo, ¿Por qué "casi" listo"?
    Porque le daremos un poco de efecto para que no nos quede tan liso, entonces lo que haremos será ir Filtro => Distorsionar => Cristal

    Estableciendo un filtro en el fondo

    5)En nuestra nueva ventana lo que haremos será configurar los siguientes valores.
    Luego hacemos click en "Ok"

    Configuración de distorción

    6)Ahora seleccionamos la herramienta de Texto (T) y escribimos lo que deseamos, cuando terminemos apretamos "Enter" (El "Enter" que demos apretar es el correspondiente al teclado numérico)

    Seleccionando herramienta de texto

    7)Ahora lo que haremos será darle un estilo a nuestra escritura, para esto hacemos un click en donde dice "Estilo" y seleccionamos el que deseamos

    Modificando estilo de letras

    8)Si queremos con otra font (Fuente) podemos crear otro texto arriba o abajo del que ya tenemos creado

    Modificando fuente

    9)También podemos agregar cualquier tipo de decorado, por ejemplo una línea para subrayar o también podemos agregar alguna forma personalizada.

    Agregando formas personalizadas al banner

    10)Una vez que terminamos, vamos a "Archivo" => "Guardar Como"

    Guardando archivo terminado

    11)En nuestra nueva ventana seleccionamos el nombre del archivo, el directorio en donde lo guardaremos y finalmente el formato, en mi caso .jpg

    Seleccionando la opción jpg

    12)Finalmente seleccionamos la calidad del archivo (Recomendada 12 máxima) y hacemos un click en "Ok"

    Seleccionando la calidad máxima

    13)Nuevamente el trabajo terminado será el siguiente:

    Visualizando trabajo final

    Como siempre digo, la personalización es totalmente única, no deben hacer exactamente lo mismo que hize yo, sino que utilizen la guia como marco de orientación.
    Espero que les sirva para crear bonitos banners o intros.

    Vote reward system [Traduccion parte II]

    Bienvenidos a un nuevo tutorial, hoy veremos algo rápido y sencillo de configurar.
    Sucede que cuando instalamos el VOTE REWARD SYSTEM este no nos posibilita la opción de modificar una variable, esta variable hace referencia al título.
    Veamos una imagen para comprender mejor:

    Interfaz del vote reward

    1)Modificar el título que nos aparece puede ser una tarea simple, cambiando las variables por el nombre que nosotros querramos darle, pero repetir estos pasos por cada archivo es un proceso largo.
    La solución más sencilla es cambiar el valor (Información) que contiene esa variable (Ya que en el proceso de instalación no era visible)
    Para esto debemos ingresar al archivo "cfg.php" que lo encontramos en la siguiente ruta:
    C:\xampp\htdocs\VoteReward\VoteRewardSystem\cfg.php

    Selección del archivo cfg

    2)Este archivo contiene el valor de todas las variables que introducimos al instalar este sistema, pero si observamos detenidamente, hay un valor que no pudimos seleccionar y quedo por defecto.
    Este valor se trata justamente del título:
    $muweb_vote['title'] = "Vote Reward System 0.2";
    Seleccionando la opción de nombre de sitio

    3)Simplemente lo que haremos, será cambiar el nombre que tiene por defecto por el de nuestra página:

    Modificando el nombre del sitio

    4)Finalmente guardamos los cambios y verificamos

    Visualizando los cambios

    Desde ese archivo también podrán modificar algun valor introducido en el instalador.
    Por ejemplo, podemos cambiar la cuenta administradora por otra que deseamos.

    Vote reward system [Traduccion parte I]

    Bienvenidos a un nuevo tutorial, hoy aprenderemos a tradudir el ingreso a nuestro sistema denominado "Vote Reward System"
    Lo que haremos será algo como lo siguiente:

    Interfaz de ingreso al vote reward

    Como pudimos ver, los mensajes de errores, y de logueo son totalmente en español.
    1)El primero archivo que debemos editar es el index.php
    Este se encuentra en la siguiente ruta:
    C:\xampp\htdocs\VoteReward\VoteRewardSystem
    Para abrirlo utilizaremos el Dreamweaver (Si aun no lo has descargado, puedes hacerlo en nuestro sitio)
    La primera linea la encontramos en la número 70

    Seleccionando username

    2)Simplemente modificaremos "Username" por "Usuario"

    Modificando la palabra username por usuario

    3)Una vez editado , apretamos Control+S para guardar los cambios (Sino podemos ir Archivo => Guardar)
    Lo único que realizamos fun una pequeña traducción en el panel de ingreso.
    Lo que haremos ahora, será modificar los dos errores que nos aparece al no ingresar datas en un campo, por ejemplo el siguiente error se produce sino ingresamos el usuario:

    Visualizando mensaje de error al dejar el usuario vacio

    4)Y este se produce al no ingresar un password

    Mensaje de error al dejar el password vacio

    5)A simple vista, sabemos que esos errores son producto del resultado de una función en "javascript"
    Esta función la encontramos en la linea 39 y termina en la 56.
    Si vemos el código completo, efectivamente podemos constatar que se trataba de un script en .js
    Lo que haremos será traducir: "Please enter your username." por "Por favor ingrese un usuario."
    Y luego traducimos "Please enter your password." por "Por favor ingrese un password."
    (Control+s para guardar los cambios)

    Modificando mensajes de error en el dreamweaver

    6)Finalmente nos queda por traducir los mensajes de error que nos arroja por ingresar un usuario que no existe o un password que no corresponda al usuario.
    Para esto, debemos saber donde se origina la verificación de estos datos.
    La respuesta la hemos aprendido en antiguos tutorial, es decir, debemos leer o ver a donde viajan estos dos datos para ser leidos, interpretados, revisados y ejecutados.
    Y se trata del archivo "login.class.php" que será el encargado de "recibir" estos dos datos (usuario [log] y password [pwd])
    Este archivo lo encontramos en la siguiente ruta:
    C:\xampp\htdocs\VoteReward\VoteRewardSystem\_inc
    Lo abrimos con el Dreamweaver y nos posicionamos sobre la linea número 57 y traducimos "ERROR: Username doesn't exists!" por "ERROR: El usuario no existe"
    Luego no posicionamos sobre la linea 65 y traducimos "ERROR : The Password isn't like that!
    " por "ERROR : El password es incorrecto"
    Finalmente apretamos Control+S para guardar los cambios y verificamos el trabajo realizado en la web.
    Espero que les sirva, en el próximo tutorial veremos como traducir los siguientes módulos, crear un skin y modificar algunas funciones de este plugin.
    VoteRewardSystem.rar [3.61 MB]

    Editor de shops [Season 1,2,3, 4, 5 Y 6]

    Bienvenidos a un nuevo tutorial, hoy quiero brindarles una herramienta para editar los Shops de manera rápida y sencilla.
    Este programa se diferencia del resto porque edita la 8º colummna "la excelente", ya que el resto de los editores de shops no lo hacen.
    El programa que usaremos es la versión más reciente liberada (V.3.0)



    1)Una vez descargado procederemos a realizar la instalación.
    Para esto, abrimos el [Mu] Online Bag Shopping Editor V3.0.rar y luego abrimos la carpeta llamada [Mu] Online Bag Shopping Editor V3.0 y finalmente hacemos doble click sobre el archivo llamado "Setup.exe" (Recuerden que el password de nuestros archivos son http://muonlinetutoriales.com/)

    Setup del editor

    2)Aparecerá una nueva ventana, en la cual debemos seleccionar el idioma (English) y hacemos un click en "Ok"

    Seleccionando idioma en elinstalador

    3)En nuestra siguiente pantalla hacemos un click en "Next"

    Mensaje de bienvenida

    4)En nuestra siguiente pantalla debemos seleccionar el destino de la instalación, yo les recomendaría que dejen esta opción por defecto.
    En caso de querer cambiarla, hacen un click en "Browse" y seleccionamos la unidad o carpeta destino.
    Luego hacemos un click en "Next"

    Seleccionando unidad para realizar la instalación

    5)En nuestra siguiente pantalla, nos dá la opción de que al finalizar la instalación este cree un acceso directo para ingresar al programa. (En mi caso dejaré esta opción tildada para mayor facilidad).
    Luego hacemos un click en "Next"

    Tildando la opción de crear un icono de acceso en el escritorio

    6)En nuestra siguiente pantalla, nos mostrará la opciones previamente seleccionadas.
    (En caso que quieran cambiar alguna opción anterior, este es el momento, deberán hacer un click en "Back" y modificarla)
    Si todo está correcto, hacemos un click en "Install" para dar comienzo a la instalación

    Instalando el programa

    7)Terminada la instalación, veremos la siguiente imagen en que la haremos un click en "Finish"

    Instalación finalizada

    8)Una vez instalado el programa, lo abrimos.
    Para abrir el programa, bastará con hacer doble click en el acceso directo llamado MuBagShop Editor3.00 que se encuentra en el escritorio.
    En caso que al abrir el programa veamos un lenguaje extraño que no entendemos (Ruso)
    como en la siguiente imagen:

    Interfaz del programa

    9)Lo que debemos hacer es cambiar el lenguaje, para esto deben seleccionar la opción que muestra la siguiente imagen:

    Modificando idioma

    10)Luego de seleccionar esta opción, nos aparecerá un cartel indicando lo siguiente: "Los cambios realizados se efecturán cuando se reinicie el programa", entonces hacemos un click en "Aceptar" y el programa automáticamente se cerrerá.

    Aceptando cuadro de diálogo

    11)Ahora volvemos a iniciar el programa, y ya lo veremos en Ingles

    Idioma modificado

    12)Lo primero que debemos hacer es un click "File" => "Open" (O en el ícono similar a de "Abrir")

    Abriendo archivo para su edición

    13)Luego, en nuestra ventana que aparecerá debemos buscar la carpeta "DATA" de nuestro servidor. Esta carpeta estará en alguna de estas posibles rutas:
    D:\Muserver\data o C:\Muserver\data
    Observen que este programa no sólo lee los Shops.txt sino que además podemos configurar y editar los EventItemBag.txt (Es decir que además de configurar los Shops de nuestro servidor MuOnline podemos configurar las GM Box ,Green Ribbon Box, Red Ribbon Box, Kundons +1,+2,+3,+4,+5, Boxs Pink, Red, Blue Chocolate, etc)
    Entonces en nuestra nueva ventana, buscamos el shops que queremos editar, en mi demostración seleccionaré el Shop1.txt [Correspondiente a el BAR DE LORENCIA] y luego hacemos un click en "Abrir"

    Seleccionando shop1

    14)El programa cargará el archivo y podemos editarlo a nuestro gusto.
    Veamos rápidamente algunas opciones:
  • Choose categories of items: Aqui seleccionamos la categoria de items para cargar en nuestro shop o EventItemBag.


  • Choose Items => Name of Items: Despliega la lista de items a partir de la cartegoria previa seleccionada.


  • Choose Level: Selecciona el nivel del Item.


  • Durability: Durabilidad del Items.


  • Skill: Si esta opción está destildada, el skill está deshabilitado, si esta opción está tildada, esta opción está habilitada


  • Luck (Suerte): Si esta opción esta destildada, luck está deshabilitado, si esta opción está tildada, esta opción está habilitada.


  • Options level: Es la opción del items que va de +0 hasta +28


  • Options Exc: Esta es la opción excelente las cuales podes seleccionar entre Zen, Mana, Hp, Reflect, Decrease y Rate


  • Visualizando el archivo shop1 desde el editor

    15)Para guardar los cambios, hacemos un click File => Save, sino hacemo un click en el Diskette (Recuerden que tienen dos opciones: "Guardar" y "Guardar Como"
    La diferencia es que el "Guardar Como" nos permite seleccionar otro destino para el archivo y el "Guardar" reemplaza al archivo editado)
    Espero que les sirva, recuerde que es funcional para todas las versiones mencionadas y que ademas de editar los shops de nuestro servidor MuOnline, es posible editar también los EventItemBag del mismo.