En este tutorial veremos como Agregar Iconos de Marcadores Sociales al lado de los Banners de AdSense, no solo las publicaciones de AdSense también campañas de publicaciones tales como Smowtion, Bing y Yahoo
Comencemos:
- Paso 1: Vamos a Blogger>>Plantilla>> Edición HTML>>Expandir plantilla de Artilugios.
- Paso 2: Buscamos la siguiente Linea (Ctrol + F)
]]></b:skin>
- Paso 3: Justo por encima de ]]></b:skin> pegamos el siguiente código
.ads{margin-bottom:10px;border-top:solid 1px #dedede;padding-top:10px;font-size:13px}.ads-right-min{border-left:solid 1px #dedede;height:250px;padding-left:10px}.ads-right-min a:link,.ads-right-min a:visited,.bottom-share-links a:link,.bottom-share-links a:visited{color:#222;display:block;height:32px;width:140px;font-size:12px;line-height:22px;margin-top:10px;padding-left:42px}.ads-right-min a:hover,.bottom-share-links a:hover{color:#666}.mini-facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHR2p36PavRS-cjfVkPZDuvRb69W_qBun0w73E8Fz-Yrc3mFTDE0mi2ja84epksgf5AeAaaT0YWbHfECVFNQa879JOk8kTeWuHTveG88o4Ix_a7vkqsY5F0UpDVOaMov0snIZPljWrnHo/s1600/facebook.png) no-repeat}.mini-tweet{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz_gk-xFZw0H1Pizb25ZZSc3Ggjzdvwph05DRM1AD5xD6sgkEjdc9Ln5AwqiNtg85uDoAhSInTavT20mkuZYCd5RK0Qokxn-Ewy5CCNUfw-4XvRrB6XWDcpEjjCnYbkKtTWvs_GZI4SR0/s1600/twitter.png) no-repeat}.mini-del{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDSX-u1UEcDFwtcxOO4zAfi8yLfv_o_VuDu5kmCTZvjUcljWjjc1eOMv1HmlHR929bQYOdatvBTTdD-qf8ZdfndIYiF698DSrsdNKY5_Gbs_9kM1RCMbDLbYkcq0WbkSNTsL4G8Vl_JwQ/s1600/delicious.png) no-repeat}.mini-stumble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeYtwqKEseNDj_u_AltLJOhfjPzqwUzHztCYRxnIybXzQYk9WNXkCcgZSabP9obHWLT7w_SV8SfBydJuc33J0awGG5Zvco_HUIfYqStqAlVPTTgCj8p1we80SogrKNpgBkRc88RmnNiWw/s1600/stumbleupon.png) no-repeat}.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHfm6N371h9iJI6QYpjE4WCvJBql-zVC9Gk3I14ShYTJrNhnOKgNXPvOBJ75GolHna4jlt22mcQJLDrSKqv7Z1BWnT76EoO_OfAivCDueOqFh5wv2SDqIu_22bxHABOIX5MmBG3JSNMls/s1600/digg.png) no-repeat}.mini-plus{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLqVc4EOVWOk1SrXBNNPBzS_QDyatXdNTNSB4GNw0Gbbxy_tSSyVslR2_0psqdjzwsvPc-eUQlQHUd6iX5zW6QCc0bcVM7ye3W4MaenQqhh5rKXpMFI12cpgzTVLQ3n827PdjQMJnElOI/s1600/googleplus.png) no-repeat}.flt-wdt{position:fixed;margin-right:10px;left:0;top:40%}.flt-wdt img{float:left;clear:left;margin:5px}
- Paso 4: Ahora busca la siguiente linea
<data:post.body/>
- Paso 5: Justo por encima de <data:post.body/> pega el siguiente código HTML
<b:if cond='data:blog.pageType == "item"'><div class='ads'><table border='0' cellpadding='0' cellspacing='0' width='100%'><tr><td width='354'>
****Pega Aquí el Codigo AdSense ***
</td><td><div class='ads-right-min'><a class='mini-plus' expr:href='"http://plus.google.com/share?url=" + data:post.url' rel='external nofollow' target='_blank'>Comparte Google+</a><a class='mini-del' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'>Añade esta entrada en Delicious</a><a class='mini-tweet' expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " " + data:post.url' rel='external nofollow' target='_blank'>Tweet/ReTweet Entrada</a><a class='mini-facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'>Comparte en Facebook</a><a class='mini-stumble' expr:href='"http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'>Comparte StumbleUpon</a><a class='mini-digg' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'>Comparte Digg </a></div></td></tr></table></div></b:if>
- Paso 6: Guardamos la Plantilla
****Pega el Código AdSense ***
Comentarios (0)
Instrucciones Para omentar
Incertar Enlace
Utilice el codigo
<a href='LINK'> EJEMPLO </a>
Cargar Imagen
[img] LINK_ANH [/img]
-Use el codigo para cargar una imagen.Formato Word
<b> negrita </b>
<i> cursiva </i>
<u> texto subrayado </u>
<strike>
texto tachado</strike>Insertar un Fragmento de codigo
Primero use esta herramienta para codificar el codigo que quiera agregar.
CerrarLuego utilice el codigo
[code] CODIGO HTML [/code]