Header Ads

Красивый, оригинальный, а главное - бесплатный шаблон для блоггер! Где скачать и как установить?



Бесплатно... Надеюсь, вам нравится это слово так же, как и мне:)

Сегодня поговорим о бесплатных сторонних шаблонах для бесплатной платформы blogspot. Бесплатные шаблоны для бесплатной платформы:) Красота какая, правда?:)

Итак, где можно скачать такие шаблоны? На зарубежных сайтах! Просто введите в строку поиска яндекс или google такой запрос: free blogger templates и погрузитесь в красоту невообразимую:)

Итак, сегодня, на примере одного из таких шаблонов, я расскажу как его установить и адаптировать под себя.

ВАЖНО! Обязательно сделайте резервную копию шаблона! Чтобы в случае чего вернуться к привычному дизайну.
Как сделать резервную копию, читаем тут - хорошо и понятно написано про обычный и не совсем обычный способ бэкапа.

Как установить сторонний шаблон в блоггер?

Я выбрала вот такой шаблон, который должен понравиться многим девочкам:) Смотреть оригинал шаблона можно тут: https://gooyaabitemplates.com/grider-blogger-template/

Шаблон можно посмотреть в тестовом режиме, если нажать "live preview"

А можно скачать кнопкой "Download"

Допустим, мы влюбились именно в этот шаблон и решили его забрать к себе.

Скачиваем шаблон, он находится в zip папке, которую необходимо разархивировать в удобное для вас место. Я его на рабочий стол поместила.

Теперь идем в админ панель вашего блога.

Я, по такому случаю, создала тестовый блог.

И загружаем наш шаблон туда, куда показывает стрелочка
Выбираем папку с нашим шаблоном
Выбираем файл XML - это и есть наш шаблон красивущий:)
Загружаем шаблон и ничего не боимся:)
После загрузки, смотрим, что у нас получилось:
Верх

Низ
Да, для наглядности, я сделала три тестовых записи с тремя разными ярлыками:)
 Как добавить свой логотип в сторонний шаблон?
Так же, как и в обычный:)

Вам, может быть, понравится и без логотипа (собственной шапки). Но очень многие любят во всем проявлять свою неповторимость:) Ну и я в их числе. Я на скорую руку нарисовала очень простой логотип и пошла на вкладку "Дизайн"

Находим заголовок и жмём "изменить"

Добавляем нашу картинку и не забываем отметить "Вместо заголовка и описания" и жмем "сохранить.

Смотрим, что получилось:



Эх, было бы здорово, если бы не эта дурацкая рамочка, правда? Давайте ее уберем!

Переходим на вкладку "Шаблон" и "Изменить html"

Нажимаем мышкой в любом месте кода и жмем на клавиатуре комбинацию: cntr+g

У нас появилось окно поиска, в которое вводим такой текст: img#Header1_headerimg
Текст, который мы искали, выделен желтым, а удалить необходимо то, что я подчеркнула: "border: 5px solid #fff"

После удаления строчки, жмем "Сохранить" и смотрим еще раз:


Ура! Рамочка исчезла!:)

Как изменить фон

Ищем строчку: "word-wrap: break-word; background-image"
И меняем url-адрес на свой
И вот, что у меня вышло:

Кстати, помните, наши буковки на верхнем меню были светлыми? Когда я изменила фоновую картинку, они совсем стали незаметными и мне пришлось изменить цвет на более темный.
Для этого, ищем в коде такую фразу: "navbar-inverse .navbarse"


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

Как настроить верхнее меню

В коде шаблона ищем вот такой отрезок:

Решетки заменяем на свои ссылки, а текст (Magazine, Blog и т.д) на названия ваших страниц.

У меня получилось так:

Последнюю строчку со скачиванием шаблона я убрала, она мне не нужна. Сохраняем и смотрим:


Наши странички стали русскими и понятными:)

Как настроить кнопки соцсетей

Если открыть любой пост на нашем новом блоге, то мы увидим, что появился сайтбар. Виджеты, которые вам не нужны легко удалить.

А вот настроить кнопки соцсетей - очень даже неплохо бы:)

Ищем в коде шаблона вот такую строчку: "<h2>Follow Us</h2>"

И смотрим вот такой отрезок:


Строчки с неактуальными сетями можно удалить, а нужные заполнить: заменить прописанный адрес или # - на свой.

Как настроить описание автора под постом

Смотрите, что у нас есть под каждым постом:

Ищем это место в шаблоне, я просто ввела первые два слова из описания: "Cress arugula"

И видим такое дело:

В поле "yourgoogleprofile" можно вписать ссылку на свой профиль в гугл+

Редактируем описание. У меня получилось так:

About author я вообще удалила:)


Не знаю, что можно тут еще добавить:)

Если есть вопросы - обязательно спрашивайте, будем разбираться вместе и статью хорошо дополним.

Ссылка на тестовый блог с бесплатным шаблоном - http://alexlanskaya.blogspot.nl/

А в следующий раз я сделаю подборку сторонних шаблонов, которая будет состоять из 50 штук! Так что оставайтесь со мной и всего вам самого лучшего!

4 комментария:

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

    ОтветитьУдалить
    Ответы
    1. Шаблон еще стоит? Если есть, напишите ссылку, я посмотрю. Если пытаетесь убрать копирайт - то не выйдет, там защищенные ссылки, их я не умею убирать

      Удалить
    2. Вижу, что стоит. Напишите мне на alex@soorb.ru Совместными усилиями поставим:)

      Удалить
  2. Александра, здравствуйте! Спасибо за пост! : )

    ОтветитьУдалить