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:



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



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



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)



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



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



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.



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"



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.



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.



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



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



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)



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



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.

LEER MAS

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


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

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:



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)



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



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



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



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



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.

LEER MAS

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:



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



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



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:



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



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



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)



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



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



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



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



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



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



13)Nuevamente el trabajo terminado será el siguiente:



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.

LEER MAS

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:



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

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

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



4)Finalmente guardamos los cambios y verificamos



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.

LEER MAS

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:



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



2)Simplemente modificaremos "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:



4)Y este se produce al no ingresar un password



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)



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]

LEER MAS

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



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



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



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"



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"



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



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



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:



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



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



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



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



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"



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

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.

LEER MAS