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="http://1.bp.blogspot.com/_ebKrCj8TLPk/TMnm7TKHnKI/AAAAAAAAA24/_L_TrXMahGY/s1600/ulybka-smailik.gif" alt="Смайлик улыбка" width="21" height="21" />');

// :((
whichText = whichText.replace(/:\(\(/g,'<img src="http://4.bp.blogspot.com/_ebKrCj8TLPk/TMnmsaql89I/AAAAAAAAA2g/Xu52tC0EY24/s1600/plach-smailik.gif" alt="Смайлик плачущий" width="20" height="21" />');

// :(
whichText = whichText.replace(/:$/g,'<img src="http://1.bp.blogspot.com/_ebKrCj8TLPk/TMnmpJVr9SI/AAAAAAAAA2c/6eDbGpcjUHA/s1600/nikak-smailik.gif" alt="Смайлик никак" width="20" height="21" />');

// :P
whichText = whichText.replace(/:\P/g,'<img src="http://2.bp.blogspot.com/_ebKrCj8TLPk/TMnm9_h_26I/AAAAAAAAA28/vKO07LvtFQg/s1600/yazyk-smailik.gif" alt="Смайлик показывает язык" width="20" height="21" />');

// :D
whichText = whichText.replace(/:D/g,'<img src="http://3.bp.blogspot.com/_ebKrCj8TLPk/TMnmxI26O4I/AAAAAAAAA2o/Oj77qBA_Jvo/s1600/smeh-smailik.gif" alt="Смайлик смех" width="20" height="21" />');

// :$
whichText = whichText.replace(/:\$/g,'<img src="http://4.bp.blogspot.com/_ebKrCj8TLPk/TMnm09QF7nI/AAAAAAAAA2s/hNLG5Uzui9Y/s1600/stesnitelnost-smailik.gif" alt="Смайлик стеснительный" width="20" height="21" />');

// ;)
whichText = whichText.replace(/;$/g,'<img src="http://2.bp.blogspot.com/_ebKrCj8TLPk/TMnmvZ7w_HI/AAAAAAAAA2k/Dz7p2b5PSBQ/s1600/podmignut-smailik.gif" alt="Смайлик подмигивает" width="20" height="21" />');

// :G
whichText = whichText.replace(/:\G/g,'<img src="http://1.bp.blogspot.com/_ebKrCj8TLPk/TMnmjZWnFDI/AAAAAAAAA2U/YSYbRBCU4rU/s1600/kukish-smailik.gif" alt="Смайлик кукиш" width="18" height="18" />');

// :X
whichText = whichText.replace(/:\X/g,'<img src="http://4.bp.blogspot.com/_ebKrCj8TLPk/TMnmmgaFBiI/AAAAAAAAA2Y/yrN5t2xxMqw/s1600/net-smailik.gif" alt="Смайлик не согласен" width="20" height="21" />');

// :o
whichText = whichText.replace(/:\o/g,'<img src="http://2.bp.blogspot.com/_ebKrCj8TLPk/TMnm5k0iz7I/AAAAAAAAA20/hYRgY7uphAU/s1600/uh-ty-smailik.gif" alt="Смайлик ух-ты" width="20" height="21" />');

// :O
whichText = whichText.replace(/:\O/g,'<img src="http://2.bp.blogspot.com/_ebKrCj8TLPk/TMnm_8ZLDwI/AAAAAAAAA3A/2xIw0CS57JE/s1600/zevota-smailik.gif" alt="Смайлик зевает" width="20" height="20" />');

// :S
whichText = whichText.replace(/:S/g,'<img src="http://2.bp.blogspot.com/_ebKrCj8TLPk/TMnm3TRlDQI/AAAAAAAAA2w/7TYq9OJ2K0w/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="http://1.bp.blogspot.com/_ebKrCj8TLPk/TMnm7TKHnKI/AAAAAAAAA24/_L_TrXMahGY/s1600/ulybka-smailik.gif" width="21" />
</td>
<td><img alt="Смайлик плачущий" height="21" src="http://4.bp.blogspot.com/_ebKrCj8TLPk/TMnmsaql89I/AAAAAAAAA2g/Xu52tC0EY24/s1600/plach-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик никак" height="21" src="http://1.bp.blogspot.com/_ebKrCj8TLPk/TMnmpJVr9SI/AAAAAAAAA2c/6eDbGpcjUHA/s1600/nikak-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик показывает язык" height="21" src="http://2.bp.blogspot.com/_ebKrCj8TLPk/TMnm9_h_26I/AAAAAAAAA28/vKO07LvtFQg/s1600/yazyk-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик смех" height="21" src="http://3.bp.blogspot.com/_ebKrCj8TLPk/TMnmxI26O4I/AAAAAAAAA2o/Oj77qBA_Jvo/s1600/smeh-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик стеснительный" height="21" src="http://4.bp.blogspot.com/_ebKrCj8TLPk/TMnm09QF7nI/AAAAAAAAA2s/hNLG5Uzui9Y/s1600/stesnitelnost-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик подмигивает" height="21" src="http://2.bp.blogspot.com/_ebKrCj8TLPk/TMnmvZ7w_HI/AAAAAAAAA2k/Dz7p2b5PSBQ/s1600/podmignut-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик кукиш" height="18" src="http://1.bp.blogspot.com/_ebKrCj8TLPk/TMnmjZWnFDI/AAAAAAAAA2U/YSYbRBCU4rU/s1600/kukish-smailik.gif" width="18" />
</td>
<td><img alt="Смайлик не согласен" height="21" src="http://4.bp.blogspot.com/_ebKrCj8TLPk/TMnmmgaFBiI/AAAAAAAAA2Y/yrN5t2xxMqw/s1600/net-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик ух-ты" height="21" src="http://2.bp.blogspot.com/_ebKrCj8TLPk/TMnm5k0iz7I/AAAAAAAAA20/hYRgY7uphAU/s1600/uh-ty-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик зевает" height="20" src="http://2.bp.blogspot.com/_ebKrCj8TLPk/TMnm_8ZLDwI/AAAAAAAAA3A/2xIw0CS57JE/s1600/zevota-smailik.gif" width="20" />
</td>
<td><img alt="Смайлик боится" height="21" src="http://2.bp.blogspot.com/_ebKrCj8TLPk/TMnm3TRlDQI/AAAAAAAAA2w/7TYq9OJ2K0w/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: