ВСЕ для BLOGGER(а) на BLOGSPOT(e)!: Скрипты для блога

Показаны сообщения с ярлыком Скрипты для блога. Показать все сообщения

11.8.12

Blogger: Национальные домены для blogspot и как с этим бороться.

Здравствуйте, дорогие читатели!

Сегодня мы с вами поговорим о клонировании. Не волнуйтесь blogger4you.ru не сменил своей тематики и о клонировании овечки Долли мы с вами разговаривать не будем. А разговор здесь пойдет о клонировании наши блогов, которым в этом году занялся Blogger.

Что я имею ввиду: самые внимательные из читателей, просматривая логи статистики, уже заметили что кроме их основного блога по адресу MoiBlog.blogspot.com существуют также блоги MoiBlog.blogspot.fr и MoiBlog.blogspot.de и MoiBlog.blogspot.co.il и еще много много других клонов и с каждым днем их будет становиться все больше.

Это теперь новая политика Google, которая распространилась и на Blogger. Вот выдержка из Справки Bloggera:

Почему изменились URL блогов?
В ближайшие несколько месяцев адрес блога, который вы читаете, может измениться: домен первого уровня будет соответствовать какой-либо стране. Например, если вы, находясь в России, решите почитать блог [название_блога].blogspot.com, то вас перенаправят на адрес [название_блога].blogspot.ru. Домен первого уровня выбирается на основании вашего текущего местоположения.

Зачем это нужно?
Это нужно для того, чтобы упростить управление контентом на местном уровне. Например, если власти Российской Федерации потребуют от нас удалить запись, нарушающую законы РФ, она станет недоступна читателям блогов, размещенных в домене blogspot.ru. Это нововведение принято в рамках нашего подхода к свободе выражения мыслей и спорному содержанию, который остался прежним.

В каких странах будут действовать эти изменения?
Мы внедряем эту функцию постепенно. В течение ближайших месяцев она станет доступна еще в нескольких странах. [В настоящее время читатели следующих стран видят ваш блог только в национальном домене: Индия, Австралия, Великобритания, Япония, Новая Зеландия, Канада, Германия, Италия, Франция, Швеция, Испания, Португалия, Бразилия, Аргентина, Мексика, Израиль, Чехия... возможно добавились уже и другие]

Все еще интересно? Тогда читаем дальше...

13.12.10

Blogger: Волшебная пыльца!

61 comments

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

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

В прошлом году я сделала небольшой виджет с электронными открытками Merry Christmas and Happy New Year и рассказала читателям как его можно модифицировать и установить.

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

Посмотрите (проведите курсором мышки):

Такое и даже более красивое волшебство вы сможете сделать в своем блоге!

Это просто:
0. Делаем резервную копию текущего шаблона: Сохраняем - Восстанавлмваем шаблон на Blogger'e.

1. Выбираем цвет "волшебной пыли". Можно по имени, а можно по числовому коду. Подробно я об этом писала вот здесь: Готовим краски для раскраски!

2. Идем по маршруту: Панель инструментов --> Дизайн --> Изменить Html

Ищем в Html коде нашего шаблона строчку начинающуюся с

<body

У некоторых блогеров это будет <body> у других <body expr:class='"loading" + data:blog.mobileClass'>

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

<script type='text/javascript'>
// <![CDATA[
var colour="#13baf1";
var sparkles=50;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

3. Цвет волшебной пыли (выделено в коде голубым) заменяем на подобранный на шаге 1.

4. Нажимаем ПРОСМОТР - немного терпения, ждем когда все загрузится и проверяем как волшебная пыльца работает и если все нас в ней устраивает нажимаем СОХРАНИТЬ, если цвет пыльцы оказался не совсем подходящий, меняем его. Если совсем все не понравилось и не работает нажимаем УБРАТЬ ИЗМЕНЕНИЯ.

Источник: http://www.mf2fm.com/rv/

Всем здоровья и удачи!
Света

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

8.6.09

Blogger: Внешняя система комментариев Intense Debate (Проблемы)!

17 comments

Завизжала Пила,
Зажужжала,
Как пчела.
Пропилила полдоски,
Вздрогнула и стала,
Будто в крепкие тиски
На ходу попала.

Я гоню её вперёд,
А злодейка не идёт.
Я тяну её назад -
Зубья в дереве трещат...
* * * * * * * * *
Ты у нас не мастер.
Ты у нас ломастер!
(С. Маршак)

Здравствуйте, этим коротким отрывком из стихотворения моего любимейшего Самуила Яковлевича Маршака, я бы хотела начать рассказ о моем не слишком долгом и не слишком удачном знакомстве с замечательным сервисом комментарием Intense Debate.

Почему именно этим стихотворением, потому что я думаю, что Кайл хоть и молчит, но думает про меня именно так... ну, может разве не в таких замечательных стихах. Но давайте обо всем по порядку.

А началось все с того, что Кайлу не нравится система комментариев в Blogger'е. В этом и есть различие между нами: я легко приспосабливаюсь ко всему, а Кайл ищет всегда что-то новое и интересное. Я за стабильность и надежность, он за новые возможности. Но в переделки почему-то попадаю всегда я!

Вот так случилось и с Intense Debate. До этого сервиса Кайл перепробовал уже несколько и теперь прочно остановился именно на этом сервисе комментариев.

Что ему там понравилось/нравится в работе с Intense Debate:

1) Возможность добавлять эмоции (смайлики) в свой комментарий.
2) Гибкая система модерирования с возможностью блокирования спама, грубых слов в сообщениях и т.д. (Кайл ведет очень непростой блог сейчас он называется (да, название блога он тоже время от времени меняет) The Windows to Russia!, где в основном очень позитивно высказывается о жизни в России, что не нравится многим ура-патриотам из Америки, которые не смотря на то что не нравится все-равно читают его блог).
3) Возможность добавлять в комментарии картинки и видео, чтобы обсуждения получались более красочными и интересными.
4) Иерархическая система комментариев - вы добавляете комментарий не в конец общей цепочки, а можете добавить свой комментарий как ответ на конкретный комментарий.
5) Читатели могут добавлять комментарии к себе в закладки, а также делать их репост на Твиттер.

Какие я (как системный администратор) вижу недостатки у этой системы.

В общем-то, недостаток один, но из него следуют все остальные: Заботу о комментариях - этом жизненно важном (ну, для кого жизненно важный, а для кого и не очень) компоненте блога мы отдаем внешнему сервису. Т.е. как только мы устанавливаем систему Intense Debate в нашем блоге, Blogger уже не видит новых комментариев и соответственно не несет за них ответственность.

Итак,

Первое: ответственность за хранение комментариев отныне несет Intense Debate. Не так что бы я ему не доверяла, но все же...

Второе: если вы решили переместить некоторые статьи вашего одного блога в другой, а есть способ переноса, о котором я рассказала в конце поста: Blogger: Настраиваем комментарии, при котором вместе со статьями перенесутся так же и комментарии к ним. При использовании Intense Debate для комментариев этот "трюк" у вас не получится.

Третье: если вы рассматриваете комментарии как часть контента (содержимого) вашего блога - забудьте об этом! Комментарии будут показаны в вашем блоге, но только с помощью javascript, значит и проиндексированы как часть вашего блога не будут.

Теперь некоторое оправдание со стороны Intense Debate: Понимая, что мы у вас не первая система для комментариев и не последняя, мы реализовали для вас в нашей системе возможность Импорта и Экспорта комментариев и таким образом вы не потеряете ни одного комментария. - Ну, чем не кусок пирога (piece of cake)! (Вот только для Blogger'а это еще (?) не работает - об этом, впрочем, мы узнаем только на их форуме, а ни как не в их FAQ)

А теперь, собственно, история моего общения с Intense Debate.

Кайл установил у себя в блоге (The Windows To Russia) их систему комментариев с февраля этого года. Она работает и он, в общем, доволен. У себя в видеоблоге (Russian Video From Russia) я её поставила примерно полтора месяца назад. Она работала и беды с ней я тоже не знала, хотя вопрос о бэкапах (резервном копировании, хотя бы к себе на персоналку у меня все время возникал). И вот несколько дней назад, готовясь к написанию этой статьи, я решила немного поизучать Intense Debate с точки зрения портирования комментариев.

Говорил мне Кайл, что для нашей любимой платформы Blogger все это не работает, но как честный исследователь, я решила попробовать. И вот что я получила, нажав на Dashboard в Intense Debate ссылку Export comments для своего видеоблога (Кайл, говорил мне не делать этого. Но разве существует на свете женщина, которая не последует древнему правилу, что "Если что-то нельзя, но очень хочется, то можно", тем более в моем случае честного исследователя!)

Итак, я получила на экране некоторый тест на xml (это должно быть были мои комментарии). А вчера я обнаружила, что все комментарии к моему видеоблогу (для которого я делала Export comments) из системы Intense Debate исчезли и я была в шоке! Хорошо, что позже я обнаружила вкладку Comment History, где они еще были доступны. Дальше мы с Кайлом делали всевозможные манипуляции по реинсталляции системы Intense Debate у меня на блоге и так далее, но ранее выгруженные комментарии уже в блоге не появились.

В результате я у себя в видеоблоге эту систему снесла, а комментарии из Intense Debate скопировала вручную просто copy и paste уж очень не хотелось их терять..

Снести систему Intense Debate тоже оказалось не просто, они предлагают как и во время установки системы отдать им Html код вашего шаблона, и на его основе они генерят новый Html-код уже без системы комментариев Intense Debate. В моем случае они сгенерили этот код с ошибкой. Пришлось сначала нажать на УБРАТЬ ИЗМЕНЕНИЯ, а потом на ссылку, которая лечит ВСЁ: Восстановить шаблоны виджетов по умолчанию.

Теперь у меня в видеоблоге уже нет системы комментариев Intense Debate. Немножко жалко, но не так чтобы очень...

В ближайшем будущем я планирую установить эту систему на один из моих тестовых блогов и посмотреть смогу ли я портировать в блог комментарии из этой системы - и у меня уже есть некоторые идеи на этот счет!

Так вместо чисто технического поста типа: пойдите туда-то нажмите то-то и будет вам счастье, пост получился почти философским на тему для меня это "Не плоди сущности, без необходимости" (Бритва Оккама), но впрочем каждый в этом посте может найти и свою мораль ;).

Всем удачи и счастья!
Чисто технический пост по Intense Debate остается за мной!

Света

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

26.5.09

Blogger: Виджет - недавно сделанные комментарии.

41 comments

Лучше 1 раз увидеть,
Чем 100 раз услышать!

Мне, кстати, очень понравилась эта реклама открывающегося (уже разумеется открытого форума о подстаканниках). И все сказанные в рекламе слова очень правильные и надеюсь, что так у них на форуме все и есть.

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

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

В основу виджета положен feed (они переводят это как канал) комментариев, который формирует Blogger. Он расположен по адресу:

http://имя_вашего_блога.blogspot.com/feeds/comments/default

у меня это

http://blogger4you.blogspot.com/feeds/comments/default

Самый простой способ показать на боковой панели 5 последних комментариев... (всего правда 5). Добавить на боковую колонку гаджет Канал (так и называется), задать в качестве адреса канала адрес, про который мы говорили выше:

http://имя_вашего_блога.blogspot.com/feeds/comments/default

и дальше решить показывать ли вместе с комментарием имя комментатора и дату.

Что касается меня - для меня 5 комментариев - слишком мало, долгое время я с удовольствием показывала 25 комментариев (это возможный максимум), сейчас комментариев на боковой панели меньше - всего 20, т.к. пространство на боковой панели не резиновое, а мне хочется показать там и темы, которые обсуждаются в Russian Blogger Help Group (по-русски)

Теперь собственно код виджета, в свое время мной доработанный, а когда и где взят оригинал я уже не упомню:

<ul style="font-style: italic;"><script style="text/javascript">
function showrecentcomments(json) {
for (var i = 0; i < 20; i++) {
var entry = json.feed.entry[i];
var ctlink;

if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
ctlink = entry.link[k].href;
break;
}
}
ctlink = ctlink.replace("#", "#comment-");
var ptlink = ctlink.split("#");
ptlink = ptlink[0];
var txtlink = ptlink.split("/");
txtlink = txtlink[5];
txtlink = txtlink.split(".html");
txtlink = txtlink[0];
var pttitle = txtlink.replace(/-/g," ");
pttitle = pttitle.link(ptlink);
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<\S[^>]*>/g;
comment = comment.replace(re, "");

document.write('<li style="text-align:left">');
document.write('<a href="' + ctlink + '">' + entry.author[0].name.$t + '</a>');
document.write(' on ' + pttitle);
document.write('<br>');
if (comment.length < 150) {
document.write(comment + '...<a href="' + ctlink + '"> (more)</a><br><br>');
}
else
{
comment = comment.substring(0, 150);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a href="' + ctlink + '"> (more)</a><br><br>');
}
}
document.write('</li>');
}
</script>
<script src="http://адрес_вашего_блога.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script></ul>

Давайте я в двух словах поясню, что в этом скрипте можно/нужно исправить:

1) В самом конце скрипта красным выделено адрес_вашего_блога ну, и поставьте туда тот кусок адреса вашего блога, который идет перед blogspot.
Продвинутые блоггеры, использующие для своих блогов доменные имена второго уровня, могут заменить весь url до /feeds/comments/default на url их блога.
2) 20 - это количество последних комментариев, которые мы хотим показать на боковой панели - можно поменять (максимум 25).
3) text-align:left - тип выравнивания текста, у меня очень долго стояло "по ширине" (text-align:center) сейчас стоит по левому краю.
4) Английское слово on, идущее после имени комментатора, можно заменить русским глаголом комментирует или на что у вас хватит фантазии.
5) + pttitle - здесь я намекаю, что это выражение (вместе с плюсиком) можно вообще убрать. В случае если аппендикс адреса вашей статьи реально ничего не говорит вашим читателям. Что-то типа blog post_555 или blog post_3836. Конечно, по таким названиям можно отследить к одному ли посту относятся два комментария или к разным - но красоты и читаемости они точно не добавляют. Кстати, как получить осмысленные адреса для ваших постов я когда-то рассказала здесь: Blogger-SEO: Меняем заголовок статьи!. Я всегда так делаю, когда не забываю ;).
6) Число 150 - это максимальное количество знаков комментария, которые вы можете показать... можно уменьшить, но сразу в двух местах.
7) Занимаясь русификацией скрипта слово (more) (анг. еще, больше) можно тоже заменить, на что-нибудь русское. Кстати, замечу, что в первом случае слово more обозначает что у комментария есть продолжение, т.е. он длиннее показанных 150ти символов, а во втором случае комментарий показан на боковой панели весь целиком и при чем тут more не совсем понятно - разве что для единообразия... А вам ничего не мешает эту ситуацию изменить и использовать, например, разные слова.
8) И на самом верху мы присваиваем всему скрипту стиль style="font-style: italic;" - это уже мои вкусовые пристрастия... нравится мне курсив, а если вам не нравится - удалите это голубенькое описание целиком.

Кажется, про свой любимый виджет "Недавно сделанные комментарии" я рассказала все что знала, но если еще возникнут вопросы обязательно спрашивайте, еще расскажу! ;)

А добавлять этот гажден на боковую панель надо так: Добавить гаджет и выбрать тип гаджета Html/Javascript.

Всем удачи и хорошей погоды!
Света

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

ВСЕ для BLOGGER(а) на BLOGSPOT(e)!

11.8.12

Blogger: Национальные домены для blogspot и как с этим бороться.

13.12.10

Blogger: Волшебная пыльца!

8.6.09

Blogger: Внешняя система комментариев Intense Debate (Проблемы)!

26.5.09

Blogger: Виджет - недавно сделанные комментарии.

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

Ищем и переводим:

Категории блога

Друзья

Архив блога

Календарь-Архив

Комментарии к статьям блога!

Some of our blogs in English and Russian:

Счетчик от Blogger'а

Control Panel: