Красивая кнопка на блог

красиво и удобно

 

 

 

Как сделать красивые кнопки к себе на блог или сайт. А так же заменить надпись Читать далее…  красивой кнопкой Всем привет! Давайте поговорим о том, как сделать красивые кнопки  себе на блог или сайт. Кто то скажет что это легко, надо просто прописать стили в файле css, и все.  Да, это так, но а как быть тем кто не знаком с тем, как это делать? Вот и я в данном вопросе полный чайник. А навести красоту ох как хочется. А Вам? Так же и мне очень захотелось создать красивые кнопки для рубрик блога. И делать это можно не стилями, а перейдя вот сюда. Для перехода кликните на картинку внизу.

Screenshot_211И перед Вами откроется вот такой простой сервис по созданию стильных и красивых кнопочек.

Screenshot_206Теперь можно поиграться с настройками и создать кнопочку под дизайн Вашего блога или сайта. Как видите  все просто и понятно. Если у Вас в браузере нет перевода, то смотрите на скриншот, у меня все функции написаны по русски. Но а тем кто не знает что сделать, можно выбрать готовые кнопки и подкорректировать их под себя. Для этого достаточно нажать на вкладку Примеры и Вы попадете вот сюда.

Screenshot_207И после того как выберете, подкорректируете или сделаете себе кнопку.  Нужно кликнуть на нее и она сохранится у Вас на компьютере. Ну а о том, как вставить их в сайдбар, я напишу немного позже. Поэтому подпишитесь на обновления. Что можно сделать еще, так это в файле стилей css просто убрать, вот это значение.

border: solid 0px #2960A3;

Вернее заменить 1 на 0. Чтоб было понятней, то я со своих картинок убрал рамку. И теперь картинки вписываются в пост просто супер. Кнопки создали, теперь можно заменить безликую надпись «Читать далее…«, на красивую кнопку. Для этого, заходите в админку блога. Потом Внешний вид — Редактор, а в нем выбираем файл functions.php и вот в этом месте где подчеркнуто нужно поменять слова на адрес картинки. Но для того чтоб его получить, нужно  загрузить  картинку на хостинг и получить ее адрес. Сделать это можно двумя способами. Нажать на карандаш или на иконку

Screenshot_232Для тех кто часом не знает , выглядит это так. При нажатии на карандаш  так,

Screenshot_233а при нажатии на иконку так.

Screenshot_234Ну а теперь последнее действие. Нужно скопированный  адрес, прописать в код  в то место, которое подчеркнуто на скриншоте.

Screenshot_231А вот и сам код. <img class=»aligncenter» — это выравнивание по центру src=» Ваша ссылка» alt=»Читать далее» title=» Текст который будет отображаться при наведении мышки»/>естественно после этого нажимаем файл сохранить, обновляем страничку и смотрим результат. Если вдруг кнопка вылезет, то можно прописать не «aligncenter, а alignleft» Вот на этом пожалуй и все. Теперь Вы знаете как и где можно сделать красивые и стильные кнопки. А так же о том, что нужно сделать для замены надписи Читать далее… на красивую кнопочку. Все, до встречи. Пишите комментарии и делайте красивые кнопки.

Автор блога Андрей Косолапов.

Комментируйте, делитесь с друзьями и подписывайтесь на новые статьи.

Подпишись и не пропусти нового и интересного.

— Дорогой, я шубу хочууууууууууу… — Моя ты хозяюшка! Ставь свеклу с картошкой, я в магазин за селедкой!  

Подписка на новые статьи здесь. Просто нажми. 

11940_1000

22 комментария: Красивая кнопка на блог

    • andrey говорит:

      Илья, рад что информация пригодилась. Если вдруг не разберетесь, пишите решим сообща.no

    • andrey говорит:

      Саша, а у тебя разве кнопки перевести нет? Если нет, то просто на сервисе в любом месте нажми правую кнопку мыши и выбери перевести на русский. Вот и вся премудрость.

  • Привет Андрей. Блин, классный сервис. А всё-таки мне идёт на пользу тот факт, что ты начал публиковать свои старые статьи, а то тогда я проворонил интересную информацию у тебя, а сейчас наверстаю упущенное..angry

    • andrey говорит:

      Привет привет! Рад что тебе понравилось. Сейчас еще проще, заходишь на Ютуб, выбираешь плейлист "Как сделать" и смотришь все уроки в любое время. 

        • andrey говорит:

          А ты под видео ссылки на уроки видел? Впрочем вот тебе прямая ссылка на все мои уроки, которые будут конечно прибавляться. Уроки  Сейчас их, (уроков) пока 8. Так что смотри. При чем под каждым есть ссылка на статью.

    • andrey говорит:

      Саша, привет! Я их не просто поднимаю, я еще делаю им типа видеоверсий. Чтоб можно было не только прочесть, но и посмотреть.

  • Андрей говорит:

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

    • andrey говорит:

      Привет, тезка! Да, начал писать видео, вернее под старые статьи писать маленький ролик. Думаю, может на рекламе Адсенса заработаю.

  • Софья говорит:

    Андрей, привет! Сделала я кнопочку "Читать дальше" по твоему совету, записала картинку в медиафайлы, взяла ссылку, составила команду, как ты советуешь. А вот место куда вставить команду найти не смогла. Только в index.php нашла где у меня запись есть "Читать дальше". Как ты думаешь эту команду нужно вставить вместо этой записи? Внизу фото поместила

    • andrey говорит:

      Софья, привет! Если хочешь, то давай набери меня в скайпе и методом тыка попробуем сделать. Или поискать это место в файле функцион.

  • Денис говорит:

    Андрей, спасибо за очень полезную информацию! Только-только размышлял, как улучшить оформление своего блога, а тут твоя статья! Дела разгребу и попробую сделать новые нажималки в своем интернет-жилище)))) 

    • andrey говорит:

      Так этож классно! Рад что статья пригодилась. Делайте и приглашайте в гости. посмотрим на кнопочки.

  • Таисия говорит:

    Давно искала, как это сделать и вот нашла. Начала делать кнопку. Взяла эту статью в закладки, потом буду доделывать.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Поиск по блогу
People group
Рубрики блога
Курсы Евгения Попова

Контекстная реклама, за сатошики при чем платит реально

Подписная страничка за 5 минут

Подписка на обновления

Подписка на новые статьи здесь. Просто нажми. 

11940_1000
Группы Субскрайба

Хочу Всё Знать. Полезные Советы

Мой Ютуб
Старые записи