Сделайте свой блог во всю ширину, левую боковую панель и правую боковую панель с помощью коротких кодов

Здравствуйте, читатели нашего сайта Cash-Space, посвященного получению дохода в интернете. В этой статье, сегодня мы узнаем, как сделать сообщение в блоге blogger во всю ширину, сдвинуть боковую панель справа налево и наоборот. Это очень продвинутый учебник, и вы не найдете его больше нигде в Интернете. И так начнем наш обзор.

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

Добавление HTML - скрипта )

Теперь это самая важная часть урока, и вы должны делать это очень осторожно. В шаблоне найдите тег </body> и чуть выше него вставьте следующую HTML-кодировку.

<тип сценария="текст / JavaScript"> /*<![CDATA[*/ // плагин jquery replacetext для замены текста https://github.com/cowboy/jquery-replacetext (функция(e){e.fn.ReplaceText=функция(t,n,r){возвращает this.each(функция(){var i=this.firstChild,s,o,u=[];если(i){сделать{if(i.nodeType===3){s=i.nodeValue;o=s.заменить(t,n);if(o!==s){if(!r&&/</.test(o)){e(i).before(o);u.push(i)}else{i.nodeValue=o}}}}while(i=i.nextSibling)}u.length&&e(u).remove()})}})(jQuery) ; var s = "[full_width]"; var o = "[left_sidebar]"; var u = "[right_sidebar]"; $(".post *").ReplaceText(ы, "<style>@media screen и (минимальная ширина: 980 пикселей){.item #main-wrapper{ширина: 100% !важно;максимальная ширина: 100%! важно;плавающий: нет!важно;граница-справа: 0!важно; граница-слева: 0!важно}.элемент #sidebar-wrapper{дисплей: нет;}.элемент #main-wrapper #main{поле-слева: 0! важно; поле-справа: 0! важно}}</style> "); $(".post-body *").ReplaceText(o, "<style>@media screen и (минимальная ширина: 980 пикселей){.item #main-wrapper{float:справа!важно;border-right:0!важно;margin-right: 0px !важно;}.item #sidebar-wrapper{float:слева!важно;padding-слева: 0!важно;}}</style>"); $(".post-body *").ReplaceText(u, "<style>@media screen и (минимальная ширина: 980 пикселей){.item #main-wrapper{float:слева!важно;border-right:0!важно;margin-right: 0px !важно;}.item #sidebar-wrapper{float: справа!важно;padding-слева: 0!важно;}}</style> "); /*]]>*/ </ сценарий>

Теперь сохраните свой шаблон и перейдите на страницы, чтобы добавить карту сайта.

Примечание: - виджет работает на jQuery, поэтому вам нужно установить плагин jQuery, если вы его еще не установили..

Шаг 2 (добавление коротких кодов) - самый важный!!

Теперь это самая важная часть урока, и вы должны делать это очень осторожно.Перейдите на панель управления блоггера> Публикации / Страницы> Редактировать существующие или добавлять новые. Для содержимого публикации / страницы добавьте следующий код в область содержимого.

• Пост во всю ширину;

Перейдите на страницы или сообщения> Новая страница или сообщение

После добавления заголовка страницы / публикации добавьте код [full_width] в область содержимого страницы.

• Левая боковая панель;

Перейдите на страницы или сообщения> Новая страница или сообщение

На новом содержимом страницы / содержимом публикации после добавления заголовка страницы / публикации добавьте код [left_sidebar] в области содержимого страницы.

• Правая боковая панель;

Перейдите на страницы или сообщения> Новая страница или сообщение

На новой странице содержимого / содержимого публикации после добавления заголовка страницы / публикации добавьте код [right_sidebar] в области содержимого страницы.

Теперь нажмите кнопку опубликовать и проверьте опубликованную страницу, чтобы увидеть недавно добавленный виджет sitemap. ;) Примечание: - Этот виджет в основном работает с шаблонами, созданными Soratemplates, но если он все еще не работает на вашем сайте, не паникуйте, просто прокомментируйте адрес своего блога.

Примечание *: - Некоторые шаблоны, созданные soratemplates, уже имеют эту функцию.

Заключение

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

На этой скромной ноте я завершаю свою статью. В следующих статьях я расскажу Вам. Какими еще способами можно заработать. Так что подписывайтесь на мой блог и наш канал на Яндекс.Дзен, также на мой Телеграмм канал, ну и за одно поставьте лайк (палец вверх) за труды. Если у Вас возникают какие-то вопросы. Или Вы хотите что-нибудь добавить, напишите об этом в комментариях. Я с радостью отвечу на все Ваши комментарии!