Emoticones en entradas y comentarios, PLANTILLAS CLASICAS!

15:24 Pocket! 2
Porfin lo he descubierto! he logrado agregar emoticones en una plantilla clasica tanto en entradas como en comentarios ;3 aunque hay que hacer algunas modificaciones importantes, asi que RECUERDA guardar tu plantilla antes de disponerte a destrozarla! jaja

Empezemos.

lo primero que hay que hacer es modificar todo lo que tenemos dentro  de los codigos <blogger></blogger> por lo siguiente



    <BlogDateHeader>
  <h2 class="date-header"><$BlogDateHeaderDate$></h2>
  </BlogDateHeader>
         <!-- Begin .post -->
  <div class="post"><a name="<$BlogItemNumber$>"></a>
     <BlogItemTitle>
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link" class="title-link"></BlogItemUrl>
    <h3 class="post-title">
<$BlogItemTitle$>
    </h3>
<BlogItemUrl></a></BlogItemUrl>
    </BlogItemTitle>
         <div class="post-body">
          <p>
      <$BlogItemBody$>
    </p>
        </div>
        <p class="post-footer">
      <em><$I18NPostedByAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em> &nbsp;
      <BlogItemCommentsEnabled>
         <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><span style="text-transform:lowercase"><$I18NNumComments$></span></a>
      </BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links"><span style="text-transform:lowercase"><$I18NLinksToThisPost$></span></a>
</BlogItemBacklinksEnabled>
 <$BlogItemControl$>
    </p>
<BlogItemComments>
      <dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
        <$I18NAtCommentTimeWithPermalink$>,
        <$I18NCommentAuthorSaid$>
      </dt>
      <dd class="comment-body">
        <p><$BlogCommentBody$></p>
 <$BlogCommentDeleteIcon$>
      </dd>
 </BlogItemComments>
    <$CommentPager$>  (ESTE CODIGO ES IMPORTANTE!!!!!)    </dl>
<p class="comment-timestamp">
    <$BlogItemCreate$>
    </p>
    <p id="postfeeds"><$BlogItemFeedLinks$></p>
    </BlogItemCommentsEnabled>
    <BlogItemBacklinksEnabled>
    <a name="links"></a><h4><$I18NLinksToThisPost$>:</h4>
    <dl id="comments-block">
    <BlogItemBacklinks>
        <dt class="comment-title">
        <$BlogBacklinkControl$>
        <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$>
        </dt>
        <dd class="comment-body"><$BlogBacklinkSnippet$>
        <br />
        <span class="comment-poster">
        <em><$I18NPostedByBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
        </span>
        </dd>
    </BlogItemBacklinks>
    </dl>
    <p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
    </BlogItemBacklinksEnabled>
<p style="padding-left:20px;">
<a href="<$BlogURL$>">&lt;&lt; <$I18NHome$></a>
    </p>
    </div>
</ItemPage>
  <!-- End #comments -->
</Blogger>


    </div>
  <!-- End .post -->
        <!-- Begin #comments -->
 <ItemPage>
  <div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
        <h4><$I18NNumComments$>:</h4>
        <dl id="comments-block">
          <$CommentPager$>

una vez hecho esto  antes de la etiqueta </style> pegaremos lo siguente, lo cual sera las propiedades del post y de los comentarios en tu blog.

/* Posts
----------------------------------------------- */
.date-header {
  margin:0 -3px -2px -2px;
  font-size:135%;
  line-height:1.5em;
  display:block;
  background:#FB6F72;  border-width:0 1px 1px;
  padding:0px 14px 0px 29px;
  color:#333;  width:460px;   -webkit-border-top-right-radius:15; -webkit-border-top-left-radius:15;
  }
.post {
  margin:.3em 0 25px;
  padding: 0 0;
  border-width:0px 0;
  }
.post-title {
  margin:0;
  font-size:135%;
  line-height:1.5em;
  display:block;
  background:#FFF;  border-width:0 1px 1px;
  padding:2px 10px 2px 29px;
  color:#333;  }
a.title-link, .post-title strong {
  text-decoration:none;
  display:block;
  }
a.title-link:hover {
  background-color:#ded;  color:#000;  }
.post-body {
  border-width:0 1px 1px;
  padding:10px 14px 1px 29px;
 background:#FFF;
  }
html>body .post-body {
  border-bottom-width:0;
  }
.post p {
  margin:0 0 .75em;
  }
p.post-footer {
  background:#1e1e1e;
  margin:0;
  padding:2px 14px 2px 29px;
  border-width:1px;
  font-size:100%;
  line-height:1.5em;
  color:#666;  text-align:right;
  -webkit-border-bottom-right-radius:15; -webkit-border-bottom-left-radius:15;
  }
html>body p.post-footer {
  border-bottom-color:transparent;
  }
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
  }
.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid #ccc;
  }
blockquote {  margin:.75em 0;  border:1px dotted #ccc;  border-width:1px 0;  padding:5px 15px;  color:#666;  }
.post blockquote p {
  margin:.5em 0;
  }
/* Comments
----------------------------------------------- */
#comments {
  margin:-25px 13px 0;
  background:#FFF;  width:460px;  border-width:0 1px 1px;
  padding:20px 0 15px 0;
  }
#comments h4 {
  margin:0 0 10px;
  padding:0 14px 2px 29px;
  font-size:120%;
  line-height:1.4em;
  color:#333;  }
#comments-block {
  margin:0 15px 0 9px;
  }
.comment-data {
  background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 2px .3em;
  margin:.5em 0;
  padding:0 0 0 20px;
  color:#666;  }
.comment-poster {
  font-weight:bold;
  }
.comment-body {
  margin:0 0 1.25em;
  padding:0 0 0 20px;
  background:#FFF;
  }
.comment-body p {
  margin:0 0 .5em;
   background:#FFF;  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#666;  }
.comment-timestamp a:link {
  color:#666;  }
.deleted-comment {
  font-style:italic;
  color:gray;  }
.paging-control-container {
  float: right;
  margin: 0px 6px 0px 0px;
  font-size: 80%;
}
.unneeded-paging-control {
  visibility: hidden;
}

lo que esta de color rojo es lo mas aconsejable a cambiar para los novatos con el HTML, pero si y atienes experiencia en campiar cuerpos, tamaños y formas puedes seguir adelante ;3 y hacer todos los cambios que requiera tu plantilla.


bien lo siguiente que hay que hacer es tomar el script para los emoticones el cual sera el siguente.


</SCRIPT>
<!-- (Script Emoticones) -->
<script type='text/javascript'>
//<![CDATA[
document.getElementsByClassName = function(clsName){
    var retVal = new Array();
    var elements = document.getElementsByTagName("*");
    for(var i = 0;i < elements.length;i++){
        if(elements[i].className.indexOf(" ") >= 0){
            var classes = elements[i].className.split(" ");
            for(var j = 0;j < classes.length;j++){
                if(classes[j] == clsName)
                    retVal.push(elements[i]);
            }
        }
        else if(elements[i].className == clsName)
            retVal.push(elements[i]);
    }
    return retVal;
}
function addSmiley(){
  var postBodyClass = (postBodyClass) ? postBodyClass : 'post-body';
  var d = document.getElementsByClassName(postBodyClass);
  for(var i=0;i<d.length;i++){
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\)/gi, ' <img src=" http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/9j2m9d.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
  d[i].innerHTML = d[i].innerHTML.replace(/\:\-S/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/681.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');  
d[i].innerHTML = d[i].innerHTML.replace(/\:\-P/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/71.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
 d[i].innerHTML = d[i].innerHTML.replace(/\:\-\[/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/581.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');  
 d[i].innerHTML = d[i].innerHTML.replace(/\:\-D/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/31.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
  d[i].innerHTML = d[i].innerHTML.replace(/\}\:\-\]/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/211.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
  d[i].innerHTML = d[i].innerHTML.replace(/x\*/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/811.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');  
 d[i].innerHTML = d[i].innerHTML.replace(/\;\-D/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/111.png" style="border:0; margin:0; padding:0;" id="new" /> ');
  d[i].innerHTML = d[i].innerHTML.replace(/\:\-\|/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/841.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');  
 d[i].innerHTML = d[i].innerHTML.replace(/\:\-\}/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/2hh249d.png" style="border:0; margin:0; padding:0;" id="new" /> ');  
 d[i].innerHTML = d[i].innerHTML.replace(/\:\*\)/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/531.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
 d[i].innerHTML = d[i].innerHTML.replace(/\:\-\(/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/501.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
 d[i].innerHTML = d[i].innerHTML.replace(/\;\-\)/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/2ykzz1s.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
 d[i].innerHTML = d[i].innerHTML.replace(/XL/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/035.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/PIK/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/111-1.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/MUSIK/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/109.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/NOOTO/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/038.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/LUV/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/031.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/RAINN/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/021.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/WHATT/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/61.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/REDD/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/107.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
    }
var d = document.getElementsByClassName('comment-body');
  for(var i=0;i<d.length;i++){
 d[i].innerHTML = d[i].innerHTML.replace(/\:\-\)/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img3123.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-S/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0549.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-P/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img1089.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\[/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0813.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-D/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0897.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\}\:\-\]/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0900.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/x\*/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0776.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\;\-D/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0594.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\|/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0453.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\}/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0786.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\*\)/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0987.png" style="border:0; margin:0; padding:0;" id="new" /> ');
 d[i].innerHTML = d[i].innerHTML.replace(/\:\-\(/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0687.png" style="border:0; margin:0; padding:0;" id="new" /> ');
 d[i].innerHTML = d[i].innerHTML.replace(/\;\-\)/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0571.png" style="border:0; margin:0; padding:0;" id="new" /> ');
 d[i].innerHTML = d[i].innerHTML.replace(/XL/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img1246.png" style="border:0; margin:0; padding:0;" id="new" /> ');
    }
}
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}
addLoadEvent(addSmiley);
//]]>
</script>
<!-- (Fin Script Emoticones) --> 

Pueden ver en una de mis entradas anteriores como cambiar codigos y los emoticones.
Los de color azul seran los disponibles en las entradas, y los de color verde seran los dispoibles en los comentarios.


Bien ya tenemos entonces el script, ahora necesitamos agragar la taba que muestra los emoticones y sus codigos correspondientes para facilitar su uso a los visitantes de nuestra pagina.
con ayuda de CTRL + F buscaremos la etiqueta
  <$CommentPager$>
que en el primer codigo que instalamos coloque de color morado con una nota de color rojo :), bien despues de este colocamos  la tabla que sera esta


<!-- ini tabla emoticones -->
<table border='0' cellpadding='0' cellspacing='1'>
  <tr>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img3123.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0549.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img1089.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0813.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0897.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0900.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0776.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0594.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0453.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0786.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0987.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0687.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0571.png' width='20'/></td>
    <td align='center' width='26'><img height='20' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img1246.png' width='20'/></td>
  </tr>
  <tr>
    <td align='center' width='26'>:-)</td>
    <td align='center' width='26'>:-S</td>
    <td align='center' width='26'>:-P</td>
    <td align='center' width='26'>:-[</td>
    <td align='center' width='26'>:-D</td>
    <td align='center' width='26'>}:-]</td>
    <td align='center' width='26'>X*</td>
    <td align='center' width='26'>;-D</td>
    <td align='center' width='26'>:-|</td>
    <td align='center' width='26'>:-}</td>
    <td align='center' width='26'>:*)</td>
    <td align='center' width='26'>:-(</td>
    <td align='center' width='26'>;-)</td>
    <td align='center' width='26'>XL</td>
  </tr>
</table>
<!-- fin tabla emoticones -->

y listo nuestra plantilla clasica ya puede usar emoticones! ;D



Recuerden dudas, quejas , comentarios, y demas comentenlos si quieren ver una prueba de esto miren mi blog ;3

http://poupee-doll.blogspot.com/

2 comentarios :

Botones "Entradas antiguas" y "Entradas recientes"

20:15 Pocket! 2
Aqui les traigo otro tutorial para las plantillas clasicas, esta vez se trata del boton "entradas antiguas" y "entradas recientes", puesto que no todas las plantillas lo tienen, lo primero que haremos sera localizar el siguiente codigo con nuestro atajo CTRL + F
</blogger>
Debajo de este pegaremos lo siguiente

<center><OlderPosts><a href="<$OlderPosts$>">ENTRADAS ANTERIORES</a></OlderPosts>
<NewerPosts><a href="<$NewerPosts$>">ENTRADAS RECIENTES</a></NewerPosts></center>
en caso de querer imagenes en lugar de texto el codigo quedara asi


<center><OlderPosts><a href="<$OlderPosts$>"><img border "0" src="URL DE TU IMAGEN"/></a></OlderPosts>
<NewerPosts><a href="<$NewerPosts$>"><img border "0" src="URL DE TU IMAGEN"/></a></NewerPosts></center>
Bueno espero les resulte facil, si tienen dudas no olviden comentarlas ;D

2 comentarios :

Firma en entrada, plantilla clasica.

12:29 Pocket! 1
Si lo que queremos es colocar una firma en cada una de nuestras entradas el proceso es muy simple.
Con ayuda de CTRL + F localizamos el codigo
<$BlogItemBody$><p>
Despues de este codigo colocaremos lo siguente

<div align=right><font color=#ff99ff><img border="0" src="IMAGEN DE LA FIRMA" /><br></div>

Si  lo que deseamos es poner un texto lo que haremos sera

<div align=right><font color=#ff99ff>TEXTO<br></div>

y asi nos quedara el resultado

[la firma esta del lado inferior derecho]

1 comentarios :

Buscador en plantilla clasica

12:09 Pocket! 0
HELLO!, hace tiempo que no subo, pero bueno ahora les traigo como implementar un buscador dentro de tu blog sin la necesidad de que te aparezca el molesto logo de google, para que les quede algo así.


Lo primero que tenemos que hacer es localizar con ayuda del Ctrl + F

</Table>
Despues de tenerlo localizado debajo de este colocaremos el codigo


<div class="header">Search</div><br> <center><form id="searchform" action="/search" method="get"> <div> <input id="s" class="txtField" name="q" size="20" type="text"/><br> <input id="searchsubmit" class="btnSearch" value="Search" type="submit"/></div> </form></center>

y eso es todo, ya tenemos nuestro buscador listo para usar ;3


0 comentarios :

2NE1 HATE YOU Pinceles!

14:09 Pocket! 2

Bien este pack lo tenia hace siglos preparado, pero por una y otra razon no pude actualizar ninguno de mis blogs por un buen tiempo :/ ,  como sea aqui les traigo entonces los pinceles de 2ne1 !
es una de mis banadas favoritas en cuanto a el ambito coreano, y en cuanto vi este video me puse a hacer brushes :) espero les gusten!

2 comentarios :

Bloquear seleccion de textos e imagens en blog.

17:01 Pocket! 3
Si eres un escritor, un poeta, un comentarista o simplemente no deseas que plagien tu texto tan facilmente, esta opcion es la indicada para ti.

1. Iremos a Diseño>>Edicion HTML>> expandir plantilla de artilugios
2. con la ayuda del CTRL+F buscaremos la opcion
</head>
 y justo ANTES de este, copiaremos y pegaremos el siguiente codigo.
<script language='JavaScript'>
//Bloquea textos e imagenes
function bloquear(e){return false}
function desbloquear(){return true}
document.onselectstart=new Function (&quot;return false&quot;)
if (window.sidebar){document.onmousedown=bloquear
document.onclick=desbloquear}
</script>
Una manera para reforzar este script es buscar el codigo
<body>
y a este mismo le añadiremos ONCONTEXTMENU='RETURN FALSE', quedando asi
< body oncontextmenu='return false'>
NOTA: es importante que antes de hacer cualquier cambio definitivo a tu blog guardes una copia de tu plantilla, y verifiques la vista previa, la cual te dara aviso por si cometiste algun error.

3 comentarios :

Responder a el comentario en blog

16:43 Pocket! 3
Para crear la opcion de que nuestros visitantes respondan a un comentario en especifico les traigo este truco que espero les sea util:

1. Iremos a  Diseño>> edicion HTML>> Expandir plantilla de artilugios y con ayuda de Ctrl+F buscaremos el codigo:
<data:comment.author/>
2.Justo debajo de este pegaremos el siguente codigo.
<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID_DEL_BLOG&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>RESPONDER</a></span>
De esta manera se agregara la opcion de responder al comentario, pero en texto. Si deseamos colocar una imagen o un boton colocaremos el siguente.
<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID_DEL_BLOG&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'></a><img src="URL_DE_LA_IMAGEN_AQUI"/></span>
Como pueden ver solo sustituimos el Responder por el codigo imagen.
En la seccion que dice ID_DEL_BLOG  aparece al momento de hacer un post y editar la plantilla enla URL del blog.
http://www.blogger.com/post-create.g?blogID=664XXXXXXXXXX
El resultado es el siguente:

Como pueden ver se agrega una @ y el link del nombre de la persona a la cual respondiste, es algo que puede hacer tu blog mas dinamico y unico ;D

3 comentarios :

Ocultar el "mostrar mas entradas" en blogger

18:11 Pocket! 1
Bien, hoy les mostrar como ocultar o eliminar el molesto (por lo menos para mi) mensaje de "mostrar mas entradas"


lo unico que necesitamos hacer es entrar en Diseño >> Edicion Html y justo antes de el codigo ]]></b:skin> pegar:
.status-msg-wrap {visibility:hidden;display:none;}
En el caso de que quieras eliminarlo entraras a Diseño>>Edicion Html >> Expñandir plantilla de artilugios y con ayuda del CTRL + F buscaras el codigo
<b:include data='top' name='status-message'/>
y lo eliminaras. es asi de simple, espero les sea util,


1 comentarios :

Emoticons en tus entradas y comentarios para blog.[VIDEO]

17:06 Pocket! 0


0 comentarios :

Emoticons en tus entradas y comentarios para blog.

10:48 Pocket! 6
hoy les mostrare como colocar emoticones en las entradas y comentarios en blog, lo primero que haremos es explandir la plantilla y buscar el siguiente codigo con ayuda de Crtl + F
</head>
Una vez localizado colocaremos ENCIMA de este el siguiente script

<!-- (Script Emoticones) -->
<script type='text/javascript'>
//<![CDATA[
document.getElementsByClassName = function(clsName){
    var retVal = new Array();
    var elements = document.getElementsByTagName("*");
    for(var i = 0;i < elements.length;i++){
        if(elements[i].className.indexOf(" ") >= 0){
            var classes = elements[i].className.split(" ");
            for(var j = 0;j < classes.length;j++){
                if(classes[j] == clsName)
                    retVal.push(elements[i]);
            }
        }
        else if(elements[i].className == clsName)
            retVal.push(elements[i]);
    }
    return retVal;
}
function addSmiley(){
  var postBodyClass = (postBodyClass) ? postBodyClass : 'post-body';
  var d = document.getElementsByClassName(postBodyClass);
  for(var i=0;i<d.length;i++){
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\)/gi, ' <img src=" http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/9j2m9d.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
   
  d[i].innerHTML = d[i].innerHTML.replace(/\:\-S/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/681.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
     
d[i].innerHTML = d[i].innerHTML.replace(/\:\-P/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/71.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
     
 d[i].innerHTML = d[i].innerHTML.replace(/\:\-\[/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/581.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
     
 d[i].innerHTML = d[i].innerHTML.replace(/\:\-D/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/31.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
   
  d[i].innerHTML = d[i].innerHTML.replace(/\}\:\-\]/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/211.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
   
  d[i].innerHTML = d[i].innerHTML.replace(/x\*/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/811.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
     
 d[i].innerHTML = d[i].innerHTML.replace(/\;\-D/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/111.png" style="border:0; margin:0; padding:0;" id="new" /> ');
   
  d[i].innerHTML = d[i].innerHTML.replace(/\:\-\|/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/841.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
     
 d[i].innerHTML = d[i].innerHTML.replace(/\:\-\}/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/2hh249d.png" style="border:0; margin:0; padding:0;" id="new" /> ');
     
 d[i].innerHTML = d[i].innerHTML.replace(/\:\*\)/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/531.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
  d[i].innerHTML = d[i].innerHTML.replace(/\:\-\(/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/501.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');

 d[i].innerHTML = d[i].innerHTML.replace(/\;\-\)/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/2ykzz1s.gif" style="border:0; margin:0; padding:0;" id="new" /> ');

 d[i].innerHTML = d[i].innerHTML.replace(/XL/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/035.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/PIK/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/111-1.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/MUSIK/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/109.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/NOOTO/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/038.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/LUV/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/031.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/RAINN/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/021.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/WHATT/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/61.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/REDD/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/107.gif" style="border:0; margin:0; padding:0;" id="new" /> ');

    }
var d = document.getElementsByClassName('comment-body');
  for(var i=0;i<d.length;i++){
 d[i].innerHTML = d[i].innerHTML.replace(/\:\-\)/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img3123.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-S/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0549.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-P/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img1089.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\[/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0813.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-D/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0897.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\}\:\-\]/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0900.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/x\*/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0776.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\;\-D/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0594.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\|/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0453.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\}/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0786.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\*\)/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0987.png" style="border:0; margin:0; padding:0;" id="new" /> ');
 d[i].innerHTML = d[i].innerHTML.replace(/\:\-\(/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0687.png" style="border:0; margin:0; padding:0;" id="new" /> ');
 d[i].innerHTML = d[i].innerHTML.replace(/\;\-\)/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0571.png" style="border:0; margin:0; padding:0;" id="new" /> ');
 d[i].innerHTML = d[i].innerHTML.replace(/XL/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img1246.png" style="border:0; margin:0; padding:0;" id="new" /> ');
    }
}
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}
addLoadEvent(addSmiley);
//]]>
</script>
<!-- (Fin Script Emoticones) --> 
PROPIEDADES
Postbodyclass: Son los iconos o emoticones que iran en tus entradas
Comment-body: Son los emoticones que tus visitantes podran utilizar al dejar un comentario.
Rojo: lo que esta en rojo son los simbolos que utilizaras para colocar un emoticon, o en otras palabras la carita, es decir si colocamos :-) en el posto o comentario esto de inmediato se sustituira por una imagen. estos se encuentran divididos por diagonales /, si no quieres experimentar mucho es preferible dejar esos codigos en paz a menos que ya tengas conocimiendo de estos Scripts, de lo contrario puede resultar un dolor de cabeza.
Azul: es la direccion en la cual esta alojada la imagen, si no te gustan los que yo he colocado simplemente puedes cambiarlos por los tuyos.

Bien, ya con esto nuestro blog tendra la habilidad de colocar los emoticones, solo falta hacerle saber a tus visitantes cuales codigos le corresponden a cada imagen, y para eso debajo de:
 <h4 id='comment-post-message'><data:postCommentMsg/></h4><p><data:blogCommentMessage/></p>
 colocaremos un codigo que nos muestre arriba del formulario de comentarios una cajita con los iconos disponibles y sus simbolos correspondientes.


<!-- ini tabla emoticones -->
<table border='0' cellpadding='0' cellspacing='1'>
  <tr>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img3123.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0549.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img1089.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0813.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0897.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0900.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0776.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0594.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0453.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0786.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0987.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0687.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0571.png' width='20'/></td>
    <td align='center' width='26'><img height='20' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img1246.png' width='20'/></td>
  </tr>
  <tr>
    <td align='center' width='26'>:-)</td>
    <td align='center' width='26'>:-S</td>
    <td align='center' width='26'>:-P</td>
    <td align='center' width='26'>:-[</td>
    <td align='center' width='26'>:-D</td>
    <td align='center' width='26'>}:-]</td>
    <td align='center' width='26'>X*</td>
    <td align='center' width='26'>;-D</td>
    <td align='center' width='26'>:-|</td>
    <td align='center' width='26'>:-}</td>
    <td align='center' width='26'>:*)</td>
    <td align='center' width='26'>:-(</td>
    <td align='center' width='26'>;-)</td>
    <td align='center' width='26'>XL</td>
  </tr>
</table>
<!-- fin tabla emoticones -->

PROPIEDADES
Verde: con estas podremos jugar con la altura y anchura de la imagen que estara ensima de nuestro formulario de comentarios.
Azul: Sera la URL de la imagen, asegurate que coincida con las que pusiste en el codigo anterior.
Rojo: le muestra a los usuarios que codigo es el necesario para cada emoticon.


Al final nuestro resultado sera el siguiente.



NOTA:
Para que las caritas se muestren ensima del formulario de comentarios, este tiene que estar incrustrado en la entrada, de lo contrario no se mostrara.
Para solucionar esto ve a Blogger >> Configuracion >> Comentarios
Ubicacion de formulario de comentarios >> entrada incrustada a continuacion.

Si utilizas plantilla clasica no se si este script sirva, lo he intentado colocar y no me da resultado :/ pero de igual manera eres libre de intentarlo






6 comentarios :

Crayon brushes

12:42 Pocket! 0

Hello pixie world! jajaja hoy les traigo un pack de brushes estilo crayola, 
espero les gusten y comenten, las imagenes las encontre en esta pagina
-recuerden las imagenes yo no las he elavorado, solo las edite y las
transforme en pinceles-
 ♥ asi que si las publicas dame credito y si usa mi link o mandalos a mi page, ayudame un poquito ♥



0 comentarios :

Pinceles Lolita - Angelique pretty

9:26 Pocket! 0
Bien, este pack lo hice con mucho cariño, para los que ya lo saben fui (soy) lolita
pero por cuestiones economicas no he podido comprar mas vestidos ni zapatos 
lo cual es el infierno para una lolita, como sea, la pasion sigue ahi
al igual qu la clase y el amor hacia lo elegante, asi que me inspire y les traigo
entonces un pack de pinceles photoshop elaborados con las
imagenes mas representativas de -ANGELIQUE PRETTY-
-recuerden las imagenes yo no las he elavorado, solo las edite y las
transforme en pinceles-
 ♥ asi que si las publicas dame credito y si usa mi link o mandalos a mi page, ayudame un poquito ♥





0 comentarios :

Kawaii brushes Photoshop

8:50 Pocket! 5

Hello cute word!  ahora traigo un pack  de pinceles o brushes photoshop
-estas imagenes no me pertenecen- sin embargo yo las  he editado
y transformado en pinceles asi que si las publicas dame credito
espero les gusten, aaah si usa mi link o mandalos a mi page, ayudame un poquito ;D



5 comentarios :

Pack de cursores para tu pc

12:32 Pocket! 8

Hola! hoy les traigo un pack de 10 cursores, incluyendo el muy deseado cursor de bigote :D
espero les gusten, los he hecho con cariño para ustedes.
recuerda si quieres publicar esto en tu blog
usa mi link o mandalos a mi page, ayudame un poquito ;D



8 comentarios :

Como subtitular un video con virtual dub y subtitle workshop

13:42 Pocket! 1


♥ Herramientas a utilizar ♥
SUBTITLE WORKSHOP
VIRTUALDUB

1 comentarios :

Cursores Lolita

12:23 Pocket! 4
Estos cursores los he hecho con imagenes que encontre en internet, respeta mi trabajo asi como el de
♥ aquellos que hicieron los gifs ♥














Estos cursores los he hecho con imagenes que encontre en internet, respeta mi trabajo asi como el de
♥aquellos que hicieron los gifs ♥

4 comentarios :

Suscribirse a: Entradas ( Atom )