Серия сообщений "уроки,сайты,ссылки":Выбрана рубрика уроки,сайты,ссылки.
Часть 1 - КАК ВСТАВИТЬ КНОПКУ--"ДАЛЕЕ"
Часть 2 - КАК СДЕЛАТЬ и КАК РАЗМЕЩАТЬ ТЕКСТОВЫЕ КНОПОЧКИ?
Часть 3 - ОНЛАЙН РЕДАКТОР для СОЗДАНИЯ КНОПОК для ПОСТОВ и САЙТОВ
Часть 4 - КАК ПРАВИЛЬНО ИСПОЛЬЗОВАТЬ КНОПОЧКИ под "КАТ"
Часть 5 - КАК в приложении--"ВСЕГДА под РУКОЙ" установить кнопки,баннеры.
Часть 6 - ИНТЕРЕСНАЯ КНОПОЧКА--- ALT---интересные символы
Часть 7 - СОЗДАНИЕ КНОПКИ для САЙТА В ОНЛАЙН ГЕНЕРАТОРЕ CoolText
Часть 8 - КАК УСТАНОВИТь КНОПКУ,созданную в генераторе--CoolText
Часть 9 - КАК ДОБАВИТЬ КНОПКИ СОЦИАЛЬНЫХ СЕРВИСОВ на СВОЙ БЛОГ!
Часть 10 - КНОПОЧКИ для КУЛИНАРНЫХ РЕЦЕПТОВ---"МЫШКИ"
Часть 11 - КАК СДЕЛАТЬ СВОЮ КНОПКУ
Часть 12 - Плеер-кнопка на картинке / коды.
Часть 13 - Как создать кнопку онлайн? Самый простой способ.
КАК ВСТАВИТЬ КНОПКУ--"ДАЛЕЕ" |
Метки: кнопки--как вставить кнопку "ДАЛЕЕ" |
КАК СДЕЛАТЬ и КАК РАЗМЕЩАТЬ ТЕКСТОВЫЕ КНОПОЧКИ? |
Внесу очередное дополнение в |
Метки: кнопочки текстовые |
ОНЛАЙН РЕДАКТОР для СОЗДАНИЯ КНОПОК для ПОСТОВ и САЙТОВ |
|
Метки: онлайн редактор--создать кнопку для сайта блога |
КАК ПРАВИЛЬНО ИСПОЛЬЗОВАТЬ КНОПОЧКИ под "КАТ" |
![]() ![]() Вот код одной из них, в данном случае второй кнопки: <img src="//img-fotki.yandex.ru/get/6608/39663434.1aa/0_78a2e_d0a4bc72_XS.jpg" alt="" width="23" height="49"/> Для начала еще раз повторяю код, с помощью которого текст убирается под кат, вот он: [more] Если поставить только этот тег(сами решаете, в какое место его поставить), то автоматически остальная часть уберется под кат Можно и вписать свой текст, ну например такой: [more=Самое интересное под катом] Здесь читатель увидит эти слова и нажав на них,прочитает текст целиком. Надеюсь, с эти мы разобрались с вами. А теперь про кнопки. Если вы поставите вот так, как я указала в рамочке ниже, то будет стоять одна кнопочка, без текста и она будет кликабельна. И нажав на нее, читатель увидит пост целиком. [more=<img src="//img-fotki.yandex.ru/get/6608/39663434.1aa/0_78a2e_d0a4bc72_XS.jpg" alt="" width="23" height="49"/>] В рамочке после слов more=следует код кнопочки, вы выбираете свою кнопочку и вставляете в квадратные кнопки полностью код. Повторюсь, что в этом случае будет стоять одна кликабельная кнопочка,но без текста. Можно и с текстом, кому как нравится. С текстом все должно будет выглядеть вот так, то есть мы должны будем добавить в код, который выше, свой текст: <center>[more= Вот что должно получится, когда вы поставите этот код: ![]() Здесь пришлось показать в коде,потому что в отличие от Я.ру, на Ли.ру два раза убирать под кат нельзя,картинка просто не будет видна.А вот на Я.ру можно. По поводу кнопочек, которые указывают в сторону, я их использую редко и в том случае, когда надо нажать на баннер,например. То есть рядом должна стоять картинка, на которую надо нажать, на что и будет указывать кнопка.Так же все ставим, как и в последнем коде, только вместо текста, в моем случае слово "ЖМЁМ", вот вместо него ставим картинку баннер, точнее код баннера, чтобы читателю было понятно, на что он должен нажать, кнопка указывает направление... И последнее, код кнопок не должен быть кликабельным, то есть в нем не должно стоять вот этой части кода, которая ведет на посторонний ресурс: <a href="адрес сайта,откуда картинка"> В противном случае,пост не откроется, а ссылка приведет на сайт, например на РАДИКАЛ, как ошибочно тут думают, ставя коды оттуда. Какие будут вопросы, пишите в личку, всем отвечу. Завтра напишу вам, как сделать рамку с прокруткой.Удачи,экспериментируйте! ![]() |
Метки: правильно использовать кнопочки под кат |
КАК в приложении--"ВСЕГДА под РУКОЙ" установить кнопки,баннеры. |
Как в приложение "всегда под рукой"установить кнопки или баннеры.
Серия сообщений "УСТАНОВКА ФИЛЬТРОВ В ФОТОШОП ПОШАГОВО.МОИ УРОКИ.":
Часть 1 - ПУТЬ УСТАНОВКИ ФИЛЬТРОВ ДЛЯ виндоуз 7
Часть 2 - как пропатчить фильтр(пошаговая инструкция)
...
Часть 15 - фильтр Mystic Nights пошаговая установка(очень понравился)
Часть 16 - Фильтр Flaming Pear,complete.пошаговая установка+ключи для фильтра.
Часть 17 - Как в приложение "всегда под рукой"установить кнопки или баннеры.
Часть 18 - Установка фильтра Eye Candy 5,Texture пошагово.
Часть 19 - ФШ бродилка
...
Часть 24 - Как придать фигуре объем или вид 3D
Часть 25 - Новые ключи для фильтров и плагинов.
Часть 26 - пошаговая установка фильтра VanDerLee Unplugged X
Метки: приложение "Всегда под рукой" |
ИНТЕРЕСНАЯ КНОПОЧКА--- ALT---интересные символы |
Метки: кнопочки---кнопочка--ALT |
СОЗДАНИЕ КНОПКИ для САЙТА В ОНЛАЙН ГЕНЕРАТОРЕ CoolText |
Если вы хотите создать кнопки для сайта,необязательно применять фотошоп и др.средства.
Достаточно обратиться к сайту cooltext и в режиме ОНЛАЙН по предложенной схеме быстренько сотворить свое детище:личную кнопочку.
Например,я себе сделала такие :
- ПОПРОБУЙТЕ НАЖМИТЕ,не бойтесь!
А более подробно,как это делается,вы узнаете по адресу ЗДЕСЬ
Метки: создать кнопку в генераторе онлайн---CoolText |
КАК УСТАНОВИТь КНОПКУ,созданную в генераторе--CoolText |
Этот пост - дополнение к тому,который я делала ренее :Создание кнопки для сайта в онлайн генераторе CoolText.
Продолжаю тему: кнопочка сделана,а как же ею пользоваться.
1.Когда делаешь кнопочку в онлайн генераторе CoolText ,там появляется код созданной кнопочки,т.е. она хранится на этом сайте.
Но,сайт импортный,кто знает о его надежности и т.д. Поэтому используем наш РАДИКАЛ.
Для начала скопируем кнопочку себе на диск в генераторе CoolText
Метки: как установить кнопку созданную в генераторе--CoolText |
КАК ДОБАВИТЬ КНОПКИ СОЦИАЛЬНЫХ СЕРВИСОВ на СВОЙ БЛОГ! |
Дорогие друзья, сегодня я расскажу о том, как добавить кнопки социальных сервисов в конце статей. Причем кнопки будут добавлены не в виде стандартных скриптов, а в виде картинок, что имеет ряд плюсов.
Наверняка вы заметили, что в последнее время многие социальные сервисы (Google Buzz, Вконтакте, Мой Мир и т.д.) ввели свои кнопки, чтобы пользователи могли делиться интересными материалами.
На мой взгляд, сейчас в рунете происходит переход от кнопок социальных закладок на кнопки социальных сервисов. Причины этого - социальные сервисы намного более перспективны в плане посещаемости, там огромный потенциал трафика.
Еще одной причиной является то, что большинство сервисов социальных закладок попали под фильтр яндекса, в результате чего у большинства из них в индексе осталось либо несколько страниц, либо 0. В свое время сервисы закладок были очень эффективны, но, к сожалению, сейчас эффект от них намного снизился.
Для чего нужны кнопки социальных сервисов в конце статей? Ответ прост - чтобы дать возможность вашим посетителям делиться понравившимися материалами вашего сайта в социальных сервисах. Это позволит не только бесплатно получать внешние ссылки на ваш ресурс, но и дополнительных посетителей. Посмотрите на англоязычный интернет - там продвижение в социальных сервисах давно стало неотъемлемой частью развития сайта и увеличения посещаемости.
Итак, решено ставить кнопки социалок. Каждый сервис предоставляет готовые коды скриптов. Но использование скриптов имеет два ощутимых минуса.
1. Чем больше скриптов на странице - тем медленнее она загружается. Бывают случаи, когда какой-либо скрипт подтормаживает, что еще больше затягивает скорость загрузки страницы.
Как известно, Google уже официально заявил, что теперь скорость загрузки сайта является важным фактором ранжирования сайта в результатах поиска. Простыми словами - при прочих равных условиях выше будут позиции того сайта, который быстрее загружается. Кстати, вы можете получить хорошие скидки на быстрый и качественный хостинг Fastvps.ru, которым я пользуюсь, подробнее здесь.
2. К сожалению, у социальных сервисов нет стандарта в размерах кнопок (хотя бы по высоте). Если вы добавите несколько кнопок в виде кодов стандартных скриптов, то увидите, что выглядят они аляповато - одни выше, другие ниже, одни пухленькие, другие тощие . Меня, как свободного художника, это очень и очень огорчает.
Одним из плюсов скриптов является то, что можно сделать отображение счетчика добавления материала в тот или иной сервис, но я думаю, в этом особой необходимости нет. Мне хватает кнопки в начале постов с количеством ретвитов. Чтобы поставить такую кнопку, почитайте пост 6 сервисов кнопок retweet.
Пару недель назад я стал созревать для того, чтобы усовершенствовать участок с кнопками в конце постов на Shakin.ru. Предпочитаю делать такие вещи на вдохновении. До «рестайлинга» нижняя часть всех статей блога выглядела вот так:
В прошедшую субботу ко мне пришло Ее Величество Вдохновение. Причем пришло рано утром, на два часа раньше того времени, когда я обычно просыпаюсь - в 8 утра (при этом я лег спать в 3 ночи, так как увлекся работой по продвижению одного англоязычного сайта). Это вдохновение было именно для создания кнопок добавления в социальные сервисы.Звучит маниакально, но я проснулся с горящими глазами и страстным желанием сделать красивые и удобные кнопки . Через четыре часа работы все было готово. После генеральной приборки этот хаос стал выглядеть вот так:
Кнопки добавления в социальные сервисы мне пришлось обтачивать напильником в Фотошопе - они не совпадали по высоте, а некоторых и не было (пришлось рисовать кнопку Твиттера, Вконтакте и ЖЖ на основе их логотипов). Кнопку Google Buzz тоже пришлось переделать, так как четырехцветный овал находился справа от кнопки, что мне не подходило.
Я пришел к выводу, что высота кнопок должна быть 18 пикселей. Вы можете использовать мои кнопки либо нарисовать свои, загрузив их на свой хостинг. Если у вас блог Wordpress, то загрузите картинки с кнопками в папку wp-content/themes/ваша_тема/images.
Теперь дело осталось за малым - сделать так, чтобы при нажатии на кнопку осуществлялось добавление вашего материала в тот или иной социальный сервис. Приведу готовые примеры кодов со своего блога. Для открытия php файлов используйте стандартный блокнот (или продвинутый блокнот, например, Notepad++).
Эти коды добавляются в файле single.php (в некоторых темах его нет, тогда используйте файл index.php) в папке с темой вашего блога wp-content/themes/ваша_тема/ после этого участка:
<?php the_content(”); ?>
Cсылку @shakinru в коде кнопки Твиттера замените на свою.
Кнопка добавления в Twitter:
<noindex><a rel="nofollow" target="_blank" href="http://twitter.com/home?status=RT @shakinru <?php the_title(); ?>: <?php the_permalink(); ?>" title="Добавить в Twitter"><img src="<?php bloginfo('template_url'); ?>/images/twitter.gif" alt="Опубликовать в twitter.com" width="78" height="18"></a></noindex>
Кнопка добавления в ВКонтакте:
<noindex><a href="http://vkontakte.ru/share.php?url=<?php the_permalink(); ?>" target="_blank" rel="nofollow"><img src="<?php bloginfo('template_url'); ?>/images/vkontakte.gif" width="84" height="18" title="Поделиться ВКонтакте"></a></noindex>
Кнопка добавления в Facebook:
<noindex><a rel="nofollow" target="blank" href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/facebook.gif" width="73" height="18" title="Поделиться в Facebook"></a></noindex>
Кнопка добавления в Google Buzz:
<noindex><a href="http://www.google.com/reader/link?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&srcURL=http://shakin.ru/" rel="nofollow" target="_blank"><img src="<?php bloginfo('template_url'); ?>/images/google-buzz-compact.gif" width="73" height="18" title="Добавить в Google Buzz"></a></noindex>
Кнопка добавления в Мой Мир:
<noindex><a target="_blank" rel="nofollow" href="http://connect.mail.ru/share?share_url=<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/moi-mir.gif" width="86" height="18" title="Поделиться В Моем Мире"></a></noindex>
Кнопка добавления в Livejournal:
<noindex><a rel="nofollow" href="http://www.livejournal.com/update.bml?event=<?php the_permalink(); ?>&subject=<?php the_title(); ?>" target="_blank" title="Опубликовать в своем блоге livejournal.com"><img src="<?php bloginfo('template_url'); ?>/images/livejournal.gif" alt="Опубликовать в своем блоге livejournal.com" width="73" height="18"></a></noindex>
Данные коды кнопок лучше добавлять так:
<div class=”buttons”>
коды кнопок
</div>
Это позволит легко задать нужный стиль оформления всему блоку с кнопками через файл стилей style.css.
Красота! Кнопки добавления в социальные сервисы готовы. Но для максимального эффекта мало дать возможность читателям добавлять ваши материалы, нужно дать ссылки на ваши профили в этих сервисах, чтобы ваши посетители при желании могли легко к вам присоединиться. Это увеличит активную аудиторию ваших читателей.
Поэтому добавим кнопки на свои профили в социальных сервисах. Идем в Google, набираем запрос «social icons» и скачиваем понравившийся набор иконок социальных сервисов.
Так как понравившиеся мне наборы не содержали иконок ВКонтакте и ЖЖ, то я сделал их в Фотошопе на основе других иконок и логотипов этих сервисов. Когда будете искать нужные логотипы, то советую искать их в формате PNG - у этого формата отличная поддержка прозрачности, что избавит вас от чистки логотипа от фона. Для поиска логотипов в формате PNG наберите запрос вида «livejournal logo png» в Google Картинках.
Затем загружаем иконки в папку wp-content/themes/ваша_тема/images. Я выбрал иконки размером 32х32 пикселя.
По кусочкам код каждой кнопки давать не буду, а то вижу, что некоторые из вас начинают зевать и скучать . Приведу код сразу всех кнопок, ведущие на профили в социальных сервисах. Не забудьте поменять ссылки с моих профилей на свои.
<div class="buttons"> Приглашаю присоединиться ко мне в следующих сервисах:<br> <noindex><a href="http://twitter.com/shakinru" rel="nofollow" target="_blank"><img src="<?php bloginfo('template_url'); ?>/images/twitter-32.png" title="Присоединиться в Твиттере" width="32" height="32"></a></noindex> <noindex><a href="http://vkontakte.ru/id80770238" rel="nofollow" target="_blank"><img src="<?php bloginfo('template_url'); ?>/images/vkontakte-32.png" title="Присоединиться ВКонтакте" width="32" height="32"></a></noindex> <noindex><a href="http://www.facebook.com/profile.php?id=100000550459738" rel="nofollow" target="_blank"><img src="<?php bloginfo('template_url'); ?>/images/facebook-32.png" title="Присоединиться в Facebook" width="32" height="32"></a></noindex> <noindex><a href="http://www.google.com/profiles/116781296520179206529" rel="nofollow" target="_blank"><img src="<?php bloginfo('template_url'); ?>/images/google-buzz-32.png" title="Присоединиться в Google Buzz" width="32" height="32"></a></noindex> <noindex><a href="http://friendfeed.com/shakinru" rel="nofollow" target="_blank"><img src="<?php bloginfo('template_url'); ?>/images/friendfeed-32.png" title="Присоединиться во FriendFeed" width="32" height="32"></a></noindex> <noindex><a href="http://shakinru.livejournal.com/" rel="nofollow" target="_blank"><img src="<?php bloginfo('template_url'); ?>/images/livejournal-32.png" title="Присоединиться в Livejournal" width="32" height="32"></a></noindex> </div>
По аналогии добавить такие кнопки можно и на другие движки, только нужно узнать, какой код выводит адрес страницы (как в Wordpress - <?php the_permalink(); ?>).
Приглашаю вас присоединиться ко мне в социальных сервисах:
Желаю Вам хорошего и плодотворного дня!
Метки: как добавить кнопки соц.сервисов на свой блог |
КНОПОЧКИ для КУЛИНАРНЫХ РЕЦЕПТОВ---"МЫШКИ" |
Метки: кнопочки---мышки |
КАК СДЕЛАТЬ СВОЮ КНОПКУ |
| | |
Серия сообщений "* Генераторы":
Часть 1 - Хотите добавить в картинку анимацию без фотошопа?
Часть 2 - ГЕНЕРАТОРЫ ФОТО
...
Часть 12 - Генератор текстур
Часть 13 - Генератор плееров
Часть 14 - Как сделать свою кнопку...
Часть 15 - Для блестящих надписей - 5 генераторов анимированного русскоязычного текста.
Часть 16 - Делаем свою кнопочку №2
...
Часть 40 - Генераторы он-лайн
Часть 41 - Отличный генератор кода цвета - в помощь для ваших работ
Часть 42 - Генератор кода цвета 2
Метки: как сделать свою кнопку |
Плеер-кнопка на картинке / коды. |
Метки: кнопочки---Плеер-кнопка на картинке / коды |
Как создать кнопку онлайн? Самый простой способ. |
|
Страницы: | [1] |