BOMB fishka CLUB: Сделать смайлики в блоггере (Blogger)

Сделать смайлики в блоггере (Blogger)

Для как бы того, чтоб выделить чувства, испытываемые при написании комментария, комфортно применять смайлики. Всем известно о том, что для внедрения их в блог на платформе Blogger можно включить скрипт автоматической подмены определенных знаков на изображения.

Итак, после

<head>

Вставляем:

<b:if cond="data:blog.pageType == "item"">
<script type="text/javascript">
//<![CDATA[
function smileyComment(which) {
if(!document.getElementById) {return;} //
bodyText = document.getElementById(which); // combody-xxxxxxxxxx
whichText = bodyText.innerHTML;

// :)
whichText = whichText.replace(/:\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu3ZeUPZd-1z-4y77OHdKh3pXdfNfUdlqvkFq3ZkSpy3OIEryYejZBRO8yDWUV0SiUVEgn2wdCpnZ-Sql5pqL6ki0tIm_IPSIWnF-2BbbNWEsX8mXdzcixyUACq3rFYRJgGzz2xgeYGGj7/s1600/ulybka-smailik.gif" alt="Смайлик улыбка" width="21" height="21" />');

// :((
whichText = whichText.replace(/:\(\(/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNLskLkPH707n1Glh4cmKNRdBdnwQNvEYW1m_b0F7AVR_Jz0y2jxh4M8jwCUZCxAe1e56kajEcG_qs3wJD2hIVZKcOxzLGBnxFuRk6d1QzCr80xSKeMOT1o0ncrpY1t5z6DVfj3ZqC9CdN/s1600/plach-smailik.gif" alt="Смайлик плачущий" width="20" height="21" />');

// :(
whichText = whichText.replace(/:\(/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEETUyYUCmCYhbU0cWw0vUn5uqkYQfAPQty9BAtTPP_jvV19THB9RlszsAHxGPjoAsO1bLTqjBYiDuJYu0f7mdnjWPMlnGO7iVVy3Tb9sVwW6DdAxMrtoK13Da9CFfD849MvS5cMc3B6Pa/s1600/nikak-smailik.gif" alt="Смайлик никак" width="20" height="21" />');

// :P
whichText = whichText.replace(/:\P/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu28FoQkpFDjkwM6xvq9zE_RlH156GtTvwgvYRZ3tKlOkIom8Z1CO_dAWNSKLJGUz-Yv66OYmhQ2px6SE7hKetmiw9mBGsaqLZ_JZs5pKRdAgUcsIhlMKAL8FuLnQnc_IWMQis06puGjYi/s1600/yazyk-smailik.gif" alt="Смайлик показывает язык" width="20" height="21" />');

// :D
whichText = whichText.replace(/:D/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsSSjtudvGaGGB84UrTgoZpypjabNdBMJCjfY6L25_VEEN_Y1sSxgBYA2S0VaUohrcXVO4j5PuhIS30UurpnFyGi8_lHBLKRvDgCUDzMiKEl4z86mQr4JiK4UCU8mGN6JNzBMjmH3HUUS4/s1600/smeh-smailik.gif" alt="Смайлик смех" width="20" height="21" />');

// :$
whichText = whichText.replace(/:\$/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj09A-eyvsjzgn_R3k4bFrvtLm-QMAtKtrRFqX9vy-G3Wd7C28-77qBsl7Kp6tVPBMYPYYNvaiKWNCODae-JeW-eBayakhjG1syZFjdubbr9LsGX9W2w8n1MSgJH_NNZxOtR6nQnVtxnXwG/s1600/stesnitelnost-smailik.gif" alt="Смайлик стеснительный" width="20" height="21" />');

// ;)
whichText = whichText.replace(/;\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid9ogVvE6YrWI68iWi3U8u02M9jSefffzlaUa3S50FlS0E6JLjqO909wKyOAeSZpDXfdKfWOS6EHo2CIkXn7vPqOKo1WxcW78YvbeaNCxUWN6blOboLVCFzWHIshMP_yjNQQQjCUy7v1FI/s1600/podmignut-smailik.gif" alt="Смайлик подмигивает" width="20" height="21" />');

// :G
whichText = whichText.replace(/:\G/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCBcj9bxdVQbedCO38MDFx7kKJKDTKJToXepAm7JN-IsQPC7LXBw6gJR4587vMhGHd9ZNSWe1LZvsA4K3Q2o7RcUJqvrSPM2lKLNFhcGuS5-xacgXDuJpitRtoPerKb16682gCKLtF7bLW/s1600/kukish-smailik.gif" alt="Смайлик кукиш" width="18" height="18" />');

// :X
whichText = whichText.replace(/:\X/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgLyfrNOOkZB3LdJ3lnoS-XM8WFP7FFNuUzsYuj9GS8k3I2fFPgwUtsyrpqVMajAtaRyl987O5JUPs5LjbRJ_0D2Va0WCF_UoKKyxDypvrYd2csdLZdU3zflWuDZ9_enF-bNWb3JBtSRbV/s1600/net-smailik.gif" alt="Смайлик не согласен" width="20" height="21" />');

// :o
whichText = whichText.replace(/:\o/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd5CRDiR4J7UmLt7GiKCt-ZBMVRy3Pmo05R7AaHjPEwQx1o9ZZAWTwEfs5O7QUM5QmzGa-sP5tb-2uPsfF0VuQGvq1FS-qhiqIvtbYGEGXzrgwqnVgcYEJAHazedj12Ppkbm3A7-tpg9b9/s1600/uh-ty-smailik.gif" alt="Смайлик ух-ты" width="20" height="21" />');

// :O
whichText = whichText.replace(/:\O/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqD2RHflXulP-J21jeNurN79k9eoPHco1YG4ptDK9TOqm4p5uuIXk2axLkXqOTovNPbG2ekD0sPhTw-40qH27iLCqjBHxGuk7-qh336LErOWLdling803YJuYulXoiRJ6iRqv_COiBSVp0/s1600/zevota-smailik.gif" alt="Смайлик зевает" width="20" height="20" />');

// :S
whichText = whichText.replace(/:S/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkRbjZnepRFq35fetB00voC1zoVW69GZ5cYCPmlh9u706YKOGMU33Pfh5ymUWwiN71qO96y-B1Vqmi4wrbRHSjgFDL5SYK3apwRC1v2MZnIo8XnEeDW9cmnMmPAHNmpG3NtFVC1ADiuPpd/s1600/strah-smailik.gif" alt="Смайлик боится" width="20" height="21" />');

bodyText.innerHTML = whichText;
}
//]]>
</script>
</b:if>

Код:

<b:if cond="data:comment.isDeleted">
  <span class="deleted-comment"><data:comment.body></data:comment.body></span>
<b:else>
  </b:else></b:if><br />
<data:comment.body>
   <span class="interaction-iframe-guide">
  </span></data:comment.body><br />

Меняем на:

<b:if cond='data:comment.isDeleted'>
  <span class='deleted-comment'><data:comment.body/></span>
<b:else/>
  <p expr:id='"combody-" + data:comment.anchorName'><data:comment.body/>
<span class='interaction-iframe-guide'/></p>
<script type='text/javascript'>
  which = "combody-" + "<data:comment.anchorName/>";
  smileyComment(which);
</script>
</b:if>

После строки:

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

Вставляем:

<center>
<table>
<tbody>
<tr>
<td colspan="10"></td><td colspan="3"></td>
</tr>
<tr>
<td><img alt="Смайлик улыбка" height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu3ZeUPZd-1z-4y77OHdKh3pXdfNfUdlqvkFq3ZkSpy3OIEryYejZBRO8yDWUV0SiUVEgn2wdCpnZ-Sql5pqL6ki0tIm_IPSIWnF-2BbbNWEsX8mXdzcixyUACq3rFYRJgGzz2xgeYGGj7/s1600/ulybka-smailik.gif" width="21" />
</td>
<td><img alt="Смайлик плачущий" height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNLskLkPH707n1Glh4cmKNRdBdnwQNvEYW1m_b0F7AVR_Jz0y2jxh4M8jwCUZCxAe1e56kajEcG_qs3wJD2hIVZKcOxzLGBnxFuRk6d1QzCr80xSKeMOT1o0ncrpY1t5z6DVfj3ZqC9CdN/s1600/plach-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик никак" height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEETUyYUCmCYhbU0cWw0vUn5uqkYQfAPQty9BAtTPP_jvV19THB9RlszsAHxGPjoAsO1bLTqjBYiDuJYu0f7mdnjWPMlnGO7iVVy3Tb9sVwW6DdAxMrtoK13Da9CFfD849MvS5cMc3B6Pa/s1600/nikak-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик показывает язык" height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu28FoQkpFDjkwM6xvq9zE_RlH156GtTvwgvYRZ3tKlOkIom8Z1CO_dAWNSKLJGUz-Yv66OYmhQ2px6SE7hKetmiw9mBGsaqLZ_JZs5pKRdAgUcsIhlMKAL8FuLnQnc_IWMQis06puGjYi/s1600/yazyk-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик смех" height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsSSjtudvGaGGB84UrTgoZpypjabNdBMJCjfY6L25_VEEN_Y1sSxgBYA2S0VaUohrcXVO4j5PuhIS30UurpnFyGi8_lHBLKRvDgCUDzMiKEl4z86mQr4JiK4UCU8mGN6JNzBMjmH3HUUS4/s1600/smeh-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик стеснительный" height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj09A-eyvsjzgn_R3k4bFrvtLm-QMAtKtrRFqX9vy-G3Wd7C28-77qBsl7Kp6tVPBMYPYYNvaiKWNCODae-JeW-eBayakhjG1syZFjdubbr9LsGX9W2w8n1MSgJH_NNZxOtR6nQnVtxnXwG/s1600/stesnitelnost-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик подмигивает" height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid9ogVvE6YrWI68iWi3U8u02M9jSefffzlaUa3S50FlS0E6JLjqO909wKyOAeSZpDXfdKfWOS6EHo2CIkXn7vPqOKo1WxcW78YvbeaNCxUWN6blOboLVCFzWHIshMP_yjNQQQjCUy7v1FI/s1600/podmignut-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик кукиш" height="18" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCBcj9bxdVQbedCO38MDFx7kKJKDTKJToXepAm7JN-IsQPC7LXBw6gJR4587vMhGHd9ZNSWe1LZvsA4K3Q2o7RcUJqvrSPM2lKLNFhcGuS5-xacgXDuJpitRtoPerKb16682gCKLtF7bLW/s1600/kukish-smailik.gif" width="18" />
</td>
<td><img alt="Смайлик не согласен" height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgLyfrNOOkZB3LdJ3lnoS-XM8WFP7FFNuUzsYuj9GS8k3I2fFPgwUtsyrpqVMajAtaRyl987O5JUPs5LjbRJ_0D2Va0WCF_UoKKyxDypvrYd2csdLZdU3zflWuDZ9_enF-bNWb3JBtSRbV/s1600/net-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик ух-ты" height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd5CRDiR4J7UmLt7GiKCt-ZBMVRy3Pmo05R7AaHjPEwQx1o9ZZAWTwEfs5O7QUM5QmzGa-sP5tb-2uPsfF0VuQGvq1FS-qhiqIvtbYGEGXzrgwqnVgcYEJAHazedj12Ppkbm3A7-tpg9b9/s1600/uh-ty-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик зевает" height="20" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqD2RHflXulP-J21jeNurN79k9eoPHco1YG4ptDK9TOqm4p5uuIXk2axLkXqOTovNPbG2ekD0sPhTw-40qH27iLCqjBHxGuk7-qh336LErOWLdling803YJuYulXoiRJ6iRqv_COiBSVp0/s1600/zevota-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик боится" height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkRbjZnepRFq35fetB00voC1zoVW69GZ5cYCPmlh9u706YKOGMU33Pfh5ymUWwiN71qO96y-B1Vqmi4wrbRHSjgFDL5SYK3apwRC1v2MZnIo8XnEeDW9cmnMmPAHNmpG3NtFVC1ADiuPpd/s1600/strah-smailik.gif" width="20" />
</td>
</tr>
<tr>
<td>:)</td>
<td>:((</td>
<td>:(</td>
<td>:P</td>
<td>:D</td>
<td>:$</td>
<td>;)</td>
<td>:G</td>
<td>:X</td>
<td>:o</td>
<td>:O</td>
<td>:S</td>
</tr>
</tbody>
</table>
</center>

Изображение смайликов вы можете выбрать свои, заменив код рисунка, или воспользоваться предложенным вариантом. Удачи!
Источник ссылка

----------------------------------------------------------------------------------------------------------------------------

Если Вам понравился это пост, то вы можете подписаться на обновления блога по RSS,или получать новые материалы по e-mail: