Как открыть ссылку или блог в новом окне



Открыть ссылку в новом окне и на всю ширину браузера


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

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

Открыть ссылку, страницу или блог на всю ширину браузера

Смотрим пример

<script language="JavaScript">
function popUp() {
props=window.open('http://demo-q.blogspot.com', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=1152, height=780');
}</script><a href="javascript:popUp()"><center>Demo</center></a>

Выделенное синим-адрес ссылки; голубым-размеры высоты и ширины; сиреневым-название ссылки; С размерами можно поэкспериментировать: если уменьшить, то вкладка откроется в левом верхнем углу экрана. Так же скопированный код можно вставить дизайн-добавить гаджет и ссылка будет в боковой колонке блога.

Открыть ссылку или блог посередине экрана


<a href="http://goazhetybloga.blogspot.com/" onclick="newMyWindow1(this.href); return false;">тестовом блоге</a></div>
</div>
<script>
function newMyWindow1(href) {
  var d = document.documentElement,
      h = 700,
      w = 900,
      myWindow = window.open(href, 'myWindow', 'scrollbars=1,height='+Math.min(h, screen.availHeight)+',width='+Math.min(w, screen.availWidth)+',left='+Math.max(0, ((d.clientWidth - w)/2 + window.screenX))+',top='+Math.max(0, ((d.clientHeight - h)/2 + window.screenY)));

      // абзац для Chrome
      if (myWindow.screenY >= (screen.availHeight - myWindow.outerHeight)) {myWindow.moveTo(myWindow.screenX, (screen.availHeight - myWindow.outerHeight))};
      if (myWindow.screenX >= (screen.availWidth - myWindow.outerWidth)) {myWindow.moveTo((screen.availWidth - myWindow.outerWidth), myWindow.screenY)};
}
</script>

Выделенное коричневым-адрес ссылки, блога; голубым-название; синим-настраиваем ширину и высоту вкладки; Код так же можно вставить гаджетом. Если будете вставлять адрес страницы, удалите в коде 2 слэш ( / ) после html/. У меня окна не корректно отображаются в Опера и ИЕ, но здесь зависит от версии браузера.

На сегодня у меня вся информация. Буду признательна, если поделитесь со своими друзьями в социальных сетях. Всего Доброго и До свидания, пишите Ваши отзывы.

Можно почитать следующие статьи:  RSS виджет последних сообщений блога; Анимированный баннер сервиса Feedburner для блога; Коды символов для вебмастеров; Как увеличить ширину отдельной страницы блогаКак открыть изображение, фото или видео в новом окне;


Автор статьи ✎ Olga Protasova Выпуск ✹ 11/23/2014 Ярлыки ►


Открыть комментарии →

8 коммент. :

  1. будем пользоваться! мне понравилось - поучительно очень ! особенно для тех кто не знает !

    ОтветитьУдалить
    Ответы
    1. Здравствуйте Сергей. Мне тоже нравится и посетителей удерживаем, не уходят с блога.

      Удалить
  2. Ответы
    1. Пожалуйста Тамара, приходите еще за информацией.

      Удалить
  3. Доброго времени суток Ольга! Скажите пожалуйста, можно сделать такую ссылку на кнопку или картинку, чтоб при нажатии открывалось окно ссылаемого сайта? С уважением Тата.

    ОтветитьУдалить
    Ответы
    1. Tata, здравствуйте. Если на странице сообщения, почитайте по ссылке:

      http://www.bdblogov.ru/2013/08/blog-post_20.html

      Загрузите картинку или кнопку.

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

      Удалить
  4. Ольга, благодарю, этим я пользоваться умею, получается это применимо только для текста! Для картинки и кнопки обычный вариант, и коль коснулись изображений, достаточно закрытия внешних ссылок rel=nofollow, или что-то еще необходимо сделать? Я все по "красивости" увлеклась, оказывается еще и внешние и внутренние ссылки, а про оптимизацию (копирайт...... и т.д. и т.п.) вообще молчу, надо вникать в это! Не простое это дело блоггерством заниматься! Это так мысли вслух. С уважением Тата.

    ОтветитьУдалить
    Ответы
    1. Tata,rell=nofollow, закрыть для Google, для яндекса noindex. Я не писала статью на эту тему, спросите у Вики, насколько помню, у неё была статья в блоге.
      У меня об оптимизации изображений по ссылке
      http://www.bdblogov.ru/2013/11/optimizing-images.html

      Удалить


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *