(Последнее обновление: 31.08.2017)

blogger-logoПривет дамы и господа! Сегодня хочу поделиться с вами полезными инструментами, которые вам обязательно пригодятся. Полезные инструменты для Blogger - это konverter рекламного кода Google Adsense для вставки в шаблон Blogger, конвертер  HTML кода для вставки в статью блога и счетчик символов.

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

Не забудьте, что код каждого инструмента вставляется на отдельную страницу, в режиме HTML.

Конвертер рекламного кода Google Adsense

Кто не знает для чего этот преобразователь нужен, напомню кратко. Если Вы решите вставить рекламный блок Adsense в сам шаблон блога, его надо сначала преобразовать - разобрать. Простой, не преобразованный код ваш шаблон не примет, не сохранит изменения. Вот как то так. Сам Konverter Adsense будет выглядеть так:

Adsense-Converter

Konverter Adsense

Пользоваться им очень просто. Вставляете код  в поле конвертера Adsense, нажимаете Encode ( название кнопки можете поменять) и полученный новый код можете вставлять непосредственно в сам шаблон вашего блога. Вот скрипт для вставки на отдельную страницу:

Инструкция:<br />
1. Введите код Adsense в поле.<br />
2. Нажмите на кнопку "Encode".
<br />
3. Скопируйте полученный код.<br />
<br />
<div style="text-align: center;">
<center>
<script >
function convert(){
var ele1 = document.getElementById("somewhere");
var replaced;
replaced = ele1.value;
replaced = replaced.replace(/&/ig, "&amp;");
replaced = replaced.replace(/</ig, "<");
replaced = replaced.replace(/>/ig, ">");
replaced = replaced.replace(/"/ig, "&quot;");
replaced = replaced.replace(/±/ig, "&plusmn;");
replaced = replaced.replace(/©/ig, "&copy;");
replaced = replaced.replace(/®/ig, "&reg;");
replaced = replaced.replace(/howdy/ig, "ya'll");
ele1.value = replaced;
}
</script>
<center>
<table border="0" cellpadding="0" cellspacing="0" style="width: 500px;"><tbody>
<tr> <td valign="top" width="500"><textarea cols="70" id="somewhere" rows="13" style="background: none repeat scroll 0% 0% rgb(250, 250, 250); border: 2px solid rgb(204, 204, 204);"></textarea>
<left><input onclick="convert();" type="button" value="Encode" /></left></td> </tr>
</tbody></table>
</center>
</center>
</div>
</div>

Следующий инструмент конвертер HTML кода

Конвертация кода в html символы для публикации в статьях и комментариях. Выглядеть это будет так:

konverter-html

Конвертер HTML кода

Код для вставки:

<div class="post-body">
<style>
.fullpost{display:none;}</style>
<div class="post-header" style="left: -9999px; position: absolute;">
<div class="post-header-line-1">
</div>
</div>
<style scoped="" type="text/css">
code{font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;color:#2a5ead;font-size:13px;padding:2px 4px;color:#d14;}
#codes{border:none;width:98%;height:200px;margin:0 auto;display:block;background-color:#F0F0F0;padding:5px;font:normal 12px 'Courier New',Monospace;border:1px solid #ccc}
#codes:focus{background-color:#FFF;color:#303030}
.button-group{margin:0 auto 0;text-align:center}
button,button[disabled]:active{text-align:center;color:#fff; display:inline-block; white-space:nowrap; background-color:#00aaff;background: linear-gradient(#00aaff,#0994d9); border-radius:2px 2px 2px 2px; cursor:pointer; font-family:'Open Sans',Arial,Sans-Serif; font-size:13px; padding:3px 8px 1px; position:relative; text-shadow:0 1px 0 rgba(0,0,0,0.3); top:-1px; transition:none 0s ease 0s; border:1px solid #888;box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 1px 2px #bbb;}
button:active{background: linear-gradient(#0994d9,#00aaff)}
button[disabled],button[disabled]:active{background: #00aaff;top:0; box-shadow:inset 0 2px 0 rgba(255,255,255,0); }
#opt1,#opt2,#opt3,#opt4,#opt5{display:inline-block;margin:0 10px 0 0;vertical-align:middle;border:none;outline:none}
#comments {display:none}
</style>
<textarea id="codes" placeholder="Вставьте код и нажмите кнопку Преобразовать" spellcheck="false"></textarea>
<div class="button-group">
<button id="cvrt" onclick="cdConvert();this.disabled = true;">Преобразовать</button>
<button onclick="cdClear();">Очистить</button></div>
<input checked="true" id="opt1" type="checkbox" />Преобразовать&nbsp;<code>&amp;</code>&nbsp;в&nbsp;<code>&amp;amp;</code>

<input id="opt2" type="checkbox" />Преобразовать&nbsp;<code>'</code>&nbsp;в&nbsp;<code>&amp;#039;</code>

<input id="opt3" type="checkbox" />Преобразовать&nbsp;<code>"</code>&nbsp;в&nbsp;<code>&amp;quot;</code>

<input checked="true" id="opt4" type="checkbox" />Преобразовать<code><</code> в <code>&amp;lt;</code>

<input checked="true" id="opt5" type="checkbox" />Преобразовать&nbsp;<code>></code>&nbsp;в&nbsp;<code>&amp;gt;</code>

<script >
function cdClear() {
var wtarea = document.getElementById('codes');
wtarea.value = '';
wtarea.focus();
document.getElementById('cvrt').disabled = false;
}
function cdConvert() {
var ctarea = document.getElementById('codes'),
cv = ctarea.value,
opt1 = document.getElementById('opt1'),
opt2 = document.getElementById('opt2'),
opt3 = document.getElementById('opt3'),
opt4 = document.getElementById('opt4'),
opt5 = document.getElementById('opt5');
cv = cv.replace(/\t/g, " ");
if (opt1.checked) cv = cv.replace(/&/g, "&amp;");
if (opt2.checked) cv = cv.replace(/'/g, "&#039;");
if (opt3.checked) cv = cv.replace(/"/g, "&quot;");
if (opt4.checked) cv = cv.replace(/</g, "<");
if (opt5.checked) cv = cv.replace(/>/g, ">");
if (cv.lastIndexOf('\n') != -1) {
cv = cv.replace(/^/, "");
} else {
cv = cv.replace(/^/, "");
}
cv = cv.replace(/$/, "");
ctarea.value = cv;
ctarea.focus();
ctarea.select();
};
</script>
<div style="clear: both;">
</div>
</div>

Далее

Инструмент счетчик символов

simvol-schetchik

Счетчик символов

Код для вставки возьмите здесь, с Яндекс. Диска. Вот вроде и всё. Удачи.

С уважением, Сергей