Все сталкивались с проблемой больших постов которые тянуться далеко в низ и портят вид блога, поэтому существует очень хороший способ прятать большую часть текста под кат а видимым оставлять только анонс. Существует два способа прятать текст под кат
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 в блог!
Рекламу АдСенсе можно расположить влюбом месте вашего блога, если вы не особо знакомы с xml то делайте народным метотом тыка но прежде сохраниет шаблон, если сохранили то бояться нечего.
Начнём с самого простого прежде чем вставить код его нужно отпарсить Внимание без этого ни как иначе вместо баннера Адсенсе у вас буде пустое место. Делается это просто при помощи специального сервиса я пользуюсь этим Quick Escape вставляете код подтверждаете и все дальше сами понимаете.
Тем кто добавляет в сайтбар по средствам Макет>Добавить гаджет>HTML/JavaScript этого делать не надо!
Ну и всем понятное дело код не должен выходить за теги <body> и </body>
Ну а если вам хочется привести АдСенсе в более божеский вид, есть выход. Как известно проливами АдСенсе запрещается менять рекламный код, а мы и не будем. Есть другой способ нарядить рекламу, все гениально и просто а самое главно подробно описано в следующем посте Меняем вид AdSense - законно! Подробная инструкция
Прочитать полностью...
Вертикальное меню (navbar).
Вы наверно заметили, 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 Советую скачать все кнопки и залить на свой хост, мало ли. Ну а если захотите русифицировать то тут надо менять само изображение кнопки.
Если возникнут вопросы, прошу в комменты.
Прочитать полностью...
Свершилось Новый Tn Pegas!
Ну вот - пол дела сделано, новый дизайн блога Tn Pegas очень консервативный и приятен глазу на мой взгляд, но без вашей помощи не обойтись. По это случаю маленький опрос, ответ комментарием. Как вам новый дизайн? Отлично? или старый был лучше?
З.Ы. Если есть предложения по доработке: к примеру шрифт другой, цвет и т.д. прошу в камменты. Спасибо всем!
Прочитать полностью...
Блог Tn Pegas перемены!!!
Здравствуйте! После долгого депресника наконец собрался, и теперь грядут великие перемены. Первое с чего хочу начать это дизайн да что дизайн полностью шаблон заменю. Конечно и этот ничего, красивый и все такое но надоел, по этому такое решение. Учитывая сколько времени я потратил на этот шаблон просто удалить его я не могу, рука не поднимется, просто уберу в долгий ящик, авось пригодиться)
P.S. А если кому он понравился пишите в комментариях я выложу!
Прочитать полностью...
Замена стандартного title в Blogger-е
В шаблонах 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 опять присутствует название блога. Как это убрать пока не знаю.
Отсюда (на английском языке):
Прочитать полностью...
Новые Шаблоны (темы) для Blogger-а
Давненько создал блог НашСофт по прошествии времени интерес к нему начал не уклончиво падать, плюс ещё непонятных выявленных мной 273 ошибки в коде... В один прекрасный момент решил исправить все это дело, не стал разбираться где ошибки и что в нем не так а "просто" сменил шаблон. (слово "просто" в кавычках потому что пришлось изменять и русифицировать шаблон) За то какой результат и желание писать в него появилось, чему я очень рад :-)
Ну не буду томить, вот нашёл блог http://btemplates.com/ где собрана огромная коллекция качественных, красивых, удобных, простых и т.д. шаблонов. Вот к примеру шаблон блога НашСофт:
Пропал интерес к собственному блогу? смените шаблон на новый и вы почувствуете как и в первые дни появления все того же блога, энтузиазм и прилив энергии - вам вернется желание писать новые посты в любимый блог :-)
Р.С. Если решились сменить старый шаблон на новый, оставьте комментарии - как ощущения с новым шаблоном?
Прочитать полностью...
Я на Blogun.Ru
Пришло время опробовать рекламу и все что с ней связанно, после явного и хамского игнорирования Российским сапортом сервиса AdSense, ожидание длиться уже более месяца. Ну как говориться под лежачий камень вода не течет - нашел альтернативу конечно отличается от АдСенсе но думаю и на нем на Blogun-не можно заработать копейку!
Из оф.сайта:
Зарабатывайте на своем блоге, делая обзоры товаров и услуг рекламодателей. Платные записи — это, на сегодня, самый быстрый и доступный способ монетизации блогов. Легальный и вполне этичный.
Заработок на размещении платных записей — это именно тот способ монетизации блогов, который позволяет вам заработать много и быстро. Более того, это единственный вариант заработать, если ваш блог размещен не на собственном сайте, а на сторонней платформе (например, Живой Журнал, liveinternet.ru).
- Привлечение посетителей — это естественное, но не единственное следствие рекламной кампаниии в блогах.
- Улучшение репутации. Интересная и корректная рекламная кампания не вызывает у читателей блогов раздражения. Наоборот, они доверяют авторам рекламных записей и, следовательно, вашей информации.
- SEO-эффект возникает также естестественным образом. Популярные блоги, как правило, имеют достаточно высокие показатели Google PageRank и Яндекс тИЦ. Недавно появившиеся блоги их не имеют, но и просят существенно меньшие деньги.
После регистрации попросили активации блога путем размещения счетчика (невидимого), что и делаю...
- довольно таки странный :-))Р.С. Если у кого есть опыт в этом деле оставьте отзыв в виде комментарий! Прочитать полностью...
Google Chrome - первое критическое обновление (патч)
После выхода на свет браузера 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 - браузер от Гугла.
Google приложил свою руку и на сферу браузеров, 3.09.2008г Google Chrome стал доступен для скачивания http://www.google.co.uk/chrome/ пока только в Beta версии.
Скажу что на вид очень симпатичный, простой и шустрый браузер. Есть несколько нововведений: работа с закладками - вместо открытия домашней страницы при старте новой закладки открывается миниатюры часто используемых сайтов и список остальных. Добавлю что все закладки можно импортировать как из FF так и IE. И еще не мало важная характеристика Chrome это javascript V8 тот самый, на сколько я знаю его еще нет не в одном ныне существующем браузере!
P.S. Пока есть возможность внести свои предложения и просто узнать о нем, ведь пока он в стадии разработки все ваши замечания, идеи и предложения будут учитываться. А узнать по тому что Chrome с открытым исходным кодом!
Прочитать полностью...
Подписка на блог
Последние посты
Теги
- AdSense (4)
- Blogun.Ru (1)
- favicon (1)
- Feedburner (4)
- float (1)
- Google (2)
- HTML - CSS (6)
- Tn Pegas - новости (3)
- Виджеты и Скрипты (3)
- Как заработать $ (5)
- кнопки (3)
- Раскрутка (2)
- Советы (14)
- Тюнинг блога (13)
- Шаблоны (6)
- Юзабилити (1)
