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




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

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

Демо- Square
Демо - Square transparent
Скачать бесплатную версию
Приобрести шаблон полная SEO версия


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

Поделиться в социальных сетях:
Facebook Twitter Vkontakte

Рекомендуем

36 Коммент.

avatar
Nikolay Seregin
сентября 30, 2024

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

Ответить
avatar
Антон Архипов
сентября 30, 2024

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

Ответить
avatar
Nikolay Seregin
сентября 30, 2024

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

Ответить
avatar
Антон Архипов
сентября 30, 2024

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

Ответить
avatar
Антон Архипов
сентября 30, 2024

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

Ответить
avatar
Nikolay Seregin
октября 01, 2024

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

Ответить
avatar
Антон Архипов
октября 01, 2024

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

Ответить
avatar
Nikolay Seregin
октября 01, 2024

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

Ответить
avatar
Антон Архипов
октября 01, 2024

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

Ответить
avatar
Nikolay Seregin
октября 01, 2024

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

Ответить
avatar
Антон Архипов
октября 01, 2024

R827561760916

Ответить
avatar
Nikolay Seregin
октября 01, 2024

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

Ответить
avatar
Антон Архипов
октября 01, 2024

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

Ответить
avatar
Nikolay Seregin
октября 01, 2024 Этот комментарий был удален администратором блога.
avatar
Nikolay Seregin
октября 01, 2024

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

Ответить
avatar
Антон Архипов
октября 01, 2024

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

Ответить
avatar
Антон Архипов
октября 01, 2024

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

Ответить
avatar
Nikolay Seregin
октября 02, 2024

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

Ответить
avatar
Антон Архипов
октября 02, 2024

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

Ответить
avatar
Nikolay Seregin
октября 03, 2024

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

Ответить
avatar
Антон Архипов
октября 03, 2024

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

Ответить
avatar
Nikolay Seregin
октября 03, 2024

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

Ответить
avatar
Антон Архипов
октября 03, 2024

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

Ответить
avatar
Nikolay Seregin
октября 03, 2024

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

Ответить
avatar
Антон Архипов
октября 03, 2024

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

Ответить
avatar
Nikolay Seregin
октября 03, 2024

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

Ответить
avatar
Антон Архипов
октября 03, 2024

И вам)

Ответить
avatar
Антон Архипов
октября 05, 2024

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

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

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

Ответить
avatar
Nikolay Seregin
октября 05, 2024

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

Ответить
avatar
Антон Архипов
октября 05, 2024

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

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

Ответить
avatar
Nikolay Seregin
октября 06, 2024

отлично! =))

Ответить
avatar
Nikolay Seregin
октября 06, 2024

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

Ответить
avatar
Антон Архипов
октября 06, 2024

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

Ответить
avatar
Антон Архипов
октября 06, 2024



2) Затем ищете код:


и перед ним вставляете следующий код:



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

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

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

Ответить
avatar
Антон Архипов
октября 09, 2024

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

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

Ответить
Отправить комментарий