Как сделать расширенное резюме поста, анонс "Читать далее..."

8 нояб. 2008 г. · 8 коммент.

Все сталкивались с проблемой больших постов которые тянуться далеко в низ и портят вид блога, поэтому существует очень хороший способ прятать большую часть текста под кат а видимым оставлять только анонс. Существует два способа прятать текст под кат
1. Простой я его потом опишу он легче но на мой взгляд не удобный, потому как "Читать далее..." отображается в каждом посте и при нажатии на него начинает обновлять или открывать новое окно.
2. По сложнее но дело того стоит, я выбрал именно его для своего блога. В отличии от первого способа при нажатии на ссылку "Читать далее..." он просто раскрывает остальной текст поста без надобности обновления страницы. Ну что поехали...

1. Идем Макет>Изменить HTML и сохраняем шаблон, это важно.
2. Теперь перед тегом </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
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
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
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}

</script>
</b:if>


3. Находим <div class='post-body' теперь внимание добавляем только то что выделено красным:

<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'>Read More......</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

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

4 Идем Настройки>Форматирование в пункт Шаблон сообщения вставляем следующий код и сохраняем

<span id="fullpost"">

</span>

Если вы все сделали по инструкции то все должно работать как у меня.
PS Возникнут проблемы или вопросы прошу в комменты.
Прочитать полностью...

Как разместить AdSense в блог!

· 3 коммент.

Рекламу АдСенсе можно расположить влюбом месте вашего блога, если вы не особо знакомы с xml то делайте народным метотом тыка но прежде сохраниет шаблон, если сохранили то бояться нечего.

Начнём с самого простого прежде чем вставить код его нужно отпарсить Внимание без этого ни как иначе вместо баннера Адсенсе у вас буде пустое место. Делается это просто при помощи специального сервиса я пользуюсь этим Quick Escape вставляете код подтверждаете и все дальше сами понимаете.
Тем кто добавляет в сайтбар по средствам Макет>Добавить гаджет>HTML/JavaScript этого делать не надо!
Ну и всем понятное дело код не должен выходить за теги <body> и </body>

Ну а если вам хочется привести АдСенсе в более божеский вид, есть выход. Как известно проливами АдСенсе запрещается менять рекламный код, а мы и не будем. Есть другой способ нарядить рекламу, все гениально и просто а самое главно подробно описано в следующем посте Меняем вид AdSense - законно! Подробная инструкция Прочитать полностью...

Вертикальное меню (navbar).

· 4 коммент.

Вы наверно заметили, 4 кнопы у меня слева это вертикальный навбар или меню, кому как привычнее. Я его по заимствовал с другого шаблона Blogger Genkit








А вот и сам код:
Этот код нужно расположить в CSS части

#divStayTopLeft {
left:5px;
position:absolute;
top:15px;
}

.sidetab {
}

.sidetab ul {
list-style-type: none;
margin: 0;
margin-top: 130px;
padding: 0;
}

.sidetab ul li {
border-bottom: 0;
margin-bottom: 0;
padding: 0;
}

.sidetab a {
background: url(http://3.bp.blogspot.com/_qTWVg4q5lCo/SMnx8zYAoLI/AAAAAAAAAls/ybetKic3zwM/s1600/gtbg_sidetab.gif) no-repeat;
display: block;
height: 60px;
padding-bottom: 6px;
width: 25px;
}

.sidetab a:link, .navlist a:visited {
color: #555;
text-decoration: none;
}

.sidetab a:hover {
background: url(http://3.bp.blogspot.com/_qTWVg4q5lCo/SMnx8zYAoLI/AAAAAAAAAls/ybetKic3zwM/s1600/gtbg_sidetab.gif) no-repeat 0px -70px;
}

.sidetab .sidetab_alt a {
background: url(http://2.bp.blogspot.com/_qTWVg4q5lCo/SMnyShm40JI/AAAAAAAAAl0/2TQLQDwlrdQ/s1600/gtfeed.gif) no-repeat;
height: 25px;
}

.sidetab .sidetab_alt a:hover {
background: url(http://2.bp.blogspot.com/_qTWVg4q5lCo/SMnyShm40JI/AAAAAAAAAl0/2TQLQDwlrdQ/s1600/gtfeed.gif) no-repeat 0px -35px;
}

Ну а этот уже между тегами <body> и </body>

<div id='divStayTopLeft'>
<div class='sidetab'>
<ul class='navlist'>
<li><a expr:href='data:blog.homepageUrl'><img alt='HOME' height='60' src='http://img98.imageshack.us/img98/7128/ererhomebo7.gif' width='25'/></a></li>
<li><a expr:href='data:blog.homepageUrl + "atom.xml"'><img alt='Sitemap' height='60' src='http://img98.imageshack.us/img98/9450/erersitemapbx5.gif' width='25'/></a></li>
<li><a href='#' title='Contact Me'><img alt='Contact' height='60' src='http://img98.imageshack.us/img98/7302/erercontactph2.gif' width='25'/></a></li>
<li class='sidetab_alt'><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img alt='' height='25' width='25'/></a></li></ul></div>
</div>

У меня он в самом конце сразу перед </body>, чисто из удобства.
PS Советую скачать все кнопки и залить на свой хост, мало ли. Ну а если захотите русифицировать то тут надо менять само изображение кнопки.
Если возникнут вопросы, прошу в комменты. Прочитать полностью...

Замена стандартного title в Blogger-е

29 окт. 2008 г. · 14 коммент.

В шаблонах Blogger'а было и есть неприятное свойство: отображать страницы отдельных постов с тэгом title вида "название_блога : название_поста" (т.е. через двоеточие). С точки зрения поисковых систем повторять одни и те же слова в title всех страниц в корне не правильно.
Но как это изменить? Если для старого шаблона блоггера рекомендаций много, то для нового шаблона еле нашел такой рецепт.

1. Находим следующий код в шаблоне:

<title><data:blog.pageTitle/></title>


2. Заменяем найденный выше код на этот:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Если хотите, чтобы название блога указывалось после заголовка сообщения, замените строку 4 на:

<title><data:blog.pageName/> - <data:blog.title/></title>


Сохраните шаблон.

Теперь если зайти на страницу отдельного поста, то в title будет просто название этого поста (уникальное, как водится).
НО:
для архива постов и для группировки по меткам ничего не изменилось - в title опять присутствует название блога. Как это убрать пока не знаю.

Отсюда (на английском языке): Change the Title Tags for your Blog Прочитать полностью...

Новые Шаблоны (темы) для Blogger-а

2 окт. 2008 г. · 1 коммент.

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

Ну не буду томить, вот нашёл блог http://btemplates.com/ где собрана огромная коллекция качественных, красивых, удобных, простых и т.д. шаблонов. Вот к примеру шаблон блога НашСофт:


Пропал интерес к собственному блогу? смените шаблон на новый и вы почувствуете как и в первые дни появления все того же блога, энтузиазм и прилив энергии - вам вернется желание писать новые посты в любимый блог :-)

Р.С. Если решились сменить старый шаблон на новый, оставьте комментарии - как ощущения с новым шаблоном? Прочитать полностью...

Я на Blogun.Ru

22 сент. 2008 г. · 0 коммент.

Пришло время опробовать рекламу и все что с ней связанно, после явного и хамского игнорирования Российским сапортом сервиса AdSense, ожидание длиться уже более месяца. Ну как говориться под лежачий камень вода не течет - нашел альтернативу конечно отличается от АдСенсе но думаю и на нем на Blogun-не можно заработать копейку!

Из оф.сайта:
Зарабатывайте на своем блоге, делая обзоры товаров и услуг рекламодателей. Платные записи — это, на сегодня, самый быстрый и доступный способ монетизации блогов. Легальный и вполне этичный.
Заработок на размещении платных записей — это именно тот способ монетизации блогов, который позволяет вам заработать много и быстро. Более того, это единственный вариант заработать, если ваш блог размещен не на собственном сайте, а на сторонней платформе (например, Живой Журнал, liveinternet.ru).

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

После регистрации попросили активации блога путем размещения счетчика (невидимого), что и делаю... - довольно таки странный :-))

Р.С. Если у кого есть опыт в этом деле оставьте отзыв в виде комментарий! Прочитать полностью...

Google Chrome - первое критическое обновление (патч)

13 сент. 2008 г. · 0 коммент.


После выхода на свет браузера Google Chrome, многие не удержались и установили его, н удержался и я. Хорошее впечатление вызвало только простота и дизайн, к слову Firfox при первой установки когда еще не установлено ни одного плагина так же прост!
Вернемся к теме...

По словам Ли Дюк Ана, специалиста фирмы Bach Khoa Internetwork Security (BKIS), которая располагается в Ханойском технологическом университете, бета-версия Chrome, выпущенная на прошлой неделе, страдает переполнением буфера, что и может позволить хакером получить доступ к ПК.

В воскресение в Google закрыли эту дыру и выпустили обновленную бета-версию браузера, под номером 0.2.149.29. "Мы выпустили обновления для Google Chrome, которое исправляет многие из описанных здесь проблем", – написал вчера на форуме техподдержки браузера некто, известный лишь по нику "Simon".

По словам Simon, в версии 0.2.149.29 исправлено следующее:

* Ошибка с ":%";
* Проблема с JavaScript на Facebook;
* Подтвержденные ошибки безопасности.

Упомянутая выше проблема с ":%" состояла в том, что браузер вылетал при переходе по ссылке, содержащей такие символы. Однако ряд других багов пока остается неисправленным. В их числе – проблема комбинированной угрозы, основанной на уязвимости под названием "carpet bombing", обнаруженной в браузере Safari от Apple, использующем тот же движок WebKit, что и Chrome.

Уже установленные копии Chrome обновятся до версии 0.2.149.29 автоматически, в фоновом режиме, без уведомления пользователя. Согласно технической документации браузера, обновление происходит незаметно, вне зависимости от того, используется или нет браузер в данный момент. Если в момент обновления браузера он открыт, потребуется его перезапуск для того, чтобы новая версия заработала. Впрочем, пользователи могут обновить браузер и вручную, для этого нужно нажать на иконку Tools справа, затем выбрать "About Google Chrome." Если в это время доступна новая версия, появится кнопка Update.
Прочитать полностью...

Google Chrome - браузер от Гугла.

4 сент. 2008 г. · 3 коммент.


Google приложил свою руку и на сферу браузеров, 3.09.2008г Google Chrome стал доступен для скачивания http://www.google.co.uk/chrome/ пока только в Beta версии.

Скажу что на вид очень симпатичный, простой и шустрый браузер. Есть несколько нововведений: работа с закладками - вместо открытия домашней страницы при старте новой закладки открывается миниатюры часто используемых сайтов и список остальных. Добавлю что все закладки можно импортировать как из FF так и IE. И еще не мало важная характеристика Chrome это javascript V8 тот самый, на сколько я знаю его еще нет не в одном ныне существующем браузере!

P.S. Пока есть возможность внести свои предложения и просто узнать о нем, ведь пока он в стадии разработки все ваши замечания, идеи и предложения будут учитываться. А узнать по тому что Chrome с открытым исходным кодом! Прочитать полностью...

Как писать пост с кодом HTML?

26 авг. 2008 г. · 0 коммент.

Да очень просто, когда знаешь :-)) Начну со своей истории, когда первый рас решил написать пост с кодом не знал что Блоггер будет их выполнять вместо публикации. Весь код кудато пропадал а сам пост перекашивало.
Решение этой проблемы было найдено без особого друда, по гуглил и делов.
Мною был найден конвертор HTML, суть его работы проста: он меняет знаки < и >, на (не могу покачать). вобщем он их меняет и жить становиться легче!
Способ применения: копируете свой код в окошко конвертера и нажимаете на кнопку там она одна, через мгновение получаете слегка измененный код, копируете его и спокойно публикуйте.
Не волнуйтесь что код страшно выглядит, после публикации уже в готовом виде, HTML код будет выглядит так как ему подобает.

P.C. Если все еще есть какие то проблемы комментируйте!
Всего хорошего!!! Прочитать полностью...

Сервис для сжатия CSS - Clean CSS

21 авг. 2008 г. · 1 коммент.

Сегодня проверил скорость загрузки своего блога, результат меня огорчил, и я принялся это дело исправлять долго не мучался по Гуглил и делов. Нашел онлайн сервис Сlean CSS который убирает все лишнее(разные комментарии) сжимает и упорядочивает по алфавиту. Есть два способа загрузки CSS - кода:
1. Вручную скопировать код и вставить. (я так и делал, просто и понятно)
2. Указываете адрес страницы и он автоматом делает свое дело ( на все мои попытки воспользоваться этим способом, Blogger ругался)

По первому способу у меня все получилось, и результат меня приятно порадовал :-))
Загрузка страницы ускорилась а самое главное теперь отдельные части страницы не пляшут то туда то сюда, а сразу занимают свое место! В общем пользуйтесь!!!

Всего хорошего!!! Прочитать полностью...

Подписка на блог

Подпишитесь в ридере или, через электронную почту:
Введите ваш E-MAIL адрес:
Поиск Google: