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

---

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

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

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

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

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

<script language="JavaScript">

function popUp() {

props=window.open('https://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="https://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 для блога; Коды символов для вебмастеров; Как увеличить ширину отдельной страницы блога; Как открыть изображение, фото или видео в новом окне;

Рекомендуемый контент: