четверг, 13 ноября 2014 г.

Как сделать визитку для ю-туба на блоггере и как создать персональный URL вашего youtube канала?

Как сделать визитку для ю-туба на блоггере и  как создать персональный URL вашего youtube канала?
У моего мужа был канал на YouTube и к нему мы сделали тематический блог.
Есть канал, есть  блог, связанные одной тематикой, значит нужно установить на блоге визитку YouTube.



В принципе дело простое, я уже не раз  делала такие визитки. 
НО..., я не учла одну маленькую деталь и промучилась я целых два дня.
Я не учла того, что канал был дополнительный, созданный YouTube и его URL был вот таким 
https://www.youtube.com/channel/UC9THf04kGKeH4yVnHBlihTg
Согласитесь этот адрес очень уж громоздкий.
И вот я стала делать "Визитку" с таким адресом.
И... ничего не получалось. 
Полезла в интернет, но на его просторах я ничего не нашла, весь материал был только для каналов с обычным, нормальным пользовательским URL. 
И я подумала, что наверное я не одна такая, может быть кто - нибудь еще мучается создавая "Визитку"
Поэтому я решила написать статью объединив сразу две темы: "Как создать виджет подписки на канал YouTube" и "Как изменить URL YouTube канала на персонализированный, пользовательский"
Итак вот, что имелось :


Видите какая "красота" в адресной строке. Но перехожу к делу:
1. На канале YouTube нужно кликнуть по аватару( кто еще не знает - это такая картинка). 


Видите появилась небольшая шестеоенка, настройки канала.


 Жмите на нее и переходите в настройки аккаунта ( не канала, а аккаунта)


2.Увидели слово "дополнительно" или "advanced". Нажимайте 


3. Далее мы попадаем в настройки канала и создаем новый красивый персонализированный URL.
 Жмем на "Create custom URL", то есть создаем красивый адрес, который будет в адресной строке канала


4. Вписываем его в строку  и нажимаем "Create custom channel URL" - то есть  "Создать пользовательский URL  канала" 
НО...учтите сделать это можно только один раз.

5.Подбирая username постарайтесь не использовать цифры, и вообще сделайте его тематическим.


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

Коды  для вставки:
1.
<center><a style="color: #ffffff;" title="нажмите на кнопку «Subscribe», и новые видео автора придут на е-майл" target="_blank" href="https://www.youtube.com/user/wildworldaroundus/">Оформите ЗДЕСЬ
подписку на ВИДЕОКАНАЛ</a>
<div style="background: #ffffff; position: relative; width: 210px;">
<a target="_blank" href="https://www.youtube.com/user/wildworldaroundus/"><iframe src='http://www.youtube.com/subscribe_widget?p=wildworldaroundus' style='overflow: hidden; height:120px; width:210px; border:none;' scrolling='no' frameborder='0'></iframe></a>
</div></center>
можно изменить цвет - темно-зеленое выделение, или размер - синий.
2.
<iframe style="border-right-width: 0px; width: 250px; border-top-width: 0px; border-bottom-width: 0px; height: 105px; overflow: hidden; border-left-width: 0px" src=http://www.youtube.com/subscribe_widget?p=wildworldaroundus frameborder="0" scrolling="no"> </iframe>
3.
<iframe id="fr" style="overflow: hidden; height: 105px; width: 300px; border: 0pt none;" src="http://www.youtube.com/subscribe_widget?p=wildworldaroundus" scrolling="no" frameborder="0"></iframe>
4.
<!--Начало кода #1 -->
<p><table width="210px"><tr><td align="CENTER"><font 

face="Verdana" size="4" color="#000000"><a title="Нажмите 

«Subscribe», 
новые видео придут к вам на почту" >Подпишитесь на видеоканал 

YouTube</a></font></td></tr>
<tr><td align="CENTER"><iframe style=" border-right-width: 0px; 

width: 210px; border-top-width: 0px; border-bottom-width: 0px; 

height: 150px; overflow: hidden;
border-left-width: 0px " 

src="http://www.youtube.com/subscribe_widget?p=wildworldaroundus

frameborder="0" scrolling="no"></iframe></td></tr></table></p>
<!--Конец кода #1 -->

Изменяем в коде, выделенные буковки и цифры(если размер и цвет не подошли).
Идем в панель инструментов, затем в Дизайн.
Находим Добавить гаджет - HTML/JavaScript и вставляем подготовленный код. 
Не забудьте сохранить ваше творение и проверить как оно работает.
Если ничего лишнего не добавите/не убавите, то код легко встанет и начнет радовать вас своей работой.
Возможно вы захотите вставить "Визитку" прямо на странице, то в этом случае при редактировании выберите режим HTML и в нужном месте добавьте код. Не забудьте сохранить все ваши действия.

Комментариев нет:

Отправить комментарий