Много времени у нас в последнее время уходит на подготовку шаблонов для blogger все это связано с кропотливой и усердной работой над каждым из них, чтобы можно было действительно увидеть потрясающий результат. Конечно же этого не было бы без наших друзей зарубежных вебдизайнеров. Сегодня мы хотели представить вам новый шаблон для blogger - Square. Сделали мы два варианта один называется просто Square, а второй Square transparent, что в переводе с английского означает прозрачный. Да, второй шаблон мы сделали прозрачным и это наша первая такая версия шаблона. Давно мы хотели поработать именно над этим шаблоном блогспот, но все никак не предоставлялся подходящий момент. Давайте почитаем, что о нем пишет его разработчик: "Square - это очередной прекрасный шаблон для пользователей платформы blogger в нашей витрине. В него было добавлено много удивительных виджетов для еще более лучшего отображения содержимого вашего блога. Так же частично была включена HTML-разметка, чтобы улучшить его сое оптимизацию." Вот такие слова мы услышали от издателя шаблона. В конце автор говорит об HTML-разметке, которая вроде как улучшает оптимизацию блога, хотя я видел много сайтов, которые без нее занимают в поисковике более высокие позиции нежели те которые ее имеют. В общем особой роли она не играет.
Теперь давайте посмотрим, из каких комплектующих состоит наш шаблон и что в нем было переделано. Есть два колонтитула, во второй версии шаблона, как мы уже упоминали выше они прозрачные. К ним, внизу блога мы добавили еще три панели для виджетов и внесли изменения для их отображения на мобильных устройствах. Главное меню блога было очень скучное и без выпадающих ячеек, по-этому заменили его на свое, которое взяли из нашего урока по добавлению главного меню для блогов на платформе blogger. Вышло лучше некуда. Туда же влепили поисковое окошко, вернее значок лупы при нажатии на которую появляется само окно в разных версиях шаблона оно отображается по другому. В этом шаблоне есть два новостных виджета которые отображают сообщения в зависимости от заданного ярлыка - это слайдер под главным меню и в правом сайдбаре виджет подписанный, как Главное. Сообщениям на главной странице задали скажем так анимацию или трюк называйте, как хотите, при наведении мыши они подскакивают, а после того, как ее убрать сообщения возвращаются в исходное положение. Ниже нами была добавлена постраничная навигация. В непрозрачной версии шаблона мы добавили свои ярлыки, каждый ярлык обладает своим цветом это можно заметить после наведения на них курсора мыши. В прозрачной версии немного изменили оглавления виджетов в правом сайдбаре. Были убраны стандартные шрифты и кнопки социальных сетей. Добавили чудесную фоновую картинку. В бесплатной версии шаблона выше описанного нет.
Демо- Square
Демо - Square transparent
Скачать бесплатную версию
Приобрести шаблон полная SEO версия
🤔Почему бесплатные темы неэффективны
36 Коммент.
36 Коммент.
Почему не стали работать кнопки поделится в соцсетях и коментарии на второстепенных страницах?
ОтветитьНе могли бы Вы подробней описать вашу проблему?
ОтветитьЗаходя в анонс новости с главной страницы, загружается страница с полным текстом новости, под этой новостью есть пункт - Поделиться в соцсетях, так вот эти кнопки не активны, не нажимаются... другие браузеры пробовал, никак...
ОтветитьТакже и комментарии не работают...
Быть может вы вставляли, какие-то сторонние скрипты (кода) в шаблон сайта, к примеру защита контента, чтобы пользователи не могли скопировать статью?
ОтветитьКстати может быть, что вы какой-то информер не так вставили, или же не закрыли один из кодов CSS. В общем косяк с вашей стороны однозначно, наш шаблон никаких признаков недееспособности не подает.
ОтветитьОк, спасибо.
ОтветитьА ошибка с вставкой видео с Youtube?
Когда вставляешь в пост, то публикуется некорректно, торчит поверх анонса новости..
Для этого в коде видео есть параметры, которые задают высоту и ширину плеера. Стандартные настройки высоты и ширины плеера в youtube для обычных сайтов и блогов у которых обычно ширина основного колонтитула не превышает 700 пикселей чрезмерно велики. Вот изначальный код плеера с youtube:
Ответитьwidth="854" height="480" src="/youtube.com/embed/IvZP10GNMuU" frameborder="0" allowfullscreen>
Настройте в коде параметры width и height к примеру вместо 854 пропишите 640, а вместо 480 пропишите 320.
Ок, спасибо, попробую.
ОтветитьСкажите, а у Вас банковской картой можно оплатить, чтобы полную версию шаблона получить?
Перейдите на страницу "купить шаблон" оттуда переходите на сайт bestchange, там есть возможность перебрасывать деньги на разные платежные системы, к примеру с яндекс деньги на вебмани или киви и т.д., включая интернет-банкинг.
ОтветитьДайте, пожалуйста рублевый кошелек webmoney. На Ваш ругается и не переводит.
ОтветитьR827561760916
ОтветитьГотово, по курсу 66 рублей+.
ОтветитьНапишите Ваш имейл. В течении суток шаблоны с инструкциями будут отправлены на Вашу почту.
ОтветитьСкажите, если у меня стоит демо-шаблон, то при установке купленного настройки в коде потеряются?
ОтветитьДа, останутся только настроенные виджеты и гаджеты в разделе Дизайн.
ОтветитьПроверьте почту, шаблон отправлен.
Ответитьотлично, получил!
ОтветитьИ сразу вопрос - как поставить фоновое изображение другое?
В инструкции написано, как это можно сделать.
ОтветитьДобрый вечер) Подскажите пжл, как убрать прозрачность и прописать шрифт, как в бесплатной версии шаблона? вот для наглядности - nseregin.ru
Ответить- с прозрачностью что-то совсем не камильфо..
Здравствуйте! Согласен, выглядит не очень, потому что прозрачная версия шаблона была придумана специально для сайтов у которых будет фоновая картинка, а для тех кто хочет простой белый фон есть непрозрачная версия, которая находится в высланных Вам файлах. Называется он просто Square. В общем Вам проще поменять версию шаблона, чем убрать прозрачность в уже установленном. А что со шрифтами не так?
ОтветитьНе прозрачный шаблон выглядит не так эстетично) этот красивее, потому и хочу оставить его) тем более что при шаблоне Square - ярлыки, находящиеся чуть ниже статистики просмотров появляются только при наведении на него курсора... Помогите плиз прозрачный допилить)) все нравится, кроме серой пленки)
ОтветитьОтправил на Вашу почту шаблон без прозрачности, проверяйте.
ОтветитьОтлично, то что нужно, спасибо! А как сделать прокрутку страницы наверх плавно? и фичи соцсетей вверху, как в бесплатной версии?
ОтветитьВ ближайшие пару дней я напишу на сайте статьи о том, как это можно сделать.
ОтветитьОк, Вы тогда ссылку дайте) буду ждать, спасибо)
ОтветитьИ вам)
ОтветитьОдну тему запостил: кнопки скроллинга вверх страниц сайта - блога
ОтветитьВ своем шаблоне ищите и удаляете код:
scroll_header
Вот скриншот, на котором обозначено что нужно удалить: /ad-file.com/8WJl6r9zW
После этого добавляете новую кнопку из указанной выше темы.
Кнопку я уже сделал) вопрос по поводу ярлыков) когда вверху, скажем нажмете на Военная техника - он будет белым и сольется с фоном)
ОтветитьТакая же проблема наблюдается и с надписью Рекомендуем( как сделать её черного цвета? Она появляется если только выделить область с помощью мыши) можете сами посмотреть) как исправить это баг?
для изменения цвета ярлыка нужно найти код:
Ответить.cloud-label-widget-content .label-size
добавить в него код:
color: #222;
для рекомендую находите код:
div#related-posts h5
в него добавляете:
color: #222;
отлично! =))
ОтветитьПростите, а как сделать вверху страницы ссылки - Контакты, о себе и тд + раскрывающиеся меню ссылок на страницы соцсетей, как в бесплатной версии шаблона?
Ответить1) Перед ]]> вставляете код:
Ответить.fa-instagram:before{ content: "Vk";}
2) Затем ищете код:
и перед ним вставляете следующий код:
Прилагаю скриншот там указано, как должен располагаться второй код:
/ad-file.com/6fPNnfTjt
Дальше, ссылки "Контакты" и "О сайте" уже знаете, как заполнять.
Социальные кнопки вместо ссылок facebook.com, twitter.com и т.д. вставляете соответствующие ссылки на свои группы. Ответить
Ух, спасибо! Всё сделал) интересно, а что прописать, чтобы при нажатии на кнопку соцсети, страницы открывались в новом окне?
ОтветитьЗдесь в принципе нет ничего сложного. Нужно после каждой ссылки к примеру facebook.com' прописать следующий код: rel='nofollow' target='_blank'
ОтветитьВ общем на скриншоте указано, как это должно быть: /rghost.ru/6NHYvFJmj/image.png
И после com' обязательно должен быть пробел.
rel='nofollow' - частично запрещает поисковому роботу переходить по ссылке и не отдает вес вашего сайте, тому на который ведет ссылка.
target='_blank' - это и есть код, который открывает сайт в новом окне.