6 способов сделать cвою страничку «ВКонтакте» еще круче. Как вк сделать красивым


Как оформить страницу В Контакте

Оформление+страницы+В+Контакте

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

 

Сейчас мы рассмотрим основные моменты, которые необходимо знать для улучшения своей страницы.

Как оформить страницу В Контакте

Тема Вконтакте

Страница сразу же преобразиться в Ваших глазах. Можно выбрать тему на любой вкус. 

2. Теперь можно перейти к заполнению профиля:

Остальные графы заполнить будет не сложно. 

3. Далее можно изменить ID В Контакте на короткий адрес:

Короткий адрес страницы Вконтакте

устранение+недостатков+на+фото+Вконтакте

Лайки на фото Вконтакте

сигна

7. Рекомендую изучить секреты Вконтакте, где можно найти некоторые скрытые возможности оформления страницы:

secrets

8. Существуют коды смайлов Вконтакте, зная которые, можно вставить в любом месте социальной сети и удивить этим друзей:

смайлы+в+контакте

9. Если у Вас много фотографий, то можно создать и оригинально назвать альбом В Контакте:

Фотоальбомы Вконтакте

символы-для-статуса

online-vkontakte.ru

Красиво оформляем страницу ВКонтакте

Ваша страничка ВКонтакте — это не просто развлечение для вас. Это еще и способ заявить о себе. Через эту социальную сеть можно не только общаться с друзьями и находить новых. Здесь можно стать популярным среди молодежи. И оформление страницы имеет очень важную роль.

Логотип ВКонтактеНа странице важно все: заполненность анкеты, качество и количество фотографий, интересные посты.

Заполненная анкета — это первый шаг на пути к тому, как интересно оформить страницу. Чтобы ее заполнить идем в раздел Редактировать страницу. По всем подразделам старайтесь максимально заполнить поля.

Фото

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

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

Сайт ВКонтакте не отстает от прогресса и создал свой фоторедактор. Находится он по адресу: «https://vk.com/avatan?mid=199358937»

Фоторедактор ВКонтакте

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

Совет! Не рекомендуется ставить фото, где вы с пивом, кальяном или сигаретами, а также рядом с дорогими машинами или в клубе. Такие фото говорят о человеке не уверенном в себе и ведущий нездоровый образ жизни.

Итак, вы выбрали нужные снимки. Теперь их нужно загрузить:

  1. Зайдите на главную страницу.
  2. Под основной информацией будет кнопка Добавить фотографии. Нажмите ее.Добавление фотографий
  3. Появится окно. Отметьте нужное фото и нажмите Открыть.Загрузка фотографий
  4. Ждите, пока фотография загрузится. Готово.

Также загружаем аватар.

  1. Наведите стрелку мышкой на главную фотографию.
  2. Кликните по ссылке Загрузить новую фотографию.Загрузка аватара
  3. Появится новое окошко, в нем нажмите кнопку Выбрать файл.Выбор файла для аватара
  4. Компьютер предложит выбрать нужное фото. Выбираем и нажимаем кнопку Открыть.

Язык

Смена языка изменит внешний вид странички. Будет несколько необычно и смешно.

  1. Зайдите на свою страничку ВКонтакте.
  2. В меню слева перейдите в раздел Мои настройки и прокрутите страницу вниз до конца.
  3. Найдите подраздел Языки и выберите Советский или Дореволюционный.
  4. И сохраните кнопкой Изменить.Выбор языка

Тема в браузере

Страничку ВКонтакте можно очень красиво разукрасить. На сайте Get-styles есть множество тем, которые можно применить к этому сайту.

  1. Перейдите по ссылке «http://get-styles.ru/».
  2. Отметьте понравившуюся тему.
  3. Кликните по кнопке применить.Применить тему
  4. В появившемся сообщении нажмите кнопку Добавить.Добавить тему
  5. Обновите страницу ВКонтакте.

Важно! Значок этого расширения должен появится на панели управления.

 

Иконка расширения

Для дополнительной информации, как красиво оформить страницу в контакте можно посмотреть видеоролик.

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

computerologia.ru

Как сделать красивую группу Вконтакте: пошаговая инструкция

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

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

К концу этой статьи у вас получится эффектная и единая картинка.

Метод для ленивых

Чтобы не отвлекать от важный дел тех, кто уже все умеет, торопится или элементарно не хочет заморачиваться, могу предложить видеоурок. Он подскажет как сделать все то же самое, о чем я собираюсь поведать, только без фотошопа через сервис www.vkprofi.ru.

Я им не пользовался и не могу сказать платный он или нет. Буду благодарен тем, кто проверит эту информацию и оставит комментарий к этой статье с ответом на этот животрепещущий вопрос.

Для тех, кто хочет научиться

Если решитесь остаться и пойти длинным путем, то вас ждет увлекательная работа. Она будет весьма полезна, если вы только начинаете свой путь в интернет-бизнесе.

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

Вам понадобится…

  1. Фотошоп.
  2. Базовая картинка.

Фотография должна быть большой и качественной, если вы ищете в поисковых системах, то обращайте внимание на обои для рабочего стола. Если же работаете для крутого сообщества, в особенности связанного с бизнесом, то рекомендую использовать сервис http://ru.depositphotos.com. Там вы найдете именно рекламные изображения.

Выбрать картинку, которая будет продвигать товар не так-то просто. Если она используется для бизнес-сообщества, то должна соответствовать многим требованиям. Не все это понимают. Если вы продвигаете отель, гостиницу, бар или клуб, то не рекомендуется брать фотки пустых помещений.

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

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

Из личного опыта… над одним из проектов я работал с очень крутым менеджером по рекламе. Каждую картинку мы разбирали по косточкам. Объект должен находиться на определенном расстоянии от центра, под специфическим углом, желательно еще в правильной оптимистичной гамме.

Нам приходилось менять цвет рамы, в которой висела картина в самом дальнем углу! Первое время я думал, что все это лишние заморочки, а потом мне показали для сравнения конверсию после работы с подобными мелочами.

Если же вы не хотите мучиться, то рекомендую брать для аватара картинки с DepositPhotos. Здесь точно долго думать не придется. Все эмоции очевидны, а акценты расставлены верно.

Делаем шаблон будущей красивой группы

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

Так-с, открываем контакт. Если вы поищите стандартные размеры постов Вконтакте, то увидите 200х500 и 700х500. Однако, если воспользоваться линейкой, то можно убедиться, что миниатюры не соответствуют этим показателям. Сервис сжимает их при загрузке.

С картинкой на аву все так, она действительно 200х500.

С постом все иначе.

В любом случае вам нужно или скачать подготовленный мною шаблон, или сделать свой скриншот. Советую выбирать второй вариант. Почему? Так вы сможете сами делать шаблоны для разных задач. Например, если у вас на главной отражается галерея товаров или «Свежие новости».

Мой вариант подходит только для закрепленных постов. Самый простой и популярный метод оформления.

Откройте свою или любую другую группу, где сверху закреплен пост с фотографией. Как на моем рисунке. Можете забрать и эту фотографию, нажав на нее правой клавишей мыши и «Сохранить как…». Правда я не уверен что у вас в результате все получится верно. Есть время на эксперимент? Поделитесь результатами в комментариях.

Для других пошаговая инструкция будет отличаться. Прежде всего увеличьте изображение в браузере до 100% (нажимаете кнопку Ctrl и двигаете колесиком мыши). Откровенно говоря, не особенно понимаю зачем это было делать, но при первой моей попытке как раз из-за масштаба у меня ничего не вышло.

Теперь нажимаете кнопку PrtSc. Она находится в самом верхнем ряду на клавиатуре, после бесчисленных «F». После того как вы по ней кликните ничего не произойдет. Все нормально, 100 раз клацать не надо, открывайте фотошоп.

Нажмите на Ctrl+V, тем самым вы вставите свой скрин в рабочее поле программы. Теперь берете инструмент «Прямоугольное выделение» и работаете с левым блоком.

Ведите прямо по краю изображения. У вас не должно получиться на рисунке внизу. Это неправильно.

Двигайтесь строго по краю.

Схватитесь курсором за левый верхний угол прямоугольника и ведите в правый нижний. Чтобы не морочить голову с лупой используйте увеличение при помощи кнопки Alt и колесика мыши.

Теперь нажмите на Ctrl+J. Тем самым вы перенесете выделенный фрагмент на новый слой, он появится над фоном.

То же самое нужно проделать и с аватаркой. Выделяем и переносим на новый слой (Ctrl+J)

Когда будете переносить на новый слой, активным должен быть фон, а не тот, который вы только что создали. Следите, чтобы он подсвечивался.

Затем от фона можно будет избавиться. Нажмите на замок рядом с этим слоем, это позволит производить над ним манипуляции.

Перетаскиваем слой в корзину, как обычный файл с рабочего стола.

С этим закончили. Шаблон создан.

Уникальное изображение для группы

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

Перетаскиваем фото, которое будем использовать в качестве основного.

Он отражается неправильно.

Если у вас произошла такая же ерунда, просто сделайте его самым верхним. Затем при нажатой кнопке Alt кликните по слою 1 и слою 2. Чтобы оба они подсветились.

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

Если вы нажмете на Ctrl, а затем на эскиз только что созданного слоя. По краям объектов с нового слоя забегают муравьи, которые подскажут как выставлять нижнюю картинку. Убрать их можно нажав Ctrl+D. То, что сейчас находится во внутренней части, впоследствии будет вставлено в вк.

Если вы начнете перемещать фотографию, то вместе с ней «поедут» и бегающие муравьи. Могу посоветовать вам выставить направляющие. Не умеете работать с ними? Посмотрите вот это видео.

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

Но я люблю второй. Он быстрее. Нажмите на Alt и наведите курсор между двумя слоями, он визуально изменится. Затем кликните левой мышкой.

В результате получилось вот такое фото.

Каждую часть можно вырезать при помощи инструмента «Рамка», а затем сохранить в jpeg. Правое фото добавляем как аватар. Левое вы можете просто добавить как обычную запись, а затем закрепить ее.

Это не сложно, но если у вас возникают проблемы, могу порекомендовать вам прочитать третью публикацию из этой серии, в которой я подробно рассказываю как сделать так, чтобы читатель, кликнув на ваше фото отправлялся на сайт.

Или его переносило в меню вашей группы.

Если вас заинтересовал вариант с меню, но оно у вас еще не создано, то советую прочитать для начала первую часть, а затем уже переходить к завершающему этапу.

И еще, могу рекомендовать интересный сервис по продвижению в социальных сетях — SocLike.

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

До новых встреч.

start-luck.ru

Как оформить группу VK и сделать красивое меню

И снова здравствуйтеСмеюсь. Никогда не устану это говорить) Любим мы у нас в студии свободное общение с нашими пользователями, ну т.е. когда ты не озадачен рамками, в которые тебя поставили, чтобы написать нужную статью. На этом сайте мы общаемся только на интересные нам темы и рассказываем вам о них. И так, в предыдущей статье из серии обучающего материала про Вконтакте, мы создали группу VK и немного поговорили о ее продвижении. Но все таки, если говорить честно, это еще не всё, предоставляемый нам функционал группы в соц. сети позволяет оформлять группу или паблик очень интересно и даже профессионально. Так что в этой статье мы расскажем как красиво оформить группу VK и сделать для нее красивое меню.

Для оформления групп используется WIKI разметка. В этой статье мы не будем сильно углубляться в нее, т.к. если все смешать в одной статье, то мы вас совсем запутаем друзья, а у нас задача иная. Про wiki разметку мы подробнее расскажем в следующей статье, хорошо? Тогда продолжимУлыбаюсь.

В этой статье нам тоже не обойтись без Wiki, но мы ее тут используем по минимуму, поэтому сильно не вникайте)). Для начала нам нужно создать интерактивное меню вашей группы, для этого нужно произвести подготовительные действия. Для начала, давайте изменим кое-какие настройки в группе. Заходим в «Управление сообществом», затем в «Обсуждения», и тут нам с вами необходимо подключить «Материалы» и сделать обсуждения открытыми, как показано на картинке

Готово! Далее начнем готовить изображения. На этом этапе желательно уметь работать с графическими редакторами, в противном случае нужно будет обращаться к фрилансерам, а это трата ваших денег. Лучше конечно этому научится, это совсем не сложно и тем более вам это еще не раз пригодится. Мы покажем выполнение этого этапа на photoshop, хотя все тоже самое вы можете проделать в любом другом редакторе.

Делаем шаблон для группы VK как на картинке ниже.

Меню будет размещаться в окне A, его размеры могут отличаться от тех, которые показаны на изображении. Тут все зависит от того, какие у кнопок Вашего меню будут размеры. В нашем варианте мы предложили сделать в строчку по одной кнопке. Если Вам будет необходимо сделать по 2 кнопки в строчку, то ширину окна A необходимо уменьшить до 377рх максимум. Обычно, высоту мы подбираем опытным путем. В этом варианте высота в 377рх  выбрана при размещении на главной странице группы каждого элемента в одну строчку.

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

Когда вы сохраните проект в фотошопе, удалив все ненужные элементы (Photoshop кроит и сохраняет всё картинки и белые поля вместе с ними), нужно изменить имя картинок, желательно, для удобства, пронумеровав их по порядку, согласно тому, как они будут размещаться в меню.

Фууухххх, с этим этапом мы тоже разделались)) Осталось немного! Далее мы с вами переходим к самой группе. После того, как мы изменили некоторые настройки (в начале этой статьи), на стене мы увидим новые вкладки: «Обсуждения» и «Свежие новости». Нажимаем по надписи «Новая тема» в закладке обсуждений и делаем страничку меню.

Её необходимо назвать также как и на графическом меню, а затем заполнить поле с описанием. Когда вы внесете всю нужную информацию, уверенно жмем «Создать тему».

На стене вы увидите созданное сообщение. Дальше, точно также, вы создаете необходимое вам количество (зависит от того сколько у вас разделов меню) страниц.

Все готово? если да, то начинаем редактировать наше меню. Используем для этого вкладку «Свежие новости». Опять же смело жмем «Редактировать».

Мы опять видим с вами окно редактора, которого мы уже не боимся)), мы уже с ним встречались. Перейдя в визуальный режим редактирования (для этого используйте значок фотоаппарата в VK-редакторе) загружаем все наши картинки (фрагменты меню) в той последовательности, в какой они будут находится в целом изображении. Изменяем название на понятное посетителям. Затем переходим в режим wiki-разметки и редактируем код (подробно про wiki-разметку мы расскажем в следующей статье, интересная вещь скажу я вамПодмигиваю).

Образец кода для предполагаемого меню:

[[photo161272339_305868837|387x50px;noborder;nopadding|topic-55525598_28652980]]

[[photo161272339_305868826|387x50px;noborder;nopadding|topic-55525598_28653317]]

[[photo161272339_305868817|387x50px;noborder;nopadding|topic-55525598_28653323]]

[[photo161272339_305868805|387x197px;noborder;nopadding;nolink| ]]

 

Тут очень важен один момент - для фрагментов, не служащих кнопкой, нужно вместо ссылки на страничку прописывать тег «nolink». В противном случае, фрагмент станет кликабельным,  и когда ваш пользователь будет на него нажимать, будет открываться сам фрагмент, как самостоятельное изображение, а оно вам надоУлыбаюсь?

Ссылки на страницы используем из адресной строки браузера. Правильно копировать не весь адрес страницы целиком, а только сам топик (topic) (как на картинке ниже).

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

Если ваше меню по нижнему уровню не совпало с аватаром группы Вконтакте, то добивайтесь выравнивания в коде в нижнем фрагменте, изменяя высоту в рх. При больших изменениях это может повлиять на качестве картинки. В этом случае, в исходном шаблоне графического редактора (в нашем случае это Photoshop) сделайте изменения в размере нужного фрагмента и по надобности перекроите весь макет. вот и всё друзья, оформление группы VK законченоУлыбаюсь! Теперь вы владелец группы с профессиональным оформлением.

В очередной статье из обучающей серии про Вконтакте, мы рассказали Вам как сделать интерактивное меню и оформить группу VKontakte профессионально. В следующем нашем материале мы подробнее рассмотрим wiki-разметку и попробуем оформить группу углубившись в эту разметку. 

Как всегда, мы очень рады вашим любым комментариям, пишите чаще друзья))

www.vk-proga.ru

Как сделать красивое меню для группы ВКонтакте

Подробности Категория: Социальные сети

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

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

Но если Ваше сообщество будет не привлекательно и как у всех то, кто захочет там остаться? Я думаю никто!!! Так давайте украсим свои группы качественным дизайном и научимся делать это очень быстро. Перед тем как начать создавать графику и наше будущее меню необходимо установить программу фотошоп на свой компьютер для дальнейшей нарезки картинок. Многие спросят зачем вообще нужно нарезать картинки. Тут дело в том, что для каждой ссылки меню мы должны будем создать отдельную полоску из общего баннера.

Существует на сегодня несколько видов создаваемого меню:

  • Открытое с активными пунктами;
  • Закрытое в виде закрепленной записи;
  • С отдельными картинками или общей смежной картинкой баннера и меню.

Суть создания обоих вариантов одна и та же. Только основное отличие в дополнительных элементах и типов записи и об этом подробнее будет в этой статье.

Для работы с меню нам поможет wiki-разметка, которая встроена сегодня в текстовый редактор ВКонтакте. От обычного она отличается тем, что для нее будут использоваться стандартные команды для вывода той или иной картинки и вставки ссылок на нужные элементы. Сама wiki-разметка дает возможность вставки кода для отображения изображений, видео и прочих элементов.

Закрытое меню группы ВК

В данном случае мы будем наблюдать слева от основной аватарки группы гиперссылку в виде надписи «меню группы» при нажатии на которую у нас будет открываться наше меню с активными пунктами и изображениями.

Вид меню, будет следующим:

Открытое меню группы (закрепленный материал)

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

Как сделать красивое меню для группы ВКонтакте: пошаговая инструкция

Итак, в первую очередь нам необходимо будет создать главную аватарку группы которую мы разместим справа и заглушку нашего меню в виде баннера.

Я рекомендую использовать следующие размеры:

  • Для аватарки 200х332 пикселя;
  • Для основного баннера меню 395х282 пикселей.

Как вы могли заметить высота изображений отличается и это сделано для того, чтобы картинки не съезжали по высоте и были на одном уровне так как высота названия сообщества и статус занимают около 50 px и как раз эту величину нам необходимо будет убрать из высоты меню.

Чтобы было понятно если высота главной аватарки группы 332, то от нее мы отнимаем 50 и получаем высоту основного меню равную 282. Если же размеры не имеют значения, то высоту можно будет выставлять произвольную.

Следующим шагом после создания сообщества будет настройка материалов и тут нам необходимо запретить участникам создавать дополнительные страницы и блоки, а только писать на стене. Для этого необходимо будет перейти в раздел под аватаркой группы под названием «управление сообществом» где нам необходимо сделать наши материалы «ограниченными» как показано ниже.

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

Создадим новое полотно в фотошопе размерами 600х350 пикселей которое мы будем использовать в качестве трафарета вырезав в нем проемы для наших картинок. Для работы нам необходимо перевести размеры всех элементов и линеек в пикселе и делается это по следующему пути: «Редактировать-установка-основное» и тут уже выставляем пиксели.

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

Используя левую кнопку мыши, как будто вы выделяете область, необходимо выделить блоки нужных нам размеров и после каждого выделения нажимаем кнопку удалить «Delete» и выбираем 50% серого. Такие действия приведут к тому, что блоки будут нужных размеров и выделены цветом отличным от основного фона.

Должно получиться следующее:

А теперь просто выбираем ластик и функцией «волшебный ластик» жмем на каждый серый блок и получим трафарет с вырезами. Следующим шагом мы выбираем наше основное изображение и подкладываем под фон и получим готовые картинки на который можно будет написать текст с названием меню ли прочие рекламные элементы.

Отлично. После того как вы поместили картинку нашего дизайна нам остается выбрать «сохранить для Web» и на выходи мы получаем 2 наши картинки. Теперь идем снова в нашу группу и можем заливать главную аватарку (вертикальную). Баннер для меню мы будем использовать чуть позже при работе с кодом wiki-разметки.

Давайте создадим само меню, с активными пунктами, которые будут перенаправлять пользователя на нужные разделы стороннего сайта или же на альбомы и каталоги в самой группе. Использовать будем новое изображение для разнообразия -))).

Итак, переходим снова в фотошоп и создаем новый холст с размерами 400х300 пикселей. После чего выбираем в разделе: файл-поместить и выбираем картинку для фона меню.

На картинке размещаем кнопки нашей будущей менюшки и нарезаем картинку как мы делали выше путем выделения нужных блоков. После чего также выбираем «сохранить для web» и получаем папку с нашими нарезками. В моем случае получилось 4 картинки в отдельной папке.

Теперь нам необходимо выгруженные из фотошопа картинки залить в отдельный альбом и скрыть от посторонних глаз. После загрузки каждая картинка получит свое новое название и уникальный id.

Обратите внимание что у вас должно быть:

  • Открыты материалы в режиме «ограниченные»;
  • Включены обсуждения;
  • Папка с фотографиями открыта для всех.

Теперь остается настроить нашу страницу где и будет отображаться на менюшка. Для этого переходим на главную страницу сообщества и выбираем свежие материалы и редактировать и называем «НАШЕ МЕНЮ».

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

Работая в текстовом редакторе если после загрузки картинок, мы нажмем на иконку в виде скобок в правом верхнем углу то должны увидеть вот такой код:

[[photo-116682062_405277613|400x49px| ]]

[[photo-116682062_405277617|400x68px| ]]

[[photo-116682062_405277636|400x77px| ]]

[[photo-116682062_405277644|400x106px| ]]

 

Совет: Важным моментом после загрузки изображений является удаление отступов. Решается это вставкой «nopadding» перед размерами изображений.

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

[[photoxxxxx|nopadding;yyyyypx|ваша ссылка]] где xxxxx - id вашей картинки yyyyy - ширина в пикселях (не более 388)

Должно в итоге получиться вот так:

[[photo-116682062_405277613| nopadding;400x49px| ]]

[[photo-116682062_405277617| nopadding;400x68px| ]]

[[photo-116682062_405277636| nopadding;400x77px| ]]

[[photo-116682062_405277644| nopadding;400x106px| ]]

 

Теперь наши картинки собраны в отдельный баннер. А для того, чтобы добавить каждому пункту ссылку просто нажимаем при отключенной разметке на картинку и в разделе ссылка вставляем скопированный url.

И вот мы подошли к самому важному и последнему пункту создания нашего меню вконтакте. Теперь нам необходимо сохранить нашу страницу с картинками и скопировать ее адрес. В моем случае он выглядит вот так:

http://vk.com/page-116682062_51411604?act=edit&hid=183950676&section=edit

Помните мы в начале статьи делали заглушку меню, которое будет являться продолжением нашей главной аватарки и под нее как раз и делали трафарет. Вот как раз сейчас нам и понадобится.

Переходим на главную страницу и делаем следующее:

Шаг №1.

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

Шаг №2.

К записи прикрепляем изображение нашей заглушки для меню и нажимаем отправить.

Шаг №3.

Теперь после публикации записи нажимаем на время создания в нижней левой части записи и выбираем «ЗАКРЕПИТЬ».

Отлично!!! На этом заканчиваем. Теперь вы умеете создавать классные меню и можете зарабатывать на этом неплохие деньги. Советую все делать в следующем порядке:

  • Придумываем структуру и заказываем дизайн изображений меню;
  • Делаем подгонку размеров и нарезку всех изображений;
  • Вставляем в альбомы картинки;
  • Редактируем в редакторе все нарезки и публикуем на главные страницы группы.

В итоге работы мы получим вот такое меню.

А вот само меню при нажатии оно будет выскакивать с активными ссылками. Стоит поиграть с размерами и подогнать под свой экран, но не забываем и про отображение в мобильных устройствах.

ВАЖНО: После смены дизайна ВК в 2016 году внесены новые изменения при создании изображений и требования к картинкам о которых читаем вот тут.

Скачать шаблон меню группы ВК + все исходники урока

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

Прикладываю видеоролик для закрепления прочитанного -))).

Также советую почитать статьи:

С уважением, Галиулин Руслан.

Полезные материалы:

firelinks.ru

Как сделать интересную страницу в Контакте

Вам кажется, что ваша страница ВКонтакте имеет недостаточно большую популярность среди других пользователей данной социальной сети? Вы не в восторге от количества присланных вам за день сообщений и оставленных записей на стене? Вы чувствуете, что начинаете испытывать зависть к активности других аккаунтов? Не нужно унывать!

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

Какие действия нужно выполнить

Информация о себе – это, по сути, презентация себя и своей жизненной позиции. Ваши друзья из глобальной сети будут судить о вашей личности именно по ней. Так что не бойтесь поведать в деталях о себе все самое наилучшее и наиболее интересное. Небольшие советы:
  • 1) Деятельность: не нужно писать в данной графе «работаю» либо «учусь», ведь это же скучно и довольно банально. Опишите, чем вы любите заниматься, чем живете. Старайтесь привлечь людей своей искренностью.
  • 2) Музыка, книги, кинофильмы, передачи: поведайте виртуальным друзьям о ваших предпочтениях в литературе, а также музыкальном и кинематографическом искусстве. Однако не стоит писать чересчур много, так как это слишком утомительно для прочтения.
  • 3) О себе: напишите о наилучших своих чертах. Опять же: будьте лаконичны.

Аватарка

«Лучше один раз увидеть, чем сто раз услышать» - тут данный принцип работает на все сто процентов. Интересная фотка является залогом успеха. Поставьте именно ваше фото, ведь пользователям в Контакте интересны вы, а не ваш любимый киногерой либо какое-то абстрактное изображение. Вместе с этим не стоит размещать слишком банальные либо неудачные фотки (недаром создано так много шуток об аватарках).

Размещение интересных фотоальбомов

Проанализируйте, какие фотографии вам нравится смотреть на других страничках? Помните: наиболее интересные фотки – это те, на которых что-то происходит. На фотографиях вы осваиваете ролики либо водный мотоцикл, ловите волну, веселитесь с любимыми друзьями либо с вдохновением любуетесь закатом? Замечательно! Наверняка фотоальбомы с подобными фотками получат немало комментариев.

Наполнение видео и другие советы

Заставьте улыбнуться своих друзей – выложите что-нибудь, в самом деле, потешное и интересное! Смех сближает. Разместите на странице короткометражные фильмы. Покажите то, что вам интересно, своим виртуальным друзьям! Наверняка им тоже это понравится.

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

Улучшите свое времяпрепровождение в социальной сети ВК с помощью уникального браузера Orbitum. С ним ваша страница ВКонтакте будет загружаться намного быстрее, а также вы сможете пользоваться другими интернет-сайтами, не отрываясь от общения в любимой соцсети.

Подведем итоги. Основная рекомендация, вытекающая из всего вышеупомянутого: будьте активны и привлекательны!

yavkontakte.ru

Как красиво оформить страницу ВК

07 ноября 2016

Софья Тарабан

Нет предела совершенству!

Все еще думаешь, что людей встречают по одежке? Как бы не так! Представь ситуацию: ты узнала, что в твой класс приходит новенькая. Учительница объявила классу ее имя и фамилию. Дай угадаем: дальше ты полезешь в социальные сети, чтобы как следует рассмотреть ее профиль и фотки. Вот видишь, в наши дни первое впечатление о человеке складывается по… его страничке «ВКонтакте». Это значит, что тебе нужно позаботиться о том, как выглядит твой профиль, чтобы любой таинственный незнакомец мог сразу же обратить на тебя внимание и оценить твои многочисленные заслуги. Как же это сделать? 

Картинка должна привлекать

Согласись, мало кому захочется добавить в друзья фейковую Селену Гомес или девочку с каким-то невнятным селфи на авике. Поэтому обрати внимание на свой аватар – сделай его максимально привлекательным! Пусть все запомнят тебя такой, как на этом фото. Что это будет за фотография, зависит от того, какое впечатление ты хочешь произвести. Ты можешь загадочно смотреть вдаль или улыбаться во весь рот, можешь обнимать подругу или тискать собачку. Ты – это то, что тебе нравится, так покажи это другим!

Важно: не переигрывай. Будет довольно нелепо, если на аватаре ты предстанешь в образе роковой соблазнительницы, а в жизни окажешься застенчивой школьницей с косичками. Люби себя такой, какая ты есть, не стесняйся показать свое истинное лицо и признаться людям, кто ты на самом деле.

Интересы должны увлекать

Думаешь, разработчики «ВКонтакте» от нечего делать создали эти глупые колонки с интересами? Вовсе нет. Информация о тебе – не менее важная вещь, чем авик. Именно здесь ты можешь заявить о себе и подчеркнуть свои особенности и достижения. Уверены, тебе есть чем гордиться. Возможно, ты прочитала весь список школьной литературы – тогда похвастайся об этом в колонке «книги». Или ты без ума от Twenty One Pilots и комиксов Marvel – напиши об этом, и твоим единомышленникам будет намного проще тебя найти.

Важно: Ты не обязана заполнять все поля. Если ты начнешь лить воду, это только отвлечет гостя твой странички от действительно важной информации. Поэтому после того, как ты опишешь свою страсть к артхаусу или любовь к Джонни Деппу, остановись! Акцентируй внимание на самом интересном и не превращай поля «интересы», «любимые телешоу», «любимые книги» и т.д. в огромные списки. Лаконичность – твой лучший друг.

Преврати свою стену в мини-блог

Твоя стена не обновляется годами или сплошь усеяна приглашениями от друзей в игру «Веселая ферма»? Тогда тебе пора серьезно задуматься... Помни, что друзья видят каждый твой пост у себя в ленте (конечно, если ты не изменила настройки приватности), а значит, у тебя есть реальный шанс обратить на себя внимание. Подумай, о чем бы хотелось узнать «твоей аудитории» или о чем ты сама хотела бы рассказать. Недаром разработчики «ВКонтакте» написали подсказку: «Что у Вас нового?» Если ты думаешь, что никому не интересна твоя жизнь, ты глубоко ошибаешься! Вспомни смешную историю или поделись впечатлениями от премьеры нового фильма, и сразу наберешь несколько лайков. Также уделяй внимание статусу – это отличная возможность задать настроение твоей страничке или заинтриговать ее посетителя. Здесь ты можешь максимально проявить свою фантазию, вставить строчку из любимой песни или шутку о себе. Но, пожалуйста, без цитат, вроде «меня сложно найти и легко потерять», заклинаем тебя!

Важно: Придумай, чем еще ты могла наполнять страничку. Может быть, твоими любимыми стихотворениями, треками или пейзажами из летних путешествий. Твоя стена – это твой мини-блог, отражение твоих мыслей, поэтому ты можешь делать с ней все, что пожелаешь. Не стесняйся!

Вступай в группы, добавляй музыку, пости видео

Внимательно посмотри на список своих групп «ВКонтакте». Действительно ли они отражают твои увлечения? Успеваешь ли ты ежедневно заходить в каждую группу? Читаешь ли ты собственную ленту? Если на все эти вопросы ты ответила «нет», тогда устрой генеральную чистку. Мы знаем, что ты – разносторонняя личность, но это не значит, что надо подписываться на все подряд и вводить в заблуждение знакомых. Группы – одна из тех вещей, на которую в первую очередь обращает внимание новый гость на твоей страничке. Подписывайся только на самые-самые интересные и крутые паблики, делай репосты, комментируй. Пусть все увидят, какая ты активная и увлеченная. Все то же самое касается твоих аудио- и видеозаписей, если они видны другим пользователям. Запомни – все, что ты добавляешь к себе на страничку, создает определенной впечатление о тебе. Так, парень твоей мечты, может потерять голову, увидев в списке аудиозаписей лютый хардкор:)

Важно: Если тебе не хватает простых перепостов и в голове куча идей, о которых хочется поведать всему миру, заведи свою группу и выкладывай все туда. Создание собственного паблика – ответственное дело. Надо заранее тщательно продумать концепцию группы, убедиться в том, что у тебя достаточно времени на ее раскрутку и посоветоваться с парой-тройкой друзей.

Будь в меру конфиденциальной

Наверняка у тебя есть знакомые, которым родители не разрешают даже поставить настоящие имя с фамилией «ВКонтакт», не говоря уже о том, чтобы делиться личной информацией с друзьями из соцсетей. На просторах интернета бродит достаточно мошенников, желающих взломать твою страничку и выведать пароли и прочие секреты. Не будем параноиками, но на всякий случай стоит подстраховаться и хорошо подумать перед тем, как писать номер своего мобильного телефона или домашний адрес. А поскольку речь у нас идет о том, как сделать твою страничку круче и популярнее, то вот тебе еще один плюс – никто не сможет компрометировать тебя детскими фотографиями или сплетничать о твоем новом бойфренде, если этой информации на твоей страничке попросту не будет. Не надо использовать «ВКонтакте» как личный фотоальбом и заливать туда то, за что потом будет стыдно. Обязательно удели внимание настройкам приватности, по возможности ограничь доступ к твоим персональным данным для незнакомцев и не забывай о таких подводных камнях как «фотографии с тобой» и «сохраненки», в которые любят лазить особо любопытные (и в которые ты частенько добавляешь много лишнего).

Важно: Ты вообще в курсе, сколько у тебя друзей «ВКонтакте»? Кто входит в их число – избранные или все подряд; люди, с которыми ты видишься ежедневно или все, кто решил с тобой познакомиться? Безусловно, количество друзей – это твой выбор. Только не забывай, кто именно входит в их число, когда собираешься запостить что-то сугубо личное. И не гонись за круглой цифрой, ведь количество – не показатель крутости. А еще не забывай проверять так называемые «исходящие заявки», которые показывают, кто из твоих знакомых посмел лишить тебя почетного звания друга.

Кстати! Иногда бывает очень полезно читать сообщения от самих создателей «ВКонтакте», где они рассказывают о новых функциях и возможностях. Так ты всегда будешь в теме всех улучшений и интересных конкурсов. И, конечно же, не забывай проверять, появились ли новые подарки и стикеры в праздничные дни. С их помощью ты можешь сделать свои переписки чуть ярче и приятнее ;)

Поделись с друзьями:

www.ellegirl.ru