HTML редирект - используется когда отключен JavaScript, он имеет вид
<meta content='0; url=http://ваш.сайт.com' http-equiv='Refresh'/> и вставляется после тега <head>. Чтобы отсрочить редирект можно установить задержку и на странице написать что-то типа "Наш сайт переехал!", за задержку отвечает первый аргумент content, например 0 замените на 5 и посмотрите что получится.
JavaScript редирект - не будет работать если отключена поддержка Javascript.
Вот простой скрипт:
<script>
window.location="http://мой.сайт.com";
</script>
этот скрипт вставляется в <head> и молча автоматически и сразу перенаправляет вас на новый сайт.
Очень удобным способом является редирект с подтверждением, вставляется он туда же и выглядит он так :
<script>
if(confirm("Запрашиваемая страничка пересена на другое место ... Хотите продолжить переход на новое место?"))
{
location = "http://мой.сайт.com/";
}
else
{
history.back();
}
</script>
Read More...
Summary only...
Очень удобный плагин для firefox - MoneyQuake.
Если деньги текут к вам рекой и вы не успеваете их считать он вам очень пригодится.
Или для новичков, больных маниакальным желанием постоянно следить за поступающими копеечками. :)
Скачать можно от сюда: http://moneyquake.seoquake.com/help.php?version=1.1.1
Read More...
Summary only...
Пишем пост с кодом HTML
Часто в посте мне нужно написать код HTML, но как известно редактор в blogger'е начинает интерпретировать этот текст в команды HTML и ничего кроме как расстройства это не приносит.
Для того, чтобы написать код в HTML в пост нужно знать, что интерпретатор HTML если заменить знак < на < а знак > на > правильно и как надо отобразит содержимое вашего кода.
А вот по этому адресу работает программа которая онлайн переводит HTML в текст, который смело можно добавлять в пост
Read More...
Summary only...
Related posts - довольно удобный плагин для Wordpress, который позволяет задержать читателя на блоге, предоставляя ссылки на другие похожие публикации. Подбор аналогичных публикаций осуществляется по разным критериям и далеко не всегда верный. Как известно, установка дополнительных модулей не предусмотрена на Blogspot.com. Поэтому предлагаемое решение использует другой принцип. В его основе заложена выборка по рубрикам или категориям (labels). Данный хак, реализованный в виде виджета на java script, добавляет в конец публикации ссылки на другие посты из тех же рубрик. Вы можете видеть как это работает на примере этого блога. Ссылки показываются только на странице публикации, вместе с комментариями и другой информацией, имеющей отношение непосредственно к определенной статье.
Установка
Зайдите в меню редактирования шаблона, в раздел "изменить HTML". Включите пункт "Расширить шаблоны виджета" и обязательно сохраните копию шаблона, прежде чем вносить в него изменения. Найдите в коде тег . Сразу за этим тегом вставьте следущий код:
<!-- Связанные статьи из этой категории. Виджет. Начало -->
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h4>Предлагаю ознакомиться с аналогичными статьями:</h4>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 5;
var maxNumberOfLabels = 3;
maxNumberOfPostsPerLabel = 6;
maxNumberOfLabels = 3;
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(decodeURI(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>
<!-- Конец кода: Связанные статьи из этой категории. Виджет. -->
источник: Сети для людей
Read More...
Summary only...
Для начала, перейдите в настройках вашего блога в Макет>Изменить HTML и сохраните шаблон на вашем компьютере (а то мало ли что напортачите).
Ниже я как смог нарисовал схему стандартного шаблона blogger.
Тело шаблона (body), внутри тела размещен основной элемент outer (для редактирования используется свойство #outer-wrapper), а уже на нем и размещаются элементики блога:
- главная панель блога (редактируется через свойство #main)
- боковая панель блога (редактируется через свойство #sidebar)
- панель заголовка блога (редактируется через свойство #header-wrapper)
- нижняя панель блога (редактируется через свойство #footer)
blogger, блог, шаблоны blogger
Для нас наиболее интересно изменение ширины элементов (width), поэтому просто находим эту переменную внутри редактируемого свойства и меняем ей значение, а если у свойства не задана ширина, то просто добавляем её вручную (например width: 300px; ) . Если вам хочется расширить блог на всю ширину страницы, то просто удалите width из свойства #outer-wrapper (например в "Путь Блоггера" это удалит так надоевшие многим зеленые полоски по бокам), после этого расширьте то нужного размера элементы #main и #sidebar (помните ширину можно задавать не только в пикселях px, но и в процентах % от общей ширины страницы) .
Вобщем экспериментируйте, приводите ваш блог к идеальному виду, а после всех манипуляций не забывайте нажимать кнопку "Сохранить шаблон"
Если хотите быть в курсе всего, просто подпишитесь на RSS рассылку.
Read More...
Summary only...
Ну а теперь небольшой экскурс в мир программирования, напишем простейший скриптик позволяющий автоматически выдергивать и публиковать новости из RSS потока (а так как Yahoo Pipes имеет RSS выход, то и из ваших Yahoo Pipes).
Итак, скрипт на
[PHP5] - внимание, simplexml есть только в php5
проверьте это коммандой
[spec@qa scripts]$ /usr/bin/php -v
PHP 5.2.1 (cli) (built: Mar 31 2007 10:27:36)
......
Как вы наверно догадались делаем мы все это на удаленном компьютере хостера с установленным Linux (FreeBSD, OpenBSD, MacOS), но не на домашней тачке с Windows.
Настраиваемые параметры
$rssfeed - тут мы задаем адреса нужных нам фидов, если вы публикуете из yahoo pipes то адрес выглядит примерно так:
http://pipes.yahoo.com/pipes/pipe.run?_id=pPTo0rgn3RGCnXZ_JphxuA&_render=rss&urlinput1=http%3A%2F%2Fway-blogger.blogspot.com
$blogger_mail - email адрес вашего блога, как его получить читай здесь Автоматическая публикация на blogger
=============== getrss.php =================================
#!/usr/bin/php // полный путь до коммандного интерпретатора php5
$rssfeed = array("http://feeds.feedburner.com/wayblogger","http://feeds.feedburner.com/nemogu");
$blogger_mail = "email@blogger.com";
foreach($rssfeed as $rssfeed_item)
{
$rss = simplexml_load_file($rssfeed_item);
foreach($rss->channel->item as $items)
{
$back_link = "Original: ".$items->title."";
$summary = $items->title;
$body = $back_link."
".$items->description;
mail($blogger_mail, $summary, $body);
}
}
?>
===========================================================
Ну вот и все, простейший скрипт по отправке постов на blogger готов, заполните массив rssfeed RSS фидами с нужных источников, укажите email вашего блога и запустите на любом хосте с установленным php5. Если захотите автоматизировать это дело, то просто добавте в cron нужное задание. Например так,
"crontab -e" - команда откроет вам редактор для редактирования заданий
для начала редактирования нажмите Shit+i
и собственно само задание:
"0 0 * * * getrss.php"
getrss.php - полный путь до скрипта
ну и не забывайте поправить права chmod +x getrss.php
Теперь ваш скрипт будет исправно спамить вам в блог чужими постами
Read More...
Summary only...
На сайте Web Design From Scratch было опубликовано подробное руководство по дизайну Web 2.0. Оно представляет из себя список из 15 дизайнерских приемов, которые чаще всего используются на сайтах, так называемого, «нового» поколения.
- Простота.
На странице должно быть как можно меньше элементов, ничего лишнего. Из двух решений всегда лучше то, которое проще. Взгляд посетителя фокусируется на контенте, упрощается навигация. - Центрированная разметка.
По сравнению с дизайнерской модой прошлых лет сейчас гораздо больше сайтов располагаются по центру в браузере, а не растянуты на весь экран или смещены влево. Поскольку дизайн Web 2.0 проще и экономичнее, то на таких сайтах всегда есть много чистого белого пространства. - Меньше колонок.
Несколько лет назад дизайн в три колонки был нормой, а частенько встречались даже четыре. Сегодня две колонки никого не удивляют, а три – общепринятый максимум. - Отдельная верхняя секция.
Вверху страницы располагается горизонтальная секция, которая отделяется от всего остального контента. Конечно, в этой идее нет ничего нового и она используется уже давно, но сейчас она стала по-настоящему общепризнанной. - Цветные блоки.
Не только верхняя секция, но и другие элементы тоже могут быть явно выделены цветом. - Простая навигация.
Меню навигации, которое отображается на каждой странице сайта, должно быть большим, понятным и простым. Что касается гиперссылок, то они должны четко отличаться от всего остального контента на странице. - Увеличенный кегль.
На сайтах Web 2.0 размер шрифта обычно больше, чем на сайтах «прошлого» поколения. - Вставки большого текста.
На многих сайтах встречаются заголовки, логотипы и надписи экстремально большого размера. - Четкий логотип.
Ясный, мощный и сильный бренд создается с помощью заметного и запоминающегося логотипа. - Использование насыщенных цветов.
- Градиенты.
- Отражения.
- Изящные пиктограммы.
Read More...
Summary only...
