Blog o "blogger"

среда, 22 марта 2017 г.

тест

.mykod { margin:10px; padding:15px 15px 15px 70px; border:2px solid #2288bb; border-radius: 10px; background-position:10px 50%; background-repeat:no-repeat; position:relative; background-color:#F0F9FF; font-family: monospace; font-size:90%; color: #2288bb; background-image:url("https://dl.dropboxusercontent.com/u/54357058/kod.png"); }

Ещё один вариант оформления кода

Вариант оформления кода с помощью CSS (вручную) в целом похож на последний способ, описанный в статье "Вставка кода в статью блога (продолжение)".
1. Создала новый класс .mykod, для которого расписала CSS стиль такого вида:

.mykod {
margin:10px;
padding:15px 15px 15px 70px;
border:2px solid #2288bb;
border-radius: 10px;
background-position:10px 50%;
background-repeat:no-repeat;
position:relative;
background-color:#F0F9FF;
font-family: monospace;
font-size:90%;
color: #2288bb;
background-image:url("https://dl.dropboxusercontent.com/u/54357058/kod.png");
}

Этот стиль CSS сохранила (как всегда) через Дизайн → Дизайнер шаблонов → Дополнительно → Добавить CSS.
2. И теперь каждый раз, когда нужно оформить код, его нужно заключить между тегами:

<div class="mykod">ВАШ КОД</div>

То есть, сначала в визуальном редакторе пишем код (как простой текст статьи), а затем (после написания всей статьи), переключаемся на HTML-редактор и участок текста, соответствующий нашему коду, обрамляем в вышеуказанные div-ы.
Идею такого оформления кода я позаимствовала в статье "Красивое выделение текста". Однако, не стала задавать несколько классов, а ограничилась только одним. CSS тоже изменила: удалила свойства, описывающие тени; подобрала другие цвета фона, текста и рамки; изменила шрифт на моноширинный, уменьшив его относительный размер; картинку "перебросила" на свой Дропбокс; и др.

источник

Как убрать рамку вокруг изображения

По умолчанию в блогах на Blogspot-е вокруг изображений (фотографий) в тексте статьи отображается рамка с небольшой тенью. Эта несколько невнятная рамка иногда меня раздражала, но как от неё избавиться, я не знала. Пока совершенно случайно не наткнулась на статью "How To Remove Blogger Picture/Image Shadow And Border".
Оказывается, всё очень просто: нужно просто внести изменения в CSS.
Для этого открываем вкладку "Дизайн" в админке блога → ссылка "Дизайнер шаблонов" → вкладка "Дополнительно" → Добавить CSS

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: none !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}

Ниже приведу скриншоты до и после внесения изменений в CSS.
1. Рамка по умолчанию выглядит так:

Рамка по умолчанию вокруг изображения в блоге

2. Без рамки по умолчанию, по-моему, лучше:

источник

воскресенье, 19 февраля 2017 г.

Похожие статьи для Blogger

По запросам «похожие статьи blogger«, «похожие посты blogger«, «похожие сообщения blogger» Яндекс не особо порадовал выдачей. Есть кое-какие скрипты, которыми пользуется большинство, но меня они не особо устроили. Потому, порыв блогосферу, наткнулся на замечательного товарища — Doctor VU, который у себя в жж выложил модифицированный скрипт «Ссылки на похожие сообщения для Blogger«. Его и установил. Схожесть ссылки определяется только её принадлежностью к метке.

Плюсы скрипта:
1. Отсутствие ссылок на сторонние ресурсы;
2. Возможность исключать из выдачи метки, не имеющие ни одной ссылки;
3. Возможность переименовывать метки в выдаче и объединять разные метки под одним названием;
4. Возможность отдельно указать, какие метки следует всегда исключать из выдачи;
5. Возможность встроить название метки в заголовок;
6. Возможность указать заголовок, который отображается, когда нет ни единой релевантной ссылки;
7. Простота настройки.

Установка скрипта «Похожие статьи»:
1. Заходим в панель управления блогом и переходим на вкладку «Изменить HTML». Ставим галочку напротив «Расширить шаблоны виджета».
2. Находим строчку <data:post.body/> и вставляем после неё следующий код:

<b:if cond=’data:blog.pageType == "item"’>
<div class=’similiar’>
<div class=’widget-content’>
<br/>
<div id=’data2007840981’/>
<div id=’data2007840980’/>
<br/>
<script type=’text/javascript’>
var headerN = «Похожие статьи:»; /* Заголовок виджета, когда в нём отображается более чем одна метка. */
var header1 = «Еще статьи из категории \»__LABEL__\»:»; /* Заголовок виджета, когда в нём отображается одна метка. Если в заголовке есть слово __LABEL__, то вместо него будет подставлено имя метки. */
var header0 = «»; /* Текст, выводимый, если нет ни одной метки и ссылки. */
var homeUrl3 = "<data:blog.homepageUrl/>"; /* Адрес блога, откуда берём список постов. */
var maxNumberOfPostsPerLabel = 5; /* Максимальное число постов, отображаемых для каждой метки. */
var maxNumberOfLabels = 4; /* Максимальное число отображаемых меток. */
var excludeEmptyLabels = true; /* Скрывать ли метки, для которых нет подходящих постов. true — скрывать, false — отображать. */
var excludeLabels = []; /* Метки, которые не следует отображать. */
/* Смена отображаемых имён.
Здесь перечисляем соответствия реального имени метки и названия, которое будет показано на странице.
Если для двух меток указать одно название, они при отображении склеятся в одну метку.
Если метка здесь не перечисляется, то отображается под своим настоящим названием.
*/
var renameLabels = {};
function is_in(item, array) {
for (k in array)
if (array[k] == item) return true;
return false;
}
function label_title(label) {
if (renameLabels[label])
return renameLabels[label];
return label;
}
totalLabels = 0;
receivedReplies = 0;
var receivedItems = [];
var k_label;
function labelReceived() {
receivedReplies++;
if (receivedReplies != totalLabels)
return;
var labelCount = 0;
for (k_label in receivedItems) {
var items = receivedItems[k_label];
if (items.length == 0 && excludeEmptyLabels)
continue;
labelCount++;
}
var labelCount1 = 0;
for (k_label in receivedItems) {
var items = receivedItems[k_label];
if (items.length == 0 && excludeEmptyLabels)
continue;
var ul = document.createElement('ul');
var itemsCount = 0;
for (var k_item in items) {
item = items[k_item];
var li = document.createElement('li');
var a = document.createElement('a');
a.href = item.href;
var txt = document.createTextNode(item.title);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
itemsCount++;
if (itemsCount == maxNumberOfPostsPerLabel)
break;
}
var txt = document.createTextNode(k_label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
if (!(labelCount == 1 && header1.search && header1.search(/(LABEL)/) != -1))
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007840980').appendChild(div1);
labelCount1++;
if (labelCount1 == maxNumberOfLabels)
break;
}
var txt;
if (labelCount == 1 && header1)
txt = document.createTextNode(header1.replace(«__LABEL__», k_label));
else if (labelCount)
txt = document.createTextNode(headerN);
else if (header0)
txt = document.createTextNode(headerN);
if (txt)
{
var h = document.createElement(«h4»);
h.appendChild(txt);
document.getElementById('data2007840981').appendChild(h);
}
}
function receiveReply_123(json) {
var label = «»;
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++)
label = label.replace("%20", " ");
label = decodeURI(label);
break;
}
}
var labelTitle = label_title(label);
if (typeof receivedItems[labelTitle] != «object»)
receivedItems[labelTitle] = [];
for (var k in json.feed.entry) {
var entry = json.feed.entry[k];
var href = «»;
for (var kl in entry.link) {
if (entry.link[kl].rel == «alternate») {
href = entry.link[kl].href;
break;
}
}
if(href != «» && href != location.href) {
var item = { «href» : href, «title» : entry.title.$t};
receivedItems[labelTitle].push(item);
}
}
labelReceived();
}
function sendQueryForLabel(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=receiveReply_123');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var parsedlabels = [];
var labelsCount = 0;
function list_items(textLabel) {
if (labelsCount >= maxNumberOfLabels ||
is_in(textLabel, excludeLabels) ||
is_in(textLabel, parsedlabels)) {
labelReceived();
return;
}
labelsCount++;
parsedlabels.push(textLabel);
sendQueryForLabel(homeUrl3, textLabel);
}
<b:loop values=’data:posts’ var=’post’>
<b:loop values=’data:post.labels’ var=’label’>
totalLabels++;
</b:loop>
</b:loop>
<b:loop values=’data:posts’ var=’post’>
<b:loop values=’data:post.labels’ var=’label’>
list_items("<data:label.name/>");
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

3. Изменяем настройки виджета на свой вкус.
4. Пользуемся!

Если вам необходимы какие-то особые возможности, которые данный код предоставить не в состоянии, вы можете обратиться за помощью, посетив ЖЖ автора скрипта.

источник

Виджет похожие сообщения без миниатюр для Blogger

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

Рассмотрим установку виджета похожие сообщения без миниатюр.

Перейдём в Шаблон - Изменить HTML.
Отмечаем галочкой “Расширить шаблоны виджетов”
С помощью поиска (Ctrl+F) находим строку:

</head>

и прямо над ней вставляем код:

<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(https://lh6.googleusercontent.com/-2JWL1R0i0i0/TxsH-tOc_lI/AAAAAAAAENs/pgk0U-IDGsE/w10/green.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>
<script type='text/javascript'>
var relatedpoststitle="Похожие сообщения:";
</script>
<script src='http://slivsol-pc-user.googlecode.com/files/related-posts.js' type='text/javascript'/>
</b:if>

Эта ссылка ведёт на изображение в виде зелёной галочки перед заголовком сообщения: https://lh6.googleusercontent.com/-2JWL1R0i0i0/TxsH-tOc_lI/AAAAAAAAENs/pgk0U-IDGsE/w10/green.png его вы можете заменить на своё или полностью удалить выделенную строчку если не хотите, чтобы изображение присутствовало.В этой строке var relatedpoststitle="Похожие сообщения:"; вы можете поменять название заголовока виджета.

Дальше находим строку:

если такой нет, то такую:

и сразу под строкой вставляем этот код (код не содержит скрытых сторонних ссылок) :

В строках:

var maxresults=

и
max-results=

можно настроить количество выводимых ссылок на похожие сообщения без миниатюр.

Если вы хотите, чтобы виджет выводился не только в конце каждой статьи, но и на главной странице тоже, то удалите из кода все эти строки:
<b:if cond='data:blog.pageType == "item"'>

</b:if>Если возникнут вопросы по более детальной настройке виджета похожие сообщения без миниатюр для Blogger, спрашивайте в комментариях.

источник

Как в Blogger добавить похожие статьи для каждого сообщение

Сегодня мы научимся добавлению очень полезного виджета ⇨"похожие статьи" для каждого сообщения, на основании ярлыков.Это очень нужный виджет, после каждого вашего поста посетитель будет наблюдать ваши похожие записи с миниатюрами.

После очень простых действий на вашем блоге, в зависимости от ярлыков, будут отображены "похожие сообщения" и выглядит это так:

Как добавить "похожие сообщения" на блог

1. Сначала заходим в панель управления blogger. Выбираем вкладку"Шаблон ⇨ Изменить HTML". Далее с помощью сочетаний клавиш (Ctrl+F), находим строку в вашем шаблоне </head> и прямо над ней вставляем код:

2. Теперь ищем одну из этих строчек <div class='post-footer-line post-footer-line-1'>
Если вдруг не найдёте, то <p class='post-footer-line post-footer-line-1'>

Если уж вдруг нет никакой из эти строчек, то находим <data:post.body/>

Далее сразу после любой из этих строчек вставляем этот код:

источник

Flash

Коротко ...

О себе:

...Рассказать-то о себе и нечего. Всю жизнь, как раб на галерах пахал. Ни разу не ездил по профсоюзным путевкам, хотя страну объездил почти всю! (армия, работа)... Потому, выложил (если кого интересует), только хронометраж своей жизни. Увлекся компьютером давно, как заболел... Здесь болезнь внесла положительную лепту. ...родился 05 ноября 1961года (...не напрягайтесь -"Скорпион", год быка...)
1969 - 1974 г.г. - учёба в Мало-Михайловской нач. школе.
1974 - 1977 г.г. - учёба в школе №2 г.Шебекино.
1977 - 1981 г.г. - учёба в ШХМТ (ныне ШПЭТ), г.Шебекино.
1981 - 1983 г.г. - служба в ВС СССР, служил на группе дивизионов в/ч 39088т. Призвался 17 ноября 1981г, уволился 29 октября 1983г.
1984 - 1984 г.г. - 28 января женился. С января по октябрь работал на БХЗ, г.Шебекино.
1984 - 1985 г.г. - С октября по март работал на маслозаводе, г.Шебекино.
1985 - 1992 г.г. - С апреля по май работал на заводе "Пульт", инженер ОГМ.
1992 - 2005 г.г. - С мая 1992 по 2005г. ИП "Столярные изделия"...
2005 - 2012 г.г. - ...тупо болел, не обращаясь в больницу...
2012 - обратился в больницу...
2013 - Закрыл ИП
2014 - Признан инвалидом 2-й группы.С сентября 2014г - живу от пенсии - до пенсии. Между пенсиями сижу за компом или лежу в больнице. Таким образом, был создан данный сайт и многое другое...

среда, 22 марта 2017 г.

тест

Ещё один вариант оформления кода

Как убрать рамку вокруг изображения

воскресенье, 19 февраля 2017 г.

Похожие статьи для Blogger

Виджет похожие сообщения без миниатюр для Blogger

Как в Blogger добавить похожие статьи для каждого сообщение

Как добавить "похожие сообщения" на блог

Flash

среда, 22 марта 2017 г.

воскресенье, 19 февраля 2017 г.