“RSS blogger 5 RSS blogger 5 RSS blogger 5 RSS blogger 5 ““Древовидный список | HTML” plus 1 more” plus 2 more” plus 74 more |
- RSS blogger 5 RSS blogger 5 RSS blogger 5 RSS blogger 5 ““Древовидный список | HTML” plus 1 more” plus 2 more
- RSS blogger 5 RSS blogger 5 RSS blogger 5 ““Древовидный список | HTML” plus 1 more” plus 2 more
- RSS blogger 5 RSS blogger 5 ““Древовидный список | HTML” plus 1 more” plus 2 more
- RSS blogger 5 ““Древовидный список | HTML” plus 1 more” plus 2 more
- ““Древовидный список | HTML” plus 1 more” plus 2 more
- “Древовидный список | HTML” plus 1 more
- 40 простых советов по увеличению дохода с Google Adsense
- “Как мы запускаем SMM-агентство. Часть 2” plus 0 more RSS blogger 3
- “Блог-шоу – выпуск 50 SEO” plus 2 more
- Блог-шоу – выпуск 50 SEO
- “Финстрип-2014” plus 0 more RSS blogger 3
- “Звенящиие шарики при наведении курсора на новогодней гирлянде RSS blogger 2” plus 3 more
- Птицы, рыбы и насекомые — это животные или нет? Да, это животные! RSS blogger 2
- “Прокрутка модального окна | CSS RSS blogger 2” plus 1 more
- Прокрутка модального окна | CSS RSS blogger 2
- “Убрать сдвиг сайта при появлении полосы прокрутки | CSS RSS blogger 2” plus 2 more
- Убрать сдвиг сайта при появлении полосы прокрутки | CSS RSS blogger 2
- “Переехал на хостинг Fozzy” plus 0 more RSS blogger 3
- “Обзор программы для SEO аудита сайтов Website Auditor SEO” plus 1 more
- Обзор программы для SEO аудита сайтов Website Auditor SEO
- RSS blogger 5 RSS blogger 5 RSS blogger 5 RSS blogger 5 RSS blogger 5 ““История о том, как я чуть не устроился работать в Google” plus 0 more RSS blogger 3” plus 1 more
- RSS blogger 5 RSS blogger 5 RSS blogger 5 RSS blogger 5 ““История о том, как я чуть не устроился работать в Google” plus 0 more RSS blogger 3” plus 1 more
- RSS blogger 5 RSS blogger 5 RSS blogger 5 ““История о том, как я чуть не устроился работать в Google” plus 0 more RSS blogger 3” plus 1 more
- RSS blogger 5 RSS blogger 5 ““История о том, как я чуть не устроился работать в Google” plus 0 more RSS blogger 3” plus 1 more
- RSS blogger 5 ““История о том, как я чуть не устроился работать в Google” plus 0 more RSS blogger 3” plus 1 more
- Эффект снега в блоге на blogspot
- Добавляем красивый гаджет Поделиться
- Украшение колокольчики в блог
- Страшная тайна Google: ключевые слова, которые мы не выбираем
- Базовые SEO техники для Blogspot
- Стильное выпадающее меню CSS3
- Аватар анонимных комментаторов
- Что нового в продвижении
- Переводим блоги на разные языки
- Гаджет “Последние статьи” с изображениями
- Как сделать ссылку на определенную часть той же страницы.
- Многоуровневое выпадающее меню для блогспот
- Добавляем описание к ярлыкам в блоге
- Читатели из facebook в blogger
- Добавить читателей твиттер в блогспот
- Прикручиваем Google analytics к blogger
- Облако тэгов в блоггер
- Убираем строчку : Показаны сообщения с ярлыком.
- Убираем надпись подписаться на сообщения "Atom"
- Как отображать гаджеты только на главной странице блогспот
- Создаем древовидные комментарии в блоггер
- Лучшие позиции для размещения Google Adsens в Вашем блоге.
- Меняем курсор мыши в блоггер (+1000 бесплатных курсоров)
- Google обьединит Blogger и Google+
- Открыть несколько ссылок одним кликом мыши
- Создание дерева меню с вкладками.
- Как изменить текст в баннере
- Yandex будет бороться с переоптимизацией
- Авторская разметка для чайников
- Постраничная разбивка против плагиата
- Google и Yandex: борьба с плагиатом
- Панда по-русски и новый алгоритм для картинок в Google
- DFP: кликтаг для флэш банера и другие новации
- Панда и контент сайта
- ошибка 404 и cms (движок) для чайников
- Google запустил новый алгоритм
- If Modified Since и last modified для динамических страниц
- Таргетинг по интересам в adsense
- Как редактировать флеш баннер без исходников
- robots, meta noindex и ссылки
- Seo новости Яндекса для ленивых и спокойных
- Проблемы с индексацией блогов
- DoubleClick Ad Exchange - как возобновить заказ
- защита RSS от плагиата
- Double Click for Publishers - недостаточно ресурсов
- Доходы в adsense
- Новые роботы Яндекса
- Блог и Technorati - краткий курс
- rel canonical: редирект для бедных
- Admanager и Double Click
Posted: 01 Jan 2015 07:38 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
RSS blogger 5 RSS blogger 5 RSS blogger 5 ““Древовидный список | HTML” plus 1 more” plus 2 more Posted: 31 Dec 2014 07:20 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
RSS blogger 5 RSS blogger 5 ““Древовидный список | HTML” plus 1 more” plus 2 more Posted: 30 Dec 2014 07:39 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
RSS blogger 5 ““Древовидный список | HTML” plus 1 more” plus 2 more Posted: 29 Dec 2014 07:10 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
““Древовидный список | HTML” plus 1 more” plus 2 more Posted: 28 Dec 2014 07:13 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
“Древовидный список | HTML” plus 1 more Posted: 28 Dec 2014 02:02 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
40 простых советов по увеличению дохода с Google Adsense Posted: 28 Dec 2014 08:17 AM PST Суть статьи — пройтись по своим блогам и сайтам и... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
“Как мы запускаем SMM-агентство. Часть 2” plus 0 more RSS blogger 3 Posted: 27 Dec 2014 10:04 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
“Блог-шоу – выпуск 50 SEO” plus 2 more Posted: 26 Dec 2014 07:20 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
Posted: 26 Dec 2014 01:15 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
“Финстрип-2014” plus 0 more RSS blogger 3 Posted: 25 Dec 2014 10:14 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
“Звенящиие шарики при наведении курсора на новогодней гирлянде RSS blogger 2” plus 3 more Posted: 25 Dec 2014 07:12 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
Птицы, рыбы и насекомые — это животные или нет? Да, это животные! RSS blogger 2 Posted: 22 Dec 2014 02:02 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
“Прокрутка модального окна | CSS RSS blogger 2” plus 1 more Posted: 21 Dec 2014 07:41 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
Прокрутка модального окна | CSS RSS blogger 2 Posted: 21 Dec 2014 02:02 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
“Убрать сдвиг сайта при появлении полосы прокрутки | CSS RSS blogger 2” plus 2 more Posted: 18 Dec 2014 07:40 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
Убрать сдвиг сайта при появлении полосы прокрутки | CSS RSS blogger 2 Posted: 18 Dec 2014 02:02 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
“Переехал на хостинг Fozzy” plus 0 more RSS blogger 3 Posted: 17 Dec 2014 10:04 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
“Обзор программы для SEO аудита сайтов Website Auditor SEO” plus 1 more Posted: 17 Dec 2014 07:53 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
Обзор программы для SEO аудита сайтов Website Auditor SEO Posted: 17 Dec 2014 01:42 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
Posted: 16 Dec 2014 07:12 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
Posted: 15 Dec 2014 07:32 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
Posted: 14 Dec 2014 07:39 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
Posted: 13 Dec 2014 07:38 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
Posted: 12 Dec 2014 07:41 PM PST h1 a:hover {background-color:#888;color:#fff !... Интернет-Заработок на блогах blogspot и не только Заработок online на блогах | ||
Эффект снега в блоге на blogspot Posted: 09 Dec 2013 05:22 AM PST ![]() Чтобы заполучить данный эффект необходимо просто зайти в настройки блога, перейти в раздел дизайн. и затем добавить гаджет HTML/Java script , в поле гаджета вставить следующий код: <script src="http://keerthiset2.110mb.com/snow.js" type="text/javascript"> </script> Так же вы можете добавить гаджет падающего снега с курсора, просто добавьте гаджет со следующим кодом: <script type="text/javascript" src="http://dl.dropboxusercontent.com/s/tq54esoill6ci67/017_slate_blue_357ec7_24work.blogspot.com.js"></script><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a> | ||
Добавляем красивый гаджет Поделиться Posted: 04 Jan 2013 02:13 AM PST Если Вы регулярно совершенствуете свой блог, то Вам пригодится данная не сложная публикация, о том как добавить красивую кнопку "Поделиться". Ее особенность в том, что при наведение курсора она раскрывается и предлагает несколько сервисов в которых можно разместить ссылку на Ваш блог. Демо можно посмотреть тут! Итак преступим: 1. Зайдите в настройки Вашего блога, а именно в настройки шаблона; 2. Отметьте галочкой пункт "Расширить шаблон"; 3. В теле шаблона при помощи комбинации кнопок ctrl+f найдите следующий тэг: <div class=’post-footer-line post-footer-line-1’> 4. Сразу после него вставьте приведенный ниже скрипт: <b:if cond='data:blog.pageType == "item"'> <style type="text/css"> .ringMenu { width: 100px; margin: 150px auto; } .ringMenu ul { list-style: none; position: relative; width: 100px; color: white; } .ringMenu ul a { color: white; } .ringMenu ul li { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ringMenu ul li a { display: block; width: 100px; height: 100px; background: rgba(50,50,50,0.7); text-align: center; line-height: 100px; -webkit-border-radius: 50px; border-radius: 50px; font-size: 20px; } .ringMenu ul li a:hover { background: rgba(230,150,20,0.7); text-decoration: none; } .ringMenu ul li:not(.main) { -webkit-transform: rotate(-180deg) scale(0); -moz-transform: rotate(-180deg) scale(0); -o-transform: rotate(-180deg) scale(0); transform: rotate(-180deg) scale(0); opacity: 0; } .ringMenu:hover ul li { -webkit-transform: rotate(0) scale(1); -moz-transform: rotate(0) scale(1); -o-transform: rotate(0) scale(1); transform: rotate(0) scale(1); opacity: 1; } .ringMenu ul li.top { -webkit-transform-origin: 50% 152px; -moz-transform-origin: 50% 152px; -o-transform-origin: 50% 152px; transform-origin: 50% 152px; position: absolute; top: -70px; left: 50px; } .ringMenu ul li.bottom { -webkit-transform-origin: 50% -52px; -moz-transform-origin: 50% -52px; -o-transform-origin: 50% -52px; transform-origin: 50% -52px; position: absolute; bottom: -70px; left: 50px; } .ringMenu ul li.right { -webkit-transform-origin: -52px 50%; -moz-transform-origin: -52px 50%; -o-transform-origin: -52px 50%; transform-origin: -52px 50%; position: absolute; top: 10px; right: -50px; } .ringMenu ul li.left { -webkit-transform-origin: 152px 50%; -moz-transform-origin: 152px 50%; -o-transform-origin: 152px 50%; transform-origin: 152px 50%; position: absolute; top: 10px; left: -50px; } </style> <div> <script type="text/javascript">var switchTo5x=false;</script> <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> <script type="text/javascript">stLight.options({publisher: "ur-e9856caa-8f3b-40a6-82af-461e390fe167"});</script> <ul> <li><a href="#main">Поделиться</a></li> <li><span class='st_fblike_vcount' displayText='Like'></span></li> <li><span class='st_sharethis_vcount' displayText='Share'></span></li> <li><span class='st_plusone_vcount' displayText='+1'></span></li> <li><span class='st_twitter_vcount' displayText='Tweet'></span></li> </ul> </div> </b:if> 5. Нажмите "Сохранить шаблон" Теперь Ваш гаджет заработает! В скрипте для кнопки указано слово "Поделиться" , Вы можете изменить его по желанию, изменив красное поле в коде. | ||
Posted: 18 Dec 2012 03:45 AM PST Привет всем! Сегодня я покажу как добавить в блог виджет Колокольчики. Колокольчики будут располагаются в верхних углах блога. Если хотите Вы можете поменять картинки на,что нибудь другое. Нужно только подобрать необходимые изображения. Если хотите установить картинку колокольчики для Blogger, тогда войдите Blogger/Дизайн/Добавить гаджет HTML/ JavaScript и вставьте код приведенный ниже: <img src="https://lh6.googleusercontent.com/-5R7C9LMfqKY/Txo_0iOthMI/AAAAAAAAELw/rzmYWYHYXBs/w189-h197-k/christmas-icon.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:5;"/><img src="https://lh4.googleusercontent.com/-PbiGUGyANAs/Txo_yfoVXSE/AAAAAAAAELw/cZylwGVCEuw/s145-c/212012" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/> Надеюсь все у Вас получится. | ||
Страшная тайна Google: ключевые слова, которые мы не выбираем Posted: 16 Nov 2012 12:49 PM PST Понимаю, что после такого перерыва следует запостить нечто потрясающее. И у меня как раз есть наблюдение из ненавистной мне области оптимизации сайтов. Скорее всего, я не первооткрыватель: многие знают. Но молчат, так как не хотят палить тему. А я спалю. Сразу скажу, что не отслеживаю позиции, на которые с придыханием любуются фанаты СЕО. Для меня важна конверсия, эффективность и прочие факторы, | ||
Базовые SEO техники для Blogspot Posted: 30 Oct 2012 03:13 AM PDT В этой статье я расскажу о SEO (Search Engine Optimization) для тех кто только начал вести свой блог, чтобы объяснить, что оно под собой подразумевает. Активное использование SEO помогает поднять Ваш сайт в поисковой выдаче, увеличить качественный траффик, а следовательно достичь цель по отдаче от сайта владельцу. Польза от использования SEO: Позволяет привлечь большое количество траффика (посетителей); Поднимает Ваш сайт в топ поисковых систем, таких как Google, Yandex, Yahoo и прочих. Выше позици, больше посетитлей, больше кликов по рекламе, больше прибыли. SEO можно разделить на две части: Внутреннее SEO Внутреннее SEO подразумевает оптимизацию сайта изнутри, наполнение контентом, ключевыми словами, создание перелинковок, создание Sitemap, прописание мета тэгов. Внешнее SEO Внешнее SEO подразумевает работу вне сайта. А именно создание качественных обратных ссылок с других сайтов, добавление блога в поисковые ситемы Google analytics, Google Webmasters tools, Yandex webmaster tools, прогон блога по каталогам. Более углубленно по каждому вопросу вы сможете ознакомиться в разделе SEO на данном сайте. | ||
Posted: 28 Oct 2012 01:05 AM PDT В этой статье еще раз расскажу как сделать красивое выпадающее меню. Оно пригодиться Вам, чтобы связать главную страницу блога с важными разделами. Я уже рассказывал о подобных вещах в статье "Многоуровневое выпадающее меню" . Итак преступим: 1. Зайдите в Ваш аккаунт блоггер и нажмите на выпадающее меню напротив блога в котором хотите вставить гаджет; ![]() 2. В выпавшем меню выберите Шаблон; ![]() 3.Нажмите на кнопку настройки; 4. Найдите тэг: ]]></b:skin> 5. Вставьте перед выделенным тэгом приведенный ниже скрипт: /* The CSS Code for the menu starts here bloggertrix.com */ 6. Теперь зайдите в настройки; 7. Нажмите в удобном месте Добавить гаджет и выберите HTML/Java Script; 8. Вставьте скрипт приведенный ниже: <ul class="dropdown dropdown-horizontal" id="nav"> 9. Вместо Названий меню впишите свои и вставьте необходимые ссылки. 10. Нажмите сохраните и все готово! | ||
Аватар анонимных комментаторов Posted: 26 Oct 2012 01:17 AM PDT В комментариях на платформе Blogger (Blogspot), имеющих линейный формат публикации, для аватара пользователя выделено отдельное место. Но увы, в большинстве случаев это пространство пустует, так как читатели, комментирующие ваши статьи, зачастую подписывают свои комментарии при помощи аккаунтов, не имеющих аватара, или же, вообще, пишут анонимно. В этой статье пойдет речь о том, как сделать оформление комментариев, имеющих линейный формат, чуть более красивым за счет использования аватара-заглушки в том случае, если комментирующий статью читатель не имеет собственного аватара. Для начала, я думаю, вам стоит ознакомиться с тем, что именно я вам предлагаю. Перед вами картинка, наглядно иллюстрирующая то, что вы имеете сейчас, и то, что получите в результате небольшой модификации шаблона: Если вам понравилось, и вы решились на доработку своего шаблона, то откройте редактор шаблона (Дизайн->Изменить HTML) и под строкой "/* Comments" и вставьте следующий код:
| ||
Posted: 26 Oct 2012 12:52 AM PDT Команда Blogger сделала очень хорошую вещь - добавила полезные фишки, которые помогут нашим блогам выглядеть более индивидуально и грамотно. Если вы зайдёте в настройки вашего блога, вы увидите новую графу - настройки поиска. Теперь можно добавить к своему блогу описание; Кроме этого, после того, как вы добавите описание к своему богу - вы сможете добавлять краткое описание к каждому своему посту! Графа для добавления появится справа. тм же где и "ярлыки", "расписание" и прочее. Также можно сделать вместо блоггеровского сообщения страницы ошибки "страница не найдена" (типа "страница 404") своё личное. Вдобавок, авторы "Блогеера" пишут. что добавили удобную возможность добавлять теги alt и title к картинкам в посте (я ещё не пробовал). В окне "добавить ссылку" появилась опция добавить тег 'rel=nofollow' к ссылке!!! Пояснение для тех, кто не знает зачем это: это нужно в тех случаях, когда вы не хотите, чтобы поисковая машина Google индексировала ту или иную ссылку, которую вы ставите в вашем посте. Можно также использовать в тех случаях, когда вы не хотите передавать "ссылочный вес" странице. на которую ссылаетесь. Появились "Пользовательские переадресации". Они нужны для того, чтобы добавить пользовательские переадресации для внешних URL, указывающих на ваш блог, и не ведущих на существующие сообщения или страницы. Есть ещё всякие штуки с файлом robots txt для продвинутых пользователей. Всё это появилось в этой графе настроек. | ||
Переводим блоги на разные языки Posted: 11 Jun 2012 01:04 AM PDT Продолжая рассказывать о том как усовершенствовать свой блог хотел бы рассказать о так называемой языковой панели "Google translate widget", вы наверно видели на зарубежных блогах область где расположены флаги различных стран, кликая на которые мы получаем необходимый нам перевод статьи. Я нахожу этот элемент улучшения блога очень полезным, так ваши статьи смогут читать посетители не владеющие русским языком. Вот так он выглядит. ![]() Так вот расскажу о нескольких способах как сделать такое же у себя в блоге. Два способа практически одинаковы, разница лишь в разном коде виджета. Итак приступим: 1.Войдя в свой блог, заходим в настройки вкладка Дизайн / Элементы страницы нажимаем на Добавить Гаджет в том месте где мы хотим видеть наши флажки. Это может быть заметное место около шапки блога либо не заметное как на этом блоге - в низу страницы. ![]() 2. В открывшемся окне выбора гаджетов выбираем HTML/JavaScript(скрипт позволяющий прописывать свои коды гаджетов, либо брать готовые коды, как я вам предлагаю) ![]() 3. В появившемся окне, называем нашу панель по желанию (например "Перевести Блог"), а окне ниже копируем и вставляем следующий код: <form action="http://www.google.com/translate"><script language="JavaScript">
<style> Страницы на иностранном языке индексируются поисковой системой и иногда вы будете иметь посетителей из других стран. Вот и все , пользуйтесь с удовольствием. | ||
Гаджет “Последние статьи” с изображениями Posted: 09 Apr 2012 01:38 AM PDT Многие пользуются гаджетами вроде ссылок на последние статьи, либо самые популярные. Чтобы добавить данному гаджету 1. Зайдите в настройки блоггер. 2. Зайдите во вкладку дизайн 3. Нажмите добавить гаджет и выберите HTML/JavaScript 4. Вставьте в поле гаджета приведенный ниже скрипт: <script language="JavaScript"> imgr = new Array(); imgr[0] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[1] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[2] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[3] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[4] = "http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true; boxwidth = 298; cellspacing = 8; borderColor = "#ffffff"; bgTD = "#000000"; thumbwidth = 40; thumbheight = 40; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = false; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 5; home_page = "http://bloggfast.blogspot.com/"; </script> <script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script> 6. Настройки дизайна гаджета: boxwidth – ширина гаджета cellspacing – расстояние между буквами borderColor – цвет границ thumbwidth & thumbheight – высота и ширина картинок fntsize – Размер шрифта в заголовке acolor – цвет заголовка aBold – жирный заголовок (да или нет) numposts – количество отображаемых статей home_page : Ссылка на главную страницу вашего блога Скрипты хранятся на зарубежном сервере (http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js ). Но рекомендуется загрузить скрипты на свой хостинг и поставить на них свою ссылку. | ||
Как сделать ссылку на определенную часть той же страницы. Posted: 05 Apr 2012 01:08 AM PDT Все блоггеры пользуются ссылками практически в каждой статье, помимо удобства это еще и очень полезно для индексации блога. Сегодня хотел бы описать как сделать ссылку на туже страницу на которой находится Ваш читатель, только ниже, либо Выше, допустим Ваша статья состоит из нескольких частей и читатель, хочет пропустить первую и перейти сразу ко второй. Сделать это достаточно просто! 1.Для начала нам необходимо присвоить определенной части текста “Якорь”, допустим Вы хотите ссылать на каую-либо часть статьи, перед началом необходимого участка текста вставьте в HTML коде статьи следующий тег : <a id="yakor"></a> Начало текста или заголовка В качестве слова якорь выделенного красным вы можете использовать любое другое, подходящее по смыслу. 2. Теперь необходимо сделать ссылку на данный якорь. А именно в HTML коде страницы перед словом которое должно быть ссылкой ставим тэг вида: Покажу как это должно выглядеть на примере данной статьи. Если Вы не разобрались вернитесь к началу статьи. Выглядит ссылка вот так: <a href="#nachalo">к началу статьи.</a> а якорь присвоенный началу вот так: <p><a id="nachalo"></a>Сделать это достаточно просто! | ||
Многоуровневое выпадающее меню для блогспот Posted: 22 Mar 2012 02:19 AM PDT Как я уже много кратно писал выпадающее меню да и просто меню позволяют организовать структуру Вашего блога либо сайта. Сегодня на блогспоте доступна функция ссылок, однако подразделов в них не вставишь. Сделать меню данного типа не сложно. просто следуйте шагам перечисленным ниже. 1. Зайдите в настройки блога, в раздел “Дизайн”, затем в необходимом месте нажмите добавить гаджет, и выберите HTML/Java Script. 2. В поле гаджета вставьте следующий скрипт: <script src='http://mybloggertricks.googlecode.com/files/dropdownddlevel.js' type='text/javascript'></script> <style> /* ######### Drop Down Menu by www.MyBloggerTricks.com ######### */ .ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/ font: normal 13px Verdana; margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; background: white; border: 1px solid black; border-bottom-width: 0; visibility: hidden; z-index: 100; } .ddsubmenustyle ul{ margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; border: 0px none; } .ddsubmenustyle li a{ display: block; width: 170px; /*width of menu (not including side paddings)*/ color: black; background-color: lightyellow; text-decoration: none; padding: 4px 5px; border-bottom: 1px solid black; } * html .ddsubmenustyle li{ /*IE6 CSS hack*/ display: inline-block; width: 170px; /*width of menu (include side paddings of LI A*/ } .ddsubmenustyle li a:hover{ background-color: black; color: white; } .downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/ padding-left: 4px; border: 0; } .rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/ position: absolute; padding-top: 3px; left: 100px; border: 0; } .ddiframeshim{ position: absolute; z-index: 500; background: transparent; border-width: 0; width: 0; height: 0; display: block; } /* ######### Black Strip Main Menu Bar CSS ######### */ .mattblackmenu ul{ margin: 0; padding: 0; font: bold 12px Verdana; list-style-type: none; border-bottom: 1px solid gray; background: #414141; overflow: hidden; width: 100%; } .mattblackmenu li{ display: inline; margin: 0; } .mattblackmenu li a{ float: left; display: block; text-decoration: none; margin: 0; padding: 6px 8px; /*padding inside each tab*/ border-right: 1px solid white; /*right divider between tabs*/ color: white; background: #414141; } .mattblackmenu li a:visited{ color: white; } .mattblackmenu li a:hover{ background: black; /*background of tabs for hover state */ } .mattblackmenu a.selected{ background: black; /*background of tab with "selected" class assigned to its LI */ } </style> <div id="ddtopmenubar" class="mattblackmenu"> <ul> <li><a href="#">LINK1</a></li> <li><a href="#" rel="ddsubmenu1">LINK2</a></li> <li><a href="#" rel="ddsubmenu2">LINK3</a></li> <li><a href="#">Link4</a></li> <li><a href="#" rel="ddsubmenu3">LINK5</a></li> </ul> </div> <script type="text/javascript"> ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar") </script> <ul class='ddsubmenustyle' id='ddsubmenu1'> <li><a href='#'>LINK2 ITEM 1</a></li> <li><a href='#'>LINK2 ITEM 2</a> <ul> <li><a href='#'>LINK2 ITEM 2.1</a></li> <li><a href='#'>LINK2 ITEM 2.2</a></li> </ul> </li> <li><a href='#'>LINK2 ITEM 3</a> <ul> <li><a href='#'>LINK2 ITEM 3.1</a></li> </ul> </li> <li><a href='#'>LINK2 ITEM 4</a></li> </ul> <ul class='ddsubmenustyle' id='ddsubmenu2'> <li><a href='#'>LINK3 ITEM 1</a></li> <li><a href='#'>LINK3 ITEM 2</a></li> <li><a href='#'>LINK3 ITEM 3</a> <ul> <li><a href='#'>LINK3 ITEM 3.1</a></li> <li><a href='#'>LINK3 ITEM 3.2</a></li> <li><a href='#'>LINK3 ITEM 3.3</a></li> <li><a href='#'>LINK3 ITEM 3.4</a></li> </ul> </li> <li><a href='#'>LINK3 ITEM 4</a></li> <li><a href='#'>LINK3 ITEM 5</a> <ul> <li><a href='#'>LINK3 ITEM 5.1</a></li> <li><a href='#'>LINK3 ITEM 5.2</a> <ul> <li><a href='#'>LINK3 ITEM 5.2 1</a></li> <li><a href='#'>LINK3 ITEM 5.2 2</a></li> <li><a href='#'>LINK3 ITEM 5.2 3</a></li> </ul> </li> </ul> </li> <li><a href='#'>LINK3 ITEM 6</a></li> </ul> <ul class='ddsubmenustyle' id='ddsubmenu3'> <li><a href='#'>LINK5 ITEM 1</a></li> <li><a href='#'>LINK5 ITEM 2</a></li> <li><a href='#'>LINK5 ITEM 3</a></li> <li><a href='#'>LINK5 ITEM 4</a></li> <li><a href='#'>LINK5 ITEM 5</a></li> </ul> 3. В данном меню просто измените выделенный жирным текст названием меню или подменю, а вместо # вставьте ссылку на нужную страницу. 4. Часть кода выделенная зеленым отвечает за цвет фона, измените его используя шестизначный код цвета. Как менять цвета читайте здесь. 5. Чтобы добавить в основном меню выпадающее просто добавьте как в коде вот такую строчку rel="ddsubmenu1 и измените номер соответственно количеству выпадающих меню. Если возникнуть какие либо вопросы пишите в комментариях. | ||
Добавляем описание к ярлыкам в блоге Posted: 28 Feb 2012 02:30 AM PST Расскажу просто об очень удобном гаджете. Обычно добавляя гаджет Ярлыки в блог на блогспот Вы получаете список названий, очень удобно для читателя увидеть короткое описание, – о чем данный раздел. Если Вы желаете сделать себе такое же, то следуйте описанию ниже: 1. Делаем модифицированный гаджет Ярлыков <b:widget id='Label1' locked='false' title='Labels' type='Label'> 2. Замените название ярлыков на существующие в Вашем блоге, и допишите к ним описание. 3. Теперь добавть классический гаджет Ярлыки в Ваш блог. 4. Зайдите в настройки блога, ИЗменить HTML шаблона и найдите следующий код (не отмечайте расширить шаблон) <b:widget id='Label1' locked='false' title='Labels' type='Label'/> 5. Заменяем данную строчку на код сделанный нами ранее. 6. Нажимаем сохранить и все готово. | ||
Читатели из facebook в blogger Posted: 15 Feb 2012 04:56 AM PST Сегодня опишу как добавить красивый гаджет из facebook в блогспот. Уж очень много сегодня людей пользуются фэйсбуком, так что думаю этот гаджет будет полезен всем. Если Вы активно помимо своего блога постите в Facebook то те кто читают Ваш блог смогут присоединиться к Вам и в социальной сети. Итак преступим : 1. Зайдите в настройки блоггер, в раздел Изменить шаблон найдите тэг: </head> и перед ним вставьте следующий скрипт: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> 2. Зайдите в раздел Дизайн нажмите добавить гаджет выбирите HTML/Java Script и вставьте туда следующий скрипт: <script type="text/javascript"> //<!-- $(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); //--> </script> <style type="text/css"> .floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaup7ZT6q-1E_BvAFqfOstoignCwDTRMPk6Ngzfvaad5OaSQVjlEXfOJ35StORkos9Z3efO5Wdd1HLaSiWhIvCKe7FRfmt0ea4dTcOdd_wunR5SieO7r70NTTZ_bqitaAEl3M06Sijc9c/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .floatinglikebox div{border:none;position:relative;display:block;} .floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .floatinglikebox span a{color: #808080;text-decoration:none;} .floatinglikebox span a:hover{text-decoration:underline;} </style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBloggerHacks&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://www.bloggerhack.com/2011/11/add-floating-facebook-like-box-for.html" target="_blank">+Get This!</a></span></div></div> 3. Замените в данной строчке ссылку на свою страницу в фейсбук %3A%2F%2Fwww.facebook.com%2FBloggerHacks& К примеру если ссылка в фейсбук у вас выглядит вот так http://www.facebook.com/pages/BloggerHack/1234567 то конечный результат должен выглядеть так: http%3A%2F%2Fwww.facebook.com%2Fpages%2FBloggerHack%2F1234567 вставляйте %2F перед каждым словом. Сохраните гаджет и все готово! | ||
Добавить читателей твиттер в блогспот Posted: 13 Feb 2012 05:14 AM PST Сегодня же я хочу рассказать как просто добавить окно с подписчиками на Ваш твиттер в блог. Сделать это очень просто: 1. Зайдите в настройки блога, в раздел Дизайн. 2. Нажмите “Добавить гаджет” выберите HTML/Java Script и вставьте в него следующий скрипт: <!-- Twitter Follower Box --> <script type='text/javascript'> function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 295px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; \"\>\<\/iframe\>';} </script> <div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("hagi2104");</script type="text> <!-- End Twitter Follower Box –> В данном коде измените мой ник в твиттере (hagi2104)на свой. Жмите сохранить и все готово! | ||
Прикручиваем Google analytics к blogger Posted: 08 Feb 2012 04:58 AM PST Написано не мало статей по поводу того как продвигать Ваш блог на блогспот. В данном блоге Вы можете найти такие статьи как: Делаем sitemap для blogger, Попадем в индекс Яндекса на blogspote, проверенный метод, Поисковая оптимизация статей для blogger и многое другое. Сегодня хотел бы рассказать о том как же отслеживать успешность Ваших усилий, а так же как получить необходимую информацию о том по каким запросам к Вам переходят, из каких поисковых систем, стран и многое другое. Как и Во многом о нас побеспокоился Google, ну во-первых с недавних времен в панели управления блогом появился раздел “ОБЗОР” в котором есть частичная информация, выглядит она так : во-вторых Вы всегда можете видеть сколько у Вас подписчиков и как часто пишут комментарии. Однако, если Вы перешли на новый уровень, то Вам необходим серьезный сервис для аналитики. Установить его очень просто. 1. Перейдите на страницу сервиса 2.Зарегестрируйтесь и добавьте свой блог. 3. Вставьте необходимый тэг в код Вашего шаблона как будет предлагаться в инструкции. 4. Если у Вас все вышло то через пару дней в Вашем аккаунте аналитикса появиться первая статистика о количестве посещений и многом другом. Сразу хочу заметить, что самые полезные части данного сервиса это “Ключевые слова” – по которым видно по каким запросам к Вам переходили, “поисковые системы” – в данном разделе Вы увидите переходят ли к Вам из Яндекса, Ramblera и остальных систем, “Процент новых и вернувшихся посетителей”. Призываю всех регистрироваться, переходить на новый уровень ведения интернет ресурсов. В будущем буду писать о том как настраивать аккаунт аналитикс. | ||
Posted: 02 Feb 2012 01:24 AM PST Поэтому вижу необходимым освежить статью, и сделать все хоть чуть-чуть проще. Итак как создать анимированное облако тегов в блоге на блогспот: 1. ДА желательно залить скрипт на свой хостинг, или бесплатный хостинг или еще куда-то, но так же можно просто вставить код приведенный ниже и все будет работать, однако возможно не надежно. О бесплатных хранилищах для файлов блоггер я писал в статьях : Бесплатный хостинг или где хранить файлы для блоггера, Бесплатный хостинг для блоггер. Файл скачать можно 2. Зайдите в настройки блоггер, в раздел Шаблон, нажмите изменить HTML, отметьте галочкой Расширить шаблон. 3. Используя Ctrl+f найдите следующий тэг: <b:section class='sidebar' id='sidebar' preferred='yes'>4. Сразу после данного тэга вставьте приведенный ниже скрипт: <b:widget id='Label99' locked='false' title='b-cumulus test' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <script src='http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject_src.js' type='text/javascript'/> <script type='text/javascript'> var flashvars = { mode: "tags", minFontSize: "6", maxFontSize: "22", showTagWeight: "true", tcolor: "0x0be4f8", tcolor2: "0x0be4f8", hicolor: "0xffffff", distr: "distr", tspeed: "100", tagcloud: "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' expr:style='data:label.count'><data:label.name/></a></b:loop></tags>" }; var params = { //wmode: "transparent", bgcolor: "#333333", allowscriptaccess: "always" }; var attributes = { id: "b-cumulus", name: "tagcloud" }; swfobject.embedSWF("http://denzelion.nextmail.ru/tagcloud.swf", "b-cumulus", "300", "250", "9.0.0", false, flashvars, params, attributes); </script> <div id='b-cumulus'> <a href='http://www.adobe.com/go/getflashplayer'> <img alt='Get Adobe Flash player' src='http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif'/> </a> </div> <b:include name='quickedit'/> </div> </b:includable> </b:widget> Все должно заработать. Если нет хостинга просто не загружайте файл никуда, используйте приведенный выше скрипт, однако за надежность не отвечаю-может вылетать. Если же вы решили чтобы файлы хранились у Вас на хостинге то залейте их и укажите вместо моей ссылки выделенной красным Теперь если у Вас не влазит облако тэгов в поле гаджета, то изменяйте следующие параметры: 300 – ширина 250 – высота Готово! | ||
Убираем строчку : Показаны сообщения с ярлыком. Posted: 01 Feb 2012 03:21 AM PST 1.Для этого зайдите в настройки блога, нажмите изменить HTML. 2. Отметьте галочкой Расширить шаблон 3. Используя функцию Ctrl+f найдите следующий скрипт: <b:includable id='status-message'>4. Замените данный скрипт на приведенный ниже: <b:includable id='status-message'>5. Нажмите сохранить шаблон. Теперь Данной надписи больше не будет. Ваш блог стал еще уникальнее. | ||
Убираем надпись подписаться на сообщения "Atom" Posted: 01 Feb 2012 03:08 AM PST Я регулярно пишу статьи как сделать блог на блогспот красивее, как сделать его максимально похожим на полноценный сайт. Если Вы только познакомились с моим блогом Вам будет полезно почитать статьи: Как сменить Favicon, Создаем уникальную шапку для блога, Изменяем цвет шапки шаблона вручную, Настраиваем форму комментариев-придаем свой стиль, Меняющаяся фон и шапка блога на блоггер. Все эти статьи призваны сделать Ваш блог уникальным и красивым. Сегодня хочу рассказать как убрать надпись подписаться на сообщения Atom, ведь это вторая вещь которая выдает, что Ваш сайт сделан на блоггер после Navbar - как убрать читаем тут : Как убрать navbar в Blogger. Чтобы убрать злополучную строчку Atom Вам всего необходимо зайти в настройки Вашего блога, выбрать Изменить шаблон, отметить галочкой Расширить шаблон, используя ctrl+f следующий тэг: <b:include name='feedLinks'/> Удалите данную строчку и нажмите сохранить шаблон. ВСЕ!!! | ||
Как отображать гаджеты только на главной странице блогспот Posted: 30 Jan 2012 05:29 AM PST Одной из проблем блогов на блогспот является, то что гаджеты, картинки, ссылки, реклама и все что Вы вставили на свой сайт отображается на всех страницах блога. Допустим Вы хотите чтобы некоторые из них были только на главной странице блога, а на странице со статьей их не было, либо наоборот, Вы желаете, чтобы на странице с определенной статьей отображались какие либо гаджеты. Такое возможно и сейчас опишу как: Гаджеты и ссылки только на главной странице блога на блогспот: 1. Необходимо зайти в настройки HTML шаблона как на картинке Нажимаем изменить HTML, отмечаем галочкой РАСШИРИТЬ ШАБЛОН и находим интересующий нас гаджет в коде. Все гаджеты начинаются со следующего тэга: <b:widget id= Например гаджет Ярлыки выглядит вот так: <b:widget id='Label1' locked='false' title='Title' type='Label'>HTML гаджет выглядит вот так: <b:widget id='HTML1' locked='false' title='' type='HTML'>Список ссылок вот так: <b:widget id='LinkList2' locked='false' title='Title' type='LinkList'>Ниже тэга гаджета Вы можете увидеть следующий тэг: <b:includable id='main'>Итак Вы почти у цели, необходимо лишь добавить маленький тэг ниже выше приведенного: <b:if cond='data:blog.url == data:blog.homepageUrl'> далее добавьте закрывающий тэг для того что мы вставили: </b:if> Вставить ег онеобходимо перед вот этим тэгом: </b:includable>Смотрите картинку Сохраняйте и теперь гаджет будет отображаться только на главной странице. 2. Отображать гаджет только на страницах статей: Следуйте шагам описанным ранее, только вместо того, чтобы вставлять вот этот тэг: <b:if cond='data:blog.url == data:blog.homepageUrl'>Вставьте вот этот: <b:if cond='data:blog.pageType == "item"'>3. Если Вы хотите, чтобы гаджет отображался на странице только определенной статьи: проделайте все тоже самое, только вставьте вот этот тэг: <b:if cond='data:blog.url == "Ссылка на статью"'>Не забудьте вставить вместо зеленого текста ссылку на конкретную статью. Теперь Вы контролируете, что и где отображается в Вашем блоге на блогспот. | ||
Создаем древовидные комментарии в блоггер Posted: 27 Jan 2012 01:40 AM PST
Чтобы ее активировать необходимо зайти в настройки блога, а именно: Настройки/Сообщения и комментарии. Здесь необходимо проверить, чтобы комментарии отображались во вложении ниже поста. Далее заходим в раздел настройки и в разделе “ФИД САЙТА” Напротив поля “КАНАЛЫ КОММЕНТАРИЕВ К КАЖДОМУ СООБЩЕНИЮ” выбираем “ПОЛНЫЙ” Сохраняем настройки и все должно заработать. | ||
Лучшие позиции для размещения Google Adsens в Вашем блоге. Posted: 16 Jan 2012 03:53 AM PST Многие блоггеры зарабатывают на своих блогах благодаря размещению рекламы. Как известно есть разные места для ее размещения, сегодня я напишу где лучше всего их размещать и где наиболее высокий уровень CTR, тоесть в какие места экрана люди кликают чаще всего. Ниже будет преведено несколько различных способов размещения, Вы можете выбрать любой из них. Лучшие места для размещения (контекстной)рекламы на главной странице. а)Домашняя страница ![]() 1. Разместите рекламу размером 728×90 под меню блога (только контекст). 2. Разместите рекламу размером 160×600 под навигацией по блогу в левом сайдбаре (можно выбрать режим отображения картинок и текста). 3. В зависимости от длинны главной страницы блога Вы можете разместить второй рекламный блок размером 728×90(желательно чтобы отображался только контекст). б) Главная страница ![]() 1. Очень эффективный способ размещения рекламы в статье так как если там будет контекстная реклама люди подумают, что это вспомогательные ссылки, и скорее всего кликнут на них, однако некоторым такие методы рекламы не нравятся. в) Размещение рекламы на странице статьи ![]() 1.Разместите рекламу как на картинке, в левом верхнем углу статьи, так будет грамотнее для большинства не арабских стран. Сначала люди увидят рекламу, а потом определят поле текста. Надеюсь Вам пригодятся данные картинки при размещении рекламы в своем блоге. | ||
Меняем курсор мыши в блоггер (+1000 бесплатных курсоров) Posted: 27 Dec 2011 02:37 AM PST
Итак зайдите в настройки HTML кода и найдите следующий тэг: ]]></b:skin>
И сразу перед ним вставьте следующую строчку: body, a, a:hover {cursor: url(http://cursors3.totallyfreecursors.com/thumbnails/apple-tmani.gif), progress;} Измените ссылку на курсор который вам необходим. Найти множество курсоров можно найти на следующих сайтах: http://cursors.funutilities.com/ http://www.totallyfreecursors.com | ||
Google обьединит Blogger и Google+ Posted: 18 Dec 2011 01:19 AM PST ![]() По материалам: Как сообщает издание Googlesystem, при редактировании профиля Blogger сервис показывает пользователю новое сообщение следующего содержания: «Подключите Blogger к Google+: используйте ваш профиль Google, чтобы получить доступ к новым функциям Google+ на Blogger». При этом, ссылки в данном сообщении не работают. Представители сервиса Blogger подтвердили тот факт, что работают над интеграцией с соцсетью Google+. По их словам, новый функционал станет доступен всем пользователям в течение следующих недель. Каким именно образом Blogger будет интегрирован с Google+, пока точно неизвестно. Возможно, комментарии к постам в Blogger и Google+ будут синхронизироваться, а также появится возможность автоматической трансляции постов из блога на Blogger в аккаунт Google+ и другие функции <a href="http://www.segodnya.ua/useful/internet/14302672.html">Источник</a> | ||
Открыть несколько ссылок одним кликом мыши Posted: 11 Nov 2011 02:12 AM PST
Чтобы вставить такую ссылку необходимо к тексту добавить следующий код: <a href="http://www.ссылка1.com/" target="_blank" onmouseover="window.open(""http://www.ссылка2.com"");window.open(""http://www.ссылка3.com"");">Click Here Link Bucket</a>
Вставьте свои ссылки, увеличьте их количество если необходимо! | ||
Создание дерева меню с вкладками. Posted: 05 Nov 2011 05:48 AM PDT Наверно один из наиболее удобных способов структуризация блога для читателей. Читатель видит разделы, может посмотреть подразделы, в общем вся структура сайта у него как на ладони. Создать такое чудо будет совсем не сложно при помощи следующего скрипта. Что создать такое меню в своем блоге зайдите в настройки блога, выберите добавить гаджет, и вставьте следующий скрипт в HTML/JavaScript: <style> .treeview ul{ margin: 0px; padding: 0; } .treeview li{ background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjKKl1y4ie4OGFBpAC0iTby0Ar85ze0fO9aPRSD5mgM_5o6SRBPqz5BgTiAH-q4-rUmekPjU_p926-gotfzlCwflgXrzbILSzOXn9ModNMDq3__VrOASq0DsrHagsf9RaYVvtesDLFwYE/s400/list.gif) no-repeat 0px 3px; list-style-type: none; padding-left: 32px; margin-bottom: 3px; } .treeview li.submenu{ background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Ebv0ZMS9C7RVg3pQc2cD5GsalLU_tixxhcQmjVvCZyqyqjQiDp1KYD3nps_OboGPrYq7bHG5nah-O2Af4NPqv1smqTUS1Lfl856DoKE9O6IamIaKVLTurkKafUDUtPM8PLXFHuDK3CY/s400/closed.gif) no-repeat 0px 3px; cursor: hand !important; cursor: pointer !important; } .treeview li.submenu ul{ display: none; } .treeview .submenu ul li{ cursor: default; } </style> <script type="text/javascript" > var persisteduls=new Object() var ddtreemenu=new Object() ddtreemenu.closefolder="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Ebv0ZMS9C7RVg3pQc2cD5GsalLU_tixxhcQmjVvCZyqyqjQiDp1KYD3nps_OboGPrYq7bHG5nah-O2Af4NPqv1smqTUS1Lfl856DoKE9O6IamIaKVLTurkKafUDUtPM8PLXFHuDK3CY/s400/closed.gif" //set image path to "closed" folder image ddtreemenu.openfolder="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpKYJHrw5kAibLGkbWpyAFeCFjNz3ILRN93v4V4lX-MRGsFVuw_fxLXvknYPXPPIEbR5OXnMKWWkjCHQqwW0GRsomrW55nshx9LwdNh1J6iCBVHoIrr2LD23UxvJwGjkuXWSjbDK66mP4/s400/open.gif" //set image path to "open" folder image //////////No need to edit beyond here/////////////////////////// ddtreemenu.createTree=function(treeid, enablepersist, persistdays){ var ultags=document.getElementById(treeid).getElementsByTagName("ul") if (typeof persisteduls[treeid]=="undefined") persisteduls[treeid]=(enablepersist==true && ddtreemenu.getCookie(treeid)!="")? ddtreemenu.getCookie(treeid).split(",") : "" for (var i=0; i<ultags.length; i++) ddtreemenu.buildSubTree(treeid, ultags[i], i) if (enablepersist==true){ //if enable persist feature var durationdays=(typeof persistdays=="undefined")? 1 : parseInt(persistdays) ddtreemenu.dotask(window, function(){ddtreemenu.rememberstate(treeid, durationdays)}, "unload") //save opened UL indexes on body unload } } ddtreemenu.buildSubTree=function(treeid, ulelement, index){ ulelement.parentNode.className="submenu" if (typeof persisteduls[treeid]=="object"){ //if cookie exists (persisteduls[treeid] is an array versus "" string) if (ddtreemenu.searcharray(persisteduls[treeid], index)){ ulelement.setAttribute("rel", "open") ulelement.style.display="block" ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")" } else ulelement.setAttribute("rel", "closed") } //end cookie persist code else if (ulelement.getAttribute("rel")==null || ulelement.getAttribute("rel")==false) //if no cookie and UL has NO rel attribute explicted added by user ulelement.setAttribute("rel", "closed") else if (ulelement.getAttribute("rel")=="open") //else if no cookie and this UL has an explicit rel value of "open" ddtreemenu.expandSubTree(treeid, ulelement) //expand this UL plus all parent ULs (so the most inner UL is revealed!) ulelement.parentNode.onclick=function(e){ var submenu=this.getElementsByTagName("ul")[0] if (submenu.getAttribute("rel")=="closed"){ submenu.style.display="block" submenu.setAttribute("rel", "open") ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")" } else if (submenu.getAttribute("rel")=="open"){ submenu.style.display="none" submenu.setAttribute("rel", "closed") ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.closefolder+")" } ddtreemenu.preventpropagate(e) } ulelement.onclick=function(e){ ddtreemenu.preventpropagate(e) } } ddtreemenu.expandSubTree=function(treeid, ulelement){ //expand a UL element and any of its parent ULs var rootnode=document.getElementById(treeid) var currentnode=ulelement currentnode.style.display="block" currentnode.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")" while (currentnode!=rootnode){ if (currentnode.tagName=="UL"){ //if parent node is a UL, expand it too currentnode.style.display="block" currentnode.setAttribute("rel", "open") //indicate it's open currentnode.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")" } currentnode=currentnode.parentNode } } ddtreemenu.flatten=function(treeid, action){ //expand or contract all UL elements var ultags=document.getElementById(treeid).getElementsByTagName("ul") for (var i=0; i<ultags.length; i++){ ultags[i].style.display=(action=="expand")? "block" : "none" var relvalue=(action=="expand")? "open" : "closed" ultags[i].setAttribute("rel", relvalue) ultags[i].parentNode.style.backgroundImage=(action=="expand")? "url("+ddtreemenu.openfolder+")" : "url("+ddtreemenu.closefolder+")" } } ddtreemenu.rememberstate=function(treeid, durationdays){ //store index of opened ULs relative to other ULs in Tree into cookie var ultags=document.getElementById(treeid).getElementsByTagName("ul") var openuls=new Array() for (var i=0; i<ultags.length; i++){ if (ultags[i].getAttribute("rel")=="open") openuls[openuls.length]=i //save the index of the opened UL (relative to the entire list of ULs) as an array element } if (openuls.length==0) //if there are no opened ULs to save/persist openuls[0]="none open" //set array value to string to simply indicate all ULs should persist with state being closed ddtreemenu.setCookie(treeid, openuls.join(","), durationdays) //populate cookie with value treeid=1,2,3 etc (where 1,2... are the indexes of the opened ULs) } ////A few utility functions below////////////////////// ddtreemenu.getCookie=function(Name){ //get cookie value var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair if (document.cookie.match(re)) //if cookie found return document.cookie.match(re)[0].split("=")[1] //return its value return "" } ddtreemenu.setCookie=function(name, value, days){ //set cookei value var expireDate = new Date() //set "expstring" to either future or past date, to set or delete cookie, respectively var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days)) document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/"; } ddtreemenu.searcharray=function(thearray, value){ //searches an array for the entered value. If found, delete value from array var isfound=false for (var i=0; i<thearray.length; i++){ if (thearray[i]==value){ isfound=true thearray.shift() //delete this element from array for efficiency sake break } } return isfound } ddtreemenu.preventpropagate=function(e){ //prevent action from bubbling upwards if (typeof e!="undefined") e.stopPropagation() else event.cancelBubble=true } ddtreemenu.dotask=function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload) var tasktype=(window.addEventListener)? tasktype : "on"+tasktype if (target.addEventListener) target.addEventListener(tasktype, functionref, false) else if (target.attachEvent) target.attachEvent(tasktype, functionref) } </script> <a href="javascript:ddtreemenu.flatten('treemenu1', 'expand')">Expand +</a> | <a href="javascript:ddtreemenu.flatten('treemenu1', 'contact')">- Contract</a> <p></p> <ul id="treemenu1" class="treeview"> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li> <li>Folder 1 <ul> <li><a href="#">Sub Item 1.1</a></li> <li><a href="#">Sub Item 1.2</a></li> </ul> </li> <li><a href="#">Item 3</a></li> <li>Folder 2 <ul> <li><a href="#">Sub Item 2.1</a></li> <li>Folder 2.1 <ul> <li><a href="#">Sub Item 2.1.1</a></li> <li><a href="#">Sub Item 2.1.2</a></li> </ul> </li> </ul> </li> <li><a href="#">Item 4</a></li> </ul> <script type="text/javascript"> //ddtreemenu.createTree(treeid, enablepersist, opt_persist_in_days (default is 1)) ddtreemenu.createTree("treemenu1", true) ddtreemenu.createTree("treemenu2", false) </script> Редактировать необходимо часть выделенную желтым. В данном коде # необходимо изменить на необходимые ссылки, а Sub Item 2.1.1 измените на название раздела. Чтобы добавить вкладки используйте открывающий и зарывающий тэг <ul>, </ul> как в данной части кода: <li>Folder 1 <ul> <li><a href="#">Sub Item 1.1</a></li> <li><a href="#">Sub Item 1.2</a></li> </ul> </li> Folder 1 меняем на название папки. Осталось настроить правильно разделы Вашего сайта и все готово. | ||
Posted: 21 Oct 2011 10:03 PM PDT Выполняю обещание, данное Анонимусу, разумеется, на примере программы Sothink SWF Quicker. Но речь пойдет не совсем о тексте: в подавляющем большинстве баннеров то, что мы считаем текстом, представляет собой последовательность графических символов, проще говоря, это не буквы, а изображения букв. Сразу скажу, что сегодня объясню самый тупой и медленный, но верный способ. Остальное потом. Итак, | ||
Yandex будет бороться с переоптимизацией Posted: 03 Oct 2011 09:29 AM PDT На истекшей неделе Яндекс объявил, что он вслед за Google включается в борьбу с переоптимизированными текстами и пригрозил новым алгоритмом. А я начал эксперимент по реанимации одного сайта. Сначала о великих: главное, не спутать два разных события: Яндекс отдельно включает новые фильтры, направленные против бессмысленного и беспощадного повторения ключевых слов и словосочетаний, а новый | ||
Авторская разметка для чайников Posted: 23 Sep 2011 01:30 PM PDT Вообще-то размечать текст с помощью специальных тегов довольно сложно, но авторскую разметку Гугл предельно упростил, так что она по силам даже чайникам. Для чего это нужно? В перспективе - для защиты авторского контента, и, хотя функция еще тестируется, кашу маслом не испортишь: Google ввел разметку специально для закрепления авторства. Что необходимо 1.аккаунт в Google (достаточно почты) 2. | ||
Постраничная разбивка против плагиата Posted: 23 Sep 2011 01:18 PM PDT Тема узкая, она относится к блогам на wordpress и к длинным статьям. Тем не менее и то, и другое - не такая уж редкость. Заметил, что в индекс и Яндекса, и Гугла хорошо влетают постранично разбитые статьи, причем не первая страница, а вторая и третья. Рабочая гипотеза - дело в копипасте. Плагиаторы парсят только первую страницу, она теряет уникальность, а последующие остаются девственно-чистыми. | ||
Google и Yandex: борьба с плагиатом Posted: 06 Sep 2011 11:36 PM PDT Буквально пару дней тому назад Гугл, вслед за Яндексом, включился в борьбу с плагиатом, от которого страдают (и на котором наживаются) десятки тысяч владельцев сайтов по всему миру. А теперь - по порядку... Первый, хотя и робкий шаг сделал Яндекс: теперь в панели вебмастера (Мои сайты->Содержимое сайтов->Оригинальные тексты) появилась специальная форма, с помощью которой владелец может перед | ||
Панда по-русски и новый алгоритм для картинок в Google Posted: 13 Aug 2011 03:28 AM PDT Сегодня Google официально объявил о том, что очередной апдейт Панды распространится на сайты на всех языках, за исключением тех, у которых иероглифическая письменность. А на днях был внедрен и новый алгоритм ранжирования изображений. Оба эти события способны оказать серьезное влияние на вебмастеров. Про Панду написано много, поэтому не буду пережевывать, сообщу только, что "этим летом я провел", | ||
DFP: кликтаг для флэш банера и другие новации Posted: 31 Jul 2011 09:14 AM PDT Начну с главного: в DoubleClick for Publishers изменились требования к кликтаг для флэш банера. Наткнулся я на это, красиво говоря - в процессе эксперимента, а если попросту, то споткнувшись о грабли раз десять подряд.В двух словах - расслабленный от жары дизайнер не сделал мне вовремя банер, жестко нужный для рекламы на моем сайте важного и оплаченного рекламодателем мероприятия. Я судорожно | ||
Posted: 07 Apr 2011 09:39 AM PDT Прошло чуть больше месяца, с тех пор как Гугл запустил новый поисковый алгоритм, который теперь официально назвается "Панда". За это время в разных заслуживающих доверия источниках повилась информация, проливающая дополнительный свет на то, какие факторы расцениваются как негативные и отрицательно влияют на положение сайта в выдачеВ числе важнейших - дублированный контент, как внутри сайта, так и | ||
ошибка 404 и cms (движок) для чайников Posted: 07 Apr 2011 09:38 AM PDT Про ошибку error 404 обычно спрашивают, когда какой-нибудь движок некорректно работает. Но есть и другая сторона медали: не все системы управления сайтом кооректно ее обрабатываютЧто это значит?Это значит, что фактически страница не существует, но сервер отдает код 200 (дескать, все в порядке). При этом посетитель может видеть страницу со стандартным дизайном и надписью, по умолчанию прописанной | ||
Google запустил новый алгоритм Posted: 03 Apr 2011 11:15 AM PDT В начале февраля 2011 Гугл устами Мэта Катса официально заявил о том, что запускает новый алгоритм. Поскольку алго целевой и направлен только на то, чтобы выдавить из выдачи так называеме "фермы контента", я не собирался писать о нем в блоге, где вряд ли бывают владельцы сайтов с десятками тысяч страниц, заполненных планиатом и копипастом. Но передумал. Во-первых, потому что, наблюдая за своим | ||
If Modified Since и last modified для динамических страниц Posted: 29 Jan 2011 08:47 AM PST Корректно отдавать заголовки Last modified и If Modified Since полезно для индексации сайта поисковыми системами, однако, если контент динамический (php), сервер на любой запрос будет выдавать ответ 200 OK, робот будет считать, что содержимое страницы изменилось, и, возможно, не доберется до реально изменившегося контента. Чтобы отдавать правильные заголовки в динамике, можно воспользоваться | ||
Таргетинг по интересам в adsense Posted: 29 Jan 2011 03:47 AM PST В новом интерфейсе адсенс, наряду с противным аяксом, подвешивающим explorer, есть и отрадные черты - в частности, более широкая и адаптированная к запросам издателя статистика. Одну фичу я заметил буквально на днях, поскольку редко смотрю отчеты по типам таргетинга. С некоторых пор в них отдельной строкой прописаны объявления с таргетингом по интересам.Среди издателей такой таргетинг часто | ||
Как редактировать флеш баннер без исходников Posted: 06 Jan 2011 05:22 AM PST С помощью программы Sothink SWF QuickerОтредактировать баннер в формате флэш бывает нужно не только для интеграции с DFP (Google Ad Manager): иногда необходимо исправить опечатку в адресе, иногда - сделать так, чтобы баннер рекламодателя открывался в новом окне. Кроме того, я использую собственные флэш-баннеры для навигации по сайту, чтобы привлечь внимание пользователей к новости, событию и пр. | ||
Posted: 05 Nov 2010 09:50 AM PDT Погружаясь в борьбу с дублированным контентом, который, действительно, вредит индексации и трафику, нужно иметь более четкое представление о запретах и их способах. Многие слепо надеются на могущество файла robots.txt. Но это могущество, а не всемогущество. Запрещенные в роботс страницы могут не только появляться в индексе, но и получать, и передавать вес, например - Page Rank. Стопудово для | ||
Seo новости Яндекса для ленивых и спокойных Posted: 30 Oct 2010 01:34 AM PDT Жуткий цейтнот не позволяет часто писать, но читаю я много, так что почти всегда в курсе тенденций в области поисковой оптимизации и алгоритмов поисковых систем. Причем и Яндекса, и Google. Нервные и трудолюбивые и сами в курсе, так что ориентируюсь на спокойных или ленивых. Итак, сюрпризы, приподнесенные Яндексом за последний месяц.Яндекс стал фильтровать эротику и пр.Суть в том, что если на | ||
Posted: 30 Oct 2010 01:08 AM PDT Временная, но важная новость! Многие блогеры заметили проблемы с индексацией блогов Гуглом после 20 октября. Она коснулась не только блогов на блоггере, но и других...В частности, блогов на движке wordpress. Проявления такие - новые страницы в индекс не попадают, кеш главной - от 15-20 числа. И это у сайтов, которые раньше индексировались прежде, чем владельцы успевали исправить грамматические | ||
DoubleClick Ad Exchange - как возобновить заказ Posted: 07 Aug 2010 02:39 AM PDT Иногда бывает, что рекламодатель решил возобновить размещение рекламы. Издатель, использующий DFP, естественно, не желая заморачиваться с созданием заказа с нуля, хочет возобновить заказ. Но не тут-то было (:Сделать это невозможно. Единственный выход - скопировать. Для этого на вкладке "заказы" выбираем завершенный заказ, жмем на выпадающее меню "дополнительные действия" и выбираем - копировать с | ||
Posted: 23 Jul 2010 11:23 PM PDT О борьбе с плагиатом я уже писал, но сразу признал, что до исчерпания этой безбрежной темы еще далеко. И, конечно же, внутреняя перелинковка - не панацея. Поэтому перехожу к еще одному важному аспекту:RSS лента - сильное, но уязвимое звено Ясный пень, рсс - штука чрезвычайно полезная в развитии и раскрутке информационного сайта и блога. Вкратце перечисляю общеизвестные преимущества:1. формируется | ||
Double Click for Publishers - недостаточно ресурсов Posted: 09 Jun 2010 12:15 PM PDT Я считал, что поднаторел в обращении с Ад менеджером, который теперь называется Double Click for Publishers . Но и на старуху бывает проруха: сегодня потратил битый час, пытаясь запустить показ очередного заказа. Отправил все, что можно, в архив - и все равно проклятый пишет, что недостаточно ресурсов.Дело в том, что раньше я только менял баннеры, а сейчас впервые запустил нового рекламодателя с | ||
Posted: 30 May 2010 01:43 AM PDT Гугл обнародовал долю доходов издателей, участвующих в адсенс. Характерно, что психологически важная новость слабо комментируется, в то время как, пока доля доходов хранилась в тайне, по этому поводу писали километрами - преимущественно, как теперь ясно, бредятину.Итак, согласно официальному источнику издатели получают 68% с контекстной рекламы и 51% с поиска, причем "процентная ставка" не | ||
Posted: 30 May 2010 12:12 AM PDT Точнее - не новые роботы, а новые представления старых роботов. Их Яндекс анонсировал довольно давно, но в действие они вступят в течение наступающего июня.Профессиональные оптимизаторы сходятся во мнении, что это не важно. Но я с ними не согласен...Владельцы сайтов, использующие Яндекс Директ уже получили соответствующее уведомление в аккаунте: с 1 июня можно (и нужно) прописать в robots.txt | ||
Блог и Technorati - краткий курс Posted: 10 Apr 2010 12:10 AM PDT Хочется о высоком, но поговорим о продвижении блога. Плохая новость для блоговодов заключается в том, что признанный лидер среди блоговых агрегаторов и поисковиков - Technorati не принимает блоги на русском (а также - на всех других языках, кроме английского. Так что наши спамеры добились своего (:Но есть и хорошая новость: англоязычный блог добавить реально, причем это можно сделать достаточно | ||
rel canonical: редирект для бедных Posted: 19 Mar 2010 11:06 AM PDT Если Вы - блоггер и Ваш блог хостится, как и мой, на блоспоте, то, даже если Вы ничего не знаете про редирект (301), никогда не слышали про тег rel=canonical,и не пользуетесь панелью вебмастера, информация вам наверняка пригодится. Впрочем, если у Вас нет блога на этом хостинге и Вы "на ты" со всем вышеперечисленным, есть шанс, что польза все равно будет... Дело в том, что недели полторы тому | ||
Posted: 09 Mar 2010 09:50 AM PST Мне, как и всем, кто пользуется менеджером объявлений Гугл, пришло письмо с уведомлением о том, что ад менеджер перешел на новую платформу. Точнее, я так его понял, т.к. знал, что год тому назад Гугл купил технологию Дабл Клик. Человек неподготовленный не понял бы почти ничего, т.к. письмо было написано в обычной для Гугла манере: вроде все по-русски, а не разберешь ни рожна. Есть подозрение, что |
You are subscribed to email updates from RSS blogger 5 To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
Google Inc., 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States |
0 comments:
Post a Comment