Открыть ссылку в новом окне и на всю ширину браузера
Приветствую гостей и читателей моего блога. Наверное многих интересует вопрос, да и видели на многих сайтах/блогах, что при нажатии на ссылку, открывается новая вкладка на всю ширину браузера или же окна определенных размеров.
Сегодня я покажу на примере как это применить в наших блогах. Сложного ничего нет, копируем код и в редакторе сообщений переходим слева по вкладке HTML, вставляем скопированный код в нужное место, где мы хотим видеть такую ссылку.
Сегодня я покажу на примере как это применить в наших блогах. Сложного ничего нет, копируем код и в редакторе сообщений переходим слева по вкладке 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>
Выделенное синим-адрес ссылки; голубым-размеры высоты и ширины; сиреневым-название ссылки; С размерами можно поэкспериментировать: если уменьшить, то вкладка откроется в левом верхнем углу экрана. Так же скопированный код можно вставить дизайн-добавить гаджет и ссылка будет в боковой колонке блога.
// абзац для Chrome
Открыть ссылку или блог посередине экрана
<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 для блога; Коды символов для вебмастеров; Как увеличить ширину отдельной страницы блога; Как открыть изображение, фото или видео в новом окне;
На сегодня у меня вся информация. Буду признательна, если поделитесь со своими друзьями в социальных сетях. Всего Доброго и До свидания, пишите Ваши отзывы.
Можно почитать следующие статьи: RSS виджет последних сообщений блога; Анимированный баннер сервиса Feedburner для блога; Коды символов для вебмастеров; Как увеличить ширину отдельной страницы блога; Как открыть изображение, фото или видео в новом окне;
будем пользоваться! мне понравилось - поучительно очень ! особенно для тех кто не знает !
ОтветитьУдалитьЗдравствуйте Сергей. Мне тоже нравится и посетителей удерживаем, не уходят с блога.
УдалитьСпасибо, ценная инфа...
ОтветитьУдалитьПожалуйста Тамара, приходите еще за информацией.
УдалитьДоброго времени суток Ольга! Скажите пожалуйста, можно сделать такую ссылку на кнопку или картинку, чтоб при нажатии открывалось окно ссылаемого сайта? С уважением Тата.
ОтветитьУдалитьTata, здравствуйте. Если на странице сообщения, почитайте по ссылке:
Удалитьhttp://www.bdblogov.ru/2013/08/blog-post_20.html
Загрузите картинку или кнопку.
Для боковых колонок добавить гаджет "изображение", прикрепить нужную ссылку, сохранить.
Ольга, благодарю, этим я пользоваться умею, получается это применимо только для текста! Для картинки и кнопки обычный вариант, и коль коснулись изображений, достаточно закрытия внешних ссылок rel=nofollow, или что-то еще необходимо сделать? Я все по "красивости" увлеклась, оказывается еще и внешние и внутренние ссылки, а про оптимизацию (копирайт...... и т.д. и т.п.) вообще молчу, надо вникать в это! Не простое это дело блоггерством заниматься! Это так мысли вслух. С уважением Тата.
ОтветитьУдалитьTata,rell=nofollow, закрыть для Google, для яндекса noindex. Я не писала статью на эту тему, спросите у Вики, насколько помню, у неё была статья в блоге.
УдалитьУ меня об оптимизации изображений по ссылке
http://www.bdblogov.ru/2013/11/optimizing-images.html