Sign up
Blog

Как встраивать в блог различные фишки (инструкция)

Для тех, кто не в курсе - как вставлять видео в блог, а так же картинки, ссылки и разноцветный текст...

 

Чтобы вставить видео в блог, нужно скопировать его код и вставить его в блог через редактор html кода:

 

 

Примеры видео с различных ресурсов

 

1. Видео с youtube.com

Код видео:

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="390" src="http://www.youtube.com/embed/qAiIMDBxczk?rel=0" frameborder="0" allowFullScreen></iframe>

Результат:

 

 

2. Видео с vimeo.com

Код видео:

<iframe src="http://player.vimeo.com/video/15843685" width="400" height="225" frameborder="0"></iframe>

Результат:

 

 

3. Видео с vkontakte.ru

Код видео:

<iframe src="http://vk.com/video_ext.php?oid=394067&amp;id=154330306&amp;hash=82d4b051515e70dd&amp;hd=1" width="607" height="360" frameborder="0"></iframe>

Результат (открывается через раз, хер поймёшь - чё с этим контактом...):

 

 

С таким же успехом можно вставлять и код плеера с промо (и аудио, и видео)

 

Код плеера:

<object width="379" height="83"><param name="movie" value="//cdn.promodj.com/legacy/i/swf/blogplayer.swf" /><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="FlashVars" value="fileID=428531" /><embed src="//cdn.promodj.com/legacy/i/swf/blogplayer.swf" type="application/x-shockwave-flash" wmode="transparent" width="379" height="83" allowFullScreen="true" flashvars="fileID=428531"></embed></object>

Результат:

 

Можно вставлять картинки, ссылки и разноцветный текст

 

Здесь всё просто: для этого используем всё тот же BBCode, который я описывал в другом своём блоге Как украсить свой статус (инструкция). Вовсе не обязательно прописывать BBCode в редакторе html кода - BBCode можно прописать прямо в тексте блога.

 

Чтобы не шастать из одного блога в другой, приведу примеры BBCode прямо здесь:

 

[*b]ваш текст[*/b] - делает шрифт жирным.

 

[*i]ваш текст[*/i] - делает шрифт наклонным.

 

[*u]ваш текст[*/u] - делает шрифт подчёркнутым.

 

[*img]example.org/logo.png[*/img] - вставляет картинку.

 

[*url=http://google.com]сцылко[*/url] - делает ссылку.

 

Цитата: [*quote]да я твою маму любил[*/quote] - делает фон особым

(чтобы было видно, что это цитата)

 

[*size=15]да у меня такой огромный, что тебе и не снилось, детка[*/size] - меняет размер шрифта.

Стандартное значение "15". Обычно измеряется в пикселях (px).

 

[*color=red]хочу красный ник[*/color] или [*color=ff0000]подарите мне премиум[*/color] - меняет цвет шрифта (фотошоп фрэндли).

Может использоваться большое количество различных названий цветов или их шестнадцатеричных кодов.

 

Внимание! Убираем * из скобок, иначе код не будет работать!

 

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

Ну как, помогло? ))

супер
всегда только лучшая ;)
32 ▲
31 January 2011 14:38

Comments

  •  
    Elena Mazur  12 February 2011 6:18 #
    Хороший блог. Наверняка многим бы пригодился, особенно, кто не знает, как это все делать. Судя по всему, блог не прошел в свое время, раз комментов нет... ((
    •  
      RaYMaN  12 February 2011 6:30 #
      Сложная система фильтрации блогов pdj не пропустила )) мои блоги вообще дальше моей странички никуда не попадают...
      •  
        Elena Mazur  12 February 2011 6:35 #
        У меня тоже так бывало... хотя я редко блоги делаю вообще-то...

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

        С другой стороны - блог на страничке есть. И тот, кто зайдет на твою страницу (даже через время) увидит его все равно.
        •  
          RaYMaN  12 February 2011 14:57 #
          Я пробовал заново набирать - всё равно не пропускает ))

          Да и ничего страшного. Я, если что, ссылку на свой блог сам дам ))
    •  
      Valyeriia  12 February 2011 20:48 #
      да )) , "чайники" вроде меня, могут зайти на сайт UcoZ, напечатать всё необходимое в готовом конструкторе, а потом скопировать готовый html-код! =) , иногда так и делаю.
      •  
        RaYMaN  12 February 2011 21:03 #
        Как вариант )) но это уже уровень пользователя, а не "чайника" ;)
  •  
    Mandavoshka3000 (BITRIX)  28 February 2011 21:12 #
    спасибо!
    •  
      RaYMaN  28 February 2011 21:19 #
      ;)
  •  
    Рома Нифёдов  1 March 2011 3:50 #
    мне помогло)
    Добавлю в избранное,если подзабуду что и посмотрю
    Автору +5
    •  
      RaYMaN  1 March 2011 3:52 #
      Очень рад ) спасибо
  •  
    DJ Mike Mix  22 July 2011 19:12 #
    с вконтактовским видео в натуре проблемы
    •  
      RaYMaN  22 July 2011 23:29 #
      Ну да... )
  •  
    ♔Dj Aleksandr Levinski♔  6 September 2011 1:16 #
    У кого получилось способом HTML вставить видео в блог???(у меня вообще не получается)
  •  
    dj ALEX MAD (PLAMADY)  2 December 2011 3:10 #
    Мерси)
  •  
    Psych * Psychoterix *  22 February 2012 4:43 #
    PassibO,polezno i prigoditCa!
  •  
    Psych * Psychoterix *  22 February 2012 4:44 #
    +++
  •  
    Baintermix  29 March 2012 16:15 #
    а как на свою страницу вставить ссылку например с битпорта и т.п. ??
    •  
      RaYMaN  29 March 2012 16:36 #
      Если с битпорта, то нужно сначала получить плеер.

      Заходим по ссылке: www.beatportplayer.com

      Выбираем нужные опции, получаем html код.

      Этот код надо вставить тут: ЦУП -> Персональные данные -> Подробная информация о моей деятельности (там тоже есть кнопочка html)

      Вот пример плеера:


      Go to Beatport.comGet These TracksAdd This Player

Please, register (it is quick and easy!) or sign in, to leave comments and do much more fun stuff.