Помощь для новичков в оформлении статей. Делаем свои фирменные кнопки


Расскажу новичкам "Голоса" как я сделал себе красивые кнопочки для блога. И дам пару полезных советов по оформлению статей.

Чем мне нравится наш "Голос", так это тем, что здесь постоянно учишься чему - то новому.
Это полезно для мозгов.Не даёт им заржаветь.
В HTML я дуб дубом, но кое - что научился делать.
Итак, нам нужна своя собственная симпатичная кнопочка.
Или даже две, три.
Идём на сайт http://dabuttonfactory.com
Сайт открывал через браузер Опера

Выбираем цвет кнопки, текст, размеры, бордюрчики.
На свой вкус.
К примеру, как у меня.

Нажимаем DOWNLOAD и скачиваем картинку кнопки.

Нам нужна будет ссылка на эту картинку для вставки в код, поэтому разместите картинку на тот хостинг, который вы обычно используете для заливки фотографий на "Голос". Я часто использую ipic.su
Далее берём нашу рыбу.
К примеру, вы решили сделать кнопку для Инстаграма.
Скопируйте рыбу и вставьте в неё свои ссылки.

<a href="ссылка на ваш профиль в инстаграме"><img src=" ссылка на картинку кнопки"></a>

Вот мой готовый образец:

<a href="https://www.instagram.com/svinsentvankok/"><img src="http://coolturizm.ru/wp-content/uploads/2017/05/button_instagram.png"></a>

На выходе получаем кнопку. Кнопка кликабельна!

Если вы хотите сделать кнопку для своего блога, любой социальной сети, то по подобию сначала создайте себе красивую кнопку, потом залейте её на хостинг и получите урл на картинку.
Далее дело техники.
На каждую кнопку одна рыба).
Именно таким образом я сделал свои весёлые оранжевые кнопочки внизу поста.
И зелёную тоже, и фиолетовую.
Один раз сделаете шаблон и просто копируйте его во все свои посты и будет вам удача в жизни и красота в блоге.
Если у вас много кнопок, то можете их выстроить в ряд или в столбик, как ваv угодно, поиграйтесь с пробелами между ссылками.

Напоследок ещё несколько советов по оформлению поста в блоге.
Придумайте яркое цепляющее название.
Это привлечёт внимание к статье.
А это очень важно в потоке многочисленных статей конкурентов, особенно когда у вас ещё так мало подписчиков.
Если в статье есть фотографии, то первой фотографией ставьте самую яркую и удачную, даже если она по смыслу идёт в самом конце.
Это неважно. Можно вставить фото два раза.
Встречают по одежке.
Если ваш пост вкусный, его захочется читать.
Многие посты не читают, а автоматически апвоутят своего автора.
Соглашусь.
Но этот авторитет сначала нужно заработать, а это один из путей повышения узнаваемости.
Редактируйте фотографии, обрезайте размер, в идеале до 1280х1084.
Поиграйте немного с фото редактором, если фотографии серые и унылые.
Есть куча бесплатных хороших фото редакторов.
Особенно рекомендую FastStone.
Не стоит загружать очень тяжелые фотографии в большом количестве.
Это серьёзно нагружает браузеры.
Если ваша длинная статья ещё и плохо грузится, её могут и не захотеть прочитать вовсе, просто закроют.
Размещайте СВОИ собственные фотографии. Это выделит вас из толпы, вероятно.


Думаю на такую фотографию приятно смотреть.
Или нет?)
Не стесняйтесь, пробуйте свои силы на новом поприще.
Всем удач у дач)!

Свинни косящий под умника

Флуд категорически приветствуется!

Печенькопроплаченная рекламка
Обращайтесь или жмите печеньки дальше!)


"Второе послание Картеля"

Образованные люди знают, что «ничто не вечно под Луной».
Знатоки помнят, что «небесные светила управляют людскими судьбами».
А мудрые – понимают, что «на всё – воля Божья».
@cartel

Если Вам неожиданно понравился пост, можете на меня.
Но это дело добровольное...пока ещё...вроде.

Я в соцсетях.
Заходите, если захотите.



Comments 106


Какие-то глюки с редактором.
Кнопки в нормальном режиме должны нажиматься, но тут что-то пошло не так..прошу прощения. Долго не хотели вставляться картинки. Но код рабочий

26.06.2017 14:24
0

@svinsent, ну так что там с кнопочками? Я уж хотела себе репостнуть)))

26.06.2017 14:28
0

Все коды в статье рабочие) Копируй да подставляй))
Просто какой-то глюк между редактором и ХТМЛ сегодня)
Можно репостить)

26.06.2017 14:30
0

@svinsent, ладно, чертяка, уговорил)))

26.06.2017 14:37
0

Я час долбился с картинками, все они никак не вставлялись, все редактор тупил...))
Это бесценно))

26.06.2017 14:39
0
Нажать на кнопку не удалось, но я верю, что всё работает!
)
26.06.2017 14:29
0

В любой другой моей заметке эти кнопки есть и все работает)

26.06.2017 14:32
0

Код рабочий, а твои собственные кнопки не нажимаются..

26.06.2017 14:34
0

Это вопросы к глючному редактору) В других статьях все жмется))
ладно,я вас обманываю.чего уж тут..спалился)))

26.06.2017 14:38
0
то-то!
))
а объяснил все понятненько, молодец!
Когда уже я, наконец, соберусь сделать себе красиво.
%
26.06.2017 14:47
0

Что?На бекон пустите теперь?))

26.06.2017 14:49
0

Да ну, ты же еще пригодишься!

26.06.2017 14:49
0

Ещё подозрительнее))

26.06.2017 14:50
0

Свинни, подозрительность не способствует нагуливанию жирка..

26.06.2017 14:53
0

Зато способствует долголетию))

26.06.2017 14:56
0

Какое, нафик, долголетие, в условиях постоянного стресса!!

26.06.2017 14:58
0

Медитации)))

26.06.2017 14:58
0

Спасибо за идею! Пойду займусь-ка кнопкостроением.

26.06.2017 14:29
0

Не за что) Больше кнопочек красивых и разных)

26.06.2017 14:31
0

а размер кнопки там меняется или автоматически по тексту определяется?

26.06.2017 14:32
0

ты можешь выбрать размер,но в целом,чем длиннее текст, тем длиннее кнопка))

26.06.2017 14:35
0

@svinsent, вопрос)))
Я тут видела, что делают навигацию по блогу ( я поняла, что один и тоже уникальный тэг ставят), это также как кнопка делается?
Если нет, то заранее взятка за объяснение)))
печенька))
А еще видела, что взятки котиками дают)

26.06.2017 14:33
0

Смотря в каком виде навигация)
Можно пальцем ткнуть?)

26.06.2017 14:36
0

/ru--mysli/@yudina-cat/freid например как в этом посте, в конце.

26.06.2017 14:39
0

Там в конце рекламный блок. Я его описывал уже здесь--
/ru--obrazovanie/@svinsent/pomosh-dlya-novichkov-i-ne-tolko-delaem-reklamnyi-blok-v-bloge
А еще простейшая навигация хтмл.
ЖАТЬ СЮДА.

26.06.2017 14:43
0

простейшая навигация это про "Зачатки навигации по блогу"? Надо просто в каждый пост ставить один и тот же тэг с уник. именем?

26.06.2017 14:46
0

@hellen-g Да,про это.
Там просто ссылки поставлены под кнопки и все)
Делается за минуту на бегу)

26.06.2017 14:48
0

Я дисциплинированно ставила в каждом посте свои уникальные теги, а сейчас обнаружила, что по ним поиск не срабатывает.
Упс!

26.06.2017 14:52
0

а ты смотри ,там есть 24 часа и 30 дней в правом верхне углу..жмякни 30 )

26.06.2017 14:53
0

А что дальше 30 дней?..

26.06.2017 14:55
0

А здесь такая концепция. Все,что старше 30 дней-забыть и простить)))

26.06.2017 14:57
0

А я сейчас вообще не вижу никаких предложений, ни 24 часа, ни 30 дней.. ни в каком углу.
Нажимаешь тег, а в ответ - 404, извините запись is lost.

26.06.2017 15:03
0

Следы от несостоявшегося хардфорка?

26.06.2017 15:04
0

Думаешь, если подождать, то все наладится?

26.06.2017 15:07
0

Очень на это надеюсь

26.06.2017 15:07
0

А ты в старых своих постах кнопочки проверял? Работают?

26.06.2017 15:09
0

Да.Работают

26.06.2017 15:10
0

Смотри, я сегодня в 0:15 выложила пост с миндальным супчиком. Глянь кто проголосовал, а сумма 15 руб набежала. Я сколько разных постов сегодня просмотрела, больше киты не голосовали ни за кого.
Фурштиккена, кстати, сегодня совсем нет.
Демократия в действии!

26.06.2017 15:17
0

Он стал забивать))
Киты же не обязаны всех лайкать))
Прошлая неделя вообще была..ээ..никакая))

26.06.2017 15:19
0

На той неделе он апал, нынче "в полночь" отключил бота.

26.06.2017 15:35
0

Может ждал ХФ сегодня?)

26.06.2017 15:36
0

Мы все ждали. Осталось выяснить, чего дождались, хи-хи-хи!

26.06.2017 16:03
0

Так его же перенесли на 10.07))

26.06.2017 16:08
0

@svinsent, Ну, за минуту это умеючи)))) а я помню, как 10 лет назад пыталась хтмл освоить сама))) Делала на Яндекс.народе сайт про фигуристку. Так для меня целый квест был, чуть фотку подвинуть или заголовок))) А сейчас и подавно все забыла.

26.06.2017 14:52
0

Сейчас все намного проще стало
Редакторы поумнели,не нужно уже писать полностью хтмл,так, некоторые теги

26.06.2017 14:55
0

@svinsent так вот откуда такие хорошенькие кнопочки ))))

26.06.2017 14:53
0

Хендмейд)

26.06.2017 14:56
0

яснопонятно) спасибоприятно))) репостнула и подпислась. Годный совет▲

26.06.2017 15:12
0

Наслаждайтесь)

26.06.2017 15:12
0

@svinsent , а Свинни то-умненький ..не жадный, всем всё рассказал-посоветовал)) Понаделаем теперь мы кнопочек, навигаций..(Достала печеньки)

26.06.2017 15:40
0

За печеньки я не жадный)))

26.06.2017 15:41
0

Главное, совсем неподкупный)))

26.06.2017 15:42
0

Кристально честен)))

26.06.2017 15:42
0

Тааак...ну и что тут за онлайн курсы по хатээмэлю!?

26.06.2017 15:54
0

Баловство, я же не ворон рисовать учу))

26.06.2017 15:54
0

Ворон мы, значет, в "творчество" отправили, а кнопочки всякие неживые в "умный контент"...

26.06.2017 16:44
0

И в этом ты меня обвиняешь?)
А салатик и шляпку сделаешь?)

26.06.2017 16:49
0

Я тебе торт испеку, со сгущенкой и сметаной.

26.06.2017 16:53
0

@rizhaya.vorona В аптеке к чаю купить чего?)

26.06.2017 16:54
0

Обезболивающее желательно. Для поросяток такое.

26.06.2017 16:58
0

Ок. Тебе с анестетиком значит)
Ещё возьму касторку и йод.
Будем играть по-крупному))

26.06.2017 17:00
0

И антисептика какого бесцветного, плети смазать.

26.06.2017 17:02
0

Я помню фото твоей плётки. Там пух и перья какие-то.
Их смазывать не нужно)

26.06.2017 17:04
0

Ух ты, однозначно полезная информация, спасибо

26.06.2017 17:07
0

Пользуйтесь)

26.06.2017 17:17
0

@svinsent

Я помню фото твоей плётки. Там пух и перья какие-то.

А ты присмотрись повнимательнее ко всем моим плетям...

26.06.2017 17:08
0

Я это..я ,пожалуй, домой пойду. У меня там тепло,хорошо,печеньки опять же))

26.06.2017 17:09
0

О, здорово! Спасибо за пост. Очень актуально.

26.06.2017 18:06
0

Наслаждайтесь)!

26.06.2017 18:09
0

Не все знания полезны..Как я щастливо жил до тех пор пока не узнал в децтве,что Ленин тоже какал...Весь мир в труху..))

26.06.2017 18:45
0

А зачем тогда нам дан мощный аппарат под названием мозг?
Если им не пользоваться, жить, конечно, намного проще и веселее.
Но зря что ли нас по образу и подобию создавали?)

26.06.2017 18:49
0

У него не была компа..))Или был.?))Что то подсказывает что был..))

26.06.2017 18:52
0

Дешифратор точно был.
На молоке работал))))))

26.06.2017 18:53
0

Я про Бога,а ты про Ильича...Хотя...Может это одно и тоже...

26.06.2017 18:55
0

@nikalaich Для кого-то и Ильич был богом.
А компьютер...Зачем богу примитивные абаковые счеты?
Если только он их коллекционирует.

26.06.2017 18:57
0

Не..он старье нам сбрасывает..У нас это прогрессом называецца..))

26.06.2017 19:03
0

Да, можно это и прогрессом назвать.
Хотя Бог стал раздавать тумаки реже подобрее и дети расслабились, и неплохо регрессировали.
В прошлый раз расслабление лечили жёсткой водотерапией.

26.06.2017 19:07
0

Ну дак..А глобальное то потепление к чему ведет..))

26.06.2017 21:45
0

Что-то мороз по коже от таких потеплений идёт, не задубеть бы)
Но в одной древней книге сказано что -то про огонь)

26.06.2017 21:46
0

Крутой , крутой ????????????

26.06.2017 19:24
0

Да прямо) Яйца все равно круче меня!

26.06.2017 19:26
0

Ну если , только яйца ????Береги нос????Пчихать Он собрался , тебе им Еще рисовать ????????????

26.06.2017 19:27
0

Я же ёршиками рисую))

26.06.2017 19:28
0

Какими ??

26.06.2017 19:28
0

@alin04kasilver Унитазными, знамо какими)))

26.06.2017 19:31
0

умница Свинни... какие ты кнопочки делаешь... а все никак не освою рыбу для подвала )) поставила однажды, чет у меня все перекосилось... и убрала... (

26.06.2017 21:05
0

Может несвежая рыба попалась?)

26.06.2017 21:05
0

да ты ж сам освежевывал ее ))

26.06.2017 21:21
0

Это было 7 часов назад))

26.06.2017 21:23
0

@svinsent Зато на Чукотке плюс 30..

26.06.2017 21:48
0

Хоть раз в жизни люди тепло увидели))

26.06.2017 21:49
0

Оно им надо?

26.06.2017 21:50
0

Знакомая работала в Певеке несколько лет.
Вот она бы точно сказала, что надо!)

26.06.2017 21:51
0

Ну так она не местная..))

26.06.2017 21:53
0

@nikalaich Именно! Зато теперь у меня есть какая-то непонятная фигня из моржовой кости))

26.06.2017 21:55
0

Редька?

26.06.2017 21:56
0

Неа.
Какой то треугольник с вырезанным на нем моржом.

27.06.2017 05:06
0

))

27.06.2017 10:54
0

@svinsent, Поздравляю!
Ваш пост был упомянут в моем хит-параде в следующей категории:

  • комментарии - 2 позицию - 99 комментарии
28.06.2017 06:39
0

Спасибо за статью. Новая инфа для меня!

29.06.2017 13:02
0

Здесь постоянно приходится чему-то учиться.
И это хорошо!)

29.06.2017 13:02
0

Согласен!

29.06.2017 13:10
0

Обращайтесь))

29.06.2017 13:12
0

Благодарю за Ваши старания, но... Позвольте немного конструктивной критики:
1) Как отметили выше, кнопки не работают. Для обучающего поста, скажем, немного косяк((
2) Цвета кнопок очень яркие, режут глаз и вдобавок совершенно не сочетаются между собой. Я сама неравнодушна к кислотным оттенкам - но всего должно быть в меру. А обилие вырвиглазных фото в сочетании с не менее вырвиглазными кнопочками - это яд, просто яд :(
У Голоса дизайн сам по себе довольно минималистичный. Всякие украшательства стоит использовать очень аккуратно и разумно, имхо.

06.07.2017 17:57
0

Спасибо за отзыв.

  1. Все кнопки работают в любом моём посте, кроме этого. Тут глюк редактора. Это вопросы к платформе, не ко мне. Многие себе подобные кнопки сделали.
  2. Цвет изначально был подобран аляповатый и бросающийся в глаза.
    Так и было задумано.Все правильно.
    У себя вы можете ставить кнопки любого цвета и фасона или не ставить вовсе.
    Мир хорош в своем разнообразии и все люди разные))
06.07.2017 18:01
0