Cute pocket

Norway (

Noreg (Nynorsk)), officially the Kingdom of Norway, is a Scandinavian unitary constitutional monarchy whose territory comprises the western portion of the Scandinavian Peninsula, Jan Mayen, the Arctic archipelago ofSvalbard and the subantarctic Bouvet Island.^{[note 1]} Norway has a total area of 385,252 square kilometres (148,747 sq mi) and a population of about 5 million.^[9] It is the second least densely populated country in Europe. The country shares a long border with Sweden (1,619 km long) that it is the longest uninterrupted border within both Europe and Schengen Area; it is also bordered by Finland and Russia to the north-east; in its south Norway borders the Skagerrak Strait across from Denmark. It shares maritime borders with Russia by the Barents sea, Greenland, Faroe Islands and Iceland by the Norwegian Sea, Sweden, Denmark and United Kingdom by the North Sea. The capital city of Norway is Oslo. Norway's extensive coastline, facing the North Atlantic Ocean and the Barents Sea, is home to its famous fjords.

Two centuries of Viking raids tapered off following the adoption of Christianity by King Olav Tryggvason in 994. A period of civil war ended in the 13th century when Norway expanded its control overseas to parts of Britain, Ireland, Iceland, and Greenland. Norwegian territorial power peaked in 1265, but competition from the Hanseatic League and the spread of the Black Death weakened the country. In 1380, Norway was absorbed into a union with Denmark that lasted more than four centuries. In 1814, Norwegians resisted the cession of their country to Sweden and adopteda new constitution. Sweden went to war with Norway but agreed to let Norway keep its constitution in return for accepting the union under aSwedish king. Rising nationalism throughout the 19th century led to a 1905 referendum granting Norway independence. Although Norway remained neutral in World War I, it suffered heavy losses to its shipping. Norway proclaimed its neutrality at the outset of World War II, but was nonetheless occupied for five years by the Third Reich. In 1949, neutrality was abandoned and Norway became a founding member of NATO. Discovery of oil and gas in adjacent waters in the late 1960s boosted Norway's economic fortunes. In referenda held in 1972 and 1994, Norway rejected joining the European Union. Key domestic issues include immigration and integration of ethnic minorities, maintaining the country's extensive social safety net with an aging population, and preserving economic competitiveness.^[2]^[10]

King Harald V is Norway's head of state and Jens Stoltenberg is its prime minister. It has administrative subdivisions on two levels known as counties (fylke) and municipalities (kommuner). The Sámi people have a certain amount of self-determination and influence over traditional territories through the Sámi Parliament and the Finnmark Act. Although having rejected European Union membership in two referenda, Norwaymaintains close ties with the union and its member countries, as well as with the United States. Norway participates with United Nations forces in international missions, notably in Afghanistan, Kosovo, Sudan and Libya. Norway is a founding member of the United Nations, NATO, theCouncil of Europe, and the Nordic Council; a member of the European Economic Area, the WTO, and the OECD; and is also a part of theSchengen Area.

Norway has extensive reserves of petroleum, natural gas, minerals, lumber, seafood, fresh water, and hydropower. The country has the fourth-highest per capita income in the world. On a per-capita basis, it is the world's largest producer of oil and natural gas outside the Middle East,^[11]^[12] and the petroleum industry accounts for around a quarter of the country's gross domestic product.^[13] The country maintains a welfare model with universal health care, subsidized higher education, and a comprehensive social security system. From 2001 to 2006,^[14] and then again from 2009 through 2011, Norway has had the highest human development index ranking in the world.^[15]^[16] In 2011, Norway also had the highest ranking on the Democracy Index^[17] and the Legatum Prosperity Index. According to UNDP, Norway is the world's best country.^[18]Forbes rank Norway #4 in their list The World's richest countries, which compare countries by GDP.^[19]

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>

<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>  
<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$>"><< <$I18NHome$></a>
</p>
</div>
</ItemPage>

</Blogger>

</div>


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

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

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

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/

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

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]

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

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!

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 ("return false")
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.

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='"https://www.blogger.com/comment.g?blogID=ID_DEL_BLOG&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); 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='"https://www.blogger.com/comment.g?blogID=ID_DEL_BLOG&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); 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

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,

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

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.

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

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

Suscribirse a: Entradas ( Atom )

Cute pocket

kakaka

Emoticones en entradas y comentarios, PLANTILLAS CLASICAS!

Botones "Entradas antiguas" y "Entradas recientes"

Firma en entrada, plantilla clasica.

Buscador en plantilla clasica

2NE1 HATE YOU Pinceles!

Bloquear seleccion de textos e imagens en blog.

Responder a el comentario en blog

Ocultar el "mostrar mas entradas" en blogger

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

Emoticons en tus entradas y comentarios para blog.

QUE ES LO QUE BUSCAS

Categories

LO MAS VISTO

Menu

Datos personales

Archivo del blog

Seguidores

Link list 1

Link list 2

Link list 3

Link list 4