Square шаблон для blogger на русском

Демо- Square
Демо - Square transparent
Приобрести шаблон


Много времени у нас в последнее время уходит на подготовку шаблонов для blogger все это связано с кропотливой и усердной работой над каждым из них, чтобы можно было действительно увидеть потрясающий результат. Конечно же этого не было бы без наших друзей зарубежных вебдизайнеров. Сегодня мы хотели представить вам новый шаблон для blogger - Square. Сделали мы два варианта один называется просто Square, а второй Square transparent, что в переводе с английского означает прозрачный. Да, второй шаблон мы сделали прозрачным и это наша первая такая версия шаблона. Давно мы хотели поработать именно над этим шаблоном блогспот, но все никак не предоставлялся подходящий момент. Давайте почитаем, что о нем пишет его разработчик: "Square - это очередной прекрасный шаблон для пользователей платформы blogger в нашей витрине. В него было добавлено много удивительных виджетов для еще более лучшего отображения содержимого вашего блога. Так же частично была включена HTML-разметка, чтобы улучшить его сое оптимизацию." Вот такие слова мы услышали от издателя шаблона. В конце автор говорит об HTML-разметке, которая вроде как улучшает оптимизацию блога, хотя я видел много сайтов, которые без нее занимают в поисковике более высокие позиции нежели те которые ее имеют. В общем особой роли она не играет.

Теперь давайте посмотрим, из каких комплектующих состоит наш шаблон и что в нем было переделано. Есть два колонтитула, во второй версии шаблона, как мы уже упоминали выше они прозрачные. К ним, внизу блога мы добавили еще три панели для виджетов и внесли изменения для их отображения на мобильных устройствах. Главное меню блога было очень скучное и без выпадающих ячеек, по-этому заменили его на свое, которое взяли из нашего урока по добавлению главного меню для блогов на платформе blogger. Вышло лучше некуда. Туда же влепили поисковое окошко, вернее значок лупы при нажатии на которую появляется само окно в разных версиях шаблона оно отображается по другому. В этом шаблоне есть два новостных виджета которые отображают сообщения в зависимости от заданного ярлыка - это слайдер под главным меню и в правом сайдбаре виджет подписанный, как Главное. Сообщениям на главной странице задали скажем так анимацию или трюк называйте, как хотите, при наведении мыши они подскакивают, а после того, как ее убрать сообщения возвращаются в исходное положение. Ниже нами была добавлена постраничная навигация. В непрозрачной версии шаблона мы добавили свои ярлыки, каждый ярлык обладает своим цветом это можно заметить после наведения на них курсора мыши. В прозрачной версии немного изменили оглавления виджетов в правом сайдбаре. Были убраны стандартные шрифты и кнопки социальных сетей. Добавили чудесную фоновую картинку. В бесплатной версии шаблона выше описанного нет.


Почему бесплатные темы неэффективны

Поделиться

Facebook TwitterGoogle+ Vkontakte

Рекомендуем

Square шаблон для blogger на русском
4/ 5
Oleh

36 Коммент.

Оставить комментарий
avatar
Николай Серёгин
сентября 30, 2015

Почему не стали работать кнопки поделится в соцсетях и коментарии на второстепенных страницах?

Ответить
avatar
Шаблоны для Blogger
сентября 30, 2015

Не могли бы Вы подробней описать вашу проблему?

Ответить
avatar
Николай Серёгин
сентября 30, 2015

Заходя в анонс новости с главной страницы, загружается страница с полным текстом новости, под этой новостью есть пункт - Поделиться в соцсетях, так вот эти кнопки не активны, не нажимаются... другие браузеры пробовал, никак...
Также и комментарии не работают...

Ответить
avatar
Шаблоны для Blogger
сентября 30, 2015

Быть может вы вставляли, какие-то сторонние скрипты (кода) в шаблон сайта, к примеру защита контента, чтобы пользователи не могли скопировать статью?

Ответить
avatar
Шаблоны для Blogger
сентября 30, 2015

Кстати может быть, что вы какой-то информер не так вставили, или же не закрыли один из кодов CSS. В общем косяк с вашей стороны однозначно, наш шаблон никаких признаков недееспособности не подает.

Ответить
avatar
Николай Серёгин
октября 01, 2015

Ок, спасибо.
А ошибка с вставкой видео с Youtube?
Когда вставляешь в пост, то публикуется некорректно, торчит поверх анонса новости..

Ответить
avatar
Шаблоны для Blogger
октября 01, 2015

Для этого в коде видео есть параметры, которые задают высоту и ширину плеера. Стандартные настройки высоты и ширины плеера в youtube для обычных сайтов и блогов у которых обычно ширина основного колонтитула не превышает 700 пикселей чрезмерно велики. Вот изначальный код плеера с youtube:
width="854" height="480" src="https://www.youtube.com/embed/IvZP10GNMuU" frameborder="0" allowfullscreen>
Настройте в коде параметры width и height к примеру вместо 854 пропишите 640, а вместо 480 пропишите 320.

Ответить
avatar
Николай Серёгин
октября 01, 2015

Ок, спасибо, попробую.
Скажите, а у Вас банковской картой можно оплатить, чтобы полную версию шаблона получить?

Ответить
avatar
Шаблоны для Blogger
октября 01, 2015

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

Ответить
avatar
Николай Серёгин
октября 01, 2015

Дайте, пожалуйста рублевый кошелек webmoney. На Ваш ругается и не переводит.

Ответить
avatar
Шаблоны для Blogger
октября 01, 2015

R827561760916

Ответить
avatar
Николай Серёгин
октября 01, 2015

Готово, по курсу 66 рублей+.

Ответить
avatar
Шаблоны для Blogger
октября 01, 2015

Напишите Ваш имейл. В течении суток шаблоны с инструкциями будут отправлены на Вашу почту.

Ответить
avatar
Николай Серёгин
октября 01, 2015 Этот комментарий был удален администратором блога.
avatar
Николай Серёгин
октября 01, 2015

Скажите, если у меня стоит демо-шаблон, то при установке купленного настройки в коде потеряются?

Ответить
avatar
Шаблоны для Blogger
октября 01, 2015

Да, останутся только настроенные виджеты и гаджеты в разделе Дизайн.

Ответить
avatar
Шаблоны для Blogger
октября 01, 2015

Проверьте почту, шаблон отправлен.

Ответить
avatar
Николай Серёгин
октября 02, 2015

отлично, получил!
И сразу вопрос - как поставить фоновое изображение другое?

Ответить
avatar
Шаблоны для Blogger
октября 02, 2015

В инструкции написано, как это можно сделать.

Ответить
avatar
Николай Серёгин
октября 03, 2015

Добрый вечер) Подскажите пжл, как убрать прозрачность и прописать шрифт, как в бесплатной версии шаблона? вот для наглядности - www.nseregin.ru
- с прозрачностью что-то совсем не камильфо..

Ответить
avatar
Шаблоны для Blogger
октября 03, 2015

Здравствуйте! Согласен, выглядит не очень, потому что прозрачная версия шаблона была придумана специально для сайтов у которых будет фоновая картинка, а для тех кто хочет простой белый фон есть непрозрачная версия, которая находится в высланных Вам файлах. Называется он просто Square. В общем Вам проще поменять версию шаблона, чем убрать прозрачность в уже установленном. А что со шрифтами не так?

Ответить
avatar
Николай Серёгин
октября 03, 2015

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

Ответить
avatar
Шаблоны для Blogger
октября 03, 2015

Отправил на Вашу почту шаблон без прозрачности, проверяйте.

Ответить
avatar
Николай Серёгин
октября 03, 2015

Отлично, то что нужно, спасибо! А как сделать прокрутку страницы наверх плавно? и фичи соцсетей вверху, как в бесплатной версии?

Ответить
avatar
Шаблоны для Blogger
октября 03, 2015

В ближайшие пару дней я напишу на сайте статьи о том, как это можно сделать.

Ответить
avatar
Николай Серёгин
октября 03, 2015

Ок, Вы тогда ссылку дайте) буду ждать, спасибо)

Ответить
avatar
Шаблоны для Blogger
октября 03, 2015

И вам)

Ответить
avatar
Шаблоны для Blogger
октября 05, 2015

Одну тему запостил: кнопки скроллинга вверх страниц сайта - блога
В своем шаблоне ищите и удаляете код:
scroll_header

Вот скриншот, на котором обозначено что нужно удалить: http://ad-file.com/8WJl6r9zW

После этого добавляете новую кнопку из указанной выше темы.

Ответить
avatar
Николай Серёгин
октября 05, 2015

Кнопку я уже сделал) вопрос по поводу ярлыков) когда вверху, скажем нажмете на Военная техника - он будет белым и сольется с фоном)
Такая же проблема наблюдается и с надписью Рекомендуем( как сделать её черного цвета? Она появляется если только выделить область с помощью мыши) можете сами посмотреть) как исправить это баг?

Ответить
avatar
Шаблоны для Blogger
октября 05, 2015

для изменения цвета ярлыка нужно найти код:
.cloud-label-widget-content .label-size
добавить в него код:
color: #222;

для рекомендую находите код:
div#related-posts h5
в него добавляете:
color: #222;

Ответить
avatar
Николай Серёгин
октября 06, 2015

отлично! =))

Ответить
avatar
Николай Серёгин
октября 06, 2015

Простите, а как сделать вверху страницы ссылки - Контакты, о себе и тд + раскрывающиеся меню ссылок на страницы соцсетей, как в бесплатной версии шаблона?

Ответить
avatar
Шаблоны для Blogger
октября 06, 2015

1) Перед ]]></b:skin> вставляете код:
.fa-instagram:before{ content: "Vk";}

Ответить
avatar
Шаблоны для Blogger
октября 06, 2015



2) Затем ищете код: <div class='header-wrapper'>
и перед ним вставляете следующий код:

<div class='hdr-top'>
<div class='ct-wrapper'>

<div class='row'>
<div class='one-half first '>
<div class='top_menu'>
<ul>
<li><a href='#'>Контакты</a></li>
<li><a href='#'>О сайте</a></li>

</ul>
</div>
</div>



<div class='one-half last social-media-container'>

<div class='toggle_social'><a href='#'><i class='fa fa-plus'/></a></div>

<ul class='header-social'>
<li><a href='http://facebook.com'><i class='fa fa-facebook'/></a></li>
<li><a href='http://twitter.com'><i class='fa fa-twitter'/></a></li>
<li><a href='http://instagram.com'><i class='fa fa-instagram'/></a></li>
<li><a href='http://pinterest.com'><i class='fa fa-pinterest'/></a></li>
<li><a href='http://google.com/plus'><i class='fa fa-google-plus'/></a></li>
<li><a href='http://tumblr.com'><i class='fa fa-tumblr'/></a></li>
</ul>

</div>
</div>
<div class='clear'/>
</div>
</div>

Прилагаю скриншот там указано, как должен располагаться второй код:
http://ad-file.com/6fPNnfTjt

Дальше, ссылки "Контакты" и "О сайте" уже знаете, как заполнять.
Социальные кнопки вместо ссылок facebook.com, twitter.com и т.д. вставляете соответствующие ссылки на свои группы.

Ответить
avatar
Николай Серёгин
октября 09, 2015

Ух, спасибо! Всё сделал) интересно, а что прописать, чтобы при нажатии на кнопку соцсети, страницы открывались в новом окне?

Ответить
avatar
Шаблоны для Blogger
октября 09, 2015

Здесь в принципе нет ничего сложного. Нужно после каждой ссылки к примеру facebook.com' прописать следующий код: rel='nofollow' target='_blank'
В общем на скриншоте указано, как это должно быть: http://rghost.ru/6NHYvFJmj/image.png
И после com' обязательно должен быть пробел.

rel='nofollow' - частично запрещает поисковому роботу переходить по ссылке и не отдает вес вашего сайте, тому на который ведет ссылка.
target='_blank' - это и есть код, который открывает сайт в новом окне.

Ответить