Як приховати елементи блогу на Blogger (Blogspot)
Максимально управляти видом Blogger-блогу і відображається в ньому інформацією, можна завдяки застосуванню тегів умовних операторів. вказуючи необхідні умови для відображення того чи іншого елемента. Маніпулюючи таким чином, є: приховати за головною або іншої сторінки, різні гаджети і віджети, бічні колонки - сайд-бар, підвал, не показувати повідомлення з певним ярликом, додати окремий стиль (CSS) для блоків на різних сторінках.
Структура гаджета в шаблоні Blogger-блогу.
Як приховати гаджет зі сторінки Blogger-блогу.
Для того, щоб приховати віджет з усіх сторінок блогу, крім статичних, тег умовного оператора потрібно розмістити наступним чином:
Для того щоб приховати гаджет в шаблоні, умовні теги розміщуються всередині блоку
Як зірвати елементи шаблону - бічні колонки і підвал блогу
Перш за все потрібно знайти необхідні блоки. У стандартному шаблоні їх ідентифікатори наступні:
Блок лівому колонки
.
Блок правої бічної колонки
.
А "підвал", згідно з HTML5, має свій тег:
Тепер, можна задати необхідна умова відображення і управляти їх показом.
наприклад:
В даному випадки блок буде показаний тільки на сторінках повідомлень.
Однак, потрібно розуміти що коли ми приховуємо той чи інший блок, будь то ліва колонка або підвал, то місце яке він займав буде пусте, а це не зовсім красиво. Але це можна виправити, задавши умовний CSS для сторінок, на яких блок прихований.
Як встановити CSS для певних сторінок в Blogger
Для прикладу, на всіх сторінках, окрім сторінки повідомлення, задамо ширину центральної колонки як 980px.
В низу, після стильових правил шаблону - після рядка]]> потрібно записати потрібний умовний тег і укласти в нього код CSS:
Код шаблону включає в себе 3 колонки:
- ліву - column-left-outer або fauxcolumn-left-outer;
- праву - column-right-outer або fauxcolumn-right-outer;
- центральну - column-center-outer або fauxcolumn-center-outer
.column-center-outer - ідентифікатор всій центральній колонки, яка включає в себе інші блоки, наприклад такі як: date-header. post-body. entry-content і т.д. Якщо для самої конки або для внутрішніх блоків вказана конкретна ширина, в основному CSS шаблону, наприклад - 600px, то умовний стиль не спрацює - буде виконуватися основний.
Щоб умова відображення спрацювало коректно, для тих блоків до яких прописується умовний стиль, необхідно встановлювати значення ширини автоматичне - width: auto ;. а блоки підганяти за допомогою відступів.
Умовний CSS також можна підключати віддалено:
Як приховати повідомлення з певним ярликом в Blogger (Blogspot)
Для того щоб приховати записи блогу, яким присвоєно певний ярлик з головної сторінки блогу, необхідно знайти в коді шаблону (Панель управління -> Шаблон) наступний рядок:
і замінити її на:
Щоб одночасно приховати з головної сторінки різні повідомлення з різними ярликами, просто додаємо в цикл ще одна умова з іншим ярликом:
- повідомленнями має бути присвоєно не більш 3-х ярликів;
- число записів на головній країні буде зменшено на кількість прихованих записів. Якщо на головній встановлений показ 3-х записів і всім їм надано приховуваний ярлик, то на головній не буде жодної записи.
доповнення
На самому початку необхідно визначитися як і що саме ми хочемо приховати або показати. Тобто якщо ми хочемо щоб певні елементи були приховані з головної сторінки, то потрібно враховувати що він буде прихований тільки з головною. а значить на сторінках пошуку, ярликів, сторінок "Наступні", "Попередні" все залишиться як є.
Наприклад, якщо необхідно, щоб елемент був прихований з усіх сторінок крім повідомлень і статичних. краще вказати таку комбінацію: