ForoBeta | Foro de Bloggers, SEO, Social Media, Hospedaje Web, Dominios - Tutoriales http://forobeta.com/ Los mejores tutoriales para tu blog. es Thu, 23 May 2013 18:42:38 GMT vBulletin 60 http://forobeta.com/images/misc/rss.png ForoBeta | Foro de Bloggers, SEO, Social Media, Hospedaje Web, Dominios - Tutoriales http://forobeta.com/ Tutorial: Herramienta básica para el blogger: Redacción http://forobeta.com/tutoriales/179982-herramienta-basica-blogger-redaccion.html Wed, 22 May 2013 14:19:45 GMT Hola a todos. Soy nuevo en el foro y nuevo, también, en el mundo blogger. La primera herramienta que debe dominar todo blogger (no sé si... Hola a todos. Soy nuevo en el foro y nuevo, también, en el mundo blogger.

La primera herramienta que debe dominar todo blogger (no sé si concordarán conmigo), y antes que cualquier otro lenguaje de programación (las cuales ignoro todas), debería ser el dominio pleno y la consolidación de la competencia lingüística, esto es: la redacción.

228,5 Kb es lo que pesa el documento y en él encontraremos:

* Uso de mayúsculas y minúsculas.
* Acentuación.
* Uso de la coma, dos puntos, punto, punto y coma, puntos suspensivos.
* Signos ortográficos auxiliares.
* Concordancia en adjetivos.
* Clases de adjetivos.
* Concordancia verbal.
* Uso de posesivos y gerundios.
* Orden sintáctico.
* Composición de textos.

Archivo .doc:
https://docs.google.com/file/d/0B7WL...it?usp=sharing

Saludos. ]]> Tutoriales LyMCriollo http://forobeta.com/tutoriales/179982-herramienta-basica-blogger-redaccion.html Tutorial: Guía definitiva para mejorar el rendimiento front-end (avanzado) http://forobeta.com/tutoriales/178963-guia-definitiva-mejorar-rendimiento-front-end-avanzado.html Thu, 16 May 2013 23:53:02 GMT ---Cita--- ¿Y si nos juntáramos un grupo de expertos que trabajan en grandes sitios para crear una guía para el rendimiento front-end definitiva? ...
Cita:
¿Y si nos juntáramos un grupo de expertos que trabajan en grandes sitios para crear una guía para el rendimiento front-end definitiva?

Y no sólo una de esas aburridas guías hechas para robots, ¿y si hiciéramos algo divertido? ¿Qué tal reunirse Briza Bueno (Americanas.com), Davidson Fellipe (Globo.com), Giovanni Keppelen (ex-Peixe Urbano), Jaydson Gomes (Terra), Marcel Duran (Twitter), Mike Taylor (Opera), Renato Mangini (Google) y Sérgio Lopes (Caelum) para crear la mejor referencia posible?

¡Eso es exactamente lo que hemos hecho! Y nosotros te guiaremos en esta batalla para crear sitios incluso más rápidos.

— Zeno Rocha, líder del proyecto.

Con esa introducción comienza este fantástico portal multilingüe en el que podemos aprender/repasar los conceptos fundamentales del rendimiento front-end de nuestros sitios webs, es decir, de mejorar la velocidad de carga de la página web así como liberar el consumo de recursos a nivel de servidor de nuestras páginas.

El sitio se llama 'Browser Diet' (Dieta del navegador) y contiene información con pelos y señales de lo que se debe revisar a la hora de optimizar un sitio.

Por si fuera poco, nos dice la fuente de la que salió dicha información para poder seguir profundizando en conocimientos así como que nos facilitará la mejor herramienta disponible para realizar determinadas funciones.

Sin más que contar les dejo con el sitio web en concreto: Cómo perder peso (en el navegador)

Espero que me digan que les parece el aporte :encouragement: ]]> Tutoriales Koderground http://forobeta.com/tutoriales/178963-guia-definitiva-mejorar-rendimiento-front-end-avanzado.html Tutorial: Script de SMS Gratis http://forobeta.com/tutoriales/178589-script-de-sms-gratis.html Wed, 15 May 2013 05:41:06 GMT Bueno en este tutorial podrán crear un script muy simple y fácil de implementar. Los usuarios podrán enviar SMS gratis a mas de 236 países. A... Bueno en este tutorial podrán crear un script muy simple y fácil de implementar. Los usuarios podrán enviar SMS gratis a mas de 236 países.

A tener BIEN en cuenta: El script usa un Gateway SMS, esto significa que los SMS que los usuarios envían serán gratis, pero ustedes tendrán que pagar por ellos. Ejemplo un SMS a Argentina sale: 0.0259 USD

Buscando en google este sitio fue el mas barato para el envio de SMS: https://www.nexmo.com/, este sitio es el que usaremos para el envio de SMS. Pueden testear todo el script registrandoce, y el sitio les regalara 2E para probar todo el sistema!

Ahora muchos pensaran en que hay que invertir $$ para que otros lo usen gratis. Pues colocando adsense en el sitio u otra publicidad pueden sacar bastante dinero (pueden promocionarla en una fanpage, etc)...

Comencemos...
Vista de como quedara (usamos el bootstrap de twitter ;) )



Paso 1: Nos tendremos que registrar en el sitio, y de esta forma podremos obtener los 2E de regalo y los codigos para acceder a la API del sitio. Esto nos servirá para enviar SMS.

Paso 2: Descargar los archivos PHP encargados de manejar la API de Nexmo => https://github.com/prawnsalad/Nexmo-PHP-lib
Es muy muy facil de usar la libreria, solo tendremos que colocar esto:
Código PHP:
        include ( "NexmoMessage.php" );
        $nexmo_sms = new NexmoMessage('account_key', 'account_secret');
        $info = $nexmo_sms->sendText( "telefono", 'nombre_apps', "mensaje" );
        echo $nexmo_sms->displayOverview($info); 
Solo con ese pequeño codigo enviaremos SMS.

Paso 3: Crearemos un formulario con el listado de países y los campos necesarios para enviar los SMS.
Código HTML:
<form class="form-signin" method="POST" action="">
        <h2 class="form-signin-heading">Enviar SMS Gratis</h2>
        <center>ADSENSE</center>
<select name="country" id="e1" class="input-block-level">
                <option value="">Seleccione el pais de destino</option>
                <option value="93" ringTo="+93-">Afghanistan</option>
                <option value="355" ringTo="+355-">Albania</option>
                ...
</select>
        <input type="text" name="tel" class="input-block-level" placeholder="N. de Telefono">
        <div><input type="text" name="msg" id="msg" class="input-block-level" placeholder="Mensaje" maxlength="160"></div>
        <button class="btn btn-large btn-primary" type="submit">Enviar SMS</button> <a href="#myModal" role="button" class="btn btn-large btn-primary" data-toggle="modal">?</a>
      </form>
Explicación:
- El select contendrá todos los países con el código de llamada para cada país.
- Tendremos un input de texto que sera el numero de telefono
- Ahora colocaremos otro campo que sera el del mensaje, y le colocaremos un maximo de caracteres de 160.
- Agregamos 2 botones uno para enviar el formulario y el otro para mostrar la ayuda.

Paso 4: Ahora lo que necesitamos es decirle al bootstrap-select2 (es un agregado) que select HTML sera el que funcione a modo de busqueda => Select2
Y tambien llamaremos al JS encargado de mostrar la cantidad de caracteres permitidos / restantes => Bootstrap-maxlength | Mimo84
Código HTML:
<script>
                $(document).ready(function() {
                        $("#e1").select2({
                                minimumInputLength: 2
                        });
                        $('input[maxlength]').maxlength({alwaysShow: true});
                });
        </script>
Es un simple código para poder enviar SMS. También si no quieren gastar $$ en Nexmo, pueden usar el viejo script de envío de SMS por mail. (en algunos países aun funciona, pero en muchos no.).
EJ: Para enviar un SMS a Claro argentina se usaba: numerodetelefono @ sms.ctimovil.com.ar (lo pueden buscar en google aparece en muchos sitios).

No voy a dejar un demo FUNCIONAL, porque yo si uso la API de Nexmo en uno de mis sitios, pero no solo para enviar SMS, sino para comprar números de celulares de otros países y permitir a los usuarios recibir SMS.

Demo: Enviar SMS Gratis
Descarga: EnviarSMSGratis.rar

Saludos!

PD: Para avanzar se invierte... no todo es free
-------
Para colocar sus codes que provee nexmo, solo tienen que editar index.php y van a ver:
Código PHP:
$nexmo_sms = new NexmoMessage('key', 'secret'); 
Ahi editan eso y listo :) ]]> Tutoriales cicklow http://forobeta.com/tutoriales/178589-script-de-sms-gratis.html Tutorial: Adsense en Móviles Wordpress http://forobeta.com/tutoriales/177948-adsense-moviles-wordpress.html Sat, 11 May 2013 18:49:25 GMT Estimados betas, no tengo nada que hacer así que les voy a dejar un aporte que de seguro les encantará. El último cambio que se hizo... Estimados betas, no tengo nada que hacer así que les voy a dejar un aporte que de seguro les encantará.

El último cambio que se hizo recientemente en los términos y condiciones de Google Adsense hablaba sobre la importancia que se le está dando a las visitas desde dispositivos móviles...

Cito:

"Debido a que los dispositivos móviles constituyen una de las grandes tendencias de 2013 y en años próximos, vamos a ampliar nuestras condiciones para incluir las propiedades para móviles de un modo más específico. También hemos incorporado directrices para usar el SDK de AdMob y otros productos de editores."

Ok, ese no es el punto, pero si tiene que ver con este pequeño tutorial, pues es cierto lo de "los dispositivos móviles constituyen una de las grandes tendencias de 2013 y en años próximos", enctonces si esto es cierto, cada uno de nosotros, los que usamos Wordpress, debemos tener un tema móvil para nuestros sitios, mucho más cuando estos son relacionados a dispositivos móviles o tecnología en general, dejando claro que yo lo usaría para cualquier temática y agregaría anuncios de Adsense a medida.. ah disculpen, esto ya lo hice hace años :-)

Existe un plugin que todos conocemos, se llama WPTouch, este puede conseguirse en sus versiones gratis y de pago, siendo uno de los mejores temas móviles existentes para cualquier sitio creado con Wordpress. En este tutorial vamos a aprender a configurar WPTouch en su versión gratuita con hermosos anuncios de Adsense, háganme caso, sus ganancias incrementarán, yo que se los digo ;).

Mucha palabrería, vamos al tutorial:

1.- Lo primero que vamos a hacer es crear nuestros anuncios, los cuales deberán ser las cantidades y tamaños siguientes:

- Un anuncio de 320x50 para móviles sólo texto con sus colores originales para el header.
- Dos anuncios de 250x250 sólo texto con los siguientes colores:

Borde: FFFFFF
Título: D05E0B
Fondo: FFFFFF
Texto: 000000
URL: 0000FF

Debería quedar algo como esto:

Título del anuncio
www. ad - url. com
Texto del anuncio

Estos anuncios serán uno para debajo del título de las entradas y otro para después del contenido de las entradas.


2. Descargar e instalar WPTouch en su versión gratuita.

Este plugin trae una configuración por defecto para Google Adsense, eso no lo vamos a tocar, todo lo haremos por FTP.

3.- Abrimos vía FTP nuestro sitio para realizar las modificaciones pertinentes y agregar nuestros anuncios, Puedes usar FileZilla para gestionar tus archivos FTP si es que aún no tienes aplicaciones instaladas para ello.

4.- Para insertar el anuncio del header seguimos la siguiente ruta:

/public_html/midominio.com/wp-content/plugins/wptouch/themes/default

Abrimos y editamos el archivo header.php

Colocamos el anuncio de 320x50 justo antes del código:

Código PHP:
<?php wptouch_core_header_check_use();
5.- Para insertar el anuncio de 250x250 después del título de las entradas y después del contenido seguimos la misma ruta:

/public_html/midominio.com/wp-content/plugins/wptouch/themes/default

Pero esta vez editamos el single.php

El código de Adsense de después del título lo pegamos de esta forma:

Código PHP:
<br><p style="text-align: center;">TU CÓDIGO DE ADSENSE<br> 
Justo antes de

Código PHP:
<?php the_content(); ?>
El código de Adsense de después del contenido lo pegamos de esta forma:

Código PHP:
<br><p style="text-align: center;">TU CÓDIGO DE ADSENSE<br> 
Justo después de

Código PHP:
<?php the_content(); ?>                
</div>
Y eso es todo, a lo mejor muchos ya lo harán y otros tal vez no, el hecho es que mis ganancias de Adsense gracias a este tipo de anuncios en móviles son aproximadamente del 20%.

Me dicen que tal les va, cualquier duda dejen sus comentarios y estaré atento, saludos! :encouragement: ]]> Tutoriales y1duque http://forobeta.com/tutoriales/177948-adsense-moviles-wordpress.html Tutorial: Nuestro sitio en una aplicacion Android 2 http://forobeta.com/tutoriales/177887-nuestro-sitio-aplicacion-android-2-a.html Sat, 11 May 2013 07:41:42 GMT Anteriormente había explicado como usar AppInventor para colocar nuestro sitio en una aplicación Android.... Anteriormente había explicado como usar AppInventor para colocar nuestro sitio en una aplicación Android. (http://forobeta.com/tutoriales/13000...n-android.html)

Hoy lo que aprenderán es a programar una sencilla programación en JAVA para colocar nuestro sitio en una apps android y tambien colocarle AdMOB (el adsense para mobiles, pagan por paypal y otras empresas).

Antes que nada, entiendan esto: tanto el tutorial anterior como este funcionan muy bien, pero si su sitio contiene AdSense, tendrán problemas, les explico, el problema no es que nuestro sitio para mobiles contenga adsense, ni tampoco que sea visualizado desde dentro de una aplicación android. El problema es que el WebView de android y appinventor están bugeados, cuando alguien hace clic en el banner de adsense, este no se abre en una nueva ventana, sino que se abre dentro del iframe de adsense. Y eso les traerá problemas. Es por eso que usaremos AdMOB!

Este tutorial va a ser bastante por arriba, ya que el entrar en bastante detalle significa que se hace muy extenso

Paso 1 - Instalar el SDK de android:
Setting Up an Existing IDE | Android Developers

Paso 2 - Instalar Eclipse Helios
Eclipse IDE for Java Developers | Eclipse Packages
Seleccionan sus SO y descargan e instalan Eclipse!

Paso 3 - Instalar ADT (Permite a eclipse crear apps android y firmarlas)
Installing the Eclipse Plugin | Android Developers

Los pasos del 1 al 3 no me detengo en detalles, porque sino esto se hace muy largo!

Paso 4 - Comenzamos
Una ves que tengan todo instalado, abren Eclipse, y van a File->New->Project->Android Application Project

Colocamos:
- Nombre de nuestra aplicación
- Nombre del proyecto (se completa solo)
- Nombre del paquete. Esto es importante al crear apps, que no repitan nunca el mismo nombre de paquete. Sino si se trata de instalar una apps con un mismo nombre de paquete, que el cual ya existe en el celular, traerá problemas. Yo uso: com.cicklow.nombredelaapps
- Requerimientos minimos: API 5
- Destino del SDK: API 17
- Compilar usando: API 17
- Diseño: Holo....

Al darle en Next, veremos otra ventana, le damos Next de nuevo. En la 3 ventana podremos seleccionar el icono para nuestra apps. En la 4 ventana seleccionaremos Blank Activity, en la 5 ventana le damos finalizar y esperamos un momento a que eclipse cree nuestro proyecto.

Paso 5 - Agregar el SDK de AdMOB
Para poder colocar admob en nuestra apps android, tendremos que colocar el SDK en nuestro proyecto, para esto descargamos el SDK de admob, y lo colocamos dentro de la carpeta libs de nuestro proyecto.

Paso 6 - Editar detalles del proyecto
Para que admob funcione y tmb el webview en nuestra apps, tendremos que agregar unos permisos y detalles en el archivo AndroidManifiest.xml
Abajo de uses-sdk agregamos:
Código HTML:
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
Esto permite a la apps acceder al estado de la red y acceder a internet.

Antes de </aplication>
Código HTML:
<activity
            android:name="com.google.ads.AdActivity"
            android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize" />
Esto nos permite usar AdMOB en nuestro proyecto.

Paso 7 - Editar los textos de nuestra apps
Vamos a res->values->string.xml y agregamos esto:
Código HTML:
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">Mi Bonita Web</string>
    <string name="action_settings">Settings</string>
    <string name="idADS">a1518ddb8175128</string>
    <string name="idTMP">TEST_EMULATOR, TEST_DEVICE_ID</string>
    <string name="txtCargar">Cargar Contenido</string>
    <string name="title_activity_ver_web">Mi Sitio</string>
    <string name="alertT">Aviso</string>
    <string name="alertD">Desea cerrar la aplicacion?</string>
    <string name="alertSi">Si</string>
    <string name="alertNo">No</string>
</resources>
Estos textos los usaremos dentro de nuestra apps, son variables de textos a usar. como ven tenemos una variable llamada idADS, esa variable es la que tendremos que cambiar y colocar nuestro id de aplicacion de admob (cuando registramos una apps en admob, vale aclarar que no es necesario que este en google play la apps para que nos den el id, solo rellenamos los campos y cuando nos dice url de la aplicacion colocamos: market://details?id=com.cicklow.nombredemiapps y listo)

Paso 8 - Editar el diseño
Vamos a: res->layout->activity_main.xml y colocamos:
Código HTML:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ads="http://schemas.android.com/apk/lib/com.google.ads"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#333333"
    tools:context=".MainActivity" >

    <com.google.ads.AdView
        android:id="@+id/adView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        ads:adSize="IAB_MRECT"
        ads:adUnitId="@string/idADS"
        ads:loadAdOnCreate="true"
        ads:testDevices="@string/idTMP"
        android:gravity="center_horizontal" >
    </com.google.ads.AdView>

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/adView"
        android:layout_centerHorizontal="true"
        android:onClick="btnCargar"
        android:text="@string/txtCargar" />
   
</RelativeLayout>
En detalle:
Código HTML:
    <com.google.ads.AdView
        android:id="@+id/adView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        ads:adSize="IAB_MRECT"
        ads:adUnitId="@string/idADS"
        ads:loadAdOnCreate="true"
        ads:testDevices="@string/idTMP"
        android:gravity="center_horizontal" >
    </com.google.ads.AdView>
Es nuestro banner de admob (como el de adsense pero desde xml), como ven en adSize tenemos IAB_MRECT, eso es un banner de 300x250 uno bien grande (https://developers.google.com/mobile...b/intermediate).

Código HTML:
    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/adView"
        android:layout_centerHorizontal="true"
        android:onClick="btnCargar"
        android:text="@string/txtCargar" />
Esto es un boton, y como ven llamamos al texto txtCargar, creado previamente en el file strings.xml, tmb completamos el android:onClick, esto es que cuando alguien hace clic, llamamos a una función de nuestro proyecto.
Y se armara el diseño asi:

Esto es para mostrar admob antes de cargar nuestro sitio.

Paso 9 - Editamos src->com.cicklow.nombredenuestrapps->MainActivity.java
Código PHP:
//Nombre de nuestro paquete, en mi caso se llama: miBonitaWeb :)
package com.cicklow.mibonitaweb;

//Librerias necesarias para que nuestra apps funcione
import android.os.Bundle;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.content.Intent;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.View;

public class MainActivity extends Activity {

 [MENTION=42437]over[/MENTION]ride
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

 [MENTION=42437]over[/MENTION]ride
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        //getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    //btnCargar es la funcion encargada de abrir una neuva actividad y msotrar nuestro sitio. Si recuerdan cuando creamos el boton le dijimos que cuando alguien haga clic llame a esta funcion
    public void btnCargar(View view){
        //Esto lo que hace es llamar a otra ventana, esta otra ventana contendrá el webview que mostrara nuestro sitio!
        Intent intent2 = new Intent(this, VerWeb.class);
        startActivity(intent2);
    }

    //Esta funcion lo que hace es capturar el boton atras de android, entonces si es precionado lo que hacemos es preguntar si quiere salir de la aplicacion
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        //Capturamos la tecla atras
        if(keyCode == KeyEvent.KEYCODE_BACK && isTaskRoot()) {
            //Preguntamos al usuario si quiere cerrar la apps
            new AlertDialog.Builder(this)
            .setIcon(android.R.drawable.ic_dialog_alert)
            .setTitle(R.string.alertT)
            .setMessage(R.string.alertD)
            .setPositiveButton(R.string.alertSi, new DialogInterface.OnClickListener() {
                public void onClick(DialogInterface dialog, int which) {
                    //Salimos
                    finish();    
                }
            })
            .setNegativeButton(R.string.alertNo, null)
            .show();

            return true;
        }
        else {
            return super.onKeyDown(keyCode, event);
        }
    }
} 
Paso 10 - Crear una nueva actividad (ventana)
Para esto hacemos clic derecho arriba de la carpeta de nuestro proyecto (en eclipse) y vamos a New->others->Android Activity->Blank activity
Como nombre de la actividad le colocamos: VerWeb

Paso 11 - Editar la nueva ventana
Vamos a res->layout->activity_ver_web.xml y colocamos:
Código HTML:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ads="http://schemas.android.com/apk/lib/com.google.ads"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#333333"
    tools:context=".VerWeb" >

    <com.google.ads.AdView
        android:id="@+id/adView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        ads:adSize="BANNER"
        ads:adUnitId="@string/idADS"
        ads:loadAdOnCreate="true"
        ads:testDevices="@string/idTMP"
        android:gravity="center_horizontal" >
    </com.google.ads.AdView>

    <WebView
        android:id="@+id/webView1"
        android:layout_width="fill_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/adView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" />

    <ProgressBar
        android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />

</RelativeLayout>
En detalle:
Código HTML:
  <WebView
        android:id="@+id/webView1"
        android:layout_width="fill_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/adView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" />
Este objeto es el encargado de mostrar nuestro sitio web (Recuerden el sitio a mostrar NO tiene que contener adsense, ni otra publicidad tipo iframe)

Código HTML:
    <ProgressBar
        android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />
Esto es una barra de progreso, pero sin definir el progreso, osea es la tipica barra giratoria.

Y quedara:


Paso 12 - editar el code java de: src->com.cicklow.nombredenuestrapps->VerWeb.java
Código PHP:
package com.cicklow.mibonitaweb;

import android.os.Bundle;
import android.app.Activity;
import android.graphics.Bitmap;
import android.view.Menu;
import android.view.View;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ProgressBar;

public class VerWeb extends Activity {
    //Creamos variables privadas que seran objetos webview y progressbar
    private WebView webView;
    private ProgressBar progress;
    
 [MENTION=42437]over[/MENTION]ride
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_ver_web);

        //obtenemos el id del objeto webview
        webView = (WebView) findViewById(R.id.webView1);
        //le decimos que vamos a usar una clase aparte para este navegador (de esta forma podremos controlar muchas cosas)
        webView.setWebViewClient(new MyWebViewClient());
        //obtenemos el id del objeto progressbar
        progress = (ProgressBar) findViewById(R.id.progressBar1);

        //habilitamos java script en nuestro sitio
        webView.getSettings().setJavaScriptEnabled(true);
        //Cargamos un sitio :)
        webView.loadUrl("http://twitter.github.com/bootstrap/");
    }

 [MENTION=42437]over[/MENTION]ride
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        //getMenuInflater().inflate(R.menu.ver_web, menu);
        return true;
    }

    //Creamos una clase extendida del webview, esto es para controlar mejor las funciones propias del webview
    private class MyWebViewClient extends WebViewClient {  
        [MENTION=42437]over[/MENTION]ride
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
               view.loadUrl(url);
               return true;
        }

        [MENTION=42437]over[/MENTION]ride
        public void onPageFinished(WebView view, String url) {
        //cuando la pagina termino de cargar ocultamos la barra de progreso
            progress.setVisibility(View.GONE);
            VerWeb.this.progress.setProgress(100);
            super.onPageFinished(view, url);
       }

        [MENTION=42437]over[/MENTION]ride
       public void onPageStarted(WebView view, String url, Bitmap favicon) {
        //mientras el sitio carga hacemos que la barra de progreso sea visible
           progress.setVisibility(View.VISIBLE);
           VerWeb.this.progress.setProgress(0);
           super.onPageStarted(view, url, favicon);
       }
   }

   public void setValue(int progress) {
        //obtenemos el % de carga del sitio y lo asignamos a la barra de progreso.
       this.progress.setProgress(progress);       
   }
} 
Paso 13 - testear todo nuestro proyecto
Para esto necesitaremos crear un emulador de android. Vamos a:
Windows->Android Virtual Device Manager-> New


Una ves creado nuestro emulador, solo le damos clic al boton play verde y si nos pregunta que tipo de proyecto es, le decimos que es un proyecto de android.
Veremos algo como esto:


Paso 14 - compilar nuestro proyecto
Para compilar nuestro proyecto a un APK, solo le damos boton derecho arriba de la carpeta de nuestro proyecto:
Android Tools->Export signed apps android->Next
La 1° ves que vamos a firmar una apps, tendremos que crear un certificado. Completamos los datos, creamos uno y continuamos. Una ves que se completo la creación y el firmado de nuestra apps, ya la podremos usar en nuestro celular, tablets o colocarla en google Play :)


Saludos y éxitos.
Descarga del proyecto => MiBonitaWeb.rar ]]> Tutoriales cicklow http://forobeta.com/tutoriales/177887-nuestro-sitio-aplicacion-android-2-a.html Tutorial: cambiar urls de wordpress al cambiar de dominio http://forobeta.com/tutoriales/176976-cambiar-urls-de-wordpress-al-cambiar-de-dominio.html Tue, 07 May 2013 02:47:46 GMT Bueno gente el día de hoy les traigo un pequeño aporte que vi que no estaba disponible y tuve que buscar hasta que encontré esta excelente y sencilla... Bueno gente el día de hoy les traigo un pequeño aporte que vi que no estaba disponible y tuve que buscar hasta que encontré esta excelente y sencilla solución.

Primero que nada esto sirve para cuando cambias de nombre de dominio y hosting o solo de dominio esto es lo que tienes que hacer:

Entrar a la base de datos con phpMyAdmin abres la base de datos y en la sección de sql pon estos códigos:

Cita:
UPDATE wp_options SET option_value =
replace(option_value, 'http://www.mi-viejo-dominio.com', 'http://www.mi-nuevo dominio.com')
WHERE option_name = 'home' OR option_name = 'siteurl';
este código es para actualizar el sitio principal

Cita:
UPDATE wp_posts SET guid = replace(guid, 'http://www.mi-viejo-dominio.com', 'http://www.mi-nuevo dominio.com');
este código es para cambiar todas las urls que están en los post y paginas a el nuevo dominio

Cita:
UPDATE wp_posts SET post_content =
replace(post_content, 'http://www.mi-viejo-dominio.com', 'http://www.mi-nuevo dominio.com');
y ese es para cambiar el nombre de todos los links de imágenes y archivos para que no de el error 404

deben de realizar estos pasos al cambiar de dominio ya que si no no podrán accesar a la admin, este problema tenia yo lo hice y se soluciono , espero les aya servido mi pequeño aporte. ]]> Tutoriales amplox http://forobeta.com/tutoriales/176976-cambiar-urls-de-wordpress-al-cambiar-de-dominio.html Tutorial: Como bloquear a usuarios indeseados de foro beta http://forobeta.com/tutoriales/176197-bloquear-a-usuarios-indeseados-de-foro-beta.html Fri, 03 May 2013 02:09:56 GMT En esta ocasión y mirando por ahí. Encontré una forma de bloquear usuarios indeseados en foro beta. Esto podría ser muy útil para evitar a los... En esta ocasión y mirando por ahí. Encontré una forma de bloquear usuarios indeseados en foro beta. Esto podría ser muy útil para evitar a los estafadores.
Así si ves que lo tienes bloqueado, inmediatamente lo puedes ignorar.
Para explicarlo voy a usar el perfil de Carlos Arreola. Nada personal.

Primero nos dirigimos al perfil de dicho usuario. Para eso damos clic en su nombre y a perfil.

thump_84164291.jpg

Después en su pagina de perfil en la parte izquierda abajo de su foto hay una opción de agregar a mi lista de ignorados.

thump_84164322.jpg

Pero como Carlos Arreola es moderador me a salido esto. Pero a ustedes les saldrá otra cosa. Jeje
Espero les sirva de ayuda.

thump_84164353.jpg

Agradecimientos a mi paciencia. Ya que en la web que subí las imágenes me abría muchas ventanas y a Carlos Arreola por prestar su perfil.
Imágenes Adjuntas
]]> Tutoriales Gless http://forobeta.com/tutoriales/176197-bloquear-a-usuarios-indeseados-de-foro-beta.html Tutorial: Como Fusionar 2 Fanpages http://forobeta.com/tutoriales/176177-fusionar-2-fanpages.html Thu, 02 May 2013 23:51:55 GMT Hola hoy se me presento el siguiente problema: Tenia 2 fanpages para un mismo sitio web, y queria fusionarlas en una sola, y asi, aprobechar la... Hola hoy se me presento el siguiente problema:
Tenia 2 fanpages para un mismo sitio web, y queria fusionarlas en una sola,
y asi, aprobechar la url personalizada de una, y aprobechar los fans de la otra.

* Solo funciona si tienes 2 fanpages con el mismo o similar nombre

Pasos Previos:
  • Iguala los datos de ambas fanpages.



Bueno googleando un poco di con la solución:

Accedemos a la fanpage >> editar pagina >> recursos





]]> Tutoriales tepublico http://forobeta.com/tutoriales/176177-fusionar-2-fanpages.html Tutorial: Optimizar blog con Page Rules de Cloudflare http://forobeta.com/tutoriales/175859-optimizar-blog-page-rules-de-cloudflare.html Wed, 01 May 2013 16:36:25 GMT *Cloudflare* nos ayuda bastante a que nuestro contenido llegue más rápido a los visitantes siendo de CDN, entregando cache de algunas partes de... Cloudflare nos ayuda bastante a que nuestro contenido llegue más rápido a los visitantes siendo de CDN, entregando cache de algunas partes de nuestro sitio, dependiendo de la locación geográfica de los visitantes. Si no utilizan el cache de cloudflare al menos se pueden animar a utilizar los DNS.

Dentro de las opciones de cloudflare existe una llamada Page Rules que nos puede ayudar a optimizar el contenido más visitado de nuestro sitio, además de quitarle una carga al servidor.

Esto es lo que recomiendo para optimizar un poco más nuestros sitios:

1. Utilizar cloudflare. El tráfico debe pasar por el cache de cloudflare, para esto debe haber al menos un A record apuntando a nuestro servidor y asegurarnos que la nubecita esté en color naranja.



2. Elegimos Page Rules en las opciones del apartado de websites.



3. Agregamos la página que queramos optimizar, de esta manera:



Nos podemos dar cuenta de la opción "Cache everything", que en las opciones normales solo encontramos el modo agresivo, de esta forma va a tomar el cache de toda la página por lo que la servirá más rápida y resultará en menos carga para nuestro servidor.

En el modo gratuito podemos elegir hasta 3 páginas para optimizar, en el pro serían hasta 20con un costo de $20 usd por el primer sitio y $5 usd los siguientes. Bien podemos utilizar esto revisando en analytics nuestro top content y agregando las 3 primeras páginas, o en alguna ocasión especial donde tendremos muchas visitas a una misma página.

Espero les haya gustado una gratuita y sencilla manera de optimizar las páginas más importantes de nuestro blog :)

Agrego resultados de una página optimizada:

ANTES:



DESPUÉS:

]]> Tutoriales Carlos Arreola http://forobeta.com/tutoriales/175859-optimizar-blog-page-rules-de-cloudflare.html <![CDATA[Tutorial: Añadir rel="author" a vBulletin 3.x]]> http://forobeta.com/tutoriales/175678-anadir-rel-author-a-vbulletin-3-x.html Tue, 30 Apr 2013 16:32:06 GMT He estado mirando por Internet para incluir la autoría en los posts de mi foro vBulletin 3.x y no he encontrado nada salvo esto:... He estado mirando por Internet para incluir la autoría en los posts de mi foro vBulletin 3.x y no he encontrado nada salvo esto: https://www.vbulletin.org/forum/showthread.php?t=266259 basándome en ello he creado el siguiente tutorial que a mi al menos me funciona.


  • En el ACP vamos a Estilos y Plantillas -> Buscar dentro de Plantillas y seleccionamos postbit_legacy o postbit en función de lo que usemos en nuestro foro.

  • Buscamos:

    Código HTML:
    <a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a>
  • Lo reemplazamos por:

    Código HTML:
    <a <if condition="$thread['postuserid'] == $post['userid'] && $thread['firstpostid'] == $post['postid']">https://plus.google.com/116896883145018590364 rel="author"</if> class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a>
    Donde "https://plus.google.com/116896883145018590364" lo cambiáis por vuestra cuenta de Google Plus.

  • Para comprobar que todo funciona correctamente vamos a: Google Structured Data Testing Tool e introducimos una url de nuestro foro, si todo está correcto debería saliros algo como esto: Google Structured Data Testing Tool
]]> Tutoriales Zheive http://forobeta.com/tutoriales/175678-anadir-rel-author-a-vbulletin-3-x.html Tutorial: Como obtener likes a los artículos de tu blog. http://forobeta.com/tutoriales/174590-obtener-likes-a-articulos-de-tu-blog.html Wed, 24 Apr 2013 15:07:10 GMT Hola betas! Bueno, hoy estaba aburrido y me decidí a hacer un tutorial para que obtengan likes a sus artículos de sus blosg o sus webs, es muy... Hola betas!

Bueno, hoy estaba aburrido y me decidí a hacer un tutorial para que obtengan likes a sus artículos de sus blosg o sus webs, es muy sencillo algunos tal vez ya saben pero otros no así que bueno aquí les explico XD

Primero Vamos a entrar a "Likelo.com"

¿Qué es likelo?
Bueno, likelo es una web con la cual los usuarios entran por medio de un "ACCES TOKENS" un acces tokens es como un acceso a tu cuenta para poder publicar en tu muro, darle likes a algunos objetos (fotos,comentarios,publicaciones etc) bueno en fin, en likelo se usa para entrar.

al entrar a likelo veremos algo así



en español dice

Cita:
Haga clic aquí y permitir que el permiso para Xperia obtener Token de acceso, y luego copiar pegar la URL del Éxito Página abajo!
También, por favor NO OLVIDE QUE PERMITAN Facebook Suscriptores [Configuración] , Así
Bueno, deben tener la opción de suscriptores para que funcione, bueno ahora sería la opción de "seguidores" eso es por que hace tu perfil como "publico" y en publico los usuarios podrán darle like a tus estados fotos o bueno en fin, una vez tienes la opción de seguidores haras click donde dice "Click Here" y te llevara a una app algo así



lo que deben hacer es darle click donde dice instalar luego los va a redireccionar a la home de facebook, pero si se fijan bien en la url notaran algo, dice algo así

https://touch.facebook.com/?COPY_AND...#access_token= aquí está el access token &expires_in=0

Bueno, copiaremos toda la url y la pegaremos en likelo, en la box que sale quería algo así



Le dan click donde dice "submit" y esperan unos segundos y los llevara a un lugar algo así



bueno, una vez ahí miramos que salen nuestros estados, por ejemplo usaremos mi estado en el cual busco a alguien que me venda saldo en payoneer, le voy a dar click donde dice submit, se queda cargando unos segundos y aparece esto



Luego si miramos el estado tiene likes, solo tenia 2 likes



me dio como 20 likes, aveces da 50 o 80 likes, bueno ahora la razón por la cual entraron al tema ¿Como lo hago con artículos?

Bueno, es muy sencillo buscamos un articulo de nuestro blog, en mi caso no tengo blogs así que me hice uno para mostrarles, usaremos este articulo que hice, me tarde 2 meses redactando (? test de likes a publicaciones: test de articulo para forobeta

Bueno lo que haremos es compartir ese articulo para que aparezca en tu perfil, blogger no trae esa opción así que lo haremos de está forma.


Primero

Bueno, agarramos el url del articulo que sería esta

test de likes a publicaciones: test de articulo para forobeta

Lo pegamos en el muro loe enviamos y quería algo así



Bueno, ahora entramos a likelo, nos vamos a donde dice Feed y aparecera la url del articulo, le damos click donde dice "submit" esperamos unos minutos y volverá a aparecer el mensaje blanco, luego se quita y listo, vamos a la url del articulo y miramos que sus likes han incrementado :D

Bueno, eso sería todo espero les sea útil los likes estos son reales, lo que recomiendo es que despues de usar likelo eliminen la app de su cuenta, ya que la usaran para darle like a otras fotos XD

Para un dominio o la url de tu web/blog hacer el mismo procedimiento :)

Saludos! ]]> Tutoriales Jarm97171997 http://forobeta.com/tutoriales/174590-obtener-likes-a-articulos-de-tu-blog.html