Я редко в своём блоге даю оценку тем или событиям или фактам. Ещё реже я пишу, посты от своего имени. Последние связанно с тем, что процесс это очень трудоёмкий и забирает много времени и сил. Таким образом, это довольно нехарактерная заметка.
Хотелось бы заметить, что, хотя я этого обычно не пишу, не всегда мнение высказываемое в моих так называемых "компилируемых" постах совпадает с моим собственным (хотя для тех, кто читают мой блог регулярно, не заставить труда понять, какое моё мнение). Иногда я привожу просто необычно мнение или освещение под неожиданным углом, которое заставляет задуматься.
А теперь собственно, что я хотел хотел сказать по поводу того, что мнение израильтян по поводу происходящих последних событий в Израиле, ценнее тех, кто тут не живёт и почему в блоге я мало внимания уделяю происходящему в России, Украине или США.
Ниже есть продолжение.
У меня могут быть самые большие противоречия по политическим вопросам, но лично мне это не мешает поддерживать дружеские отношение в повседневной жизни это раз. Во время войны, мне мнение моего "идеологического противника" куда ценнее, чем мнение кого-то извне. Повторюсь, даже если в мирное время мы не можем найти общий язык по вопросам политики, я понимаю, что мы оба будет "в одном окопе". Мнение же кого-то извне, которое сводится к простому раззадориваю сторон, как минимум раздражает.
Мне могут возразить, что "раззадоривать" стороны можно как извне, так и изнутри. Это правда, но реакция на это разная. Человек "изнутри" точно знает о последствиях, хотя бы потому, что они сотни раз проговариваются повсеместно, и, обычно, если он такое себе позволяет, это всего лишь значит, что кто-то из его близких пострадал.
Разница в том, что у тех, кто внутри есть эмоциональная вовлечённость, которая напрочь отсутствует у тех, кто "там, далеко". Да, конечно, холодный взгляд бывает и полезен, но вот когда буквально рядом рвутся ракеты, как-то не до этого.
В частности, я почти не освещаю в блоге события связанные, с внутренней политикой Украины, России или США не позволяют себя давать оценки. В том числе и потому, что я понимаю, что издалека мне и половины не видно. Только когда происходят какие-то резонансные события или события, которые лично затрагивают меня или моих родственников или знакомых, я, затратив предварительно довольно много времени на то, чтобы хоть примерно понять, что и как произошло, компилирую один или несколько постов. Из общих соображений, ИМХО, очевидно, что если человек живёт в другой стране ему будет тяжело понять, что там происходит.
Я вот дам другой пример из жизни. Год где-то 1996. Украина стала независимой всего лишь 5 лет назад. Российские каналы ещё доступны, я их смотрю чаще, чем украинские, в том числе я знаю, что происходит во внутренней политики России намного лучше, чем на Украине. К нам с России приезжают родственники. Из бесед с ними я понимаю, что картинка, которые у меня сложилась в голове имеет лишь очень отдалённое отношение к действительности. На следующий год я еду к ним в гости. Я уже на собственном опыте убеждаюсь, что многое в реальности именно в политике, не на бытовом уровне, на самом деле совсем по-другому. Хотя ещё 5 лет Россия и Украина была вообще одним государством и за политикой России я тщательно следил.
Showing posts with label оргвопросы. Show all posts
Showing posts with label оргвопросы. Show all posts
Friday, August 08, 2014
Monday, October 15, 2012
New Blogger Custom Domain and CNAME Setup Guide (English)
As you can see my blog moved to new domain. The process wasn't smooth enough, so I want to share with you with how to avoid 2 major pitfalls.
First of all, after you are buying new domain name and before you are moving your blog their you have to register Google Apps for this domain. If your purchased domain name was previously used, it can contain some garbage (it is actually Google data base corruption). In order to fix it see NOTE *1*.
Second pitfall is even more tricky. When you are going to the Blogspot/Blogger interface in order to switch the domain name you should be extremely careful. You should:
Write your domain name with "www."
You will get "Blogs may not be hosted at naked domains.". See Note *2*.
Click on Switch to advanced settings first, before you are entering domain name.
Before clicking on settings instructions you should enter new domain name
These instruction is generated for new domain name. So you must provide the details before clicking. Otherwise, you blog will fail to move to new domain name.
When copying CNAME don't copy . at the end
See Note *3*
On this step Blogspot/Blogger ask you to change some properties that is accessible through DNS in order to verify that you are actually controlling this domain.
There is more below.
Ниже есть продолжение.
NOTE *1*:
Note *2*
Note *3*
You should use gv-BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB.domainverify.googlehosted.com without "." at the end (.com and not .com.)
* GENERAL NOTE *
First of all, after you are buying new domain name and before you are moving your blog their you have to register Google Apps for this domain. If your purchased domain name was previously used, it can contain some garbage (it is actually Google data base corruption). In order to fix it see NOTE *1*.
Second pitfall is even more tricky. When you are going to the Blogspot/Blogger interface in order to switch the domain name you should be extremely careful. You should:
Write your domain name with "www."
You will get "Blogs may not be hosted at naked domains.". See Note *2*.
Click on Switch to advanced settings first, before you are entering domain name.
Before clicking on settings instructions you should enter new domain name
These instruction is generated for new domain name. So you must provide the details before clicking. Otherwise, you blog will fail to move to new domain name.
When copying CNAME don't copy . at the end
See Note *3*
On this step Blogspot/Blogger ask you to change some properties that is accessible through DNS in order to verify that you are actually controlling this domain.
There is more below.
Ниже есть продолжение.
NOTE *1*:
Once logged in to Google Apps, look at your Google Apps dashboard, and find the AdServices, Sites, or Start Page service. Click on AdServices, Sites, or Start Page, and you will see the appropriate Service Settings screen.http://blogging.nitecruzr.net/2009/11/deactivation-of-google-sites-service.html
Note *2*
What is a naked domain?
A naked domain is simply a domain name without the 'www' prefix. For example, google.com (naked) instead of www.google.com (non-naked.)
To simplify custom domain configuration on your blog, Blogger only accepts non-naked domains in our sign-up process. If you try to enter a naked domain in the advanced settings of the Settings | Publishing tab, you will run into an error stating that Blogs may not be hosted at naked domains.
To fix this, simply enter the non-naked version of your domain and save your settings.
Note *3*
For the second CNAME, enter "AAAAAAAAAAAAA" as the Name andhttp://www.blogger.com/custom-domain-instructions.g
"gv-BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB.domainverify.googlehosted.com." as the
You should use gv-BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB.domainverify.googlehosted.com without "." at the end (.com and not .com.)
* GENERAL NOTE *
I decided to add the custom domain to the blog's settings but to my surprise, the settings FAILED to save.http://www.ogbongeblog.com/2012/09/new-blogger-custom-domain-and-cname.html
I noticed this error message "We are not able to resolve www.*******.com. It might take up to 24 hours for new domains to start working. Please try again later" on the page and right under the error message, I saw an instruction that I should enter two CNAMEs in my DNS settings.
I followed the instruction and within a short time, the blogspot address started redirecting perfectly to the custom domain. In fact, the naked domain also started redirecting to the "www" without me ticking the redirection option in Blogger Settings.
...you have to follow the steps below to add the second CNAME to your DNS:
1. Enter your custom domain into the appropriate field located on the Blogger's Settings (Publishing) page
2. Click the [u]"settings instructions"[/u] link below the field. (It is important that you only click the settings instructions link after you enter your domain, as the unique record is generated based on the entered URL.)
3. You’ll be directed to a page which will have your two unique records displayed. Copy the information for use in the next step.
4. Depending on your domain register, follow the relevant instructions for creating a new CNAME just as you did for ghs.google.com, but now instead using the unique info from step 3.#
Find the control panel on your domain registrar’s website, and locate your DNS (Domain Name System) settings. In order to link your blog to your custom domain, follow the instructions below to enter your "CNAME" and "A-records."
CNAMEhttp://www.blogger.com/custom-domain-instructions.g
Add two CNAME records. For the first CNAME, where it says Name, Label or Host enter "www" and where it says Destination, Target or Points To enter "ghs.google.com" . For the second CNAME, enter "AAAAAAAAAAAA" as the Name and
"gv-BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB.domainverify.googlehosted.com." as the Destination. See our detailed instructions on providing CNAMEs for various registrars. If yours isn't listed, or if you run into other difficulties, contact your registrar directly and they can help you out.
5. After updating your CNAME info, head back to Blogger and click Save to finalize your custom domain setup. If Saving does not work, then you’ll have to wait a little while and try again. Saving won’t be possible until the DNS changes have fully updated, and some registrars may take up to an hour or more before that happens.
Please note also that some registrars may take up to 24 hours to update changes to DNS so the blog may not be served immediately on your domain.
Tuesday, February 01, 2011
Как вставить Media Player в HTML сайт
См. также
Как вставить аудио (MP3).
Как вставить код программы, TeX.
Использование HTML table в Blogger
Как вставить видео в HTML сайт (wmv, mpg, mpeg)
Видео может быть в самых разнообразных форматах. Для wmv, mpg, mpeg см. как вставить видео в HTML сайт Для других форматов можно "вставить" Media Player прямо на страничку. Это заметка описывает как сделать именно это.
Если речь идёт о youtube или подобной сервисе, то рекомендую использовать код непосредственно с сайта. Но как проиграть видео с другого места?
Если у вас на руках есть файл, вы должны его где-нибудь выложить. Для этого вы должны найти хостинг. После того как вы его выложили, вы вставляйте на релевантном месте вашего сайта\блога (Blogger, например) следующий код:
где PUT_YOUR_URL_HERE указывает на место видео файла на вашем хостинге.
Enjoy!
Как вставить аудио (MP3).
Как вставить код программы, TeX.
Использование HTML table в Blogger
Как вставить видео в HTML сайт (wmv, mpg, mpeg)
Видео может быть в самых разнообразных форматах. Для wmv, mpg, mpeg см. как вставить видео в HTML сайт Для других форматов можно "вставить" Media Player прямо на страничку. Это заметка описывает как сделать именно это.
Если речь идёт о youtube или подобной сервисе, то рекомендую использовать код непосредственно с сайта. Но как проиграть видео с другого места?
Если у вас на руках есть файл, вы должны его где-нибудь выложить. Для этого вы должны найти хостинг. После того как вы его выложили, вы вставляйте на релевантном месте вашего сайта\блога (Blogger, например) следующий код:
<embed width="420" height="350" id="video" autostart="false" showstatusbar="1" showcontrols="0" name="MediaPlayer1" stretchtofit="true" src="PUT_YOUR_URL_HERE" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" type="application/x-mplayer2"></embed>
где PUT_YOUR_URL_HERE указывает на место видео файла на вашем хостинге.
Enjoy!
Sunday, April 19, 2009
Я написал книгу
Последний раз редактировалось 19.04.2009 10:40.
Итак книга первая, "Философия науки".
Миницикл про историю после нашей эры (то бишь после того как я родился)
Назад в блок Что почитать?.
Итак книга первая, "Философия науки".
Миницикл про историю после нашей эры (то бишь после того как я родился)
Назад в блок Что почитать?.
Monday, April 06, 2009
Как вставить код программы в HTML сайт
В отличие от вставки аудио (MP3) или видео (WAV, MPG) вставить код программы немного сложнее, примерно также как вставить TeX.
UPDATE 12-10-2010: Использование HTML table в Blogger
END OF UPDATE
Ниже есть продолжение.
Примечание: Здесь речь идёт о версии 2.0.296 от 01 марта 2009. Установка и использование предыдущих версий слегка отличается. Миграция на эту версию не совсем straight-forward. Я здесь описываю установку с нуля.
Для начала, давайте разберёмся, что мы хотим. Мы хотим иметь простой способ написать текст программы, чтобы её легко было прочитать. Что мы понимает под удобством чтения? В главных, это идентация, т.е. выравнивание, ну и в качестве бонуса, подсветка. Именно для этих целей и был написан SyntaxHighlighter
Итак, после того, как мы разобрались зачем нам это нужно, давайте разберёмся как мы можем добавить эту функциональность на сайт.
Самый простой способ.
1. Вставьте в ваш сайт, желательно перед тэгом </body> следующий код:
2. В вашем посте в блоге (Blogger, например) или на вашем сайте в любом месте где вы хотите вставить код программы, скажем на Java, вы должны просто заключить этот код в тег <pre&rt и указать атрибут class, например, class="brush: java" для исходного кода на Java.
Так,
<pre class="brush: java">
public class HelloBlogger {
public static void main(String [] args) {
System.out.println("Hello Blogger!!");
}
}
</pre>
будет отражено как
Полный список доступных языков доступен тут http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes. Можно указать и другие параметры. См. http://alexgorbatchev.com/wiki/SyntaxHighlighter:Сonfiguration
Недостатком этого метода является то, что теперь ваш сайт зависит от некоторого внешнего источника (alexgorbatchev.com). Хотя, это и является сайтом разработчика SyntaxHighlighter, однако если с ним что-то случится, например, он захочет сделать реорганизацию, или просто решит удалить этот скрипт, то ваш сайт или блог вдруг перестанет работать. Пока, он уверяет, что ничего такого делать он не собирается. Этот способ хорош для того чтобы сделать proof of concept, "пощупать" это решение.
Примечание: Ниже вы найдёте тонкую настройку.
Обычный способ.
1. Если у вас нет своего хостинга, то вы должны найти хостинг.
2. Скачайте SyntaxHighlighter
3. Распакуйте файлы в директории scripts and styles.
4. Залейте (с помощью, например, FTP) содержимое этих директории на свой хостинг. Я буду ниже предполагать, что вы не меняли имя директорий и\или их структуру.
5. Вставьте в ваш сайт, желательно перед тэгом </body> следующий код:
Полный список тем можно найти http://alexgorbatchev.com/wiki/SyntaxHighlighter:Themes. Подробнее см. пукнт 1 в тонкой настройке.
6. Сразу после этого нужно добавить список языков программирования.
Полный список поддерживаемых языков программирования можно найти тут http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes. Желательно добавлять сюда только реально используемые вещи, так как каждый такой скрипт увеличивает время загрузки страницы. Подробнее см. пукнт 2 в тонкой настройке.
7. В конце нужно добавить:
где bloggerMode = true должно быть уставлено если вы используете blogger. Указание на clipboardSwf опционально. Подробности см. в пункте 3 тонкой настройке.
8. Все вместе это выглядит так:
9. В вашем посте в блоге (Blogger, например) или на вашем сайте в любом месте где вы хотите вставить код программы, скажем на Java, вы должны просто заключить этот код в тег <pre> и указать атрибут class, например, class="brush: java" для исходного кода на Java.
Так,
будет отражено как
Полный список доступных языков доступен тут http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes. Можно указать и другие параметры. См. http://alexgorbatchev.com/wiki/SyntaxHighlighter:Сonfiguration.
10. Примечание: Из-за ограничений технологии браузеров, в тексте исходной программы не возможно использовать знак < Например, для сравнения, как меньше или меньше равно, или как часть тега XML\HTML. Этот знак должен быть заменён на <
Тонкая настройка.
Общая философия настройки выглядит следующий образом. У SyntaxHighlighter существует множество параметров, изменения значений которых меняет поведение программы. Например, отображать ли номер строки около текста программы или нет. У этих параметров установлены значения по-умолчанию. Далее, можно поменять эти значения по-умолчанию для своего сайта. Далее, можно изменить эти значения для конкретного элемента, который отображает исходный текст программы. Это же можно сделать при определении элемента.
На данном этапе я предполагаю, что первоначальная устновка либо самым простым способом, либо обычным способом завершена. Для удобства я приведу ещё раз код, который был добавлен на сайт:
где http://alexgorbatchev.com/pub/sh/2.0.296/ это либо линк as is либо должен быть заменён на линк на ваш хостинг.
1. Первые две строчки этого кода устанавливают CSS тему. Первая строчка содержит в себе "ядро" темы, и должна всегда присутствовать. Вторая строчка это собственно тема. В данном случае, выбрана тема по умолчанию. Для того чтобы поменять то, как будет выглядеть ваш исходный код, просто укажите во второй строчке другой CSS.
2. Затем с 4 по 10 строчки "пристёгиваются" языки программирования. Четвёртая строчка содержит "ядро", которое должно присутствовать всегда. Далее, нужно добавить те языки программирования, которыми вы будете пользоватся на своей сайте/блоге. Не следует добавлять "весь список", так как чем больше языков будет поддерживаться, тем медленнее будет загружаться страница (нужно время, чтобы подгрузить каждый JavaScript). Здесь можно найти полный список поддержуемых языков.
3. Далее начинается обящанная настройка параметров по умолчанию. Для начала разберём выделенные строчки 13, 14, 15.
В 13 строчке мы сообщаем SyntaxHighlighter, что он используется на сайте blogger. Если ваш сайт\блог не находится там, вы можете эту строчку вообще удалить. В таком случае, значения по умолчанию будет false, согласно "устновкам произодителя". См. таблицу http://alexgorbatchev.com/wiki/SyntaxHighlighter:Configuration. Вы можете, естественно, и указать значение false явно. Согласно документации если вы используете сайт blogger, вы обязаны установить здесь true.
В 14 строчке мы укзываем на то, где находится файл clipboardSwf. По умалчанию, там установлен null и это значит, что иконка для копирования в буфер показана не будет.
В 15 строчке происходит "магия включения SyntaxHighlighter". В этой строчке мы запускаем JavaScript SyntaxHighlighter, чтобы он делал разментку исходного кода.
4. Давайте коротко разберём более сложный вариант.
В 13 строчке мы сообщаем SyntaxHighlighter, что он используется на сайте blogger. Если ваш сайт\блог не находится там, вы можете эту строчку вообще удалить. В таком случае, значения по умолчанию будет false, согласно "устновкам произодителя". См. таблицу http://alexgorbatchev.com/wiki/SyntaxHighlighter:Configuration. Вы можете, естественно, и указать значение false явно. Согласно документации если вы используете сайт blogger, вы обязаны установить здесь true.
В 14 строчке мы укзываем на то, где находится файл clipboardSwf. По умалчанию, там установлен null и это значит, что иконка для копирования в буфер показана не будет.
Со строчки 15 по строчки 24 включительно производиться локализация SyntaxHighlighter на русский. Подробности можно найти тут http://alexgorbatchev.com/wiki/SyntaxHighlighter:Configuration:strings.
В 25 строчке происходит "магия включения SyntaxHighlighter". В этой строчке мы запускаем JavaScript SyntaxHighlighter, чтобы он делал разментку исходного кода.
5. До сих пор мы настраивали параметры, которые находятся в SyntaxHighlighter.config. Эти параметры "глобальные" для всего сайта. Как я говорил выше, есть параметры по-умолчанию для конкретного блока с исходным кодом. Их можно задать двумя способами.
Способ первый, задать их через SyntaxHighlighter.defaults. Например,
В первой строчке включается нумерация строк, во-второй, включается фича smart-tabs.
Обратите внимание, что эти параметры задаются до вызова функции SyntaxHighlighter.all().
Другой, более распространённый способ, это задать эти параметры в самом блоке с исходным кодом. Пары ключ\значения задают способом, которым напоминает способ их задачи в CSS. Например,
<pre class="brush: java; toolbar=false; gutter=false; collapse=true">
Это означает отразить элемент без панели, без нумерации строк, и в свёрнутом виде.
Тоже самое можно выразить иначе
<pre class="brush: java; light=true; collapse=true">
light=true выключает toolbar и gutter.
Для более подробной информации см. http://alexgorbatchev.com/wiki/SyntaxHighlighter:Configuration
P.S. После одноразовой настройки и небольшой "подгонке" достаточно использовать вышеприведённый линк для справочной информации в повседневной работе.
UPDATE 12-10-2010: Использование HTML table в Blogger
END OF UPDATE
Ниже есть продолжение.
Примечание: Здесь речь идёт о версии 2.0.296 от 01 марта 2009. Установка и использование предыдущих версий слегка отличается. Миграция на эту версию не совсем straight-forward. Я здесь описываю установку с нуля.
Для начала, давайте разберёмся, что мы хотим. Мы хотим иметь простой способ написать текст программы, чтобы её легко было прочитать. Что мы понимает под удобством чтения? В главных, это идентация, т.е. выравнивание, ну и в качестве бонуса, подсветка. Именно для этих целей и был написан SyntaxHighlighter
Итак, после того, как мы разобрались зачем нам это нужно, давайте разберёмся как мы можем добавить эту функциональность на сайт.
Самый простой способ.
1. Вставьте в ваш сайт, желательно перед тэгом </body> следующий код:
<link href='http://alexgorbatchev.com/pub/sh/2.0.296/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.0.296/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shCore.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushJava.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushJScript.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushXml.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushProperties.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushBash.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushPlain.js'/>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.0.296/scripts/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
2. В вашем посте в блоге (Blogger, например) или на вашем сайте в любом месте где вы хотите вставить код программы, скажем на Java, вы должны просто заключить этот код в тег <pre&rt и указать атрибут class, например, class="brush: java" для исходного кода на Java.
Так,
<pre class="brush: java">
public class HelloBlogger {
public static void main(String [] args) {
System.out.println("Hello Blogger!!");
}
}
</pre>
будет отражено как
public class HelloBlogger {
public static void main(String [] args) {
System.out.println("Hello Blogger!!");
}
}
Полный список доступных языков доступен тут http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes. Можно указать и другие параметры. См. http://alexgorbatchev.com/wiki/SyntaxHighlighter:Сonfiguration
Недостатком этого метода является то, что теперь ваш сайт зависит от некоторого внешнего источника (alexgorbatchev.com). Хотя, это и является сайтом разработчика SyntaxHighlighter, однако если с ним что-то случится, например, он захочет сделать реорганизацию, или просто решит удалить этот скрипт, то ваш сайт или блог вдруг перестанет работать. Пока, он уверяет, что ничего такого делать он не собирается. Этот способ хорош для того чтобы сделать proof of concept, "пощупать" это решение.
Примечание: Ниже вы найдёте тонкую настройку.
Обычный способ.
1. Если у вас нет своего хостинга, то вы должны найти хостинг.
2. Скачайте SyntaxHighlighter
3. Распакуйте файлы в директории scripts and styles.
4. Залейте (с помощью, например, FTP) содержимое этих директории на свой хостинг. Я буду ниже предполагать, что вы не меняли имя директорий и\или их структуру.
5. Вставьте в ваш сайт, желательно перед тэгом </body> следующий код:
<link href='http://alexgorbatchev.com/pub/sh/2.0.296/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.0.296/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
Полный список тем можно найти http://alexgorbatchev.com/wiki/SyntaxHighlighter:Themes. Подробнее см. пукнт 1 в тонкой настройке.
6. Сразу после этого нужно добавить список языков программирования.
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shCore.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushJava.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushJScript.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushXml.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushProperties.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushBash.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushPlain.js'/>
Полный список поддерживаемых языков программирования можно найти тут http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes. Желательно добавлять сюда только реально используемые вещи, так как каждый такой скрипт увеличивает время загрузки страницы. Подробнее см. пукнт 2 в тонкой настройке.
7. В конце нужно добавить:
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.0.296/scripts/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
где bloggerMode = true должно быть уставлено если вы используете blogger. Указание на clipboardSwf опционально. Подробности см. в пункте 3 тонкой настройке.
8. Все вместе это выглядит так:
<link href='http://alexgorbatchev.com/pub/sh/2.0.296/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.0.296/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shCore.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushJava.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushJScript.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushXml.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushProperties.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushBash.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushPlain.js'/>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.0.296/scripts/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
9. В вашем посте в блоге (Blogger, например) или на вашем сайте в любом месте где вы хотите вставить код программы, скажем на Java, вы должны просто заключить этот код в тег <pre> и указать атрибут class, например, class="brush: java" для исходного кода на Java.
Так,
<pre class="brush: java">
public class HelloBlogger {
public static void main(String [] args) {
System.out.println("Hello Blogger!!");
}
}
</pre>
будет отражено как
public class HelloBlogger {
public static void main(String [] args) {
System.out.println("Hello Blogger!!");
}
}
Полный список доступных языков доступен тут http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes. Можно указать и другие параметры. См. http://alexgorbatchev.com/wiki/SyntaxHighlighter:Сonfiguration.
10. Примечание: Из-за ограничений технологии браузеров, в тексте исходной программы не возможно использовать знак < Например, для сравнения, как меньше или меньше равно, или как часть тега XML\HTML. Этот знак должен быть заменён на <
Тонкая настройка.
Общая философия настройки выглядит следующий образом. У SyntaxHighlighter существует множество параметров, изменения значений которых меняет поведение программы. Например, отображать ли номер строки около текста программы или нет. У этих параметров установлены значения по-умолчанию. Далее, можно поменять эти значения по-умолчанию для своего сайта. Далее, можно изменить эти значения для конкретного элемента, который отображает исходный текст программы. Это же можно сделать при определении элемента.
На данном этапе я предполагаю, что первоначальная устновка либо самым простым способом, либо обычным способом завершена. Для удобства я приведу ещё раз код, который был добавлен на сайт:
<link href='http://alexgorbatchev.com/pub/sh/2.0.296/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.0.296/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shCore.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushJava.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushJScript.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushXml.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushProperties.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushBash.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushPlain.js'/>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.0.296/scripts/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
где http://alexgorbatchev.com/pub/sh/2.0.296/ это либо линк as is либо должен быть заменён на линк на ваш хостинг.
1. Первые две строчки этого кода устанавливают CSS тему. Первая строчка содержит в себе "ядро" темы, и должна всегда присутствовать. Вторая строчка это собственно тема. В данном случае, выбрана тема по умолчанию. Для того чтобы поменять то, как будет выглядеть ваш исходный код, просто укажите во второй строчке другой CSS.
2. Затем с 4 по 10 строчки "пристёгиваются" языки программирования. Четвёртая строчка содержит "ядро", которое должно присутствовать всегда. Далее, нужно добавить те языки программирования, которыми вы будете пользоватся на своей сайте/блоге. Не следует добавлять "весь список", так как чем больше языков будет поддерживаться, тем медленнее будет загружаться страница (нужно время, чтобы подгрузить каждый JavaScript). Здесь можно найти полный список поддержуемых языков.
3. Далее начинается обящанная настройка параметров по умолчанию. Для начала разберём выделенные строчки 13, 14, 15.
В 13 строчке мы сообщаем SyntaxHighlighter, что он используется на сайте blogger. Если ваш сайт\блог не находится там, вы можете эту строчку вообще удалить. В таком случае, значения по умолчанию будет false, согласно "устновкам произодителя". См. таблицу http://alexgorbatchev.com/wiki/SyntaxHighlighter:Configuration. Вы можете, естественно, и указать значение false явно. Согласно документации если вы используете сайт blogger, вы обязаны установить здесь true.
В 14 строчке мы укзываем на то, где находится файл clipboardSwf. По умалчанию, там установлен null и это значит, что иконка для копирования в буфер показана не будет.
В 15 строчке происходит "магия включения SyntaxHighlighter". В этой строчке мы запускаем JavaScript SyntaxHighlighter, чтобы он делал разментку исходного кода.
4. Давайте коротко разберём более сложный вариант.
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.0.296/scripts/clipboard.swf'
SyntaxHighlighter.config.strings.expandSource = "+ раскрыть исходник"
SyntaxHighlighter.config.strings.viewSource = "посмотреть исходник"
SyntaxHighlighter.config.strings.copyToClipboard = "скопировать в буфер"
SyntaxHighlighter.config.strings.copyToClipboardConfirmation = "Код успешно скопирован в буфер"
SyntaxHighlighter.config.strings.print = "Распечатать"
SyntaxHighlighter.config.strings.help = "Помощь"
SyntaxHighlighter.config.strings.alert = ""
SyntaxHighlighter.config.strings.noBrush = "Не могу найти язык программирования для: "
SyntaxHighlighter.config.strings.brushNotHtmlScript = "Этот язык программирования не поддерживает html-script опцию "
SyntaxHighlighter.all();
</script>
В 13 строчке мы сообщаем SyntaxHighlighter, что он используется на сайте blogger. Если ваш сайт\блог не находится там, вы можете эту строчку вообще удалить. В таком случае, значения по умолчанию будет false, согласно "устновкам произодителя". См. таблицу http://alexgorbatchev.com/wiki/SyntaxHighlighter:Configuration. Вы можете, естественно, и указать значение false явно. Согласно документации если вы используете сайт blogger, вы обязаны установить здесь true.
В 14 строчке мы укзываем на то, где находится файл clipboardSwf. По умалчанию, там установлен null и это значит, что иконка для копирования в буфер показана не будет.
Со строчки 15 по строчки 24 включительно производиться локализация SyntaxHighlighter на русский. Подробности можно найти тут http://alexgorbatchev.com/wiki/SyntaxHighlighter:Configuration:strings.
В 25 строчке происходит "магия включения SyntaxHighlighter". В этой строчке мы запускаем JavaScript SyntaxHighlighter, чтобы он делал разментку исходного кода.
5. До сих пор мы настраивали параметры, которые находятся в SyntaxHighlighter.config. Эти параметры "глобальные" для всего сайта. Как я говорил выше, есть параметры по-умолчанию для конкретного блока с исходным кодом. Их можно задать двумя способами.
Способ первый, задать их через SyntaxHighlighter.defaults. Например,
SyntaxHighlighter.defaults['gutter'] = false;
SyntaxHighlighter.defaults['smart-tabs'] = false;
...
SyntaxHighlighter.all();
В первой строчке включается нумерация строк, во-второй, включается фича smart-tabs.
Обратите внимание, что эти параметры задаются до вызова функции SyntaxHighlighter.all().
Другой, более распространённый способ, это задать эти параметры в самом блоке с исходным кодом. Пары ключ\значения задают способом, которым напоминает способ их задачи в CSS. Например,
<pre class="brush: java; toolbar=false; gutter=false; collapse=true">
Это означает отразить элемент без панели, без нумерации строк, и в свёрнутом виде.
Тоже самое можно выразить иначе
<pre class="brush: java; light=true; collapse=true">
light=true выключает toolbar и gutter.
Для более подробной информации см. http://alexgorbatchev.com/wiki/SyntaxHighlighter:Configuration
P.S. После одноразовой настройки и небольшой "подгонке" достаточно использовать вышеприведённый линк для справочной информации в повседневной работе.
Tuesday, March 24, 2009
Как вставить TeX в HTML сайт
В отличие от вставки аудио (MP3) или видео (WAV, MPG) вставить TeX немного сложнее.
Ниже есть продолжение.
Для начала, что такое TeX и зачем он кому-то может быть нужен? TeX - это компьютерная программа, предназначенная для вёрстки текста и математических формул. Есть много расширений для неё, в том числе и LaTeX. Здесь представлено одно из таких расширений TeX.
На русском руководство можно скачать тут. Хорошее руководство на английском доступно тут http://www.sciencechatforum.com/documents/mimetex.html
UPDATE 20-04-2009: Более приближённое к используемому версию руководства, правда, на английском можно найти тут http://www.maths.nott.ac.uk/personal/drw/lm.html Конец UPDATE-а.
UPDATE 09-12-2009:Вы не видете математические формулы в блоге? Конец UPDATE-а.
Существует множество различных библиотек, которые варьируются как типом расширения TeXа, деталями имплиментации, так и технологией реализации. Здесь представлена простая библиотека JavaScript. Оно работает на любом современном браузере. Более подробную инофрмацию можно прочитать в заголовке самого файла.
Итак, после того, как мы разобрались зачем нам это нужно, давайте разберёмся как мы можем добавить эту функциональность на сайт.
Самый простой способ.
1. Вставьте в ваш сайт, желательно перед тэгом </body> следующий код:
2. В вашем посте в блоге (Blogger, например) или на вашем сайте в любом месте где вы хотите написать математическую формулу просто напишите её между знаками $$$. Например,
будет отображён как
$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$
Недостатком этого метода является то, что теперь ваш сайт зависит от некоторого внешнего источника. Если с сайтом www.maths.nottingham.ac.uk что-то случится, или просто решат удалить этот скрипт, то ваш сайт или блог вдруг перестанет работать. Однако, этот способ хорош для того чтобы сделать proof of concept, "пощупать" это решение.
Обычный способ.
1. Если у вас нет своего хостинга, то вы должны найти хостинг.
2. Вставьте в ваш сайт, желательно перед тэгом </body> следующий код:
где PUT_YOUR_URL_HERE указывает на файл LaTeXMathML.js на вашем хостинге.
3. В вашем посте в блоге (Blogger, например) или на вашем сайте в любом месте где вы хотите написать математическую формулу просто напишите её между знаками $$$. Например,
будет отображён как
$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$
Недостатком этого метода является то, что нужно иметь свой хостинг. С другой стороны, преимуществом является то, что вы ни от кого не зависите, ваш сайт или блог находится полностью под вашем контролем и он не может "вдруг" перестать корректно отображать математические формулы.
Enjoy!
Ниже есть продолжение.
Для начала, что такое TeX и зачем он кому-то может быть нужен? TeX - это компьютерная программа, предназначенная для вёрстки текста и математических формул. Есть много расширений для неё, в том числе и LaTeX. Здесь представлено одно из таких расширений TeX.
На русском руководство можно скачать тут. Хорошее руководство на английском доступно тут http://www.sciencechatforum.com/documents/mimetex.html
UPDATE 20-04-2009: Более приближённое к используемому версию руководства, правда, на английском можно найти тут http://www.maths.nott.ac.uk/personal/drw/lm.html Конец UPDATE-а.
UPDATE 09-12-2009:Вы не видете математические формулы в блоге? Конец UPDATE-а.
Существует множество различных библиотек, которые варьируются как типом расширения TeXа, деталями имплиментации, так и технологией реализации. Здесь представлена простая библиотека JavaScript. Оно работает на любом современном браузере. Более подробную инофрмацию можно прочитать в заголовке самого файла.
Итак, после того, как мы разобрались зачем нам это нужно, давайте разберёмся как мы можем добавить эту функциональность на сайт.
Самый простой способ.
1. Вставьте в ваш сайт, желательно перед тэгом </body> следующий код:
<script src='http://www.maths.nottingham.ac.uk/personal/drw/LaTeXMathML.js' type='text/javascript'>
</script>
2. В вашем посте в блоге (Blogger, например) или на вашем сайте в любом месте где вы хотите написать математическую формулу просто напишите её между знаками $$$. Например,
$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$
будет отображён как
$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$
Недостатком этого метода является то, что теперь ваш сайт зависит от некоторого внешнего источника. Если с сайтом www.maths.nottingham.ac.uk что-то случится, или просто решат удалить этот скрипт, то ваш сайт или блог вдруг перестанет работать. Однако, этот способ хорош для того чтобы сделать proof of concept, "пощупать" это решение.
Обычный способ.
1. Если у вас нет своего хостинга, то вы должны найти хостинг.
2. Вставьте в ваш сайт, желательно перед тэгом </body> следующий код:
<script src='PUT_YOUR_URL_HERE' type='text/javascript'>
</script>
где PUT_YOUR_URL_HERE указывает на файл LaTeXMathML.js на вашем хостинге.
3. В вашем посте в блоге (Blogger, например) или на вашем сайте в любом месте где вы хотите написать математическую формулу просто напишите её между знаками $$$. Например,
$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$
будет отображён как
$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$
Недостатком этого метода является то, что нужно иметь свой хостинг. С другой стороны, преимуществом является то, что вы ни от кого не зависите, ваш сайт или блог находится полностью под вашем контролем и он не может "вдруг" перестать корректно отображать математические формулы.
Enjoy!
Как вставить аудио в HTML сайт
Аудио может быть в самых разнообразных форматах, например mp3.
Как проиграть аудио с другого места?
Если у вас на руках есть файл, вы должны его где-нибудь выложить. Для этого вы должны найти хостинг. После того как вы его выложили, вы вставляйте на релевантном месте вашего сайта\блога (Blogger, например) следующий код:
UPDATE 10-11-2010: Линк http://www.odeo.com/flash/audio_player_standard_black.swf не работает. Залил себе этот файл на хостинг и поменял ссылку на него. END OF UPDATE.
где PUT_YOUR_URL_HERE указывает на место аудио файла на вашем хостинге.
Вместо http://members.lycos.co.uk/alexsmail/blog/audio_player_standard_black.swf можно использоватьhttp://www.odeo.com/flash/audio_player_standard_gray.swf http://members.lycos.co.uk/alexsmail/blog/audio_player_standard_pink.swf. Это меняет цвет плеера.
Enjoy!
Как проиграть аудио с другого места?
Если у вас на руках есть файл, вы должны его где-нибудь выложить. Для этого вы должны найти хостинг. После того как вы его выложили, вы вставляйте на релевантном месте вашего сайта\блога (Blogger, например) следующий код:
UPDATE 10-11-2010: Линк http://www.odeo.com/flash/audio_player_standard_black.swf не работает. Залил себе этот файл на хостинг и поменял ссылку на него. END OF UPDATE.
<embed src="http://members.lycos.co.uk/alexsmail/blog/audio_player_standard_black.swf" quality="high" width="300" height="52" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" flashvars="valid_sample_rate=true&external_url=PUT_YOUR_URL_HERE" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
где PUT_YOUR_URL_HERE указывает на место аудио файла на вашем хостинге.
Вместо http://members.lycos.co.uk/alexsmail/blog/audio_player_standard_black.swf можно использовать
Enjoy!
Где найти хостинг?
Для того, чтобы можно делать многие полезные вещи на сайте вообще и в блоге Blogger в частности часто нужно иметь "место, где можно разместить сайт". На каждом сайте есть свои особенности, но в общих чертах процесс выглядит следующим образом.
1. Вы заходите на сайт, которые предоставляет хостинг (например, выбрав из списка ниже).
2. Вы проходите процедуры регистрации на сайте.
3. При помощи FTP вы загружаете файл\файлы на ваш хостинг.
4. Проверяете, что к файлам и директориям есть достаточные права доступа (chmod 775).
5. Прописываете путь к вашему файл\файлу на вашем сайте\блоге.
Здесь просто представлен короткий список сайтов, где можно это сделать.
Lyocs Tripod
Geocities
google-pages
1. Вы заходите на сайт, которые предоставляет хостинг (например, выбрав из списка ниже).
2. Вы проходите процедуры регистрации на сайте.
3. При помощи FTP вы загружаете файл\файлы на ваш хостинг.
4. Проверяете, что к файлам и директориям есть достаточные права доступа (chmod 775).
5. Прописываете путь к вашему файл\файлу на вашем сайте\блоге.
Здесь просто представлен короткий список сайтов, где можно это сделать.
Lyocs Tripod
Geocities
google-pages
Как вставить видео в HTML сайт
Видео может быть в самых разнообразных форматах, таких это wmv, mpg, mpeg.
UPDATE 01-02-2011: Для других форматов можно "вставить" Media Player прямо на страничку. См. как вставить Media Player в HTML сайт.
END OF UPDATE
Если речь идёт о youtube или подобной сервисе, то рекомендую использовать код непосредственно с сайта. Но как проиграть видео с другого места?
Если у вас на руках есть файл, вы должны его где-нибудь выложить. Для этого вы должны найти хостинг. После того как вы его выложили, вы вставляйте на релевантном месте вашего сайта\блога (Blogger, например) следующий код:
где PUT_YOUR_URL_HERE указывает на место видео файла на вашем хостинге.
Enjoy!
UPDATE 01-02-2011: Для других форматов можно "вставить" Media Player прямо на страничку. См. как вставить Media Player в HTML сайт.
END OF UPDATE
Если речь идёт о youtube или подобной сервисе, то рекомендую использовать код непосредственно с сайта. Но как проиграть видео с другого места?
Если у вас на руках есть файл, вы должны его где-нибудь выложить. Для этого вы должны найти хостинг. После того как вы его выложили, вы вставляйте на релевантном месте вашего сайта\блога (Blogger, например) следующий код:
<embed src=PUT_YOUR_URL_HERE quality="high" bgcolor="#ffffff" width="425" height="344" name="videoplayer" align="middle" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
где PUT_YOUR_URL_HERE указывает на место видео файла на вашем хостинге.
Enjoy!
Monday, March 23, 2009
Вы не видете математические формулы в блоге?
В случае если вы не видете матетических формул и вы используете Internet Expolorer 6.0 или выше, возможно вам надо установить plugin MathPlayer. Проверьте это здесь http://www.dessci.com/en/products/mathplayer/check.htm В случае, если вы используете новые последние версии Mozilla, включая производные, в т.ч. Mozilla Firefox, вам этот плагин ставить не надо, так как у этих браузер уже есть встроенная поддержка.
По материалам
http://en.wikipedia.org/wiki/MathPlayer
По материалам
http://en.wikipedia.org/wiki/MathPlayer
Реорганизация навигации по блогу
В связи с тем, что у меня появилось немного свободного времени (пока работу как программист Java\J2EE. Мой CV можно найти тут), я решил плотнее заняться блогом. Не буду раскрывать всех планов, на поверьте они у меня грандиозные. Здесь я опишу изменение навигации по блогу. Это предназначено для тех моих читателей, кто привык к определённому порядку, и вдруг я все поменял. В последнем абзаце я напишу общую структура блога для моих новых читателей.
Ниже есть продолжение.
Итак, начнём с изменений. Блок "About" был удалён. Вся его функциональность была перемещена в новый блок "Организационное". Блок "Folowers" был русифицирован как "Постоянный читатели". Сам блок был перемещён с верхнего края в низ страницы (по центру). Блок "Labels" был русифицирован как "Тэги", он остался на своем месте более не менее. Блок "Subsribe to" был русифицирован как "Подписка на обновления", он находится сейчас справа внизу. Гаджет "SMS of the day" был русифицирован как "Афоризм дня", он остался на своем месте более не менее. Блок "Blog Archive" был русифицирован как "Архив", он остался на своем месте более не менее.
Дополнения. Блок "Организационное" был добавлен справа сверху. После блока "тэги" (бывший Labels) появилось два новых блока "Что почитать?" и "я пишу книгу".
И наконец общее описание. Слева сверху, есть поиск по блогу. Очень удобно и быстро можно найти конкретный пост. Слева находится основной контент блога, т.е. сами посты. Думаю, там всё понятно. В самом конце страницы находится блок "Постоянный читатели". Далее, я опишу то, что находится справа в порядке сверху вниз. Первый блок, "организационный". Там можно найти краткую информацию обо мне и контактный пост. Далее, идёт блока "важно!" Туда добавляются ссылки на важную информацию, т.е. ту информацию с которой непосредственно нужно что-то делать. Хорошим примером, является напоминание не забыть перевести часы на летнее время. Далее идёт блок "афоризм дня", афоризмы знаменитых людей, меняется каждый день. Далее идёт блок "в фокусе". Здесь находятся те темы, которые в данный момент находятся в фокусе моего внимания. Ожидайте, что большинство постов в ближайшие время будет по этим темам. Также нажав на метку, вы можете легко получить все посты, связанные с этой темой. Порядок линков отображает приоритет тем на данный момент. Содержание этого блока имеет тенденцию меняться примерно раз в месяцев или если случается какое-либо драматическое событие. Далее, находится блок "тэги". Он содержит темы\рубрики отсортированные по количеству постов в каждой теме. Очень удобно, для того чтобы определить о чём этот блок (в месте с блоком "в фокусе") и для быстрой навигации. Рекомендую посмотреть cool thing. Далее находится блок "что почитать" с различными ссылками, которые говорят сами за себя. Имейте в виду, что содержание этих постов может меняться без предупреждения. Следующий блок, "я пишу книгу". Он будет содержать в себе ссылки на начала книг, которые я буду публиковать в блоге. Следите за сообщение в блоге, для дальнейшей информации. Далее, находится блок "архив". В связи с тем, что я публикую много постов в день, он отсортирован по дням. И, наконец, последний блок "Подписка на обновления", где вы можете подписаться на мой блог.
Ниже есть продолжение.
Итак, начнём с изменений. Блок "About" был удалён. Вся его функциональность была перемещена в новый блок "Организационное". Блок "Folowers" был русифицирован как "Постоянный читатели". Сам блок был перемещён с верхнего края в низ страницы (по центру). Блок "Labels" был русифицирован как "Тэги", он остался на своем месте более не менее. Блок "Subsribe to" был русифицирован как "Подписка на обновления", он находится сейчас справа внизу. Гаджет "SMS of the day" был русифицирован как "Афоризм дня", он остался на своем месте более не менее. Блок "Blog Archive" был русифицирован как "Архив", он остался на своем месте более не менее.
Дополнения. Блок "Организационное" был добавлен справа сверху. После блока "тэги" (бывший Labels) появилось два новых блока "Что почитать?" и "я пишу книгу".
И наконец общее описание. Слева сверху, есть поиск по блогу. Очень удобно и быстро можно найти конкретный пост. Слева находится основной контент блога, т.е. сами посты. Думаю, там всё понятно. В самом конце страницы находится блок "Постоянный читатели". Далее, я опишу то, что находится справа в порядке сверху вниз. Первый блок, "организационный". Там можно найти краткую информацию обо мне и контактный пост. Далее, идёт блока "важно!" Туда добавляются ссылки на важную информацию, т.е. ту информацию с которой непосредственно нужно что-то делать. Хорошим примером, является напоминание не забыть перевести часы на летнее время. Далее идёт блок "афоризм дня", афоризмы знаменитых людей, меняется каждый день. Далее идёт блок "в фокусе". Здесь находятся те темы, которые в данный момент находятся в фокусе моего внимания. Ожидайте, что большинство постов в ближайшие время будет по этим темам. Также нажав на метку, вы можете легко получить все посты, связанные с этой темой. Порядок линков отображает приоритет тем на данный момент. Содержание этого блока имеет тенденцию меняться примерно раз в месяцев или если случается какое-либо драматическое событие. Далее, находится блок "тэги". Он содержит темы\рубрики отсортированные по количеству постов в каждой теме. Очень удобно, для того чтобы определить о чём этот блок (в месте с блоком "в фокусе") и для быстрой навигации. Рекомендую посмотреть cool thing. Далее находится блок "что почитать" с различными ссылками, которые говорят сами за себя. Имейте в виду, что содержание этих постов может меняться без предупреждения. Следующий блок, "я пишу книгу". Он будет содержать в себе ссылки на начала книг, которые я буду публиковать в блоге. Следите за сообщение в блоге, для дальнейшей информации. Далее, находится блок "архив". В связи с тем, что я публикую много постов в день, он отсортирован по дням. И, наконец, последний блок "Подписка на обновления", где вы можете подписаться на мой блог.
Что почитать?
Последний раз редактировалось 23.03.2009 22:00.
На этот пост есть ссылка с блока "Что почитать" справа.
Все книги можно условно разделить на художественную литературу и нехудожественную. В свою очередь в нехудожественной литературе есть подраздел так называемой технической литературы. В общем, в блоге будет отражена только художественная литература. Исключение, быть может, будет сделано только для раздела Читаю сейчас В любом случае, техническая литература, как правило, не будет отражена и там. Как следствие, не каждая книга, которая была в разделе Читаю сейчас перейдёт в раздел Прочтённые недавно книги
UPDATE 28-12-2010: В виду большого числа прочтённой научно-популярной литературы, я решил сделать отдельный список для него, см. соответствующий раздел Прочтённые недавно научно-популярные книги.
END OF UPDATE.
Список ликнов:
Читаю сейчас
Прочтённые недавно книги
Прочтённые недавно научно-популярные книги
Рекомендую прочитать
Планирую прочитать: (рекомендации друзей)
Я написал книгу
На этот пост есть ссылка с блока "Что почитать" справа.
Все книги можно условно разделить на художественную литературу и нехудожественную. В свою очередь в нехудожественной литературе есть подраздел так называемой технической литературы. В общем, в блоге будет отражена только художественная литература. Исключение, быть может, будет сделано только для раздела Читаю сейчас В любом случае, техническая литература, как правило, не будет отражена и там. Как следствие, не каждая книга, которая была в разделе Читаю сейчас перейдёт в раздел Прочтённые недавно книги
UPDATE 28-12-2010: В виду большого числа прочтённой научно-популярной литературы, я решил сделать отдельный список для него, см. соответствующий раздел Прочтённые недавно научно-популярные книги.
END OF UPDATE.
Список ликнов:
Читаю сейчас
Прочтённые недавно книги
Прочтённые недавно научно-популярные книги
Рекомендую прочитать
Планирую прочитать: (рекомендации друзей)
Я написал книгу
Контактный пост
English:
You can leave you comment, question or suggestion for discussion in English.
עברית:
אתה יכול להשאיר הערה שאלה או הצעה לדיון בעברית.
українська мова:
Ви можете залишити свій кометарій, запитання, чи запропунування до диспуту на українській мові.
русский язык:
Вы можете оставить свой комментарий, вопрос или предложение для дискуссии на русском.
Контактный пост для общих вопросов и обсуждений. Желательно оставлять свой комментарий на русском, чтобы все могли прочитать.
You can leave you comment, question or suggestion for discussion in English.
עברית:
אתה יכול להשאיר הערה שאלה או הצעה לדיון בעברית.
українська мова:
Ви можете залишити свій кометарій, запитання, чи запропунування до диспуту на українській мові.
русский язык:
Вы можете оставить свой комментарий, вопрос или предложение для дискуссии на русском.
Контактный пост для общих вопросов и обсуждений. Желательно оставлять свой комментарий на русском, чтобы все могли прочитать.
Sunday, March 22, 2009
Как изменить title в Blogger
Орфография изменена. Компиляция из двух блогов.
http://bloggerstroy.blogspot.com/2011/10/title-blogger.html
Ниже есть продолжение.
http://dperexvatov.blogspot.com/2011/03/blogger.html
Ниже приведена моя версия кода, компиляция из обоих блогов:
Для чего нужна изменять title на движке Blogger?
В первую очередь для поисковых машин, так как именно title играет важную роль в поиске вашего блога.
По-умолчанию заголовок страницы выглядит примерно такНазвание блога | Заголовок страницы
после в несения настроек страница будет выглядеть следующим образомЗаголовок страницы | Название блога
что в дальнейшем улучшит поиск ваших страниц.
http://bloggerstroy.blogspot.com/2011/10/title-blogger.html
Ниже есть продолжение.
[Заходим] в Дизайн - Изменить HTML - ставим галочку Расширить шаблоны виджета, далее находим в шаблоне строчку.
<title><data:blog.pageTitle/></title>
и заменяем ее на следующий код
http://dperexvatov.blogspot.com/2011/03/blogger.html
Ниже приведена моя версия кода, компиляция из обоих блогов:
<!-- start changing blog title -->
<!--
<title><data:blog.pageTitle/></title>
-->
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<!-- end changing blog title -->
Saturday, March 21, 2009
Как сделать похожие по тематике посты на Blogspot
Форматирование не сохранено.
http://dperexvatov.blogspot.com/2010/10/blogspot.html
Ниже есть продолжение.
http://dperexvatov.blogspot.com/2011/03/blogger.html
Находим в коде строку:
<data:post.body/>
и заменяем ее на следующий код, лёгкая вариация оригинального кода:
Вывод похожих по тематике постов в Блогспот. Многие из вас заметили, что блоггеры очень часто используют в конце своего поста(записи) так сказать виджет(модуль, скрипт) который отображает похожие по тематике посты блога. Это очень полезно, случайный посетитель может дочитав до конца перейти к похожим записям и вполне возможно стать вашим постоянным посетителем.
http://dperexvatov.blogspot.com/2010/10/blogspot.html
Ниже есть продолжение.
[Заходим] в Дизайн - Изменить HTML - ставим галочку Расширить шаблоны виджета, далее находим в шаблоне строчку.
http://dperexvatov.blogspot.com/2011/03/blogger.html
Находим в коде строку:
<data:post.body/>
и заменяем ее на следующий код, лёгкая вариация оригинального кода:
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<p/>
<div class='widget-content'>
<span><b>См. также:</b></span>
<div id='data2007'/>
<div id='hoctro'><u><a href='http://dperexvatov.blogspot.com/' style='text-decoration:underline; color:white'>.</a></u></div>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 100;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 6;
maxNumberOfLabels = 1;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
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", " ");
var txt = document.createTextNode(label);
// var h = document.createElement('b');
// h.appendChild(txt);
var div1 = document.createElement('div');
// div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
Tuesday, March 10, 2009
How to disable blogger country specific Domain redirection (English, Russian)
Stop Blogger blogspot 302 Redirection
Google эффективно продублировало ваш блог. Для каждой страны есть своя копия. Идея заключается в том, чтобы Google могло удалять страницы из вашего блога согласно требованиям суда определённой страны.
Здесь Why does my blog redirect to a country-specific URL? находится официальное объяснение тому что такое country-code top level domain, or "ccTLD" и почему Google это добавило в Blogger.
Что это значит на практике? Допустим, вы находится в Индии и хотите зайти на мой блог. Вы набираете знакомый вам адрес в поисковой строке alexsmail.blogspot.com/, но вместо того чтобы оказаться на страничке alexsmail.blogspot.com вас перенаправляют на страничку alexsmail.blogspot.in Почему это хорошо можете почитать в Google, подобное Google практикует и с своим поисковиком. Если вы заходите на сайт google.com c Индии вы будете перенаправлены на google.in, с Израиля - на google.co.il и т.п. Отмечу, что как пользователь вы можете сказать Google-у чтобы он этого не делал. Для этого достаточно зайди по ссылке google.com/ncr и тогда после этого (до тех пор пока вы не удалите cookies) поиск будет работать с основной страницой google.com.
Нечто подобное, Google сделано и в Blogger-е. Также вы можете отключить это, если вы зайдёте на alexsmail.blogspot.com/ncr. Отмечу, что вы должны заходить на такую NCR страничку для каждого блога на Blogger-е.
Ниже есть что описание того, что вы можете сделать как владелец блога на Blogger-е чтобы это отключить. Также там приведен ролик с объяснением, что такое cannonical link.
Здесь рассказан что такое cannonical link - каноническая ссылка. Но обо всём по-порядку.
Ниже есть продолжение.
Итак, ваш блог продублирован. Первая проблема, с которой вы сталкиваетесь, это как сказать поисковикам, что "послушай, на самом деле страница на .com и на .in это одна и та же страница. Длинный ответ дан в ролике выше, короткий ответ заключает в том, что Google за вас это сделал, он добавил cannonical link. Можете в этом убедится, зайдя в Template->Edit HTML дайте поиск на
эта строчка должна быть сразу после тага
Если такая строчка не найдена, то нужно самому добавить:
Для подробностей см. How To Add Canonical Link In Blogger
Что же вы можете сделать? Всё довольно просто. На это решение меня натолкнул пост http://nxwiki.blogspot.com/2012/03/how-to-disable-blogger-country-specific.html В нём есть один недостаток, он не поддерживает все возможные страны, а только те, которые пока использует Google. Таким образом, этот скрипт нужно будет постоянно модифицировать. Поэтому я несколько изменил скрипт.
Итак, идём в Template->Edit HTML. Помечаем галочку около Expand Widget Templates и сразу после
добавляем:
Google эффективно продублировало ваш блог. Для каждой страны есть своя копия. Идея заключается в том, чтобы Google могло удалять страницы из вашего блога согласно требованиям суда определённой страны.
Здесь Why does my blog redirect to a country-specific URL? находится официальное объяснение тому что такое country-code top level domain, or "ccTLD" и почему Google это добавило в Blogger.
Что это значит на практике? Допустим, вы находится в Индии и хотите зайти на мой блог. Вы набираете знакомый вам адрес в поисковой строке alexsmail.blogspot.com/, но вместо того чтобы оказаться на страничке alexsmail.blogspot.com вас перенаправляют на страничку alexsmail.blogspot.in Почему это хорошо можете почитать в Google, подобное Google практикует и с своим поисковиком. Если вы заходите на сайт google.com c Индии вы будете перенаправлены на google.in, с Израиля - на google.co.il и т.п. Отмечу, что как пользователь вы можете сказать Google-у чтобы он этого не делал. Для этого достаточно зайди по ссылке google.com/ncr и тогда после этого (до тех пор пока вы не удалите cookies) поиск будет работать с основной страницой google.com.
Нечто подобное, Google сделано и в Blogger-е. Также вы можете отключить это, если вы зайдёте на alexsmail.blogspot.com/ncr. Отмечу, что вы должны заходить на такую NCR страничку для каждого блога на Blogger-е.
Ниже есть что описание того, что вы можете сделать как владелец блога на Blogger-е чтобы это отключить. Также там приведен ролик с объяснением, что такое cannonical link.
Здесь рассказан что такое cannonical link - каноническая ссылка. Но обо всём по-порядку.
Ниже есть продолжение.
Итак, ваш блог продублирован. Первая проблема, с которой вы сталкиваетесь, это как сказать поисковикам, что "послушай, на самом деле страница на .com и на .in это одна и та же страница. Длинный ответ дан в ролике выше, короткий ответ заключает в том, что Google за вас это сделал, он добавил cannonical link. Можете в этом убедится, зайдя в Template->Edit HTML дайте поиск на
<b:include data='blog' name='all-head-content'/>
эта строчка должна быть сразу после тага
<head>
Если такая строчка не найдена, то нужно самому добавить:
<link rel='canonical' expr:href='data:blog.url'/>
Для подробностей см. How To Add Canonical Link In Blogger
Что же вы можете сделать? Всё довольно просто. На это решение меня натолкнул пост http://nxwiki.blogspot.com/2012/03/how-to-disable-blogger-country-specific.html В нём есть один недостаток, он не поддерживает все возможные страны, а только те, которые пока использует Google. Таким образом, этот скрипт нужно будет постоянно модифицировать. Поэтому я несколько изменил скрипт.
Итак, идём в Template->Edit HTML. Помечаем галочку около Expand Widget Templates и сразу после
<head>
добавляем:
<!-- start disable blogger country specific Domain redirection -->
<script type='text/javascript'>
var url=window.location.href.toLowerCase();
if (url.indexOf(".com/")==-1)
{
//stripping of leading www if any
url=url.replace("/www.", "/");
var index = url.indexOf(".");
index= url.indexOf(".", index+1); //finding second .
var lastIndex= url.indexOf("/", index); //[index, lastIndex] is ".com/"
if(lastIndex==-1){
lastIndex= (!url)?-1:url.length-1;
}
url=url.substring(0, index)+".com/ncr/"+url.substring(lastIndex+1);
window.location= url;
//window.location = url.replace('.blogspot.in/','.blogspot.com/ncr/').replace('.blogspot.com.au/','.blogspot.com/ncr/').replace('.blogspot.co.nz/','.blogspot.com/ncr/');
}
</script>
<!-- end of disable blogger country specific Domain redirection -->
Subscribe to:
Posts (Atom)