Hi quest ,  welcome  |  sign in  |  registered now  |  need help ?

Recent Comments

Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

How Add Google Adsense to Blogger Header

Written By andante77 on Friday, March 28, 2014 | 2:48 PM




This Ka339 tutorial i will shared a trick for Adsense ads placement that may help you to increase your adsense earnings. Do u ever wonder or think about to add Google Adsense above your header, i mean  just above the title of your Blogger blog. To do that we need to adjus the template give us the option of adding more than one widget to the header area.

How to add a new element to Blogger header area.
1. If you are using the old Blogger interface:
  • Go to Dashboard – Design – Edit HTML – (Important note:make a backup) Expand Widget Template
For the new Blogger interface:
  • Go to Dashboard – Template – Edit HTML – Proceed – (Important! make a backup) Expand Widget Template
2. Next click inside of Html and use (CTRL + F) to find the following code:
<div id=’header-wrapper’>
…if you can’t find that code, search for this one:
<div class=’region-inner header-inner’>
3. Right after one of these lines, you’ll see this code:
<b:section class=’header’ id=’header’ maxwidgets=’1‘ showaddelement=’no‘>
4.Noe  Replace the values in red as shown on example below:
<b:section class=’header’ id=’header’ maxwidgets=’3‘ showaddelement=’yes‘>
5. Click on Save the Template botton.

 Add the Adsense ad unit above the Blogger header
1. Go to Design > Page Elements and view the new option to add a gadget to the header area


2. Click on Add a Gadget link and select the Google Adsense gadget.
there you can choose the type of ad unit you want.
3.Now Click Save
Enjoy!

2:48 PM | 0 comments

How to add a Gadget?



Gadgets / Widgets for Blogger are a fantastic way to Decorate and Enhance a Blogger Blog.


For example:

You can put a Chat, Clock, Game, Music, Radio .. etc.

 I guess the most advanced in Blogger Blogs, already know it's a Gadget / Widget and how to install a Blogger Blog!

The steps are also very easy:

Design-> Page Elements-> Add a gadget-> HTML / Javascript

1. You must log in to design your page, then select Add a Gadget:
2 Now, you see a window with Gadgets and Widgets you can add, give HTML / Javascript:
3.There you have to paste the HTML / Javascript code that you generated on the website of the Gadgets or Widgets.

4. Once you have the code, paste it in the window that was opened by Blogger. The code that you paste will be like this:

Finally click on save botton and ready.Enjoy!

9:05 AM | 0 comments

Como Anadir Flash Links To Blogger

Written By andante77 on Monday, April 22, 2013 | 10:13 AM

Para llamar la atencion de sus lectores y llamar la atencion a algun enlace.aqui tenemos la forma de lograrlo anadiendo unos efectos de parpadeo  a enlaces espeficicos de tu blog.Hay dos alternativas, hacer que el texto parpadee o el fonde del texto parpadear.Esto puede ayudar a capturar la tencion siempre y cuando no exageres pues pude molestar a los lectores.


chequear demo

Anadir los enlaces parpadeo en tu blog


Lo primero que se hace es anadir un script a tu blog, ya anadido anada un tag al link que quieres que parpadee.

Step 1. Puedes usar el boton de Add To Blogger para anadir este script a tu blog automaticamente.



Este anadira el script en un gadget en la barra del lado, puedes mover el gadget a la parte de abajo en diseno.


Como Anadir ahora los flashing link( enlaces parpadeantes).


Por ejemplo cuando anades un enlace lo haces asi :

<a href="http://www.ka339.com">Trucos De Blogger</a>

Para hacer que este enlace parpadee debes anadir un tags : en este caso se anade rel="flashfg[green]" ,Cuando parpadee el texto sera en color green o verde.

<a rel="flashfg[green]" href="http://www.ka339.com">Trucos de blogger</a>

   Este tag flashfg que se traduce en parpadeo de fondo.

<a rel="flashbg[yellow]" href="http://www.ka339.com">TRucos de blogger</a>En este caso el parpadeo sera en amarillo.


Note - Puedes cambiar el color de verde y amarillo por otro a tu gusto solo introduce el color dentro de.[green]
10:13 AM | 0 comments

El widget de Entradas Relacionadas con fotos de Blogger

Written By andante77 on Sunday, April 21, 2013 | 5:10 PM



Mostrar los enlaces de las entradas relacionadas con una imagen de la entrada correspondiente
le ayudara ha aumentar las vista/usuarios de las paginas .Los Usuarios se sentiran temtados
a mirar las entradas relacionadas cuando se presentan atractivamente con una foto.

Tambien usa la foto generada por blogger.

Hay un truco muy útil para aumentar las páginas vistas cuando un visitante llega a nuestro blog y es ofrecerle otros artículos que le puedan interesar y es poner al final de cada post unas mini imágenes con los post relacionados al que el lector ingresó a revisar parecido a la imagen siguiente:

entradas relacionadas
Este es un proceso mas simple t facil de implementar:
1) Visitamos  Linkwithin.
2)Llenamos los datos en el formulario que hay en la parte derecha:


formulario de linkwithin
3) Cuando hayamos rellenado los datos, damos click en Get Widget!
4) Ahora en la siguiente ventana escogemos el paso 1 y damos en Install Widget

.
5) En este paso se habre el panel de control de Blogger y solo aceptamos.
6) De acuerdo a la plantilla que estemos utilizando, este gadget debemos ubicarlo al final del espacio de las entradas ingresando a Diseño.
 
 diseno blogger
7) Hasta este punto debería estar funcionando, sin embargo el mensaje que saldrá en el Widget estará en ingles y será algo parecido a esto: "You may also like stories", podemos personalizar con un mensaje en español de la siguiente forma:
8) Entraremos a Diseño y vamos a Editar el gadget de Linkwithin:
9) Ahora vamos a insertar esta línea
<script>linkwithin_text='El texto que gustes:'</script>
al inicio del código del widget, quedando así

10) Guardamos y probamos, si todo se hizo bien debe quedar al 100%
5:10 PM | 0 comments

Como Remover La Barra de Navegacion En Blogger

En este articulo te ensenare como remover la barra de navegacion en blogger.Es facil despues que remuevas la barra de navegacion tu pagina se vera bien profesional. La barra de navegacion de Blogger es uno que aparece como parte de blogaparece en la parte superior de tu blog de blogspot.Un sinnumero de razones para removerla te las dare a continuacion.

  • Irrita un poco ver esta sencilla barra.
  • puedes ser repostado por culquier malicioso.
  • esta te permite ver otros blogs dandole a la etiqueta de proximo. que podria contener valga la redundancia contenido explicito no de tu agrado.
  • remuevela si deseas que se vea una pagina profesional.
  • Si un usuario de google entra a el blog pero no tienes el pase administrativo para el blog pueden ver la cuenta de entrada a la cuenta de google.

Actualizacion

En el 2012 cuando Google actualizo la interface de blogger tengo dos metodos de remover tu barra de navegacion blogger.

Metodo 1.

1. ANTES DE editar cualquier parte de tu plantilla haga una copia de esta o back up.
2. AHORA ve al editor de plantilla blogger y luego a Edit Template>> de click en plantilla formateada apunte dentro de esta con su cursor o mouse y  press ctrl+f  saldra un buscador en la plantilla  busque esta linea de codigo.
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>

</b:section>
3. y remueva estas lineas de su plantilla.y de click a guardar(save).barra de navegacion
Nota: Cuando le de Click en Save Blogger le mostrara este mensaje de precaucion. debe dar click en  descartar widgets(Delete Widgets).
Eso es todo.  Guarde su plantilla y de un  refresh a su pagina principal para ver el resultado.

Metodo2.

1. Entre a su blogger dashboard>> layout>> y encuentre el widget de Navbar y de click a editar.
barra de navegacion ocultar
y marque la cajita redonda donde dice off o desactivary guarde.
Si la barra de navegacion esta desactivada, no se mostrara esta en la parte superior en vez aparecera un espacio rellenado con el color por defecto de la plantilla.
Pero como remover este espacio creado al desactivar la barra de navegacion en la parte superior de la plantilla,bueno.
1.Entre a el dashboard de blogger >>template>>Edit Template
y encuentre o busque estas lineas en su plantilla html.
/*Variable definitions
2. Ponga el codigo de abajo antes de>> /*Variable definitions.
#navbar { height: 0px; visibility: hidden; display: none;}  
Nota:- Si ves este problema en el metodo 2 recomendamos uses el metodo  1 para hacer esto.
guarde entonces su plantilla con los cambios hechos y vea el resultado.
Enhanced by Zemanta
10:33 AM | 0 comments

Como Poner Anuncios Adesense Antes /Despues Titulo de Entrada

posicion de adsenseEn este articuloles mostrare como poner anuncios de AdSense despues del titulo de entrada y despues de la entrada para obtener mejores ganancias de estos anuncios.de esta forma mantendras el contenido limpio y claro a los lectores. 
Los anuncios de AdSense ads se pueden poner en cualquier lugar de la pagina. pero si quieres lucir profesional anadelo despues del contenido.Lo primero que debes hacer es creear un bloque de anuncio adsense en tu cuenta de adsense . Si no sabes crear un anuncio de adsense en tu cuenta no te preocupes solo sigue los siguientes pasos.

  Como poner un anuncio de AdSense despues del titulo de entrada

  1. Entra a tu cuenta de AdSense.
  2. Vaya a  My ads.
  3. y  de click a nueva unidad de anuncio.
  4. Solo siga las instrucciones simples para crear una unidad de anuncio o una unidad o link.
AHORA cuendo tengas el codigo del anunciocopialo copialo y guardalo en el notepad.
Tiempo de ditar su plantilla de Blogger y antes de editarla haga un backup o copia.

Paso 1. Entre a el blogger Dashboard>> Template>> proceed>> y de click Plantilla de Formato  ( presione CTRL+F para buscar el codigo en tu plantilla).


Nota:el nuevo editor reciente cuando estes en plantilla de formato apunta el cursor dentro y marca luego la claves CTRL+F y esto abrira un espacio para que ahi busques tu codigo en la plantilla.

Ahora busca este codigo:


<div class='post-header-line-1'>
</div>
o este codigo.
<div class='post-header-line-1'/>
Paso 2. y reemplacelo por el siguiente codigo.
<div class='post-header-line-1'>
<!—Tu codigo parceado de ADSENSE ponlo aqui—>
</div>
Puedes parcear tu codigo de AdSense con esta herramienta HTML EnCoder. Solo parcee tu codigo de AdSense y peguelo debajo de <div class='post-header-line-1'>
y guardelo.

Como poner un anuncio de AdSense despues de la entrada

Paso 1. Entra a tu blogger Dashboard>> Template>> proceed>> y de click en Plantilla de Formato  ( press CTRL+F para buscar tu codigo en tu plantilla)
Nota:el nuevo editor reciente cuando estes en plantilla de formato apunta el cursor dentro y marca luego la claves CTRL+F y esto abrira un espacio para que ahi busques tu codigo en la plantilla.
<data:post.body/>
Paso 2. Solo pega el codigo parceado de debajo de “<data:post.body/>”
Para parsear tu codigo de AdSense usa HTML EnCoder disponible .
9:57 AM | 0 comments