как установить всплывающее окошко на blogger

<Стиль>

/ *
ColorBox Основные Стиль:
Ниже УС соответствует между тем например, и не должны быть изменены.
* /
#colorbox, #cboxOverlay, #cboxWrapper {позицию: абсолютная; верх: 0; Слева направо: 0; Z-индекс: 9999; Переполнение: скрытый;}
#cboxOverlay {позиция: фиксированная; ширина: 100%; высота: 100%;}
#cboxMiddleLeft, #cboxBottomLeft {ясно: слева;}
#cboxContent {должность: относительная;}
#cboxLoadedContent {переполнения: авто;}
#cboxTitle {маржа: 0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {позицию: абсолютная; верх: 0; Слева направо: 0; ширина: 100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {курсор: указатель;}
.cboxPhoto {поплавок: слева; Маржа: авто; границы: 0; дисплей: блок;}
.cboxIframe {ширина: 100%; высота: 100%; дисплей: блок; границы: 0;}
/ *


Пользователь Стиль:
Измените следующие стили для изменения внешнего вида ColorBox. Они
заказать и вкладок таким образом, что представляет собой вложение генерируемого HTML.
* /
#cboxOverlay {фон: # 000; непрозрачность: 0,5 важное значение;}
#colorbox {
коробка-тени: 0 0 15px RGBA (0,0,0,0.4);
-moz-бокс-тень: 0 0 15px RGBA (0,0,0,0.4);
-webkit-бокс-тень: 0 0 15px RGBA (0,0,0,0.4);
}
#cboxTopLeft {ширина: 14px; высота: 14px; не повторять 0 0;}
#cboxTopCenter {высота: 14px; Повторяю-X в левом верхнем углу;}
#cboxTopRight {ширина: 14px; высота: 14px; не повторять -36px 0;}
#cboxBottomLeft {ширина: 14px; высота: 43px; не повторять 0 -32px;}
#cboxBottomCenter {высота: 43px; Повторяю-х нижний левый;}
#cboxBottomRight {ширина: 14px; высота: 43px; не повторять -36px -32px;}
#cboxMiddleLeft {ширина: 14px; Повторяю, у -175px 0;}
#cboxMiddleRight {ширина: 14px; Повторяю, у -211px 0;}
#cboxContent {фон: #fff; Переполнение: видимый;}
#cboxLoadedContent {краю дна: 5px;}
#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2M9RuQVaHFziWSr0YzokUyVNRT-bqsy5sdUAIxL0QSeJsKJ39J14JNh1ra-Xz45wlM6BqJvBoK7PD_puwpegnNPO30yO0nBMQPl5eYIN95GsMqQsuo5eWKx5UHYcHx88fN9XsXP_AryNd/s1600/loading-background.png) не повторять Центр Центр;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOGTT6JFvRLmcUlRpNxCSWe-SC-P25iKkoCVtALyxKELYktYVaHCvONC5TaojPSuyz-1ZiYrHQ76EE59SSHCPKFu-_HfjhYegqhsBZfkkgJPK71M-TtKmozUnLjh6ZURQEH-arI2rhi-c_/s1600/loading.gif) не повторять Центр Центр;}
#cboxTitle {позицию: абсолютная; Внизу: -25px; Слева направо: 0; выравнивания текста: центр; ширина: 100%; шрифта: жирный; цвет: # 7C7C7C;}
#cboxCurrent {позицию: абсолютная; Внизу: -25px; Слева направо: 58px; шрифта: жирный; цвет: # 7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {позицию: абсолютная; Внизу: -29px; Нет, повторите 0px 0px; ширина: 23px; высота: 23px; Текст отступ: -9999px;}
#cboxPrevious {слева: 0px; фон положение: -51px -25px;}
# CboxPrevious.hover {фон положение: -51px 0px;}
#cboxNext {слева: 27px; фон положение: -75px -25px;}
# CboxNext.hover {фон положение: -75px 0px;}
#cboxClose {прав: 0; фон положение: -100px -25px;}
# CboxClose.hover {фон положение: -100px 0px;}
.cboxSlideshow_on #cboxSlideshow {фон положение: -125px 0px; справа: 27px;}
.cboxSlideshow_on # cboxSlideshow.hover {фон положение: -150px 0px;}
.cboxSlideshow_off #cboxSlideshow {фон положение: -150px -25px; справа: 27px;}
.cboxSlideshow_off # cboxSlideshow.hover {фон положение: -125px 0px;}
/ * ------------------------------------------------ ----------------------------------- * /
/ * Facebook Likebox всплывающее окно Blogger
/ * ------------------------------------------------ ----------------------------------- * /
#subscribe {
шрифта: 12px / 1.2 Arial, Helvetica, Сан - засечек; цвет: # 666;
}
#subscribe,
#subscribe: наведите,
#subscribe: посетил {
текст-отделка: нет;
}
.box-название {
цвет: # 3B5998;
Размер шрифта: 20px важно;
шрифта: жирный;
Маржа: 10px 0;
граница: 1px твердое #ddd;
-moz-граница радиуса: 6px;
-webkit-граница радиуса: 6px;
граница радиуса: 6px;
коробка-тени: 5px 5px 5px #CCCCCC;
обивка: 10px;
высота строки: 25px; семейство шрифтов: Arial важно!;
}
.box-слоган {
цвет: # 999;
Маржа: 0;
выравнивания текста: центр;
}
# Подлодки-контейнер {
обивка: 35px 0 30px 0;
должность: родственника;
}
Ссылка,: посетил {
границы: нет;
}
.demo {
дисплей: нет;
}
</ Стиль>

<Сценарий SRC = "HTTP: //ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js '> </ SCRIPT>
<Сценарий SRC = "http://yourjavascript.com/11215013191/jquery.colorbox-min.js"> </ SCRIPT>
<Тип сценария = "текст / JavaScript">
JQuery (документ) .ready (функция () {
если (document.cookie.indexOf ('посетил = TRUE') == -1) {
VAR fifteenDays = 1000 * 60 * 60 * 24 * 30;
вар истекает = новая дата ((новый Date ()) valueOf () + fifteenDays.);
document.cookie = "посетили = TRUE; истечет =" + expires.toUTCString ();
$ .colorbox ({Ширина: "400px", встроенный: правда, HREF: "# подписаться"});
}
});
</ SCRIPT>
<! - Этот документ содержит скрытый контент для встроенных звонков ->

<DIV стиль = "дисплей: нет '>
<DIV ID = "Подписаться" стиль = "обивка: 10px; фон: #fff; '>

<DIV DIR = "LTR" стиль = "выравнивания текста: слева;" trbidi = "на">
<DIV класс = "разделитель" стиль = "ясно: то и другое; выравнивания текста: центр;">


<! - Место для вашего сообщения ->


<P стиль = "плавать: право; Правое поле: 35px; размер шрифта: 9px;" > Форум | <стиль = "Размер шрифта: 9px; цвет: # 3B78CD; текст-отделка: нет;" HREF = "http://www.spiceupyourblog.com"> Гаджеты Блог </a> Via <стиль = "Размер шрифта: 9px; цвет: # 3B78CD; текст-отделка: нет;" HREF = "http://www.mybloggertricks.com"> Blogger Widgets </a> </ P>
</ DIV>
</ DIV>