Какой рейтинг вас больше интересует?
Главная /
Главные темы /
Тэг «blocker»
Архив сообщений для блогов на Blogger 2014-02-08 14:06:00
+ развернуть текст сохранённая копия
Честно говоря, в сети Интернет всё ещё можно найти очень много, вполне рабочих, вариантов данного решения. Тем не менее, большинство из них основано на использовании внешнего файла срипта, что неизбежно ведёт к появлению ряда проблем. К тому же предложенная реализация меня зачастую не устраивала. В этой статье я хочу предложить Вашему вниманию свой вариант архива сообщений для блогов на Blogger , который куда как наглядней и позволяет решить сразу ряд проблем.
Читать всю запись →
Тэги:
blogger ,
бесплатно ,
виджеты ,
мануалы ,
примеры ,
решения ,
скачать ,
юзабилити
Турция просит Германию вмешаться в конфликт « АТН-ТРАНС ЕООД 2014-02-04 21:23:55
A < ...
+ развернуть текст сохранённая копия
A TN-TRANS ltd
Турция просит Германию вмешаться в конфликт « АТН-ТРАНС ЕООД
Тэги: bulgaria , turkey , ya.ru:link , болгария , дозвол , квота , конфликт , перевозки , перевозку , разрешение , транспорт , турция
Турция просит Германию вмешаться в конфликт + развернуть текст сохранённая копия
Тэги: bulgaria , turkey , ya.ru:text , автоперевозки , болгария , дозвол , дороги , квота , конфликт , перевозка , перевозки , перевозку , разрешение , регионы , страны , транспорт , турции , турция Турция просит Германию вмешаться в конфликт + развернуть текст сохранённая копия
Тэги: bulgaria , turkey , автоперевозки , болгария , дозвол , дороги , квота , конфликт , перевозка , перевозки , перевозку , разрешение , регионы , страны , транспорт , турции , турция Контактная форма для блогов Blogspot + развернуть текст сохранённая копия
Элегантная форма для связи, работающая на CSS Здравствуйте дорогие гости и читатели моего блога. Сегодня у нас информация о форме связи для блога. Наличие контактной формы очень важно в блоге. Вебмастер просто обязан держать связь со своими посетителями, ведь не все вопросы можно задать в комментариях. Иногда требуется индивидуальная переписка по тем или иным вопросам. У меня в блоге есть информация на эту тему, но там мы используем сторонний виджет, что не всегда хорошо, и я смотрю, что у многих проблемы с установкой формы. Здесь же мы получим форму для связи, используя родной гаджет Google и CSS стили. Пример смотрите в демо блоге.
Первое , что надо сделать, это перейти в дизайн -добавить гаджет -слева нажать другие гаджеты -форма для связи . Смотрите на скриншоте. Гаджет установите где нибудь внизу макета блога.
Второй шаг : переходим в шаблон -изменить щаблон . Кто с шаблоном пока на Вы, делайте резервную копию шаблона . После открывающего тэга <head> ищем строку <b:skin>...</b:skin> . Нажимаем на стрелку слева , идем вниз, находим ]]></b:skin>. Вставляем скопированный ниже код:
border-top:1px solid #dbdbdb;
border-right:1px solid #b2b2b2;
border-left:1px solid #dbdbdb;
border-bottom:1px solid #9d9d9d;
background-color:#cccccc;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
background-image:-webkit-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
background-image:-moz-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
background-image:-ms-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
background-image:-o-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
background-image:linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
box-shadow: 1px 1px 5px #ccc;
margin: 0 -36px 20px -36px;
text-shadow: 2px 0 0 #1f4962;
-webkit-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
-moz-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
background-color: #3689b9;
#contact_wrap h3:before {
border-width: 10px 0 0 10px;
border-color: #333 transparent transparent transparent;
border-width: 0 0 10px 10px;
border-color: transparent transparent transparent #333;
#ContactForm1_contact-form-name{
padding: 10px 10px 10px 40px;
background:#f6f6f6 url(http://2.bp.blogspot.com/-GoNmkIDybR0/UZuZDpVOXaI/AAAAAAAAEO8/pNPaQU1aiwQ/s1600/user.png)no-repeat 10px center;
-webkit-border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
#ContactForm1_contact-form-email{
padding: 10px 10px 10px 40px;
background: #f6f6f6 url(http://3.bp.blogspot.com/-zGxMJ_C5R60/UZuZGnKgcuI/AAAAAAAAEPE/KwPOHFuBffc/s1600/pen.png)no-repeat 10px center;
-webkit-border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
#ContactForm1_contact-form-email-message{
padding: 10px 10px 10px 40px;
font-family:Arial, sans-serif;
background: #f6f6f6 url(http://1.bp.blogspot.com/-QduNKpNbFyQ/UZuZPuE_OfI/AAAAAAAAEPU/Rv4C4Kic2I0/s1600/msg2.png)no-repeat 10px 10px;
-webkit-border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
#ContactForm1_contact-form-submit {
background-color:#005a8a;
text-shadow: 1px 0 0 #1f4962;
-webkit-box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;
-moz-box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;
box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;
background-color: #3689b9;
border:1px solid #194f6d;
#ContactForm1_contact-form-submit:hover {
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
Третий шаг: в черновике blogger нажимаем-страницы -создать страницу -пустую . В редакторе переходим HTML и вставляем код ниже, скопируйте его.
<div id="contact_wrap">
<h3> Контактная форма </h3>
<form name="contact-form">
<input id="ContactForm1_contact-form-name" name="name" placeholder=" Имя " size="30" type="text" value="" />
<input id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value=" Отправить " />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
<style type="text/css">
#comments, #blog-pager, .breadcrumbs, .post-footer{display:none}
</style>
Нажимаем создать. На странице увидите форму, но не пугайтесь. Нажмите просмотр, затем публикация. Да забыла написать, форму проверила: написала свой другой электронный ящик. На основной получила проверочное письмо. Вот и все, теперь Вы с формой для связи. Оставляйте отзывы, делитесь с друзьями в соц сетях. Всего доброго.
Тэги: blogger
Главная / Главные темы / Тэг «blocker»
Взлеты Топ 5
Падения Топ 5
+ развернуть текст сохранённая копия
