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

воскресенье, 28 августа 2011 г.

Социальные сервисы и как публиковать там посты из Blogger.

Да, дорогие друзья.
В последнее время их всё больше: в России из крупных платформ для блогов вначале был только Livejournal. И он сильно напоминал собой социальную сеть. Но всё-таки это была блог-платформа.
А затем пришли все эти вконтакте, фейсбуки, твиттер, и, наконец, Google Plus.
В результате часть моих знакомых и читателей осталась в ЖЖ. Часть давно не вылазит из вконтакта, и читает почти только его. Более продвинутые сидят в твиттере и фейсбуке, но теперь у всех появился ещё и Гугл+.
Но вот беда: если раньше что-то важное можно было просто написать в ЖЖ и все бы прочли, то теперь необходимо написать ещё и во все перечисленные места.
То есть минимум приходится писать в пять мест, не считая Blogger.
Я вот недавно попал в больницу. Сейчас я уже дома, но когда я был там — я писал с мобильного.
Когда много пишешь с мобильного — хорошо запостить куда-нибудь большой пост, где написано что да как, что произошло — чтобы все были в курсе. Но с мобильника его надо набрать — это сложнее, чем с компа. А потом копировать и вставлять во все сервисы...
На это нужно время, не говоря о том, что некоторые мобильные прилолжения — к примеру «вконтакте» для Android — постоянно подвисают и глючат.

Было бы разумнее сделать так, чтобы можно было писать в каком-нибудь одном месте, а в других местах это появлялось автоматически.
К сожалению в полноте это реализовать сейчас невозможно.
Потому, что запихнуть свой rss вконтакт нельзя, нельзя сделать это и с Google+ (во всяком случае, пока).
Заправить свой рсс откуда-нибудь в ЖЖ можно, также как в твиттер и в фейсбук.
В ЖЖ — с помощью rss2lj, в Твиттер с помощью Twitterfeed, в Facebook — с помощью фейсбук-приложения RSSGraffiti.
Но так, чтобы это везде нормально работало — нельзя. Если с rss2lj и Twitterfeed всё более-мене в порядке, то минус того же RSSGraffiti в том, что при кросспосте не появляется превьюшек фотографий, а вместо этого всегда вылазит картинка из вашего Blogger-профиля. И т.п.

среда, 7 июля 2010 г.

Социальные кнопки от Blogger.

По поводу социальных кнопок:
Компания Blogger не так давно сама запустила свои соц. кнопки. Как они выглядят можно посмотреть прямо под этим моим постом.
Там, однако, нет русских сервисов. Но может кто-то хочет всё равно поставить себе родную "гугловскую" кнопку.
Функция на данный момент доступна только в Blogger Draft.
Для этого необходимо зайти в панель инструментов / дизайн / элементы страницы. Там выбрать сообщения блога - изменить.
И там поставить галочку на "Показывать кнопки для публикации".

Всё просто. Но, к сожалению, в некоторых шаблонах эти кнопочки отчего-то не включаются.

Чтобы это исправить - необходимо вначале проделать вышеописанную операцию.
А затем зайти в редактирование HTML, найти строки:

<!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>

И после них вставить эту:

<div class='post-share-buttons'>
        <b:include data='post' name='shareButtons'/>
      </div>

После этого всё должно отображаться правильно.

пятница, 30 апреля 2010 г.

Кнопка для добавления поста в социальные сети и сервисы.

UPD: Найдено лучшее решение вопроса, чем в этом посте.
Читайте Социальные кнопки для Blogger.

Подумал я немного о том, что стоит добавить в блог кнопку для взаимодействия со всякими социальными сервисами вроде твиттера, там, фейсбука и прочих.
В том плане, чтобы человек, который прочёл ваш пост, мог бы в одно нажатие кнопки внизу поста опубликовать у себя ссылку на него (или сам пост), или добавить ссылку на пост к себе в закладки (что уже не ново).
Много сейчас кнопок, и много кто про это писал.
Но вот как-то мне не нравится, что столько кнопок сразу внизу (а у кого и вверху): одна для твиттера, другая для фейсбука, третья для жж, и т.п.
Между тем, можно добавить всего одну кнопку, которая охватывает сразу кучу сервисов.
Особенно хорошо это будет для тех, кто не хочет нагромождать у себя много разного цветастого.

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

Заходим по ссылке, нажимаем "Get the button".
Слева есть графа "Services". Нажимаем туда, выбираем, какие сервисы мы хотим видеть на 1-й странице в выпадающем меню кнопки. Я выбрал те, что популярны в России ("вконтакте" там, правда, нет).
Форму кнопки можно не выбирать, потому что с интеграцией в Blogger как всегда возникают какие-то проблемы, которые я сейчас объясню.
Единственное, что порекомендовал бы в отношении вида кнопки - заполнить поле "Button text" каким-нибудь русским словом взамен английского, чтоб нашим читателям было проще понять для чего эта штука тут будет находиться.
Затем выбираете внизу "Blogger", и щёлкаете Get ShareThis code.
Тогда вам предлагают зарегистрироваться, что вы и делаете. Собственный аккаунт даст вам впоследствии доступ к своей статистике.
Потом вам дают две части кода.
Заходим, как обычно, в Дизайн / изменить html.
Тут вам неплохо бы, как обычно, сохранить свой шаблон у себя на компьютере на всякий случай.
Затем ставим галочку на "расширить шаблоны виджета".
Первую часть того кода, который вам дают, необходимо разместить у себя перед тегом <head/> (то есть до него).

А дальше пару слов о проблеме, которая имеет место в связи с интеграцией в Blogger.
Если вы ставите тот код, что предлагается на сайте в стандартной комплектации - то читатели смогут давать ссылку только на главную страницу вашего блога. Это нехорошо тем, что читатели-то должны иметь возможность давать ссылку и делиться именно тем материалом, которым хотят.
Но таки был найден скрипт, который работает для "Блоггер" так, как нужно, исправляя ситуацию и давая возможность ссылаться точно на тот пост, под которым располагается кнопка.

Так что после тега <data:post.body/> вам надо будет вставить не предложенный ими код, а вот этот:

<p>
<script language='javascript' type='text/javascript'>
SHARETHIS.addEntry({
title: &#39;<data:post.title/>&#39;,
url: &#39;<data:post.url/>&#39;
}, {button:true} );
</script>
</p>

Если у вас стоит не блоггеровский, а другой кат (например тот, что я описывал), то тег <data:post.body/> , после которого надо вставлять код, может быть видоизменён и присутствовать два раза. В этом случае надо ставить после всего кода, который был вставлен вами ранее для ката.

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

Вполне возможно, что есть и лучший вариант того, как можно сделать отображение кнопки - чтоб можно было делать её разной, как то и предлагается на сайте. Может быть вы найдёте этот вариант, а я как-то обленился в последнее время.

UPD: Чтобы кнопка была видна только на страницах самих постов, и не была видна в блоге - необходимо окружить вышеприведённый код, этими тегами:

<b:if cond='data:blog.pageType == "item"'> тут наш код </b:if>

При написании поста я пользовался материалами support.sharethis (тут вы, может быть, найдёте дополнительные сведения по модификации кнопки) и freehonestmarketing.

воскресенье, 14 марта 2010 г.

Размещение фотографий в блогах Blogger, или как сделать красивый фотоблог.

Всё в "Блоггере", казалось бы, продумано, и нет ничего проще размещения фотографии.
Тут тебе и с компьютера можно сразу залить без посредничества каких-либо сторонних фотохостингов, и ссылку на уже выложенную фотографию дать можно.
Потом есть возможность выбрать из четырёх вариантов размера - "маленький", "средний", "крупный" и "очень крупный", а затем выравнивать картинку по центру, правому или левому краю.
С недавнего времени появилась и возможность делать подписи под фото.
Но и тут, как не странно, есть свои "но".

Главным неудобством является то, что стандартные размеры фото не всем подходят.
А размеры эти следующие. Фотографию уменьшают по большей стороне (меньшая сторона в этом случае уменьшается автоматически, пропорционально первой).
Размеры большей стороны в автоматическом редакторе фото выходят такие:
  • "маленький" - 200 px
  • "средний" - 320 px
  • "крупный" - 400 px
  • "очень крупный" - 640 px
Но дело в том, что не у всех ширина блога одинаковая. Тем более, с появлением новых шаблонов, где ширина регулируется куда проще, чем раньше.
Оптимально (особенно для людей, выкладывающих фотографии в большом разрешении), чтобы все фотографии были равны ширине основной колонки блога.
Это выглядит эстетично и, кроме этого, позволяет читателю видеть фото в максимальном, насколько то позволяет дизайн блога, разрешении.

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



Так выходит, если пользоваться встроенным редактором.
Однако лучше было бы, если б фотографии равнялись по ширине горизонтальной грани фото.
Тогда это выглядело бы так:



Оба фото одинаковой ширины.
Я уже давно размещаю фотографии только так. Выглядит аккуратнее.
Пример можно увидеть тут.
При этом, щёлкнув на фото - можно увидеть его в ещё большем разрешении на отдельной странице.
Но для этого я пользуюсь не автоматическим редактором, а вношу, при написании поста, в режиме "изменить html" свой код. Код такой:

<div class="separator" style="clear: both; text-align: left;">
<a href="ссылка на фотографию"><img border="0" src="ссылка на фотографию" title="Название картинки" alt="Тэги картинки" width="ширина вашего блога" /></a>
</div>

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

Если вы пользуетесь старыми (уже два дня как старыми =)) шаблонами - то надо зайти в "Дизайн / изменить html", и посмотреть там в разделе #main-wrapper строку, выделенную ниже жирным:

#main-wrapper {
margin-$startSide: 20px;
width: 680px;

Значит, ширина вашей основной колонки блога - 680 пикселей. Она может быть и другой.
Всё, вы узнали ширину основной колонки.

Если же вы пользуетесь новыми шаблонами - то можете даже не лезть в код и посмотреть ширину основной колонки в "Дизайн / Дизайнер шаблонов / Дизайн / Изменение ширины" и вычесть из общей ширины блога ширину боковых колонок.
Предположим, что общая ширина вашего блога - 900 пикселей, а боковые колонки - 290 пикселей.
900 - 290 = 610.
Казалось, бы, это значит, что длина основной колонки блога - 610 пикселей.

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

В действительности всё проще. Вы можете создать сообщение с фотографией. Если количество пикселей, указанное в коде как "ширина вашего блога" будет избыточным - вы сразу это заметите, так как изображение не будет полностью влезать. Тогда надо уменьшать в вышеприведённом коде изображения количество пикселей до той поры, пока оно не будет полностью влезать.
Если картинка будет меньше чем нужно - наоборот увеличить.
За 5 минут можно легко узнать оптимальное количество.
Надеюсь, кому-нибудь поможет эта информация.

P.S.: В старом "интернет-эксплорере" уменьшенные таким образом изображения показываются с грубой пикселизацией. Но учитывая, что этим браузером уже почти никто не пользуется (и мы должны делать всё, чтобы про него и вовсе забыли) - можно этим пренебречь.

понедельник, 15 февраля 2010 г.

Гаджет поиска по блогу и подписи к картинкам.

Я тут заметил, что встроенный в блоггер гаджет "Поиск по блогу" иногда плохо работает и выдаёт далеко не все результаты.
Поиск от AdSence по моим наблюдениям ведёт себя адекватнее.
Поэтому рекомендую вам сменить встроенный поиск на поиск AdSence, притом что настройка Адсенса реально очень удобная - только что убедился (хотя на блоге, который вы сейчас читаете, ещё не заменил).
Только не забудте потестить то, как он работает и как это выглядит после того, как поставите.
"Код результатов поиска" надо ставить в своём дизайне прямо под заголовок блога, так чтобы гаджет с ява-скриптом, предложенный вам Адсенсом после настройки, был на всю ширину блога.
Но не забывайте, что в поле ширины результатов поиска надо вычесть из общей ширины своего блога пару десятков пикселей (в зависимости от вашего шаблона), иначе результаты поиска будут прилегать вплотную к "стенкам" блога (это, конечно, имеет значение только для тех пользователей, у которых фиксированная а не "резиновая" ширина блога, и тех, у которых цвета блога и фона блога различаются).
Ещё одной особенностью такого поиска оказалось то, что длину самого окошка поиска (которую в настройках вы указываете в количестве символов, которое в него помещается) разные браузеры воспринимают по-разному. В этом смысле длину окна следует проверять в нескольких браузерах, а то в одном может поместиться, а в другом может не влезть в то место, куда вы его ставите.
И ещё после установки кода у меня лично забавная деталь: когда вводишь слово для поиска и он выдаёт результаты - в Мозилле всё содержание блога следует сразу после них, а в Хроме и Опере внизу остаётся большое пустое место, а уж после него содержание блога.

Кроме этого, разработчики Blogger вчера ввели возможность добавлять под фотографии подписи. Удобно и быстро. А раньше для этого приходилось вставлять вручную какие-то неимоверные коды. Возможность доступна в Blogger Draft.

пятница, 22 января 2010 г.

Красивые адреса страниц сообщений в "Блоггер".

Кстати, как вы уже наверное поняли, чтобы ядрес страниц был человеческим, можно делать то же самое что и в случае обычных постов.

То есть, чтобы адрес ваших страниц бы не таким:

http://ваш_блог.blogspot.com/p/blog-post.html

А таким:

http://ваш_блог.blogspot.com/p/ob_avtore.html

Чтобы было красиво - необходимо вначале напиать название поста транслитом. В данном случае - "Ob avtore". Опубликовать старницу, затем зайти в её редактирование и изменить название на русское. В адресе останутся то, что вы в момент первой публиуации набрали латиницей.

суббота, 12 сентября 2009 г.

Кат в Blogger теперь встроен! Ура!

Свершилось то, ради чего ещё, можно сказать вчера, нам приходилось редактировать html-макет наших блогов, которыми мы столь дорожим.
Раньше, как мы помним, нам нужно было вставлять целые фрагменты кода, чтобы кат был возможен.
Теперь он встроен. Если вы используете draft (в настройках он именуется "обновлённый редактор") для написания сообщений - то в его правом верхнем углу вы увидите значёк, нажав на который вы сможете вставлять кат там, где вам надо.

Те, кто используют обычный редактор сообщений могут в режиме редактирования html вставить после нужного места тег <!-- more -->
И то что под ним уйдёт под кат.

Похоже, мечты сбываются.
У нас на русском появляется не "Read more" а слово "Дальше". Что хорошо.
Но при желании вы можете изменить это слово на то, что сами хотите. Для этого надо зайти в Макет/Элементы страницы и там в "Сообщения блога". Там в графе "Текст ссылки на Страницу сообщения:" вы можете вписать что душе угодно.
Мне остаётся напомнить тем, кто транслирует блоги в ЖЖ, о том, что если вы хотите чтобы кат присутствовал и в ЖЖ - то необходимо вдобавок в начале фрагмента, с которого начинается текст, скрытый под катом, добавлять тег <lj-cut> а в конце - </lj-cut>

Об этом сугубом добре нам сообщил официальный блог о Blogger.

четверг, 22 января 2009 г.

Нормальные имена страниц сообщений в Blogger.

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

http://название-блога.blogspot.com/год/месяц/%D0%AD%D1%81%D1%85%D0%B0%D1%82%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D1%8F 

Но такая каша из символов некрасиво смотрится, и впоследствии, когда название писалось на кириллице, адрес стал выглядеть как

http://название-блога.blogspot.com/год/месяц/blog-post_дата.html

Если же в названии поста встречается хотя бы пара символов на латинице - то пост автоматически называется ими.
Как вы понимаете, название поста типа blog-post_22 ничего в себе не несёт.
А между тем на первые страницы в поисковиках по некоторым запросам можно попасть даже благодаря исключительно названию страницы и её адреса.
Поэтому надо сделать так, чтобы название отображалось нормально.
Как это автоматизировать я, лично, не знаю.
Поэтому когда публикуете пост - просто пишите название латиницей, публикуйте и сразу после публикации нажимайте "Изменить сообщение", после чего вписывайте название поста на русском.
Всё будет так же, за исключением того, что адрес поста будет уже нормальный, вида

http://seorussian.blogspot.com/2009/01/normalnye-imena-stranitz-soobshenij-v.html


Кроме всего этого, на такой адрес просто приятнее смотреть самому.

суббота, 6 декабря 2008 г.

Сделать кат в Blogger. Один из лучших способов.

Извиняюсь, что так долго не публикую последний, и самый нормальный способ ката на блоггере.
Итак, он хорош тем, что при его использовании внизу появляется ссылка "Читать дальше" (или любые другие слова, что захотите, то и пишите). При этом, ссылка появляется только в тех постах, в каких вы её сами сделаете, а не во всех подряд (как это происходит в первом, упомянутом мною, способе). Эту ссылку можно будет настраивать - где она появится (справа или слева), какого будет цвета, какого размера шрифт и т.п.
Кроме этого, в полном посте не будет ненужных разрывов, предложения "свернуть назад", и при попадании прямо на страницу конкретного сообщения человеку не надо будет дополнительно щёлкать "развернуть".
Всё это немаловажно для меня.
При нажатии на ссылку происходит направление читателя на страницу полного сообщения. 
Должен отметить, что я встречал в сети и другие способы, использующие внешние ява-скрипты. То есть те, которые располагаются на сервере у того дяди, который их написал.
Эти способы я вообще не рассматривал (и вам не советую), т.к. дядя может забыть заплатить за хостинг и т.п. После чего всё перестанет действовать.

Как его реализовать?
Вначале, как обычно, сохраняем, на всякий случай, уже имеющийся у нас вариант шаблона на жёсткий диск (на тот случай, чтобы если что-то не выйдет - можно было всё восстановить).
Этот способ реализовать не сложно (хотя и чуть-чуть дольше чем остальные),  но надо быть очень внимательным, т.к. можно случайно ошибиться.

Идём в макет/изменить HTML и ставим галочку на "расширить шаблоны виджета".
Теперь нам надо добавить код прямо перед тегом </head>.
Вот этот код:

<b:if cond='data:blog.pageType != "item"'>
<script type="text/javascript">

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}


function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") &amp;&amp; (found == 0))
spans[i].style.display = 'none';
}
}

</script>
</b:if>


Затем, в коде своего блога вам надо найти строку вида:

<p><data:post.body/></p>

Но в разных темплейтах она может быть несколько другой. К примеру вот такой:

<div class='post-body>  или такой:

<p><data:post.body/></p>   или такой:

<div style='clear: both;'/> <!-- clear for photos floats -->

   </div>

Вообщем найдите (используйте Ctrl+F, это удобно) у себя тег <data:post.body/> или его вышеприведённое подобие у себя в коде.

Вот. Далее внимание.
Чуть выше его будет строка, которая в разных темплейтах тоже может немного разниться. Она имеет такой вид (3 варианта):
div class='post'

div class='entry'

div class='post-body entry-content
 
 
Если у вас вообще взятый незнамо откуда темплейт - эта строка может иметь и немного другой вид.
Так вот, дальше вам надо изменить и дополнить эту строку следующим образом.
Её начало мы оставляем нетронутым, а потом добавляем только то, что выделено голубым цветом, ровно так, как указано ниже:


<div class='post-body'  expr:id='"post-" + data:post.id' >

     <b:if cond='data:blog.pageType == "item"'>
        <style>#fullpost{display:inline;}</style>
        <p><data:post.body/></p>
     <b:else/>
        <style>#fullpost{display:none;}</style>

        <p><data:post.body/></p>

       <span id='showlink'>
        <a expr:href='data:post.url'>Читать дальше......</a>
       </span>
       <script type='text/javascript'>
         checkFull("post-" + "<data:post.id/>");
       </script>
     </b:if>

     <div style='clear: both;'/> <!-- clear for photos floats -->
   </div>


Обратите внимание, на закрывающий значёк " ' " сразу после первых букв "div class='post-body - если вы забудете его, то темплейт не сохраится и выдаст ошибку.

Всё, если вы всё сделали так как тут сказано - сохраняйте шаблон.
Затем идите в настройки/форматирование.
В рамке внизу, над которой значится "шаблон сообщения", добавляем строки:

Превью поста

<span id="fullpost">

То, что скрыто под катом

</span>

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

Ещё раз указываю на то, чтоб вы были внимательны, когда будете делать всё вышеуказанное. Лично я, когда делал это впервые, умудрися допустить аж две ошибки (впрочем потом, естественно, исправил). Этот способ, как мне кажется, из ныне существущих, - самый приличный, я им уже пользуюсь.

О том, как дополнительно настраивать положение в сообщении и вид букв "Читать далее..." я собираюсь написать в одном из следующих постов. Впрочем думаю, что многие из вас и сами догадаются как это сделать.
Кроме этого, я там собираюсь написать ещё и о возможных ошибках (и возникающих из-за них проблемах) при реализации этого способа и их исправлении.
А ещё об одном возможном глюке, который, впрочем, я лично не встречал и у меня его не появлялось (а я вставлял этот код на трёх блогах).
...А то что-то уже поздновато, а я спал меньше чем нужно; а мне нужно ещё кой-чего делать за компом, связанное с работой...
Да, чуть не забыл. Автор этого способа и то, откуда все это взяли: Hackosphere.

вторник, 2 декабря 2008 г.

Как сделать кат (cut) в Blogger, так же как это можно в Livejournal? Post Summaries.

Как сделать сообщения, убирающиеся под кат в Blogger, также как можно сделать это в Livejournal?

Это важная и полезная вещь, особенно если вы используете виджет со ссылками на близкие по тематике сообщения после поста.
По правде говоря, я уже нашёл по крайней мере три, если не больше, способов это реализовать.
У способов есть свои плюсы и минусы.

Другие способы сделать кат: второй способ и третий способ.

Вот один из них.
Он хорош тем, что с его помощью можно развернуть сообщение на странице блога, даже не заходя в него.
Т.е. представьте себе, что на главной странице у вас есть несколько, убранных под кат сообщений, в которых видны только первые один-два абзаца.
Так вот, этот способ позволяет развернуть сообщение, даже не уходя с главной страницы.
Под постом будет ссылка "More..." (или любое другое слово, которое вы захотите), и после нажатия на неё пост автоматически развернётся, даже без необходимости переходить на другую страницу (к примеру страницу этого самого поста).

Минус: при заходе на саму страницу поста этот кат также действует. То есть читателю придётся лишний раз нажимать на ссылку "развернуть".
Кроме этого, там же где была ссылка "развернуть" после этого самого разворачивания на том же самом месте появится ссылка "свернуть", которая будет несколько разрывать тело сообщения.

Реализация:
Как обычно, не забываем сделать резервную копию своего шаблона и сохранить её на своём жёстком диске.
Затем идём в макет/изменить HTML.
И там, сразу после тега <b:skin> вставляем код:

    .expand
    {
        display: inline;
    }
    .collapse
    {
        display: none;
    }

А сразу перед этим же тегом <b:skin> вставляем код:

<script type="text/javascript" language="javascript">
    //<![CDATA[
    function toggleMore() {
    var currentText = this.innerHTML;
    if (this.nextSibling.nodeName == "#text") {
    this.parentNode.removeChild(this.nextSibling);
    }
    if (currentText == "More...") {
    this.innerHTML = "Hide <br />";
    this.nextSibling.className = "expand";
    }
    else {this.innerHTML = "More...";
    this.nextSibling.className = "collapse";
    }
    }
    function attachHndlr() {
    var anchors = document.getElementsByName("ToggleMore");
    for (var i = 0; i < anchors.length; i++) {
    anchors[i].onclick = toggleMore;
    anchors[i].href="#" + i;
    }
    }
    //]]>
    </script>

Потом заменяем тег <body> тегом <body onload='attachHndlr();'>

Сохраняем темплейт.
Потом идём в настройки/форматирование.
Находим там внизу строку "шаблон сообщения", и вставляем в рамочку эти строки:

    <a href="#" name="ToggleMore">More...</a><span class="collapse">

  </span>

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

<span class="collapse"> и </span> 

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

P.S .: Да, чуть не забыл. Способ найден здесь.

суббота, 11 октября 2008 г.

Пояснения и пара заметок по написанию постов в блог.

Итак, в этом блоге я решил разъяснить и подробнее расписать схему по элементарному продвижению блога.

Относительно блога на движке WordPress я писать ничего не буду - для этого уже существует великая туча гуруруководителей.
Если хотите делать блог на вордпресс - покупаете домен и хостинг, заливаете туда всё что нужно (это написано в инструкциях к вордпрессу) а потом настраиваете, настраиваете... Если не настраивается - набираете в поисковике проблему и ищите в блогах записи тех, кто эти проблемы уже преодолел - всё банально.
Что касается blogger.com - то, если вы заходите с русского IP, то вы сразу же видите инструкции на вашем родном (а скорее всего это русский, раз вы меня читаете) языке, которым можете успешно следовать. После пары элементарнейших шагов вы, наконец, становитесь одним из обладателей наиболее приличного блога на бесплатной основе (ИМХО).
На радостях можете писануть какой-нибудь пост вроде: "Ура, теперь и я тут. Приумножу сущее", или что-нибудь в этом роде.
Это и будет началом исполнения первого пункта нашей схемы.
Есть смысл создавать оригинальный контент.
Нет смысла копировать нечто уже кем-то написанное.
Поисковые системы с такими неоригиналами давно уже не находят общего языка. Они прекрасно видят что вы спёрли чужой текст.
Есть люди, которые успешно научились обманывать поисковые системы. Для этого у них есть специальные программы, которые заменяют слова на их синонимы и т.п.
Но это скучное занятие, которое, к тому же, не несёт миру никакого блага и только засирает интернет. А вам ведь не хочется, думаю, быть засранцем.
Поэтому пишите сами, пишите интересно. Чтоб вам самим, по возможности, приятно было.
Написание постов - это вообще отдельная тема, по которой, думаю, тоже надо написать отдельную схему (но это потом).
Для начала просто запомните: название поста должно отражать его суть; и в нём, по возможности, должны быть слова, главные слова из вашего сообщения. Т.е. если вы пишите запись про написание постов - назовите её "Как писать хорошие посты", или "Посты в блог: как делать это правильно?" и т.п.