30.11.09

Blogger: Архив в виде календаря!

68 comments

Здравствуйте, мы вернулись!

Вернулись мы от Челиты и Миши как и обещали 18 ноября (Какое же это было восхитителное путешествие! Спасибо Челиточка!!!) 19 уже на работу, а там... аврал одним словом, 20 ноября не смотря ни на что я начала отвечать на комментарии (все еще отвечаю). А теперь вот и до поста дело дошло... Долго думала о чем бы таком написать, но многие темы пока отложила, т.к. там надо много подробно рассказывать, а ведь сегодня воскресенье и опять я работала -- аврал все-таки, когда я говорю аврал - я не шучу, значит это он и есть.

Кстати, вот только что выяснила в википедии точное значение слова аврал: "Аврал (искажённое англ. over all «все наверх») — спешная (по специальному заданию или по тревоге) работа на судне всей командой. Со временем этот морской термин стал использоваться повсеместно, и теперь означает просто выполняемую всем коллективом спешную работу."

Про что это, кстати, я? Да, вы лучше посмотрите на календарь! О чем это вам говорит?

Неискушенный читатель отметит, что Новый год скоро... Кстати, желающие могут себе в блог напустить снежинок (не забывайте, что снежинки будут тормозить работу вашего блога, но красота и новогоднее настроение возможно этого стоят). А вот искушенные читатели уже знают, что сегодня я раскажу как поставить календарь (ну, может быть не совсем такой как в этом посте, но такой как у меня в боковой колонке) к себе в блог. А расскажу я об этом потому что Кайл lдля блога Windows to Russia нашел великолепный скрипт календаря и ему в нем абсолютно все нравилось, а мне в нем не понравилось, что календарь у Кайла показывал посты только с августа по ноябрь 2009 (слишком у Кайла много постов в месяц!).

Пришлось искать другой календарь и модифицировать его, а вместе с ним изменять пост начатый еще в субботу и написание которого, я понаивности полагала, не займет много времени (ведь у меня же аврал!), а скрипт был простенький, теперь это вовсе не скрипт, а полноценный хак, но пост писать надо, а то потом все забудется.

Первоисточник лежит здесь: Blogger Archive Calendar, но для Кайла мне пришлось сделать некоторые доработки, а для русскоязычных блоггеров я этот календарь даже локализовала (т.е. перевела на русский язык).

Итак, ничего страшного нет все будем делать по шагам:

1. Помним, что этот календарь является лишь оболочкой для Blogger'овского архива, поэтом убедимся для начала, что этот элемент дизайна Архив у нас на боковой колонке присутствует. А теперь чтобы наш javascript (который мы на следующем шаге добавим в Html-код шаблона) работал, надо изменить вид элемента Архив. Вы можете это сделать из Панели инструментов кликнув на Дизайн или кликнув в вашем блоге на картинку под вашим Архивом.

И вот к какому виду вам надо привести ваш Архив:
Нажимаем Сохранить.

2. Теперь редактируем Html-код шаблона:

1) Идем Панель управления -- Дизайн -- Изменить Html

2) Галочку на Расширить шаблоны виджета НЕ СТАВИМ

3) В html-коде ищем строчку слово:

BlogArchive1

4) И ВМЕСТО строчки содержащей это заветное слово BlogArchive1 вставляем следующий код:
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='toggle' var='interval'>
<!-- Toggle not needed for Calendar -->
</b:includable>
<b:includable id='flat' var='data'>
<div id='bloggerCalendarList'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</div>

<div id='blogger_calendar' style='display:none'>
<table id='bcalendar'><caption id='bcaption'>

</caption>
<!-- Table Header -->
<thead id='bcHead'></thead>
<!-- Table Footer -->

<!-- Table Body -->
<tbody><tr><td id='cell1'> </td><td id='cell2'> </td><td id='cell3'> </td><td id='cell4'> </td><td id='cell5'> </td><td id='cell6'> </td><td id='cell7'> </td></tr>
<tr><td id='cell8'> </td><td id='cell9'> </td><td id='cell10'> </td><td id='cell11'> </td><td id='cell12'> </td><td id='cell13'> </td><td id='cell14'> </td></tr>
<tr><td id='cell15'> </td><td id='cell16'> </td><td id='cell17'> </td><td id='cell18'> </td><td id='cell19'> </td><td id='cell20'> </td><td id='cell21'> </td></tr>
<tr><td id='cell22'> </td><td id='cell23'> </td><td id='cell24'> </td><td id='cell25'> </td><td id='cell26'> </td><td id='cell27'> </td><td id='cell28'> </td></tr>
<tr><td id='cell29'> </td><td id='cell30'> </td><td id='cell31'> </td><td id='cell32'> </td><td id='cell33'> </td><td id='cell34'> </td><td id='cell35'> </td></tr>
<tr id='lastRow'><td id='cell36'> </td><td id='cell37'> </td></tr>
</tbody>
</table>
<table id='bcNavigation'><tr>
<td id='bcFootPrev'></td>
<td id='bcFootAll'></td>
<td id='bcFootNext'></td>
</tr></table>

<div id='calLoadingStatus' style='display:none; text-align:center;'>
<script type='text/javascript'>bcLoadStatus();</script>
</div>
<div id='calendarDisplay'/>

</div>

<script type='text/javascript'> initCal();</script>

</b:includable>
<b:includable id='posts' var='posts'>
<!-- posts not needed for Calendar -->
</b:includable>
<b:includable id='menu' var='data'>
Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format
</b:includable>
<b:includable id='interval' var='intervalData'>
Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format
</b:includable>
</b:widget>
4) Нажимаем СОХРАНИТЬ.

3. Продолжаем редактировать Html код шаблона:

по-прежнему НЕ СТАВИМ галочку на Расширить шаблоны виджета

ищем строчку </head>

и ПЕРЕД НЕЙ вставляем следующий код:
<!-- Blogger Archive Calendar -->
<script type='text/javascript'>
//<![CDATA[

var bcLoadingImage = "http://phydeauxredux.googlepages.com/loading-trans.gif";
var bcLoadingMessage = " Минуточку....";
var bcArchiveNavText = "Все посты этого месяца";
var bcArchiveNavPrev = '&#9668;';
var bcArchiveNavNext = '&#9658;';
var headDays = ["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"];
var headInitial = ["Вс","Пн","Вт","Ср","Чт","Пт","Сб"];

// Nothing to configure past this point ----------------------------------
var timeOffset;
var bcBlogID;
var calMonth;
var calDay = 1;
var calYear;
var startIndex;
var callmth;
var bcNav = new Array ();
var bcList = new Array ();

//Initialize Fill Array
var fill = ["","31","28","31","30","31","30","31","31","30","31","30","31"];
function openStatus(){
document.getElementById('calLoadingStatus').style.display = 'block';
document.getElementById('calendarDisplay').innerHTML = '';
}
function closeStatus(){
document.getElementById('calLoadingStatus').style.display = 'none';
}
function bcLoadStatus(){
cls = document.getElementById('calLoadingStatus');
img = document.createElement('img');
img.src = bcLoadingImage;
img.style.verticalAlign = 'middle';
cls.appendChild(img);
txt = document.createTextNode(bcLoadingMessage);
cls.appendChild(txt);
}
function callArchive(mth,yr,nav){
// Check for Leap Years
if (((yr % 4 == 0) && (yr % 100 != 0)) || (yr % 400 == 0)) {
fill[2] = '29';
}
else {
fill[2] = '28';
}
calMonth = mth;
calYear = yr;
if(mth.charAt(0) == 0){
calMonth = mth.substring(1);
}
callmth = mth;
bcNavAll = document.getElementById('bcFootAll');
bcNavPrev = document.getElementById('bcFootPrev');
bcNavNext = document.getElementById('bcFootNext');
bcSelect = document.getElementById('bcSelection');
a = document.createElement('a');
at = document.createTextNode(bcArchiveNavText);
a.href = bcNav[nav];
a.appendChild(at);
bcNavAll.innerHTML = '';
bcNavAll.appendChild(a);
bcNavPrev.innerHTML = '';
bcNavNext.innerHTML = '';
if(nav < bcNav.length -1){
a = document.createElement('a');
a.innerHTML = bcArchiveNavPrev;
bcp = parseInt(nav,10) + 1;
a.href = bcNav[bcp];
a.title = 'Previous Archive';
prevSplit = bcList[bcp].split(',');
a.onclick = function(){bcSelect.options[bcp].selected = true;openStatus();callArchive(prevSplit[0],prevSplit[1],prevSplit[2]);return false;};
bcNavPrev.appendChild(a);
}
if(nav > 0){
a = document.createElement('a');
a.innerHTML = bcArchiveNavNext;
bcn = parseInt(nav,10) - 1;
a.href = bcNav[bcn];
a.title = 'Next Archive';
nextSplit = bcList[bcn].split(',');
a.onclick = function(){bcSelect.options[bcn].selected = true;openStatus();callArchive(nextSplit[0],nextSplit[1],nextSplit[2]);return false;};
bcNavNext.appendChild(a);
}
script = document.createElement('script');
script.src = 'http://www.blogger.com/feeds/'+bcBlogId+'/posts/summary?published-max='+calYear+'-'+callmth+'-'+fill[calMonth]+'T23%3A59%3A59'+timeOffset+'&published-min='+calYear+'-'+callmth+'-01T00%3A00%3A00'+timeOffset+'&max-results=100&orderby=published&alt=json-in-script&callback=cReadArchive';
document.getElementsByTagName('head')[0].appendChild(script);
}

function cReadArchive(root){
// Check for Leap Years
if (((calYear % 4 == 0) && (calYear % 100 != 0)) || (calYear % 400 == 0)) {
fill[2] = '29';
}
else {
fill[2] = '28';
}
closeStatus();
document.getElementById('lastRow').style.display = 'none';
calDis = document.getElementById('calendarDisplay');
var feed = root.feed;
var total = feed.openSearch$totalResults.$t;
var entries = feed.entry || [];
var fillDate = new Array();
var fillTitles = new Array();
fillTitles.length = 32;
var ul = document.createElement('ul');
ul.id = 'calendarUl';
for (var i = 0; i < feed.entry.length; ++i) {
var entry = feed.entry[i];
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == "alternate") {
var link = entry.link[j].href;
}
}
var title = entry.title.$t;
var author = entry.author[0].name.$t;
var date = entry.published.$t;
var summary = entry.summary.$t;
isPublished = date.split('T')[0].split('-')[2];
if(isPublished.charAt(0) == '0'){
isPublished = isPublished.substring(1);
}
fillDate.push(isPublished);
if (fillTitles[isPublished]){
fillTitles[isPublished] = fillTitles[isPublished] + ' | ' + title;
}
else {
fillTitles[isPublished] = title;
}
li = document.createElement('li');
li.style.listType = 'none';
li.innerHTML = '<a href="'+link+'">'+title+'</a>';
ul.appendChild(li);

}
calDis.appendChild(ul);
var val1 = parseInt(calDay, 10)
var valxx = parseInt(calMonth, 10);
var val2 = valxx - 1;
var val3 = parseInt(calYear, 10);
var firstCalDay = new Date(val3,val2,1);
var val0 = firstCalDay.getDay();
startIndex = val0 + 1;
var dayCount = 1;
for (x =1; x < 38; x++){
var cell = document.getElementById('cell'+x);
if( x < startIndex){
cell.innerHTML = ' ';
cell.className = 'firstCell';
}
if( x >= startIndex){
cell.innerHTML = dayCount;
cell.className = 'filledCell';
for(p = 0; p < fillDate.length; p++){
if(dayCount == fillDate[p]){
if(fillDate[p].length == 1){
fillURL = '0'+fillDate[p];
}
else {
fillURL = fillDate[p];
}
cell.className = 'highlightCell';
cell.innerHTML = '<a href="/search?updated-max='+calYear+'-'+callmth+'-'+fillURL+'T23%3A59%3A59'+timeOffset+'&updated-min='+calYear+'-'+callmth+'-'+fillURL+'T00%3A00%3A00'+timeOffset+'" title="'+fillTitles[fillDate[p]].replace(/"/g,'\'')+'">'+dayCount+'</a>';
}
}
if( dayCount > fill[valxx]){
cell.innerHTML = ' ';
cell.className = 'emptyCell';
}
dayCount++;
}
}
visTotal = parseInt(startIndex) + parseInt(fill[valxx]) -1;
if(visTotal >35){
document.getElementById('lastRow').style.display = '';
}
}

function initCal(){
document.getElementById('blogger_calendar').style.display = 'block';
var bcInit = document.getElementById('bloggerCalendarList').getElementsByTagName('a');
var bcCount = document.getElementById('bloggerCalendarList').getElementsByTagName('li');
document.getElementById('bloggerCalendarList').style.display = 'none';
calHead = document.getElementById('bcHead');
tr = document.createElement('tr');
for(t = 0; t < 7; t++){
th = document.createElement('th');
th.abbr = headDays[t];
scope = 'col';
th.title = headDays[t];
th.innerHTML = headInitial[t];
tr.appendChild(th);
}
calHead.appendChild(tr);
for (x = 0; x <bcInit.length;x++){
var stripYear= bcInit[x].href.split('_')[0].split('/')[3];
var stripMonth = bcInit[x].href.split('_')[1];
bcList.push(stripMonth + ','+ stripYear + ',' + x);
bcNav.push(bcInit[x].href);
}
var sel = document.createElement('select');
sel.id = 'bcSelection';
sel.onchange = function(){var cSend = this.options[this.selectedIndex].value.split(',');openStatus();callArchive(cSend[0],cSend[1],cSend[2]);};
q = 0;
for (r = 0; r <bcList.length; r++){
var selText = bcInit[r].innerHTML;
var selCount = bcCount[r].innerHTML.split('> (')[1];
var selValue = bcList[r];
sel.options[q] = new Option(selText + ' ('+selCount,selValue);
q++
}
document.getElementById('bcaption').appendChild(sel);
var m = bcList[0].split(',')[0];
var y = bcList[0].split(',')[1];
callArchive(m,y,'0');
}

function timezoneSet(root){
var feed = root.feed;
var updated = feed.updated.$t;
var id = feed.id.$t;
bcBlogId = id.split('blog-')[1];
upLength = updated.length;
if(updated.charAt(upLength-1) == "Z"){timeOffset = "+00:00";}
else {timeOffset = updated.substring(upLength-6,upLength);}
timeOffset = encodeURIComponent(timeOffset);
}

//]]>
</script>
<script src='/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=timezoneSet'></script>
<!-- End Blogger Archive Calendar -->
Нажимаем СОХРАНИТЬ и идем в блог любоваться первыми результатами.

Руссификация виджета состояла в изменении английских слов на русские. Мои изменеия выделены бледно-розовым и вы их можете изменить.

Строчка ul.appendChild(li); веделена бледно-зеленым, если вы НЕ хотите под календарем показывать список сообщений за месяц удалите её. Кайл, например, её удалил (в его случае список постов получался слишком длинным ведь среднем у него 40-50 постов за месяц).

4. Переходим к наведению красоты в календаре. для этого добавим описания CSS стилей нашего календаря в шаблон.

Лично мне уже нравится как получилось, но можно продолжить.

1) Находим у себя в шаблоне строчку ]]></b:skin>

И далее идем по ссылке: Blogger Archive Calendar Styles Здесь автор этого "хака" показывает несколько стилей календарей и от вас только требуется выбрать понравившийся вам стиль календаря, скопировать код размещенный под картинкой и вставить этот код ПЕРЕД строчкой ]]></b:skin>

Что до нас с Кайлом мы подбирали цвета для календаря самостоятельно через вкладку Дизайн - Шрифты и цвета.

Чтобы у нас эта возможность появилась, ПЕРЕД строчкой ]]></b:skin> вставляем следующий код:


/* Archive Calendar Variable Setups
Do not modify unless you know what's what
=========================================

<Variable name="bcCalenderFonts" description="Календарь: размер шрифта"
type="font" default="normal normal 100% Tahoma, Arial, Sans-serif" / value="normal normal 100% Tahoma, Arial, Sans-serif">
<Variable name="bcTableBackgroundColor" description="Календарь: Цвет фона"
type="color" default="#ffffff" value="#8D715C">
<Variable name="bcTableBorderColor" description="Календарь: Цвет рамки"
type="color" default="#000000" value="#FAFA0E">
<Variable name="bcTableTextColor" description="Календарь: Цвет текста"
type="color" default="#000000" value="#FAFA0E">
<Variable name="bcMenuBackgroundColor" description="Календарь: Цвет фона Меню выбора"
type="color" default="#ffffff" value="#8D715C">
<Variable name="bcMenuTextColor" description="Календарь: Цвет текста в Меню выбора"
type="color" default="#000000" value="#FAFA0E">
<Variable name="bcTableHeaderBackgroundColor" description="Календарь: Цвет фона заголовка"
type="color" default="#ffffff" value="#8D715C">
<Variable name="bcTableHeaderTextColor" description="Календарь: Цвет текста заголовка"
type="color" default="#000000" value="#FAFA0E">
<Variable name="bcTableHighLightColor" description="Календарь: Цвет выделенного"
type="color" default="#cccccc" value="#77563F">
<Variable name="bcCalenderLinksColor" description="Календарь: Цвет ссылки"
type="color" default="#0000ff" value="#FAFA0E">
<Variable name="bcCalenderLinksHoverColor" description="Календарь: Цвет ссылки при наведении"
type="color" default="#0000ff" value="#cc0000">
<Variable name="bcTableFooterBackground" description="Календарь: Цвет фона нижней части"
type="color" default="#ffffff" value="#8D715C">
<Variable name="bcFooterLinksColor" description="Календарь: Цвет ссылки нижней части"
type="color" default="#0000ff" value="#FAFA0E">

===========================================
End Archive Calendar Variables */


/* Archive Calendar CSS
----------------------------------------------- */

/* div that holds calendar */
#blogger_calendar { margin:5px 0 0 0;width:98%;}

/* Table Caption - Holds the Archive Select Menu */
#bcaption {border:1px solid $bcTableBorderColor;padding:2px;margin:10px 0 0;background:$bcMenuBackgroundColor;font:$bcCalenderFonts}

/* The Archive Select Menu */
#bcaption select {background:$bcMenuBackgroundColor;border:0 solid $bcMenuBackgroundColor;color:$bcMenuTextColor;font-weight:bold;text-align:center;}


/* The Heading Section */
table#bcalendar thead {}

/* Head Entries */
table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; border:1px outset $bcTableBorderColor; font:$bcCalenderFonts;background:$bcTableHeaderBackgroundColor;color:$bcTableHeaderTextColor}

/* The calendar Table */
table#bcalendar {border:1px solid $bcTableBorderColor;border-top:0; margin:0px 0 0px;width:95%;background:$bcTableBackgroundColor}

/* The Cells in the Calendar */
table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px outset $bcTableBorderColor; color:$bcTableTextColor;font:$bcCalenderFonts;}

/* Links in Calendar */
table#bcalendar tbody tr td a:link, table#bcalendar tbody tr td a:visited, table#bcalendar tbody tr td a:active {font-weight:bold;color:$bcCalenderLinksColor;}
table#bcalendar tbody tr td a:hover {color:$bcCalenderLinksHoverColor;}

/* First Row Empty Cells */
td.firstCell {visibility:visible;}

/* Cells that have a day in them */
td.filledCell {}

/* Cells that are empty, after the first row */
td.emptyCell {visibility:hidden;}

/* Cells with a Link Entry in them */
td.highlightCell {background:$bcTableHighLightColor;border:1px solid $bcTableBorderColor}

/* Table Footer Navigation */
table#bcNavigation {width:95%;background:$bcTableFooterBackground;border:1px solid $bcTableBorderColor;border-top:0;color:$bcTableTextColor;font:$bcCalenderFonts;}
table#bcNavigation a:link {text-decoration:none;color:$bcFooterLinksColor}
td#bcFootPrev {width:10px;}
td#bcFootAll{text-align:center;}
td#bcFootNext {width:10px;}
ul#calendarUl {margin:5px auto 0!important;}
ul#calendarUl li a:link {}
И вот что у нас в результате получилось:

Всем удачи и хорошего настроения!
Побольше отдыхайте и поменьше работайте!

Света


Blogger: кошка.

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

68 комментариев:

  1. Света, с приездом. Я из Челитиного одного комментария знала, что вы к ней приедите... Хотела напроситься в гости. Но на этот раз постеснялась. А вот если вы ещё раз планируете приехать, то уж без меня точно дело не обойдется.
    Спасибо за отличнейший рассказ. Я с удовольствием на него полюбовалась. Использовать, разумеется, не смогу. Но рада за других блоггеров. И нажала на кнопочку "рекомендовать" и уж тут-то у меня все получилось как надо. Жду постов и советов, которые мне под силу будет выполнить.

    ОтветитьУдалить
  2. У меня давно стоит такой календарь, аналогичным образом русифицированный. Но русифицирован он не до конца. Потому что неделя начинается с Воскресенья. Вот бы начать недели календаря с понедельника, как принято у нас.

    ОтветитьУдалить
  3. Спасибо, Бабочка Яночка!

    Это всем поначалу страшно в шаблон залезать... чтобы было не так страшно можно завести просто маленький блог для тестов шаблонов. У меня такой есть ;).


    > Я из Челитиного одного комментария знала, что вы к ней приедите... Хотела напроситься в гости. Но на этот раз постеснялась. - Я думаю можно было бы и напросиься, а можно было бы и на денек нас куда-нибудь позвать. Ну, что ж теперь придется ждать до следующего раза... ;)

    Спасибо за комментарий!
    Света

    ОтветитьУдалить
  4. Здравствуйте, Рan!

    Основным исправлением было возможность не показывать список постов под календарем (для Кайла). Что до руссификации там всего пару строчек подправить. А вот сделать чтобы календарь начинался с понедельника, мне быстро (минут за 20-30) не удалось, а пост надо было дописывать... Еще посмотрю, думаю разберусь - проблема в том, что автор этого хака собрал его из нескольких чужих яваскриптов и сам не знает как это можно поменять.

    Так что постараюсь исправить сама.
    Света

    ОтветитьУдалить
  5. Машенька (Всем привет!) - вы у нас первая ласточка!

    Спасибо огромное!!!!

    Света
    :)))

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

    ОтветитьУдалить
  7. Машенька, давайте так: вы поставите в свой шаблон кодл для радужных ссылок и если не заработает, поставите галочку Расширить шаблоны виджета, скопируете ваш шаблон и пришлеье мне, лучше в виде текстового файла. А я уже у себя посмотрю что же тавм не получается.

    Удачи во всем!

    Жду текстового файла,
    Света

    ОтветитьУдалить
  8. Дорогая Светлана! Как выставляют pdf в блоге. Скажем формуляр или скан. Ну Вы знаете эти сноски на страничках: "формуляр или артикель открыть как pdf". Заранее спасибо.

    ОтветитьУдалить
  9. Светлана, Кайл, спасибо Вам огромное!Мне, чайнику", который только неделю назад разобрался на какие кнопочки нажимать, чтобы блог появился на свет, удалось и календарь поставить, и снежинки зарядить, по которым уже все соскучились!
    Просто фантастика! Может быть, взгляните на мой блог и скажете, что не так? Несмотря на то, что я далеко не юного возраста, мне все это чрезвычайно интересно, и так хорошо, что есть Ваш блог, где все так просто и понятно написано. Спасибо.http://ogorodnye-shpargalki.blogspot.com/

    ОтветитьУдалить
  10. Ольга Сескутова


    кнопку feedburner поставьте.на ютубе есть видео уроки на эту тему.

    ОтветитьУдалить
  11. Спасибо. Попробую поставить(если получится).

    ОтветитьУдалить
  12. Отличный блог, полезные советы даете

    ОтветитьУдалить
  13. здравствуйте,скажите,а как мне сменить фон на блоге?у меня нет такой возможности менять цвета в Дизайн - Шрифты и цвета.

    ОтветитьУдалить
  14. Какой интересный и полезный ресурс! Спасибо! Снежинки себе сделала, а вот архив-календарь сделать не получилось :-(
    Архив есть, а вот в коде строски BlogArchive1 - нет! (искала по Ctrl F)

    ОтветитьУдалить
  15. Вопрос не в тему.
    Светлана, подскажите, возможно ли чтобы профиль "Об мне" на блоге в боковой панели читался только частично, например пару предложений. А то уж много места он занимает на боковой панели блога.
    Большое спасибо:)

    ОтветитьУдалить
  16. Светлана, большое спасибо за вашу помощь, как выше написано про чайник - это тоже про меня, только ещё вникаю во все дела.Напустила в блог снежинок:-)))

    ОтветитьУдалить
  17. Светлана, здравствуйте!
    Я только 2-й месяц в блогосфере, но с радостью ловлю любые подсказки, а уж за ваш сервис ухватился двумя руками!
    Все сделал как Вы советовали, но после нажатия "Сохранить" мне (оба раза) пишло такое вот сообщение:
    Мы не смогли сохранить ваш шаблон.
    Исправьте перечисленные ниже ошибки и отправьте шаблон еще раз.
    Не удалось проанализировать ваш шаблон, так как он неправильно сформирован. Убедитесь, что все элементы XML правильно закрыты.
    Сообщение об ошибке в XML: обработка обучение должно начинаться с именем цели.

    Я не сохранил старый шаблон, но куда вставлял Ваши блоки отметил. Попробую восстановить все как было, но хочу, все-таки, доделать свой архив как Вы предлагаете. Жду совета!

    ОтветитьУдалить
  18. Здравствуйте, Weblogerman!

    Совет удаленно дать очень трудно... Давайте, вы еще раз аккуратненько проделаете все манипуляции и если опять получите сообщение об ошибке, пришлите мне код вашего шаблона на email. Одна тонкость, копировать код надо при проставленной галочке Расширить Шаблоны Виджета.

    Жду.
    Света

    ОтветитьУдалить
  19. Vita, здравствуйте!

    Для публикации pdf в блоге можно использовать сервис на http://www.scribd.com Насколько я поняла, вы туда сможет подгрузить свой pdf файл, сконвертировать и получить embed код для блога.

    Если не будет получаться пишите, посмотрим как это работает вместе. Если получится, тоже пишите.

    Удачи во всем!
    Света

    ОтветитьУдалить
  20. Да, вроде все очень симпатично в вашем блоге, Ольга... Главное продолжайте!

    Света

    ОтветитьУдалить
  21. Здравствуйте, Фотографии....

    Извините, что долго не отвечала: на работе цейтнот, не отвечала никому, потихоньку писала пост как раз на эту тему и очень рада что пост вам помог.

    Удачи во всем!
    Света

    ОтветитьУдалить
  22. Здравствуйте, ТаланТа!

    Если еще раз захотит попытаться установить архив-календарь и у вас еще раз не получится, сохраните шаблон и пришлите... Возможно у вас архив не был приведен к виду "простой список" (шаг 1), а может быть и еще что-нибудь... Пишите тогда, присылайте шаблон.

    Света

    ОтветитьУдалить
  23. Светлана Билецкая, здравствуйте!

    В своем блоге я на боковой панели просто написала небольшую заметку "Обо мне", включила туда фотографию, ссылку на статью в блоге и Blogger'овский профайл. Написала, эту заметку как гаджет типа Html/JavaScript

    Если будут вопрсы, пишите.
    Света

    ОтветитьУдалить
  24. Cветлана, здравствуйте! Установила Ваш календарь-архив блога, а "строчку содержащую заветное слово BlogArchive1" в html-коде не сохранила... Это плохо? Всю ночь не спала от растройства!
    За календарь огромное спасибо!!!

    ОтветитьУдалить
  25. Получилось вставить пдф, но... в виде плеера как фильм! Посмотрите у меня сбоку вначале в блоге. А вот так что бы в окне прямо пдф открывался и только ссылкой?

    ОтветитьУдалить
  26. здравствуйте. а можно ли вставить в календарь свои ссылки, а не ссылки постов блога? что нужно изменить в html

    ОтветитьУдалить
  27. У меня такой вопрос: можно ли сделать календарь будущих событий? То есть я пишу статью про мероприятие, которое произойдёт через месяц и мне надо, что оно отображалось в календаре. Посетитель жмёт на какой-нибудь день и видит, что его ожидает (ожидало). Естественно, в календарь вписываются только заданные события. спасибо!

    ОтветитьУдалить
  28. Здравствуйте, Lenal!

    Все у вас в порядке! Архив-календарь работает, значит все хорошо... и есть у вас в Html-коде это "заветное" BlogArchive1. Честно-честно, сама видела ;).

    Удачи во всем!
    Света

    ОтветитьУдалить
  29. Vita, здравствуйте!

    Что бы я сделала если бы хотела сохранить где-то pdf-файл. Загрузила бы файл с вашим pdf на narod.ru например и на вашем сайте дала бы на этот файл ссылку, а дальше либо у читателя откроется встроенный в браузер ридер для pdf или ему будет предложено скачать pdf-файл управлять этим мы не можем, сценарий зависит от настроек браузера читателя.

    Удачи во всем!
    Света

    ОтветитьУдалить
  30. Можно, Xwonderful!

    Обратите внимание на сервис Google Календарь: http://www.google.com/calendar Там вы сможете создать свой календарь и разместить его у себя в блоге.

    Удачи во всем!
    Света

    ОтветитьУдалить
  31. Здравствуйте, анонимный комментатор...

    > а можно ли вставить в календарь свои ссылки, а не ссылки постов блога? что нужно изменить в html -- мое предложение: убираем из кода строчку ul.appendChild(li); (таким образом под календарем ссылки показаны не будут), а по гаджетом архив-календарь размещаем гаджет с ссылками. Это то чего вы хотели добиться?

    Если нет, то пишите - подумаем еще.
    Удачи во всем!
    Света

    ОтветитьУдалить
  32. спасибо! только недавно стала пользователем и писателем блога. Ваши советы для меня оооочень ценные!

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

    ОтветитьУдалить
  34. Alinka, а может вы на календарь только в режиме "Просмотр" смотрели? Там действительно одни очень маленькие пустые клеточки показываются. - Календарь будет виден если только сохранить изменения и тогда уже посмотреть на блог.

    Удачи во всем!
    Света

    ОтветитьУдалить
  35. Света спасибо большое, что ответили. Попробовала еще раз, но к сожалению все равно не получилось, получается только так http://img194.yfrog.com/img194/8232/123lfd.jpg В чем причина не пойму. Я только создаю свой блог и ваши советы очень помагают, таким чайникам, как я. Спасибо вам большое, что делитесь своими знаниями.

    ОтветитьУдалить
  36. почему активные цифры только последней недели или 7-8 дней предидущего месяца? когда посты выкладываются каждый день на протяжении нескольких месяцев!!!

    ОтветитьУдалить
  37. Здравствуйте, Света. Большое Вам спасибо за этот блог, не передать словами как Вы помогаете нам, новичкам, освоить блоггер и желать продолжить работать в нем))

    ОтветитьУдалить
  38. Светлана!Очень Вам благодарен за наглядное обучение по ведению блога.Да,не всё здесь так просто как на Wordpress.Буду рад и дальше узнавать новое о Blogger.

    ОтветитьУдалить
  39. Alinka, еще одна идея - возможно не совсем точно настроена форма Архива блога (там где у меня картинка приводится к какому результату архив блога надо привести), недавно с одним из своих блогов наступила на эти грабли - и точно календарь не заработал, пока я вид архива блога не поправила.

    Попробуйте и удачи!
    Света

    ОтветитьУдалить
  40. Здравствуйте, Mass!

    Хотела бы я взглянуть как это выглядит.. Кайл пишет посты почти каждый день и у него все работает.

    Света

    ОтветитьУдалить
  41. Вам спасибо, GrozGirl!

    Что-то здесь проще, Владислав, что-то сложнее... Календарь в Wordpress'e это стандартный гаджет, а здесь вот приходится через javascript его организовывать, код шаблона виден сразу и целиком, а на Wordpress'e все сстоит из кусочков... зато в Wordpress'e намного большим количеством вещей можно рулить и так далее так далее так далее :). Спасибо за комментарий!

    Удачи во всем!
    Света

    ОтветитьУдалить
  42. Светлана, здравствуйте!
    Спасибо Вам за блог, так полезно и интересно :)
    Я сделала календарь, пожила с ним и поняла, что стандартная форма для меня все таки удобнее :) как бы теперь ее вернуть? :\
    Спасибо.

    ОтветитьУдалить
  43. Екатерина (Driada), здравтвуйте!

    Вернуть обычный архив очень просто - на гаддете Архив нажимаете изменить и выбираете тип архива "Иерархия" и нажимаете сохранить.

    Мне тоже иерархические архивы кажутся наиболее удобными - вот почему у себя в блогах я обычно ставлю и иеархический (удобный) архив и (красивый) календарь ;).

    Удачи во всем!
    Света

    ОтветитьУдалить
  44. Светлана, вот что показывается, что-то я там намудрячила :\
    Blog Archive

    Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format

    ОтветитьУдалить
  45. Спасибо огромное, с вашими объяснениями все делается легко и быстро! календарь на месте, все красиво и компактно..

    ОтветитьУдалить
  46. Здравствуйте, Света!
    Огромное спасибо за Ваш блог! Все пояснения четкие и подробные. Следовать им - сплошное удовольствие от работы.
    Календарь встал, как родной:)

    Возникли сложности с последним шагом, с "раскрашиванием".
    Вставил код ПЕРЕД строчкой ]]>
    Вот, что мне ответил Блоггер:
    Не удалось предварительно просмотреть ваш шаблон
    Исправьте перечисленные ниже ошибки и отправьте шаблон еще раз.
    Недопустимое описание переменной в оболочке страницы: Переменная используется, но не определена. Ввод: bcTableFooterBackground

    Выглядит это вот так https://docs.google.com/leaf?id=0B0S7iIktyKRyZTkyNTYzMjYtNjlhYy00ODkxLThjYTctMGQ5MTM0YzVkZWI3&hl=ru&authkey=CIWoqq4E

    Прошу помочь.
    Заранее благодарен за ответ.
    Сергей.

    ОтветитьУдалить
  47. П.С. Возможно, это важно.
    Шаги №2 и №3 - редактирование Html кода шаблона -были СОХРАНЕНЫ.

    При последнем щаге, раскрашивании - добавлении описания CSS стилей календаря в шаблон, не СОХРАНЯЛ, а нажимал кнопку ПРОСМОТР.

    Еще раз спасибо.
    Сергей:)

    ОтветитьУдалить
  48. Сергей (admin),

    ситуация с этой ошибкой такая... Переменная bcTableFooterBackground действительно присутствует в коде. Присутствует она в двух местах: первый раз она определяется, второй раз она используется. Можете поискать CtrlF на этой страничке. Т.е. похоже где-то случайно произошла опечатка...

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

    Можно разобраться с примерами цветовых палитр от автора календаря: http://phydeaux3.blogspot.com/2007/04/blogger-archive-calender.html

    Удачи и пишите на чем остановитесь!
    Света

    ОтветитьУдалить
  49. Светлана, (только не смейтесь:))

    Страничку просмотрел вдоль и поперек...
    не нашел.
    Теперь ищу, что такое CtrlF чтобы понять, что же Вы мне сказали:)

    Обязательно покажу на чем остановлюсь.
    Но чем дольше "ковыряюсь", тем больше привыкаю - вроде и так хорошо:)

    Сергей

    ОтветитьУдалить
  50. CtrlF - это сочетание нажатия двух клавиш в браузере: Удерживаете Ctrl и нажимаете F ... где-то в зависимости от браузера появится окошко для поиска по странице.

    Удачи!
    Пишите.

    Света

    ОтветитьУдалить
  51. Здравствуйте, света!

    Эта ошибка "вкралась" еще в оригинале. Найти-то я ее нашел, но вот исправить... Поднялся чуть выше и взял готовый. Проверил, опробовал, поставил в блог. Кр-р-расота! Лепо сие благолепие!!

    Больше всего понравилась реакция жены:
    - О, гляди-ка, стоит как у молодого!(это она про календарь) Молодец! Дай цем!... все, дальше рассказывать не буду:)))
    Чего и вам желаем:)

    Удачи
    Еще раз спасибо Вам за ВАш труд
    Сергей

    ОтветитьУдалить
  52. Здравствуйте, Света!
    Мне очень понравился ваш календарь и я хотел его поставить на своем первом блоге.
    Но, к сожалению почему -то у меня ничего не получилось. Изменив коды HTML у шаблона так, как указано у вас, у меня почему при сохранении шаблона возвращается обратно на старый код вместо дополнительной вставки


    и т.д. остается только
    как и в исходном шаблоне.
    В результате календарь естественно не получает того вида, который должен быть.
    Просидел до ночи ничего не добился.
    Я новичок в строительстве блогов. Если можете, подскажите пожалуйста, что можно сделать, очень уж хочется поставить календарик.
    С уважением, Геннадий.

    ОтветитьУдалить
  53. Света, спасибо Вам огромное за то что Вы делаете, и за то, что это так доступно для понимания не особо посвященных во все эти тонкостях (это я о себе). Очень рада, что удалось случайно обнаружить Ваш ресурс.
    Света, скажите пожалуйста, возможно ли в блоге еще сделать календарь занятости (надеюсь я правильно это назвала :)), если да, то расскажите как это можно реализовать.
    И скажите возможно ли создав дополнительную страницу, размещать на ней много сообщений.
    С благодарностью, Наталия.

    ОтветитьУдалить
  54. Здравствуйте, Пименов Г.Т.

    Ваш код, к сожалению, в комментарии не отразился, пишите мне на email - попробуем с вами найти в чем там дело.

    Удачи во всем!
    Света

    ОтветитьУдалить
  55. Наталия, здравствуйте!

    Про календарь занятости я не совсем поняла... а про дополнительные страницы у меня написан подробный пост, что можно, что нельзя и как сделать: http://blogger4you.blogspot.com/2010/12/blogger-static-pages-horizontal-menu.html

    Приходите еще, задавайте вопросы.
    Света

    ОтветитьУдалить
  56. Светочка, спасибо за быстрый ответ! Что касается календаря занятости... Я фотограф и мне очень необходим в блоге календарь, где я могу отмечать дни которые у меня заняты, и соответственно, которые свободны. Для того, чтобы люди могли примерно ориентироваться когда им удобно запланировать съемку.
    Как всегда, с большой благодарностью, Наталия.

    ОтветитьУдалить
  57. добрый день
    можно ли как-то отцентрировать календарь?
    боковой модуль у меня шире календаря и не очень красиво смотрится, когда он к левому краю прижат
    Спасибо

    ОтветитьУдалить
  58. Здравствуйте, Кайл и Света!Почти год с удовольствием и благодарностью пользуюсь советами блога.Поэтому "спасибо" говорю как бы вслух.У меня такая же проблема, что и у Сергея (admin)с раскрашиванием календаря. Каким образом у него получилось? Не совсем понятны его слова "Поднялся чуть выше и взял готовый. Проверил, опробовал, поставил в блог. Кр-р-расота! Лепо сие благолепие!!". Куда выше? Спасибо!

    ОтветитьУдалить
  59. Здравствуйте, O_Bulgakova!

    У admina там не с раскрашиванием возникла проблема, а с установкой календаря...

    Наверное, по раскрашиванию календаря мне придется написать небольшой пост, когда я вернусь из отпуска.. Если забуду - недели через две напомните мне, пожалуйста.

    С уважением,
    Света

    ОтветитьУдалить
  60. Большое спасибо за оперативное внимание к моим проблемам! С надежой буду ждать пост по раскраске календаря.

    ОтветитьУдалить
  61. Увы... Не получилось сохранить шаблон после вставки кода для оформления календаря перед ]]>. Пишет: "Недопустимое описание переменной в оболочке страницы: Переменная используется, но не определена. Ввод: bcFooterLinksColor".
    :(((

    ОтветитьУдалить
  62. Светлана, у меня та же ошибка, что и у Дианы!

    ОтветитьУдалить
  63. Спасибо Вам за пользу новым блогерам

    ОтветитьУдалить

Популярные сообщения

Здесь были: