tag:blogger.com,1999:blog-54195766996751854612024-03-13T15:14:00.044+02:00BloggerСоздайте свой блог с помощью веб-сервиса BloggerFreeWebmasterhttp://www.blogger.com/profile/03173315662089289978noreply@blogger.comBlogger30125tag:blogger.com,1999:blog-5419576699675185461.post-36069418043918057692024-01-30T13:48:00.038+02:002024-01-30T14:34:48.922+02:00Как настроить свой домен для блога на Blogger? <a
href="https://blogger.freewebmaster.info/2024/01/kak-nastroit-svoy-domen-dlya-bloga-na-Blogger.html" target="_blank"
><img
alt="Как настроить свой домен для блога на Blogger?"
border="0"
data-original-height="360"
data-original-width="640"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQez7q5GSL4mQJftfiS6NDjA1X059XIHHay3KcQmMnMoOIX3Je3VCFvpfvQLDURL1xxG5BbG5F9QeDqA-6VUaPxw2AsudbgmN3foPuEvUpTfyKOHIzInNykWYLRmC1FiRCETU7Asn5kO3UiYFc7R9VJhJv4i3R_nOS_hSggL-a21CtpGRHr31hpXdIfA8/s16000/BloggerTop.jpg"
title="Как настроить свой домен для блога на Blogger?"
/></a>
<br />
<br />
<div style="text-align: justify;">
Платформа Blogger дает возможность перенаправить блог на субдомен вашего
персонального домена, при этом предоставляя SSL-сертификат для защищенного
соединение по протоколу https. Также, настройки DNS позволяют настроить
переадресацию основного домена на субдомен.
<br />
<a name='more'></a>
<br />
Более десяти лет назад, уже касался вопроса
<a
href="https://blogger.freewebmaster.info/2012/11/kak-perenapravit-Blogger-na-subdomen-personalnogo-domena.html"
target="_blank"
>перенаправления платформы на Blogger на субдомен персонального
домена.</a >
Собственно, этот блог и является примером такого перенаправления. С тех
пор изменились некоторые настройки и добавились новые.
<br />
<br />
<b>Настройка DNS домена для Blogger.</b> В разделе настроек админпанели
Blogger, в блоке "Публикация", нажимаем ссылку "Персональный домен".
</div>
<br />
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0SaRDY7MnmECKg2kfWkiNXJ20Lz-pyYfxuqMiKVSif_cF9TndQvh7GKpjm6TVQlfd3UFgmFC2AkdGn8m4QPF_jW6P7BWV8E5npnkaVv-Jb0TmhUZVjaxG6Cve2mxfzOY8gWYKNWMNzpychhLEP4MY-2xrHniRBSVvuoW52P3Uv0yisiEVi2MhhRoXGY0/s1054/Blogger.jpg"
><img
alt="Настройка DNS домена для Blogger"
border="0"
data-original-height="821"
data-original-width="1054"
height="498"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0SaRDY7MnmECKg2kfWkiNXJ20Lz-pyYfxuqMiKVSif_cF9TndQvh7GKpjm6TVQlfd3UFgmFC2AkdGn8m4QPF_jW6P7BWV8E5npnkaVv-Jb0TmhUZVjaxG6Cve2mxfzOY8gWYKNWMNzpychhLEP4MY-2xrHniRBSVvuoW52P3Uv0yisiEVi2MhhRoXGY0/w640-h498/Blogger.jpg"
title="Настройка DNS домена для Blogger"
width="640"
/></a>
<br />
<br />
В появившемся окне, вводим URL домена, и нажимаем "Сохранить".
<br />
<br />
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq4rJno_mj-aT6RgS70CW7osPWujXfv-FzPfJWCrRzGYbaLIPVo7TtGRcU49AEtY4sjHQ5-_RB5w3rpPW6CU0Pl_ozpenDtADWBhNoojTsID6_3ot_3kPT_9-eBLaDascba8EcVqjg98btNM5qOcowlG8booOCM9fzEwMGdkdE0f7eYboLbae8wn0qtCU/s937/Blogger3.jpg"
><img
alt="Как добавить свой домен для блога на Blogger"
border="0"
data-original-height="528"
data-original-width="937"
height="360"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq4rJno_mj-aT6RgS70CW7osPWujXfv-FzPfJWCrRzGYbaLIPVo7TtGRcU49AEtY4sjHQ5-_RB5w3rpPW6CU0Pl_ozpenDtADWBhNoojTsID6_3ot_3kPT_9-eBLaDascba8EcVqjg98btNM5qOcowlG8booOCM9fzEwMGdkdE0f7eYboLbae8wn0qtCU/w640-h360/Blogger3.jpg"
title="Как добавить свой домен для блога на Blogger"
width="640"
/></a>
<br />
<p style="text-align: justify;">
Данный домен сохранить не получилось. Обратите внимание, блоги нельзя
размещать в доменах второго уровня (например, yourdomain.com). Введите
адрес субдомена (blog.yourdomain.com) или домена верхнего уровня
(www.yourdomain.com). Очевидно, введенный домен считается доменом второго
уровня.
</p>
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-wMEeApZdLZoPPtg-kqJ_ClDMjO11oZHGMHGGvK8gG91sRVAMDG7Ij0WszQ_pvyYTxBpgvhTGxvEDyt-frNke_dpQH_W7jsbiE4BQ2JxivZ8mVErsbY-V68TaqL9pV-eES1MBzG9GdmbMHtrne7uPq9PI3RDCcnHJskOn62xca-Fqp7g-CGUtlWmWBtg/s1000/Blogger2.jpg"
><img
alt="Настройка DNS домена для Blogger"
border="0"
data-original-height="534"
data-original-width="1000"
height="342"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-wMEeApZdLZoPPtg-kqJ_ClDMjO11oZHGMHGGvK8gG91sRVAMDG7Ij0WszQ_pvyYTxBpgvhTGxvEDyt-frNke_dpQH_W7jsbiE4BQ2JxivZ8mVErsbY-V68TaqL9pV-eES1MBzG9GdmbMHtrne7uPq9PI3RDCcnHJskOn62xca-Fqp7g-CGUtlWmWBtg/w640-h342/Blogger2.jpg"
title="Настройка DNS домена для Blogger"
width="640"
/></a>
<br />
<p style="text-align: justify;">
Так как ранее, я уже подтвердил права на домен, для примера взял другой,
просто удалив первую букву. Так, система написала, что не удалось
подтвердить ваши права на этот домен. На сайте регистратора доменов
найдите настройки DNS и введите две следующие записи CNAME:
<br />
<br />
Name: www, Destination: ghs.google.com
<br />
Name: ckw..., Destination: ...dv.googlehosted.com
<br />
<br />
Вторая запись CNAME требуется для подтверждения прав на домен и после
успешного перенаправления, ее можно удалить. Эта строка уникальна для
каждого пользователя и связана с блогом и аккаунтом Google.
</p>
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9QxkmXxguM4yI1ictD3Tqq0Emirv4NrbiF4MaI0PBkGRdg25YI9pfG01QIuYiVPivgKKRy5Zztd11HnQFqyP-tRwUXA4o49iAvnUnb0CCyUAa9LDg8LZ-nxS3FZrr49mb90X_qHHQSrqZVISmzwk62fRHHqPMBbTD3RPubCyZT0XF6pzEmcT30T1F-Yk/s995/Blogger4.jpg"
><img
alt="Подтверждение прав на домен для Blogger"
border="0"
data-original-height="526"
data-original-width="995"
height="338"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9QxkmXxguM4yI1ictD3Tqq0Emirv4NrbiF4MaI0PBkGRdg25YI9pfG01QIuYiVPivgKKRy5Zztd11HnQFqyP-tRwUXA4o49iAvnUnb0CCyUAa9LDg8LZ-nxS3FZrr49mb90X_qHHQSrqZVISmzwk62fRHHqPMBbTD3RPubCyZT0XF6pzEmcT30T1F-Yk/w640-h338/Blogger4.jpg"
title="Подтверждение прав на домен для Blogger"
width="640"
/></a>
<br />
<p style="text-align: justify;">
Ранее, я добавил бесплатный домен в Cloudflare и заменил DNS регистратора
на DNS этого сервиса. Обращу внимание, пока не выключил редактированием
DNS статус Proxy для крайней записи, права на домен подтвердить не
удавалось. Так, в Cloudflare появились следующие записи:
</p>
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9vA7BxphGkiVMkAV98cJyX6fwh_1ECm0WTxdpKQ2UkUglHQRc8wvdgj2frO6XNwbO4Hhq9EOySAIymNJuWIPtmpx-Hxqt_mPE2AFteLK3TcorK0lnNH0oWgBx6t9brBpRPVFx8GdAUiK614kHVUlusL87KS3huTMxvIk0RWt8Ck4JusZ_6hhiXHdt3_U/s1285/cloudflare13.jpg"
><img
alt="Подтверждение прав на домен для Blogger"
border="0"
data-original-height="524"
data-original-width="1285"
height="260"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9vA7BxphGkiVMkAV98cJyX6fwh_1ECm0WTxdpKQ2UkUglHQRc8wvdgj2frO6XNwbO4Hhq9EOySAIymNJuWIPtmpx-Hxqt_mPE2AFteLK3TcorK0lnNH0oWgBx6t9brBpRPVFx8GdAUiK614kHVUlusL87KS3huTMxvIk0RWt8Ck4JusZ_6hhiXHdt3_U/w640-h260/cloudflare13.jpg"
title="Подтверждение прав на домен для Blogger"
width="640"
/></a>
<p style="text-align: justify;">
После успешного подтверждения прав на персональный домен, он отобразился в
админпанели Blogger.
</p>
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOPhSMqHIvV9kDmYYImURg-9zTTxHaWB8oswNxNlMWxJuyA4yx_hh5Ce2ZivRhFN-sIfymI-w55f_eDu5ilq96fSrDGLKd_vbse3MuBEDI94lK49_0cJi37laiEWxm9pVr85Wrm-MT-8kyAYzZEiWYGd9YwdwhktMhtuOaEUStwTnIWP1Rg-MycIMOZiY/s774/Blogger5.jpg"
><img
alt="Подтверждение прав на домен для Blogger"
border="0"
data-original-height="661"
data-original-width="774"
height="546"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOPhSMqHIvV9kDmYYImURg-9zTTxHaWB8oswNxNlMWxJuyA4yx_hh5Ce2ZivRhFN-sIfymI-w55f_eDu5ilq96fSrDGLKd_vbse3MuBEDI94lK49_0cJi37laiEWxm9pVr85Wrm-MT-8kyAYzZEiWYGd9YwdwhktMhtuOaEUStwTnIWP1Rg-MycIMOZiY/w640-h546/Blogger5.jpg"
title="Подтверждение прав на домен для Blogger"
width="640"
/></a>
<br />
<p style="text-align: justify;">
Теперь, если щелкнуть в слева в меню ссылку "Посмотреть блог", первый раз
появляется страница с предупреждением, что блог, который раньше был по
указанному в адресной строке адресу, теперь находится по адресу
http://www.coi.pp.ua/. Предворительно, в настройках Cloudflare
отключил защищенный протокол https, так как такое соединение для
персонального домена предоставляет и Blogger.
</p>
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ-50h8nDiEALvlIKSG7A4knLg85FjMunr6yYl_2ZNkdQi_pb8OdlsuYTunIuR-sb_lH5SgNOj2XWIKPFsm-sGf44WSp1wDyGTp9HADnhvAmQgSdMQalS8l5-a22KC6nkWvbsvViP4uXr_bVK9hyphenhypheny90QEwEUllyYTr-ITYJg9OsxmhNkqOk_6W3d2P8dc/s1458/Blogger6.jpg"
><img
alt="Как перенаправить Blogger на свой домен?"
border="0"
data-original-height="693"
data-original-width="1458"
height="304"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ-50h8nDiEALvlIKSG7A4knLg85FjMunr6yYl_2ZNkdQi_pb8OdlsuYTunIuR-sb_lH5SgNOj2XWIKPFsm-sGf44WSp1wDyGTp9HADnhvAmQgSdMQalS8l5-a22KC6nkWvbsvViP4uXr_bVK9hyphenhypheny90QEwEUllyYTr-ITYJg9OsxmhNkqOk_6W3d2P8dc/w640-h304/Blogger6.jpg"
title="Как перенаправить Blogger на свой домен?"
width="640"
/></a>
<br />
<br />
Блог, действительно, открывается по незащищенному протоколу http.
<br />
<br />
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBaF6O8EPt62UYqtAFEpY7ZpXQjJn0iFUQ2J9qdOJ9B5NBBblLyn4l4mDgBof5JwXv6VwFma00cJ552kjMC6SDY-LGOZYanx0enjBwJzVQ7Vj5Ic9Efdf2PfDAfmqzjUn-A02auJv_hKqjkg24ZR4ceOGw-nM3WbUmsYADsjNoL9IJqumQcoh_gs1PBGk/s1257/Blogger7.jpg"
><img
alt="Как перенаправить Blogger на свой домен?"
border="0"
data-original-height="677"
data-original-width="1257"
height="344"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBaF6O8EPt62UYqtAFEpY7ZpXQjJn0iFUQ2J9qdOJ9B5NBBblLyn4l4mDgBof5JwXv6VwFma00cJ552kjMC6SDY-LGOZYanx0enjBwJzVQ7Vj5Ic9Efdf2PfDAfmqzjUn-A02auJv_hKqjkg24ZR4ceOGw-nM3WbUmsYADsjNoL9IJqumQcoh_gs1PBGk/w640-h344/Blogger7.jpg"
title="Как перенаправить Blogger на свой домен?"
width="640"
/></a>
<br />
<p style="text-align: justify;">
<b>Как включить защищенное соединение https для Blogger?</b>
Платформа Blogger предоставляет возможность использовать защищенное
соединение по протоколу https, в том числе, и для персонального домена.
Через несколько минут обновил страницу и появилось сообщение: Статус: сбой
- Не удалось обработать SSL-сертификат для протокола HTTPS из-за данных о
вызове, которые не являются общедоступными. Проверьте настройки DNS...
Думаю, придется перейти на DNS регистратора.
</p>
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFOTkWqlR3iz5sp4pNIbO-gN8FnwdNCKxWQPHp2ibY8sz3kk4-2fXwNaZcCOoAXrNwmGV_g3xpvIBU_AR5khb7cQdP32GFdakrRtI3BfKWNQpAEDkDY3Dx2qHg2zKQY55iApGMgft5GUk4xKks5l7419H1rWByVeB5XlRas6Tg7iJ5nwvu-f4gmG2otx4/s768/Blogger8.jpg"
><img
alt="Как включить защищенное соединение https для Blogger?"
border="0"
data-original-height="707"
data-original-width="768"
height="590"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFOTkWqlR3iz5sp4pNIbO-gN8FnwdNCKxWQPHp2ibY8sz3kk4-2fXwNaZcCOoAXrNwmGV_g3xpvIBU_AR5khb7cQdP32GFdakrRtI3BfKWNQpAEDkDY3Dx2qHg2zKQY55iApGMgft5GUk4xKks5l7419H1rWByVeB5XlRas6Tg7iJ5nwvu-f4gmG2otx4/w640-h590/Blogger8.jpg"
title="Как включить защищенное соединение https для Blogger?"
width="640"
/></a>
<br />
<p style="text-align: justify;">
Переходить на DNS регистратора не пришлось. Выключил редактированием DNS
статус Proxy для записи CNAME www.
</p>
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIfzPD_6E-ZqIc3W2CQ4XFCSCcSzqlx1nEd-oEqVFUgBGNf3AvESwxs8vjWX3061IzyFU69AGlutaRD17Lq7sXJt7v8_hmOh7d_skylh4B2FR6busHHeud5jkICYL0ZuAARCl5s2-iSZwwwDPUM0AwlXLixpy_p59lmdFKz3xnO7vf_tF-fL1A3AIIIm0/s1281/Blogger9.jpg"
><img
alt="Как включить защищенное соединение https для Blogger?"
border="0"
data-original-height="486"
data-original-width="1281"
height="242"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIfzPD_6E-ZqIc3W2CQ4XFCSCcSzqlx1nEd-oEqVFUgBGNf3AvESwxs8vjWX3061IzyFU69AGlutaRD17Lq7sXJt7v8_hmOh7d_skylh4B2FR6busHHeud5jkICYL0ZuAARCl5s2-iSZwwwDPUM0AwlXLixpy_p59lmdFKz3xnO7vf_tF-fL1A3AIIIm0/w640-h242/Blogger9.jpg"
title="Как включить защищенное соединение https для Blogger?"
width="640"
/></a>
<br />
<p style="text-align: justify;">
Так, в админпанели Blogger, статус https стал доступен и можно включить
перенаправление посетителей с http на https.
</p>
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXcvk738g0gg-Kmj36LIfh8LwmIZOL_jCmgbfWcJHdWmEUj9ClcNQ2O0XAT8-BYQVglb72Y1TLHF3y0Zo9NCfB-bwZNSvFz1KCjIfMLeEHyjHg_y_COW2x3XSb_Wff3qvFmIq2wm7qeMaWiMEx4gpoHUgG7ZunJEC-MSewMYNos6btE-GY72EjfSg6v-o/s778/Blogger10.jpg"
><img
alt="Как включить защищенное соединение https для Blogger?"
border="0"
data-original-height="654"
data-original-width="778"
height="538"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXcvk738g0gg-Kmj36LIfh8LwmIZOL_jCmgbfWcJHdWmEUj9ClcNQ2O0XAT8-BYQVglb72Y1TLHF3y0Zo9NCfB-bwZNSvFz1KCjIfMLeEHyjHg_y_COW2x3XSb_Wff3qvFmIq2wm7qeMaWiMEx4gpoHUgG7ZunJEC-MSewMYNos6btE-GY72EjfSg6v-o/w640-h538/Blogger10.jpg"
title="Как включить защищенное соединение https для Blogger?"
width="640"
/></a>
<br />
<p style="text-align: justify;">
<b>SSL-сертификат для протокола https от Blogger.</b> Теперь сайт
отображается на субдомене, только по защищенному протоколу, по адресу
https://www.coi.pp.ua.
</p>
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvGx-tbLpVmlgRdJJ9q6U09ufljB5W-pvwGn-98mftUDuRkPBVpy26O4EFNb88UWf0UG11PzzSVwu2m2ICdd6DtKOeY3aY6L8bP9tgnCP2eeNXJ4zPve7ritORuJSFaQxgKe7R8y-zq-kvhv73auiix3Uc0x1WF4dMeCv5VZFCX9oMh9OtgIx2vi5MeDI/s1272/Blogger11.jpg"
><img
alt="Как включить защищенное соединение https для Blogger?"
border="0"
data-original-height="649"
data-original-width="1272"
height="326"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvGx-tbLpVmlgRdJJ9q6U09ufljB5W-pvwGn-98mftUDuRkPBVpy26O4EFNb88UWf0UG11PzzSVwu2m2ICdd6DtKOeY3aY6L8bP9tgnCP2eeNXJ4zPve7ritORuJSFaQxgKe7R8y-zq-kvhv73auiix3Uc0x1WF4dMeCv5VZFCX9oMh9OtgIx2vi5MeDI/w640-h326/Blogger11.jpg"
title="Как включить защищенное соединение https для Blogger?"
width="640"
/></a>
<br />
<br />
<div style="text-align: justify;">
Хотелось бы подробнее узнать о защищенном соединении от платформы Blogger.
Если нажать на значок замка, сразу слева от адресной строки браузера, то
увидим информацию о защищенном подключении.
</div>
<br />
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBxmXUhU-PtDWHn7IrI1r4wCKNdeVIrSr28TqUZ7ik5GbM_VKzUpjvJJAHD3BYS_7ZpJiI5XjTaZ1P9DocqGzF0pyDibe7izCHA7aoIqORZeyBxJYC1AO3Y2JT7lluwUpe-V5xLnTZbAuRnHqCHMRhxf2hHAjabaJOipDAWc1-i5jQ5kf9b909dbwNClk/s918/Blogger12.jpg"
><img
alt="Защищенное соединение https от Blogger"
border="0"
data-original-height="508"
data-original-width="918"
height="354"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBxmXUhU-PtDWHn7IrI1r4wCKNdeVIrSr28TqUZ7ik5GbM_VKzUpjvJJAHD3BYS_7ZpJiI5XjTaZ1P9DocqGzF0pyDibe7izCHA7aoIqORZeyBxJYC1AO3Y2JT7lluwUpe-V5xLnTZbAuRnHqCHMRhxf2hHAjabaJOipDAWc1-i5jQ5kf9b909dbwNClk/w640-h354/Blogger12.jpg"
title="Защищенное соединение https от Blogger"
width="640"
/></a>
<br />
<br />
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEhWAEqreNRAUlQ-OTiPgz3shmzORs8XStOAfiRuKZ-14XT1-uwE_TN6JMbtPFX-EuDK3wkR7JOXARNf5x1QRx9kJ_DpwMPfbNao669-1gS7o1ZaspptyAntyDGNvAQroYppOycxXiOuJ1ALDkpUIYpZ7gbC0JtHvJTFFo9qeYYPNqdQTQIwRYPWt8zqs/s915/Blogger13.jpg"
><img
alt="Защищенное соединение https от Blogger"
border="0"
data-original-height="514"
data-original-width="915"
height="360"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEhWAEqreNRAUlQ-OTiPgz3shmzORs8XStOAfiRuKZ-14XT1-uwE_TN6JMbtPFX-EuDK3wkR7JOXARNf5x1QRx9kJ_DpwMPfbNao669-1gS7o1ZaspptyAntyDGNvAQroYppOycxXiOuJ1ALDkpUIYpZ7gbC0JtHvJTFFo9qeYYPNqdQTQIwRYPWt8zqs/w640-h360/Blogger13.jpg"
title="Защищенное соединение https от Blogger"
width="640"
/></a>
<br />
<p style="text-align: justify;">
При нажатии меню "Подробнее", попадаем в окно Firefox "Информация о странице",
где видим информацию о странице, на которой находимся. На вкладке "Защита", в
строке "Подтверждено:" отображает агентство, выдавшее сертификат безопасности,
который использует сайт, если таковой имеется. В моем случае SSL-сертификат от
Google Trust Services LLC.
</p>
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaxjzrvTIH2TGnTpvp_cKt4BkveCSRrwcfTL3f_8VGFsA9XoZ-IphX0Dlq4aHcW6stSQF6r94q18RRdASbgRS3ODflBz7cqHCmp4UcEVB5ZSo2hVe7aDL3NRWgZcDBaLutN7v9SOHUQyMoTkXl2mjgb7lqsrfV5qiyMURuPykDu7IWypBnx7h0s_y_Mr8/s696/Blogger14.jpg"
><img
alt="Подтверждение SSL-сертификата сайта"
border="0"
data-original-height="544"
data-original-width="696"
height="500"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaxjzrvTIH2TGnTpvp_cKt4BkveCSRrwcfTL3f_8VGFsA9XoZ-IphX0Dlq4aHcW6stSQF6r94q18RRdASbgRS3ODflBz7cqHCmp4UcEVB5ZSo2hVe7aDL3NRWgZcDBaLutN7v9SOHUQyMoTkXl2mjgb7lqsrfV5qiyMURuPykDu7IWypBnx7h0s_y_Mr8/w640-h500/Blogger14.jpg"
title="Подтверждение SSL-сертификата сайта"
width="640"
/></a>
<br />
<p>
Чтобы увидеть сертификат веб-сайта, нажмите на кнопку "Просмотреть
сертификат".
</p>
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi380mmDZLZrbt3Jdd5iEj1UkCBjFihjCHfxDoqADXAFAEeZh_Zo4oztgCkfONsz90Evxf6n3mzJfZAW4MWXl9-TPhqFwtFs90kp8FuHJ7gP2UJfidsileEf-t_UixyxqHAfkDEpOHygbEoBPI_9tmO2R6UWH29rn7AwIl8ZdVFnJlkLlkqNnUEXh4DwKg/s1163/Blogger15.jpg"
><img
alt="Как увидеть сертификат веб-сайта?"
border="0"
data-original-height="810"
data-original-width="1163"
height="446"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi380mmDZLZrbt3Jdd5iEj1UkCBjFihjCHfxDoqADXAFAEeZh_Zo4oztgCkfONsz90Evxf6n3mzJfZAW4MWXl9-TPhqFwtFs90kp8FuHJ7gP2UJfidsileEf-t_UixyxqHAfkDEpOHygbEoBPI_9tmO2R6UWH29rn7AwIl8ZdVFnJlkLlkqNnUEXh4DwKg/w640-h446/Blogger15.jpg"
title="Как увидеть сертификат веб-сайта?"
width="640"
/></a>
<br />
<p style="text-align: justify;">
<b>Переадресация домена на субдомен.</b> В случае, если вы ведете только блог
и вам ненужен сайт на основном домене, в админпанеле Blogger, можно включить
перенаправление домена на субдомен.
</p>
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy_b-A0g4bykwgkSv6XLUiZPz_qDQS7l8cBK0N668cJgHtV_cJL6Kbc3GOTvPqAQ162Zfhl2f3EChd2fU6dVD0x-GaXXF8cYY9znlPoXLUKy95VY9ICSlRcQAwAecYzgBC_S06luG9ncvh_ybgeDJoi_CUnbqWff98akoZRLSTdP8Y7jmv9LL8MjWmolI/s761/Blogger16.jpg"
><img
alt="Переадресация домена на субдомен"
border="0"
data-original-height="697"
data-original-width="761"
height="586"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy_b-A0g4bykwgkSv6XLUiZPz_qDQS7l8cBK0N668cJgHtV_cJL6Kbc3GOTvPqAQ162Zfhl2f3EChd2fU6dVD0x-GaXXF8cYY9znlPoXLUKy95VY9ICSlRcQAwAecYzgBC_S06luG9ncvh_ybgeDJoi_CUnbqWff98akoZRLSTdP8Y7jmv9LL8MjWmolI/w640-h586/Blogger16.jpg"
title="Переадресация домена на субдомен"
width="640"
/></a>
<br />
<br />
<div style="text-align: justify;">
Переадресация домена coi.pp.ua на субдомен www.coi.pp.ua не работает без
настроек DNS. Как настроить переадресацию с URL без субдомена на URL вашего
блога, описано в
<a
href="https://support.google.com/blogger/answer/1233387"
rel="nofollow"
target="_blank"
>спрвке Blogger.</a >
В настройках DNS добавьте четыре записи А, указывающие на IP-адреса Google.
Если записи А для адреса mydomain.com уже существуют, вам необходимо удалить
их, а затем добавить новые.
<ul >
<li>216.239.32.21</li>
<li>216.239.34.21</li>
<li>216.239.36.21</li>
<li>216.239.38.21</li>
</ul>
</div>
<br />
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoG8SLAn5TERqsal0EIQILZ1N4uiNDoKh0-1Q85UAGYAW08wxaz2zzQg7pIA-rVXHTACcUpGkZPNlqEw19mtX3Qa-bgdfoePpwABkUzy_h5ruj0jI_TBrok6KHe-JOAjcNmrE25ArzL-wpHhcd5zQ9w-QUMPwje1PyeaooqkKqgVhg3fYQknVfUQoAbIk/s777/Blogger17.jpg"
><img
alt="Перенаправление домена на субдомен"
border="0"
data-original-height="578"
data-original-width="777"
height="476"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoG8SLAn5TERqsal0EIQILZ1N4uiNDoKh0-1Q85UAGYAW08wxaz2zzQg7pIA-rVXHTACcUpGkZPNlqEw19mtX3Qa-bgdfoePpwABkUzy_h5ruj0jI_TBrok6KHe-JOAjcNmrE25ArzL-wpHhcd5zQ9w-QUMPwje1PyeaooqkKqgVhg3fYQknVfUQoAbIk/w640-h476/Blogger17.jpg"
title="Перенаправление домена на субдомен"
width="640"
/></a>
<br />
<br />
И так, в настройках DNS Cloudflare добавил четыре записи А, указывающие на
IP-адреса Google.
<br />
<br />
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvF6WL7igUKGEbu7h8qfirS0fHJRoMJXUaNL7_33hCRzmHw4x0CraOsg9X-au2wIytNusO5eSQrBeMa6XjeYG16mnJ7_FgD5uTvnVo7Xv3XWomDokDDTD0skW2il_XCE0x5wVELHXaqERh_Wp7Fxgd9v95gSkgacPxI7zdW6QK-ITIIl7jcol1f16bTF4/s1296/Blogger18.jpg"
><img
alt="Перенаправление домена на субдомен"
border="0"
data-original-height="605"
data-original-width="1296"
height="298"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvF6WL7igUKGEbu7h8qfirS0fHJRoMJXUaNL7_33hCRzmHw4x0CraOsg9X-au2wIytNusO5eSQrBeMa6XjeYG16mnJ7_FgD5uTvnVo7Xv3XWomDokDDTD0skW2il_XCE0x5wVELHXaqERh_Wp7Fxgd9v95gSkgacPxI7zdW6QK-ITIIl7jcol1f16bTF4/w640-h298/Blogger18.jpg"
title="Перенаправление домена на субдомен"
width="640"
/></a>
<p style="text-align: justify;">
Насколько Proxy от Cloudflare влияют на перенаправление домена на
субдомен трудно сказать, но отключил. Тестировал перенаправления в различных
браузерах, работает.</p>FreeWebmasterhttp://www.blogger.com/profile/03173315662089289978noreply@blogger.com0tag:blogger.com,1999:blog-5419576699675185461.post-18233478348679905692020-06-25T11:38:00.001+03:002020-06-25T11:47:21.092+03:00Как Blogger автоматически конвертирует изображения в формат WebP<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="https://blogger.freewebmaster.info/2020/06/kak-Blogger-avtomaticheski-konvertiruyet-izobrazheniya-v-format-WebP.html" imageanchor="1" target="_blank"><img alt="Как Blogger автоматически конвертирует изображения в формат WebP" border="0" data-original-height="360" data-original-width="640" src="https://1.bp.blogspot.com/-VhWiywbWFVg/XvRcpOupxPI/AAAAAAAAJ_U/t6EtEkpQO_UDAqUL-GAtRXM5rj2yKB67QCLcBGAsYHQ/s1600/BloggerWebP-Top.png" title="Как Blogger автоматически конвертирует изображения в формат WebP" /></a>
<br />
<br />
<div style="text-align: justify;">
Так как Blogger принадлежит Google, то не удивительно, что системой предусмотрена автоматическая конвертация изображения в разработанный тем же Google, более эффективный формат WebP. Стоит ли, на сегодняшний день, использовать формат WebP для публикации изображений в интернете?
<br />
<a name='more'></a><br />
<b>Выбор формата изображения. </b>Если, <a href="https://promotion.freewebmaster.info/2020/03/kak-uvelichit-skorost-zagruzki-sayta.html" target="_blank">протестировав сайт на скорость загрузки,</a> при помощи сервиса PageSpeed Insights от Google, вы получили совет использовать современные форматы изображений, узнайте, поддерживаются ли такие форматы браузерами, доступна ли анимация и канал прозрачности (альфа-канал).
<br />
<br />
Существуют три стандартных формата изображений: GIF, PNG и JPEG. Кроме них, почти все браузеры поддерживают и новые форматы WebP и JPEG XR, для которых доступно большее сжатие. Последние версии браузера Mozilla Firefox, также, поддерживают WebP. Информация по <a href="https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization?hl=ru" rel="nofollow" target="_blank">оптимизация изображений</a> от Google.
<br />
<br />
<a href="https://1.bp.blogspot.com/-WYormf07VqE/XuNUlMECnwI/AAAAAAAAJ2M/ozw11ThAZF0j_VEhxouIhnTkwr0qoiYKgCLcBGAsYHQ/s1600/image-format.png" imageanchor="1"><img alt="Выбор формата изображения" border="0" data-original-height="251" data-original-width="761" height="210" src="https://1.bp.blogspot.com/-WYormf07VqE/XuNUlMECnwI/AAAAAAAAJ2M/ozw11ThAZF0j_VEhxouIhnTkwr0qoiYKgCLcBGAsYHQ/s640/image-format.png" title="Выбор формата изображения" width="640" /></a>
<br />
<br />
В формате PNG не применяется сжатие с потерей данных, поэтому изображение сохраняется в самом высоком качестве, но может весить больше, чем файлы других форматов. В формате JPEG используется комбинация сжатия с потерями и без потерь. Формат подходит для оптимизации фотографии.
<br />
<br />
<b>Формат WebP.</b> Формат <a href="https://developers.google.com/speed/webp" rel="nofollow" target="_blank">WebP</a> создан в 2010 году Google. Поддерживает прозрачность (альфа-канал). <a href="https://web.dev/serve-images-webp/" rel="nofollow" target="_blank">Конвертация</a> изображений. На данный момент поддерживается почти всеми браузерами https://caniuse.com/#feat=webp. Подготовить к публикации в интернете и <a href="https://multimedia.freewebmaster.info/2020/06/podgotovka-izobrazheniy-k-publikatsii-v-internete-GIMP.html" target="_blank">конвертировать изображение в формат WebP</a>, можно в редакторе GIMP. <br />
<br />
<b>Тест PageSpeed Insights.</b> Для примера возьму одну из страниц с фотографиями https://computer.freewebmaster.info/2020/01/ssd-samsung-860-evo.html блога на Blogger. Общий результат теста для компьютеров был 85 для мобильных 55. Для изображений рекомендуется использовать современные форматы:
<br />
<br />
<a href="https://1.bp.blogspot.com/-CDlRFuZbt48/XvMdYjjwB2I/AAAAAAAAJ48/NBM46Uip2k00ttz1JiWodAdM4PwxOr5hQCLcBGAsYHQ/s1600/PageSpeed-Insights.jpg" imageanchor="1"><img alt="Современный формат для изображений WebP. PageSpeed Insights." border="0" data-original-height="808" data-original-width="748" height="691" src="https://1.bp.blogspot.com/-CDlRFuZbt48/XvMdYjjwB2I/AAAAAAAAJ48/NBM46Uip2k00ttz1JiWodAdM4PwxOr5hQCLcBGAsYHQ/s640/PageSpeed-Insights.jpg" title="Современный формат для изображений WebP. PageSpeed Insights." width="640" /></a>
<br />
<br />
Для мобильной версии страницы расклад по изображениям выглядит так:
<br />
<br />
<a href="https://1.bp.blogspot.com/-4SNJtxrixSE/XvMjn22mjAI/AAAAAAAAJ5I/qWQ7gzvFhRMNThywh7RaB7W64EvRPD_bACLcBGAsYHQ/s1600/PageSpeed-Insights2.jpg" imageanchor="1"><img alt="Современный формат для изображений WebP. PageSpeed Insights." border="0" data-original-height="807" data-original-width="765" height="676" src="https://1.bp.blogspot.com/-4SNJtxrixSE/XvMjn22mjAI/AAAAAAAAJ5I/qWQ7gzvFhRMNThywh7RaB7W64EvRPD_bACLcBGAsYHQ/s640/PageSpeed-Insights2.jpg" title="Современный формат для изображений WebP. PageSpeed Insights." width="640" /></a>
<br />
<br />
<b>Конвертация изображения в формат WebP в Blogger.</b> Для автоматического преобразования загруженного в Blogger изображения в формат WebP, в код, указывающий на масштаб отображения такого изображения, например, s640, добавьте символы -rw:
<br />
<br />
<div style="background-color: black; height: px; overflow: auto;">
<pre style="color: white; font-size: medium;">
<a href="https://1.bp.blogspot.com/.../s1600/name.png">
<img data-original-height="251" data-original-width="761" height="210"
src="https://1.bp.blogspot.com/.../s640<b><span style="color: yellow;">-rw</span></b>/name.png" width="640" /></a>
</pre>
</div>
<br />
Для конвертации оригинала изображения, которое открывается по щелчку мыши на таком изображении, добавьте символы -rw к коду масштаба в ссылке на оригинал изображения.
<br />
<br />
<div style="background-color: black; height: px; overflow: auto;">
<pre style="color: white; font-size: medium;">
<a href="https://1.bp.blogspot.com/.../s1600<b><span style="color: yellow;">-rw</span></b>/name.png">
<img data-original-height="251" data-original-width="761" height="210"
src="https://1.bp.blogspot.com/.../s640-rw/name.png" width="640" /></a>
</pre>
</div>
<br />
<b>Стоит ли конвертировать изображения в формат WebP?</b> Тест предыдущей страницы на PageSpeed Insights с изображениями WebP-формата показал, даже, еще худший результат, хотя, раздела с советом использовать современные форматы изображений уже небыло. Вообще, трудно объективно оценить скорость загрузки страницы, если на ней сторонние скрипты блоков рекламы и много других факторов влияния. Но и так понятно, что изображения влияли на загрузку минимально. Плюс, на данный момент, WebP не поддерживается браузером Safari. Так как процент посещений с браузера Safari высок, то использование такого формата оставлю на будущее.
<br />
<br />
<b>Сервис Webpagetest.</b> Для анализа скорости загрузки страницы, интересным будет сервис <a href="https://www.webpagetest.org/" rel="nofollow" target="_blank">Webpagetest.</a> На странице Webpagetest, можно найти ссылку на сервис оценки стоимости сайта <a href="https://whatdoesmysitecost.com/" rel="nofollow" target="_blank">What Does My Site Cost?</a> По ссылке меню Image Analysis открывается сервис <a href="https://webspeedtest.cloudinary.com/" rel="nofollow" target="_blank">Website Speed Test,</a> где уже проанализированы изображения страницы сайта.
<br />
<br />
<a href="https://1.bp.blogspot.com/-gR0oAE1SJOw/XvRG9SRMzfI/AAAAAAAAJ_I/d4WhbJw344UqiZ6RdZmAkzTLkIkhWOLPQCLcBGAsYHQ/s1600/Website-Speed-Test.jpg" imageanchor="1"><img alt="Website Speed Test анализирует изображения сайта и конвертирует в оптимальные форматы" border="0" data-original-height="502" data-original-width="1203" height="266" src="https://1.bp.blogspot.com/-gR0oAE1SJOw/XvRG9SRMzfI/AAAAAAAAJ_I/d4WhbJw344UqiZ6RdZmAkzTLkIkhWOLPQCLcBGAsYHQ/s640/Website-Speed-Test.jpg" title="Website Speed Test анализирует изображения сайта и конвертирует в оптимальные форматы" width="640" /></a>
<br />
<br />
Website Speed Test анализирует изображения сайта и конвертирует в оптимальные форматы. Замечу, что на вкладке альтернативного формата WebP, конечно же, не все значки браузеров отображены, как поддерживающие этот формат. Скачать изображения можно опцией в вверху справа.
<br />
<br />
Кстати, замечу, что автоматически сконвертированное изображение в формат WebP системой Blogger, весит в несколько раз больше чем предлагаемое здесь. Проверил по качеству - разницы не увидел.</div></div>FreeWebmasterhttp://www.blogger.com/profile/03173315662089289978noreply@blogger.com0tag:blogger.com,1999:blog-5419576699675185461.post-61470672060314587962020-05-31T10:07:00.000+03:002020-06-05T12:20:34.446+03:00Формат, обновление и оптимальное расположение рекламы AdSense на Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="https://blogger.freewebmaster.info/2020/05/format-obnovleniye-i-optimalnoye-razmeshcheniye-reklamy-AdSense-na-Blogger.html" imageanchor="1" target="_blank"><img alt="Формат, обновление и оптимальное расположение рекламы AdSense на Blogger" border="0" data-original-height="360" data-original-width="640" src="https://1.bp.blogspot.com/-6Ar1Mi92jxA/XtNVdY_BhXI/AAAAAAAAJzI/xkFWtATtGaE8Uk5BbWUYWKatyaU9FbYygCLcBGAsYHQ/s1600/AdSenseTop.png" title="Формат, обновление и оптимальное расположение рекламы AdSense на Blogger" /></a>
<br />
<br />
<div style="text-align: justify;">
Обновленные правила AdSense, позволяют увеличить количество блоков рекламы на странице сайта. Здесь попробую максимально оптимально разместить объявления на Blogger. Блоки рекламы классифицированы по доменным именам (субдоменам), на которых они расположены, формату, типу шаблона и позиции.
<br />
<a name='more'></a><br />
<b>Правила рекламы AdSense.</b> Уже давно не действует правилам рекламной сети AdSense, согласно которому издатели могут разместить на одной странице сайта не более трех блоков AdSense для контента. Согласно новым <a href="https://support.google.com/adsense/answer/1346295" rel="nofollow" target="_blank">правилам,</a> ограничение по количеству размещаемых объявлений все же есть и такой рекламы не должно быть больше, чем основных материалов сайта.
<br />
<br />
<a href="https://1.bp.blogspot.com/-9b9NZXU2dEc/XszpKVHhvMI/AAAAAAAAJxQ/kgWWTyIgPYs0LjLs4OFvY98VkQfqAZFvwCLcBGAsYHQ/s1600/AdSense.png" imageanchor="1"><img alt="Правила рекламы AdSense" border="0" data-original-height="198" data-original-width="728" height="174" src="https://1.bp.blogspot.com/-9b9NZXU2dEc/XszpKVHhvMI/AAAAAAAAJxQ/kgWWTyIgPYs0LjLs4OFvY98VkQfqAZFvwCLcBGAsYHQ/s640/AdSense.png" title="Правила рекламы AdSense" width="640" /></a>
<br />
<br />
Обратите внимание, издателям запрещено размещать объявления на вспомогательных страницах, в том числе, на странице сообщения об ошибке.
<br />
<br />
<a href="https://1.bp.blogspot.com/-QhLaIXLVNBU/Xszp-_UNYCI/AAAAAAAAJxY/22iRl6kL0VoTvrrDrvaBUwKotpzZ37AdgCLcBGAsYHQ/s1600/AdSense2.png" imageanchor="1"><img alt="Правила рекламы AdSense" border="0" data-original-height="168" data-original-width="735" height="146" src="https://1.bp.blogspot.com/-QhLaIXLVNBU/Xszp-_UNYCI/AAAAAAAAJxY/22iRl6kL0VoTvrrDrvaBUwKotpzZ37AdgCLcBGAsYHQ/s640/AdSense2.png" title="Правила рекламы AdSense" width="640" /></a>
<br />
<br />
Очевидно, что новые правила позволяют разместить больше блоков AdSense на странице, и в связи с этим статью, написанную ранее, можно дополнить, чтобы максимально <a href="https://blogger.freewebmaster.info/2015/12/optimizatsiya-raboty-s-reklamoy-AdSense-v-shablonakh-Blogger.html" target="_blank">оптимально разместить рекламу AdSense на Blogger.</a>
<br />
<br />
Для размещения всей рекламы AdSense используются виджеты HTML/JavaScript или же код вставляется, непосредственно, в шаблон. Название гаджета
включает в себя сам домен, тип шаблона и позицию в схеме меню "Дизайн" Blogger. Для веб-версии сайта и мобильного шаблона предусмотрены отдельные блоки рекламы. В связи с тем, что на одной странице сайта можно разместить более трех блоков AdSense, вариант установки блоков только на главной странице и на странице ярлыков стал не актуален.
<br />
<br />
<b>Форматы рекламы AdSense.</b> На сегодняшний день упростился формат рекламных блоков AdSense. Если исключить неэффективные объявления со ссылками и специфические объявления в фидах, то остается медийный рекламный блок и объявления в статьях. А помните, раньше еще стили объявлений были, сейчас их уже давно нет. При этом, стили для старых объявлений не сохранились.
<br />
<br />
<a href="https://1.bp.blogspot.com/-FQRRITsEhnI/Xsz6f-sZOHI/AAAAAAAAJxk/dA7Y-XA_EwcHDCtFb-CCQLkNgo1EAS0IwCLcBGAsYHQ/s1600/AdSense3.png" imageanchor="1"><img alt="Формат блоков AdSense" border="0" data-original-height="638" data-original-width="1408" height="290" src="https://1.bp.blogspot.com/-FQRRITsEhnI/Xsz6f-sZOHI/AAAAAAAAJxk/dA7Y-XA_EwcHDCtFb-CCQLkNgo1EAS0IwCLcBGAsYHQ/s640/AdSense3.png" title="Формат блоков AdSense" width="640" /></a>
<br />
<br />
<b>Медийный рекламный блок AdSense.</b> Рекомендованный системой блок с возможностью адаптивного варианта. В этом случае объявления будут автоматически подстраиваться под макет страницы. Конечно, буду использовать адаптивный вариант. Так, на странице предварительного просмотра при создании медийного адаптивного блока можно выбрать три формы блоков - квадратные, горизонтальные или вертикальные.
<br />
<br />
<a href="https://1.bp.blogspot.com/-GqpFUPlx0co/Xs0LLJEmr5I/AAAAAAAAJxw/XOindGax5gggsuXuuL-pfyjpRoukZYQ5ACLcBGAsYHQ/s1600/AdSense4.png" imageanchor="1"><img alt="Формат блоков AdSense" border="0" data-original-height="646" data-original-width="1600" height="258" src="https://1.bp.blogspot.com/-GqpFUPlx0co/Xs0LLJEmr5I/AAAAAAAAJxw/XOindGax5gggsuXuuL-pfyjpRoukZYQ5ACLcBGAsYHQ/s640/AdSense4.png" title="Формат блоков AdSense" width="640" /></a>
<br />
<br />
<b>Форма медийного адаптивного блока AdSense для компьютера.</b> В полученном коде рекламы, во всех трех формах, формат определен как автоматический - data-ad-format="auto". Как изменить параметры тега адаптивного объявления читайте в <a href="https://support.google.com/adsense/answer/9183460" rel="nofollow" target="_blank">справке.</a> Так, чтобы указать точную форму рекламного блока, измените значение параметра на rectangle, vertical или horizontal. Написано, что только для компьютеров. Проверил, на смартфоне, действительно не работает. Попробуйте открыть мобильный шаблон на компьютере, там работает.
<br />
<br />
<b>Форма медийного адаптивного блока AdSense для смартфона. </b>Значение "true" параметра data-full-width-responsive разворачивает чаще рекламный блок на всю ширину экрана на мобильных устройствах, что способствует максимальному доходу.
<br />
<br />
<b>Нативные объявления AdSense в статьях.</b> Предполагается, что внешний вид <a href="https://support.google.com/adsense/answer/9189562" rel="nofollow" target="_blank">нативных</a> объявлений соответствует дизайну веб-страницы, и гармоничнее сочетается с контентом сайта. Такие блоки могут появляться между абзацами текста на странице.
<br />
<br />
<b>Обновление кода блока AdSense.</b> Хочу обновить код всех адаптивных объявлений AdSense, а все фиксированные заменить на адаптивные. Пример кода старого адаптивного блока:
<br />
<br />
<a href="https://1.bp.blogspot.com/-lYB32X9JTH0/Xs48DEkpXoI/AAAAAAAAJyA/ufnQDnMELKolJxir3d0YVzLAZXzouSucgCLcBGAsYHQ/s1600/AdSense5.png" imageanchor="1"><img alt="Код блока AdSense" border="0" data-original-height="277" data-original-width="640" src="https://1.bp.blogspot.com/-lYB32X9JTH0/Xs48DEkpXoI/AAAAAAAAJyA/ufnQDnMELKolJxir3d0YVzLAZXzouSucgCLcBGAsYHQ/s1600/AdSense5.png" title="Код блока AdSense" /></a>
<br />
<br />
Пример кода нового адаптивного блока:
<br />
<br />
<a href="https://1.bp.blogspot.com/-3C7Zo4OzqyU/Xs4_Z7dENzI/AAAAAAAAJyM/Nb_AcCHynvEI1lmp4r23oP9dKiue5sRFACLcBGAsYHQ/s1600/AdSense6.png" imageanchor="1"><img alt="Код блока AdSense" border="0" data-original-height="277" data-original-width="640" src="https://1.bp.blogspot.com/-3C7Zo4OzqyU/Xs4_Z7dENzI/AAAAAAAAJyM/Nb_AcCHynvEI1lmp4r23oP9dKiue5sRFACLcBGAsYHQ/s1600/AdSense6.png" title="Код блока AdSense" /></a>
<br />
<br />
Как видим, в коде добавился параметр data-full-width-responsive. Впрочем, как мы уже выяснили, существенно этот параметр на формат не влияет и предназначен больше мобильным девайсам. Еще в первом скрипте появился протокол https.
<br />
<br />
На данный момент, чтобы обновить код рекламного блока AdSense, достаточно воспользоваться опцией получения кода выбранного блока, где и отобразится обновленный код.
<br />
<br />
<a href="https://1.bp.blogspot.com/-A9sDu_RCUp4/Xs5HXWOcX4I/AAAAAAAAJyY/7eukShkgo4wQIeRt8BPiosdzxNiPqvycgCLcBGAsYHQ/s1600/AdSense7.png" imageanchor="1"><img alt="Код AdSense" border="0" data-original-height="333" data-original-width="1038" height="204" src="https://1.bp.blogspot.com/-A9sDu_RCUp4/Xs5HXWOcX4I/AAAAAAAAJyY/7eukShkgo4wQIeRt8BPiosdzxNiPqvycgCLcBGAsYHQ/s640/AdSense7.png" title="Код AdSense" width="640" /></a>
<br />
<br />
<b>Оптимальное расположение рекламы AdSense на Blogger для веб-версии шаблона.</b>
<br />
<br />
1) blogger.freewebmaster.info/web/top<br />
Блок в верхней части сайта; format="horizontal". Если раньше можно было оставить auto-формат, то сейчас с этим значением объявление получается широкое по вертикали и занимает чрезмерно много площади. Обновил опцией редактирования.
<br />
<br />
2) blogger.freewebmaster.info/web/sidebar-right-1<br />
Блок первый справа. Раньше предпочитал здесь фиксированный формат 300*250, поэтому при переходе на адаптивный, использую значение rectangle. Старый блок архивировать не стал, опцией редактирования изменил на адаптивный.
<br />
<br />
3) blogger.freewebmaster.info/web/sidebar-right-2<br />
Блок второй справа. Раньше на этом месте был блок фиксированного формата 300*600 main+label, который появлялся только на главной странице и странице ярлыков. Вот его я и изменил на адаптивный, оставив значение auto.
<br />
<br />
4) blogger.freewebmaster.info/web/sidebar-right-3<br />
format="auto"
<br />
<br />
5) blogger.freewebmaster.info/web/tem-post-footer/native<br />
Нативное объявление в статье. Код в шаблоне, в конце сообщения, внутри элемента b:includable с id='post', непосредственно перед блоком №6 tem-post-footer. Блок не появляется на главной странице и странице ярлыков, поэтому заключён между тегами b:if: <b:if cond='data:blog.pageType == "item"'> код AdSense </b:if>. format='fluid', тег <br /> перед кодом AdSense, заключен в b:if. Обновил код, при этом появился протокол https.
<br />
<br />
6) blogger.freewebmaster.info/web/tem-post-footer<br />
Этот блок в конце сообщения, появляется, также, на главной странице и странице ярлыков. Код в шаблоне, в конце сообщения, внутри элемента b:includable с id='post', непосредственно перед кодом div class='post-footer'; format="horizontal"; тег <br /> перед кодом AdSense. Обновил код, при этом появился протокол https.
<br />
<br />
Всего, на странице сообщений отображается 6 блоков рекламы AdSense. На главной странице и странице ярлыков отображается 11 блоков (4 + 1 после каждого превью статьи).
<br />
<br />
<b>Оптимальное расположение рекламы AdSense на Blogger для мобильной версии шаблона. </b>Формат всех блоков auto. Отображается mobile='only'.
<br />
<br />
1) blogger.freewebmaster.info/mob/top<br />
Блок в верхней части сайта. Раньше в позиции cross-column2 на мобильном интерфейсе всегда отображался горизонтально, сейчас квадратом. Такой формат и оставил. Обновил опцией редактировать/получить код.
<br />
<br />
2) blogger.freewebmaster.info/mob/tem-post-footer<br />
Код в шаблоне, в конце сообщения, внутри элемента b:includable с id='mobile-post', Блок не появляется на главной странице и странице ярлыков, заключать между тегами b:if не обязательно; тег <br /> перед кодом AdSense.
<br />
<br />
3) blogger.freewebmaster.info/mob/tem-post-footer/native<br />
Нативное объявление в статье. Код в шаблоне, в конце сообщения, внутри элемента b:includable с id='mobile-post', непосредственно перед кодом div class='post-footer'. Блок не появляется на главной странице и странице ярлыков, format='fluid'; тег <br /> перед кодом AdSense.
<br />
<br />
4) blogger.freewebmaster.info/mob/sidebar-right-1<br />
Блок первый после комментариев. В мобильном интерфейсе отображается прямоугольником. Обновил опцией получения кода.
<br />
<br />
5) blogger.freewebmaster.info/mob/sidebar-right-2<br />
Блок после гаджета ярлыков. Раньше был main+label. Обновил опцией редактировать/получить код.
<br />
<br />
6) blogger.freewebmaster.info/mob/sidebar-right-3<br />
Блок после гаджета популярных сообщений. Обновил опцией редактировать/получить код.
<br />
<br />
Всего, на мобильной странице сообщений, отображается 6 блоков рекламы AdSense. На главной странице и странице ярлыков отображается 4 блока (блоки, которые в статье, после превью статьи не появляются).
<br />
<br />
Замечу, что если для сайта включены автоматизированные объявления, то между абзацами статьи могут появляться дополнительные блоки. На одном из сайтов удалил предложенный системой и внедренный ранее фрагмент кода для автоматизированных объявлений, но их показ продолжился. Возможно, достаточно включить показ таких объявлений в настройках редактирования без внедрения кода.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-1B_tVnNHqtA/XtJN1CsmIjI/AAAAAAAAJy8/CoxerxIdVxILfs6sgsMZIVcTFbLYcqdRACLcBGAsYHQ/s1600/AdSense8.png" imageanchor="1"><img alt="Как включить автоматизированные объявления AdSense" border="0" data-original-height="552" data-original-width="1600" height="220" src="https://1.bp.blogspot.com/-1B_tVnNHqtA/XtJN1CsmIjI/AAAAAAAAJy8/CoxerxIdVxILfs6sgsMZIVcTFbLYcqdRACLcBGAsYHQ/s640/AdSense8.png" title="Как включить автоматизированные объявления AdSense" width="640" /></a></div>
<br />
Как-то заметил в мобильном шаблоне, на главной странице блок рекламы после превью одной из статьи, возможно автоматизированные объявления, иногда туда добавляются, не уверен.</div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5419576699675185461.post-70086120121888036532020-02-13T14:58:00.002+02:002020-02-14T13:07:49.706+02:00Почему реклама AdSense не показывается на Blogger?<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://blogger.freewebmaster.info/2020/02/Pochemu-reklama-AdSense-ne-pokazyvayetsya-na-Blogger.html" imageanchor="1" target="_blank"><img alt="Почему реклама AdSense не показывается на Blogger?" border="0" data-original-height="360" data-original-width="640" src="https://1.bp.blogspot.com/-RF45Uq7PHXk/XkVCwPjdTuI/AAAAAAAAJOU/QO7msYa2-uQO0f3zwvP76U-K7ZdAiQ_EACLcBGAsYHQ/s1600/AdsBloggerTop.png" title="Почему реклама AdSense не показывается на Blogger?" /></a>
<br />
<br />
<div style="text-align: justify;">
Если блог на Blogger связан с аккаунтом AdSense, а реклама не показывается, проверьте, добавлен ли ваш блог в список, одобренных к показу рекламы сайтов. Если блог не добавлен в список таких сайтов, на таком блоге, можно показывать рекламу, используя его как субдомен персонального домена, уже добавленного в соответствующих список сайтов вашего аккаунта AdSense.
<br />
<a name='more'></a><br />
Раньше, показывать рекламу AdSense в системе Blogger было просто. Для этого надо было иметь подтвержденный рекламный аккаунт, скопировать и вставить код рекламного блока в Blogger. Теперь, на новом блоге, реклама так сразу не отображается - только лишь пустое место под размер блока.
<br />
<br />
Стал выяснять, почему не показывается реклама AdSense у меня на Blogger. Кстати, еще в те времена, я не чувствовал ограничений по количеству созданных блогов, а сейчас, создать новый блог не дает. Пишет, "У вас слишком много блогов. Используйте их или удалите один из своих существующих блогов. Вы также можете создать новый аккаунт".
<br />
<br />
<a href="https://1.bp.blogspot.com/-98PJEuNPPoQ/XkPh4xlSAbI/AAAAAAAAJNc/t_3V-33_e70UcLqLMm1KoK-3MPitc80mACLcBGAsYHQ/s1600/AdsBlogger.png" imageanchor="1"><img alt="Как создать блог на Blogger" border="0" data-original-height="644" data-original-width="827" height="498" src="https://1.bp.blogspot.com/-98PJEuNPPoQ/XkPh4xlSAbI/AAAAAAAAJNc/t_3V-33_e70UcLqLMm1KoK-3MPitc80mACLcBGAsYHQ/s640/AdsBlogger.png" title="Как создать блог на Blogger" width="640" /></a>
<br />
<br />
С тех времен у меня осталось много зарегистрированных блогов, на которых не показывалась реклама, и на вкладке "Прибыль" административной панели Blogger, теперь, сообщается, что блог не соответствует правилам программы AdSense.
<br />
<br />
<a href="https://1.bp.blogspot.com/-qnNRJbjRd_k/XkPpmoLnLbI/AAAAAAAAJNo/1XKjbKNA2c8oPTn7bzSotggdr15o3MgJACLcBGAsYHQ/s1600/AdsBlogger2.png" imageanchor="1"><img alt="Как запустить рекламу AdSense на Blogger" border="0" data-original-height="708" data-original-width="753" height="600" src="https://1.bp.blogspot.com/-qnNRJbjRd_k/XkPpmoLnLbI/AAAAAAAAJNo/1XKjbKNA2c8oPTn7bzSotggdr15o3MgJACLcBGAsYHQ/s640/AdsBlogger2.png" title="Как запустить рекламу AdSense на Blogger" width="640" /></a>
<br />
<br />
А ранее, была такая предыстория. На почту пришло письмо, а в аккаунт AdSense оповещение, о том, что <a href="http://adnetworks.freewebmaster.info/2016/05/kak-vozobnovit-pokaz-AdSense-na-domene-posle-blokirovki.html" target="_blank">показ объявлений был отключен на одном из моих доменов.</a> Тогда, так и не восстановил рекламу не только на домене, но и на привязанном к нему субдомене на Blogger. При этом на вкладке "Прибыль" установлена связь с аккаунтом AdSense.
<br />
<br />
<a href="https://1.bp.blogspot.com/-M7p7Uu-8Jic/XkPw3uovuKI/AAAAAAAAJN0/lHqdUNH2tZEJqEV_1CBIkwHehdCQAQS7QCLcBGAsYHQ/s1600/AdsBlogger3.png" imageanchor="1"><img alt="Как разместить рекламу AdSense на Blogger" border="0" data-original-height="670" data-original-width="1103" height="388" src="https://1.bp.blogspot.com/-M7p7Uu-8Jic/XkPw3uovuKI/AAAAAAAAJN0/lHqdUNH2tZEJqEV_1CBIkwHehdCQAQS7QCLcBGAsYHQ/s640/AdsBlogger3.png" title="Как разместить рекламу AdSense на Blogger" width="640" /></a>
<br />
<br />
Хочу заметить, что опция показывать или нет объявления в блоге для меня не имеет значения, так как я вставляю код AdSense напрямую в HTML-гаджет, а включение данной функции, создает ненужные мне блоки AdSense.
<br />
<br />
По обновленным правилам AdSense, чтобы показывать рекламу на сайте, его необходимо добавить в список своих сайтов на странице "Сайты" аккаунта AdSense. Если рекламный код будет добавлен на сайт, которого нет в вашем списке, реклама на этом сайте показываться не будет. Хочу заметить, сайты на blogspot.com напрямую добавить не получится, однако там уже были некоторые такие блоги, добавленные системой самостоятельно.<br />
<br />
<b>Как запустить рекламу AdSense на Blogger, без связи с аккаунтом AdSense? </b>Если блог не соответствует правилам, на нем, все же, получиться показывать рекламу. Для этого используйте блог как субдомен сайта, уже добавленного в соответствующий список вашего аккаунта AdSense. Даже, если, на таком блоге совсем отсутствует контент и он не связан с аккаунтом AdSense. Помните, за нарушение правил, даже на субдомене, блокируется основной домен. Наличие субдоменов в списке одобренных сайтов не обязательно, в чем вы можете убедиться на примере freewebmaster.info.<br />
<br />
<a href="https://1.bp.blogspot.com/-uicGslNxpeI/XkQAyKZKrlI/AAAAAAAAJOA/V4r-us6HCjY01QR-nPrxGbJIEmYVpJaTwCLcBGAsYHQ/s1600/AdsBlogger4.png" imageanchor="1"><img alt="Как управлять сайтами в AdSense" border="0" data-original-height="502" data-original-width="1183" height="270" src="https://1.bp.blogspot.com/-uicGslNxpeI/XkQAyKZKrlI/AAAAAAAAJOA/V4r-us6HCjY01QR-nPrxGbJIEmYVpJaTwCLcBGAsYHQ/s640/AdsBlogger4.png" title="Как управлять сайтами в AdSense" width="640" /></a>
<br />
<br />
<b>Как запустить рекламу AdSense на Blogger, уже связанным с аккаунтом AdSense?</b> Если связь блога на blogspot с аккаунтом AdSense уже установлена, а реклама не показывается, проверьте, добавлен ли этот блог в список сайтов в аккаунте AdSense. Напомню, добавить в ручную, блог на blogspot, система не позволяет.
<br />
<br />
Для того, чтобы блог отобразился в списке сайтов для рекламы AdSense, на вкладке "Прибыль" нажимаем ссылку смены аккаунта AdSense. На самом деле, аккаунт менять не будем, просто повторно свяжем блог с тем же аккаунтом, что позволит повторно подать заявку на монетизацию сайта. При этом, в списке сайтов, в аккаунте AdSense, появятся данные вашего блога. Одобрение заявки или ее отклонение занимает сутки.
<br />
<br />
Перед подачей запроса на показ рекламы убедитесь, что блог содержит контент и соответствует правилам AdSense, иначе сайт не одобрят В этом случае останется возможность показывать рекламу на субдомене, уже одобренного домена. О том, <a href="http://blogger.freewebmaster.info/2012/11/kak-perenapravit-Blogger-na-subdomen-personalnogo-domena.html" target="_blank">как перенаправить блог на Blogger на субдомен персонального домена</a>, сообщал ранее.</div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5419576699675185461.post-43653777025353275252016-06-02T11:06:00.000+03:002016-06-04T10:16:21.461+03:00Как восстановить блог на Blogger после блокировки? <div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://blogger.freewebmaster.info/2016/06/kak-vosstanovit-blog-na-Blogger-posle-blokirovki.html" imageanchor="1"><img alt="Как восстановить блог на Blogger после блокировки?" border="0" src="https://4.bp.blogspot.com/-I5i_LUxq9V0/V1FAlD08UpI/AAAAAAAAEZI/wa7BT-B5AKMn-jl1VEl3dfPCG0bcI37bQCLcB/s1600/blokirovka-Blogger.png" title="Как восстановить блог на Blogger после блокировки?" /></a>
<br /><br />
<div style="text-align: justify;">
Допустим, ваш блог был удален в связи с нарушением одного из правил Blogger. После апелляции блог могут восстановить, а могут и нет, но в любом случае, до решения вопроса, он не будет отображаться по своему URL-адресу. Оперативно восстановить блог на Blogger после блокировки можно с помощью резервной копии контента и персонального домена.
<a name='more'></a>
<br /><br />
<h4>
С помощью резервной копии контента Blogger и нового блога на этой системе, можно восстановить удаленный блог с прежними URL-адресами сообщений персонального домена</h4>
Как я писал постом ранее, неполноценность функции восстановления сообщений блога с помощью резервной копии контента Blogger состоит в том, что восстановленные таким образом сообщения имеют другой URL-адрес, что делает, практически, бессмысленным использование такой функции. Однако, такое утверждение верно, если восстановление идет в той же системе Blogger. После <a href="https://support.google.com/blogger/answer/87065?hl=ru&ref_topic=6321979" rel="nofollow" target="_blank">исчезновения блога</a> в вашем аккаунте Blogger, в связи с нарушением одного из <a href="https://www.blogger.com/content.g?hl=ru" rel="nofollow" target="_blank">Правил Blogger,</a> его резервная копия поможет восстановить блог с теми же URL-адресами сообщений, но при условии, что удаленный блог отображался на вашем <a href="http://blogger.freewebmaster.info/2012/11/kak-perenapravit-Blogger-na-subdomen-personalnogo-domena.html" target="_blank">персональном домене.</a>
<br /><br />
<h4>
За нарушение правил Blogger блокируется URL-адрес на blogspot, без блокировки персонального домена</h4>
Учитывая информацию, что <a href="http://shpargalkablog.ru/2013/02/blog-deleted-as-spam.html" rel="nofollow" target="_blank">Blogger может заблокировать URL-адрес блога на blogspot,</a> но не сам персональный домен, имеет смысл использовать такой домен. Так, при импорте контента в новый блог, с последующим его перенаправлением на свой домен, все URL-адреса восстановленных сообщений останутся прежними.
<br /><br />
<h4>
Недостатки процесса импорта контента Blogger</h4>
Отдельно затрону тему недоработок при восстановлении блога из резервной копии контента Blogger.
<br /><br />
Сообщения импортируются без:
<ul style="text-align: left;">
<li>работающего тега "Читать дальше";</li>
<li>пользовательского URL-адреса;</li>
<li>описания для поисковых систем;</li>
<li>настроенных гаджетов ярлыков. </li>
</ul>
Таким образом придется править каждое сообщение, что при большом их количестве не всегда реально. Отдельно стоит сделать скриншот блога, это поможет восстановить, в том числе, гаджеты ярлыков сообщений.</div></div>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-5419576699675185461.post-60542457386207600652016-03-26T11:52:00.002+02:002016-06-01T11:37:11.213+03:00Как восстановить удаленные сообщения Blogger?<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://blogger.freewebmaster.info/2016/03/kak-vosstanovit-udalennyye-soobshcheniya-Blogger.html" target="_blank" imageanchor="1"><img alt="Как восстановить удаленные сообщения Blogger?" border="0" src="https://4.bp.blogspot.com/-fXAZ8ysBybE/VvZnf1d617I/AAAAAAAAET0/8jJU8iKQCdM_BPwSQE-gp0AtMcHRtgtYg/s1600/blogger.png" title="Как восстановить удаленные сообщения Blogger?" /></a>
<div style="text-align: justify;">
В системе Blogger нет, так называемой, функции "корзины" из которой можно восстановить удаленные сообщения, поэтому, удаляйте их, только если вы уверены, что посты уже не нужны. Тем не менее, в интернете описан вариант восстановления удаленного сообщения с помощью его номера идентификации (ID).
<a name='more'></a><br />
<br />
<h4 style="text-align: left;">
URL-адрес удаленного сообщения остается недоступным для нового сообщения</h4>
<a href="http://blogger.freewebmaster.info/2016/03/rezervnaya-kopiya-kontenta-Blogger.html" target="_blank">Неполноценность функции восстановления сообщений блога с помощью резервной копии контента Blogger</a> состоит в том, что восстановленные таким образом сообщения имеют другой URL-адрес, что делает, практически, бессмысленным использование такой функции. Отдавайте предпочтение переключению постов в разряд черновиков, таким образом всегда можно сохранить их URL-адрес, а контент изменить, при необходимости, на новый.<br />
<br />
<h4 style="text-align: left;">
Восстановление сообщения Blogger с помощью его номера идентификации (ID) </h4>
Восстановить в блоге удаленное сообщение нельзя. Именно такое утверждение содержится в <a href="https://support.google.com/blogger/answer/154172?hl=ru" rel="nofollow" target="_blank">справке</a> Blogger. Тем не менее, в интернете можно найти описание варианта восстановления удаленного сообщения с помощью его уникального номера идентификации (ID), который содержится в версии кэша страницы поисковых систем.
<br />
<br />
<ul>
<li>Поиск версии страницы из кэша Google</li>
</ul>
Для поиска в выдачи поисковой системе нужной страницы, введите в строку поиска название или текст удаленного сообщения, взятые из резервной копии контента. Список всех проиндексированных страниц сайта, также, можно получить введя в поисковую строку домен с оператором "site:" - site:cms.freewebmaster.info. Теперь, справа от URL-адреса страницы в выдачи, щелкните стрелочку и в выпадающем меню выберете пункт "Сохраненная копия".
<br />
<br />
<a href="https://3.bp.blogspot.com/-Hp0Ydtt6Pdk/VvVSugPN19I/AAAAAAAAETU/xEGztmalb-4cuP_Iwv39X_2nJCgTqBslw/s1600/Google-cache.png" imageanchor="1"><img alt="Как посмотреть страницу в кэше поисковой системы Google?" border="0" height="266" src="https://3.bp.blogspot.com/-Hp0Ydtt6Pdk/VvVSugPN19I/AAAAAAAAETU/xEGztmalb-4cuP_Iwv39X_2nJCgTqBslw/s640/Google-cache.png" title="Как посмотреть страницу в кэше поисковой системы Google?" width="640" /></a>
<br />
<br />
Перед вами откроется версия страницы из кэша Google, которая представляет собой снимок такой страницы по состоянию на указанную дату. По ссылке "Просмотреть исходный код" откроется HTML-код данной страницы.
<br />
<br />
<a href="https://2.bp.blogspot.com/-ofm5HUincfU/VvZEpzAuslI/AAAAAAAAETk/NhBwLYm4eLcktjlj7XgI3MYRetmK1f5WA/s1600/Google-cache2.png" imageanchor="1"><img alt="Исходный код страницы из кэша Google" border="0" height="204" src="https://2.bp.blogspot.com/-ofm5HUincfU/VvZEpzAuslI/AAAAAAAAETk/NhBwLYm4eLcktjlj7XgI3MYRetmK1f5WA/s640/Google-cache2.png" title="Исходный код страницы из кэша Google" width="640" /></a>
<br />
<br />
<ul>
<li>Поиск уникального идентификатора (ID) блога и сообщения</li>
</ul>
На странице исходного кода, с помощью поиска (Ctrl + F) находим код 'post hentry'. В результате, чуть ниже, находим нужные ID
<div style="text-align: center;">
<meta content='9124131290437145322' itemprop='blogId'/><br />
<meta content='4547297975287537430' itemprop='postId'/>
</div>
<br />
<div style="text-align: left;">
<ul style="text-align: left;">
<li><b></b> Доступ к редактору удаленного сообщения Blogger с помощью его ID</li>
</ul>
</div>
В приведенной ниже ссылке следует указать уникальные идентификаторы (ID) блога и сообщения
<br />
www.blogger.com/blogger.g?blogID=9124131290437145322#editor<br />
/target=post;postID=4547297975287537430<br />
<br />
В результате откроется страница редактора сообщения Blogger, которое идентично удаленному, то-есть имеет все текстовое и мультимедийное содержание исходной статьи.<br />
<br />
<ul style="text-align: left;">
<li>Публикация удаленного сообщения Blogger</li>
</ul>
При публикации удаленного сообщения Blogger может возникнуть ошибка "Недопустимый идентификатор страницы". В этом случае восстановить сообщение не удасться.</div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5419576699675185461.post-85021792000249610332016-03-23T10:34:00.000+02:002016-06-01T19:31:35.003+03:00Неполноценность функции восстановления сообщений блога с помощью резервной копии контента Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://blogger.freewebmaster.info/2016/03/rezervnaya-kopiya-kontenta-Blogger.html" imageanchor="1" target="_blank"><img alt="Неполноценность функции восстановления сообщений блога с помощью резервной копии контента Blogger" border="0" src="https://3.bp.blogspot.com/-pOXK8E-MkMc/VvJc1JX-vDI/AAAAAAAAETE/7R8Nkx9KqU8qbqe2l1VZF-x242xumEoLw/s1600/blogger.png" title="Неполноценность функции восстановления сообщений блога с помощью резервной копии контента Blogger" /></a>
<br />
<div style="text-align: justify;">
Как известно, Blogger дает возможность сохранить резервную копию контента на компьютер, а под контентом подразумевает страницы, сообщения и комментарии. К сожалению, функция восстановления сообщений блога с помощью резервной копии контента Blogger не работает полноценно, что делает практически бессмысленным использование такой функции.
<br />
<a name='more'></a><br />
<br />
Для <a href="http://blogger.freewebmaster.info/2015/12/import-i-eksport-blogov-v-Blogger.html" target="_blank">восстановления сообщений, страниц и комментариев Blogger,</a> сохранённый на компьютере XML-файл с контентом можно загрузить в систему, нажав на соответствующую ссылку импорта.
<br />
<br />
<h4 style="text-align: left;">
При импорте контента не сохраняются URL-адреса сообщений</h4>
Логически рассуждая, резервная копия контента должна помочь восстановить блог в случае ошибочного удаления (исчезновения) статей с сохранением всех его показателей. Теперь представьте, что при импорте контента все URL-адреса сообщений, как "пользовательские" так и созданные автоматически, изменяться на другие. Именно это и происходит при использовании функции восстановления сообщений Blogger. Как результат вся внутренняя перелинковка ведет на несуществующие страницы, точно также, как и ссылки с проиндексированные ранее статей в выдаче поисковых систем. Блог теряет свои показатели и посещаемость.<br />
<br />
Причина такой досадной недоработки Blogger кроется в следующем. Допустим, создано сообщение с URL-адресом "blog-post", которое, после было удалено.
<br />
<br />
<img alt="Формирование URL-адреса сообщения Blogger с помощью автоматической постоянной ссылки" border="0" src="https://2.bp.blogspot.com/-jYSKPgC6hA4/VvFmOYzsX-I/AAAAAAAAESs/OiO87aRsMXUcdhQfz7VDmXOkWxQSUGjdQ/s1600/url-blogger.png" title="Формирование URL-адреса сообщения Blogger с помощью автоматической постоянной ссылки" />
<br />
<br />
Восстановить прежний URL-адрес сообщения невозможно, даже, вручную. Система Blogger не позволяет создать сообщение с тем-же URL, что был у ранее опубликованного, даже если оно удалено. Так, на изображении ниже видно, что не смотря на то, что пользовательская постоянная ссылка указана как "blog-post", в URL-адресе, с которым опубликуется сообщение, будут дополнительно символы, например, "_22".
<br />
<br />
<img alt="Невозможно создать сообщение Blogger с URL-адресом, который уже использовался, даже если пост с таким URL был удален" border="0" src="https://2.bp.blogspot.com/-ZvxrIv5hZU8/VvFnK19mcyI/AAAAAAAAES0/HR4FrE8qalY7d85wKUAd-LE8JN-VfGk5g/s1600/url-blogger2.png" title="Невозможно создать сообщение Blogger с URL-адресом, который уже использовался, даже если пост с таким URL был удален" />
<br />
<br />
Такая же ситуация повторяется и с восстановлением сообщений из резервной копии. Таким образом, огромное количество "битых" внутренних и внешний ссылок, а также, неизбежное падение рейтинга блога в поисковых системах, делает сомнительным применение функции восстановления сообщений блога с помощью резервной копии контента Blogger.
<br />
<br />
Для информации: ограничений на размер файлов для импорта нет, но количество операций по импорту в день ограниченно (около 10 операций), как указано на <a href="https://support.google.com/blogger/answer/97416?hl=ru" rel="nofollow" target="_blank">странице</a> справки Blogger.
<br />
<br />
Остается заметить, что все эти недостатки процесса импорта контента исчезают при восстановлении сообщений на ином субдомене Blogspot, с использованием персонального домена. При переходе же на другую CMS, например WordPress. При такой операции импорта, в любом случае меняются URL-адреса контента.
<br />
<br />
<h4 style="text-align: left;">
Иные недостатки процесса импорта контента Blogger</h4>
Сообщения импортируются без работающего тега "Читать дальше", то есть, нужный нам тег <!--more--> превращается в
<br />
<br />
<div style="text-align: center;">
<a href="https://www.blogger.com/null" name="more"></a> </div>
<br />
Таким образом, на главной странице сайта отображаются сообщения с полным текстом, и чтобы это исправить, придется, править каждое сообщение.</div>
</div>
Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-5419576699675185461.post-2693648824545115112015-12-29T16:29:00.000+02:002018-11-19T13:03:12.206+02:00Что делать, если выпадающее меню страниц перекрывает блок AdSense?<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://blogger.freewebmaster.info/2015/12/vypadayushcheye-menyu-stranits-perekryvayet-blok-AdSense.html" imageanchor="1" target="_blank"><img alt="Как не допустить случайных кликов и не нарушить правила AdSense?" border="0" height="336" src="http://4.bp.blogspot.com/-xP51aLe_uOQ/VoJV4jFLyuI/AAAAAAAAEMI/vy90as-Oj_w/s640/Blogger-AdSense.png" title="Как не допустить случайных кликов и не нарушить правила AdSense?" width="640" /></a>
<br />
<br />
<div style="text-align: justify;">
AdSense считает неприемлемым размещать рекламный блок так, чтобы он перекрывался раскрывающимся меню. Таким образом, рекламная сеть пытается не допустить случайных кликов. Именно, в мобильной версии шаблона Blogger, меню страниц открывается выпадающим вниз списком. Как же расположить рекламу, чтобы не нарушить правила AdSense?
<a name='more'></a>
<br /><br />
Статья написана в дополнение к посту <a href="http://blogger.freewebmaster.info/2015/12/kak-ustanovit-reklamu-AdSense-v-mobilnom-shablone-Blogger.html" target="_blank">Как установить рекламу AdSense в мобильном шаблоне Blogger?,</a> где высказывалась мысль, что на блог есть смысл установить два виджета страниц. Так, в обычной веб-версии сайта, отображались бы страницы в верхней позиции шаблона с рекламным блоком ниже, а в мобильной - в нижней позиции, с рекламным блоком выше такого меню.
<br /><br />
Ниже, я хочу рассмотреть другой вариант, в котором нет необходимости создавать два виджета страниц. В этом случае, в позицию "Cross-Column", не добавляется ни одного гаджета.
<br /><br />
<a href="http://3.bp.blogspot.com/-jNc9mh_XMGM/VoF9ar9-XkI/AAAAAAAAEL4/EEeV_orP8mo/s1600/Blogger-AdSense.png" imageanchor="1">
<img alt="Что делать, если выпадающее меню страниц мобильного шаблона Blogger перекрывает блок AdSense?" border="0" height="466" src="http://3.bp.blogspot.com/-jNc9mh_XMGM/VoF9ar9-XkI/AAAAAAAAEL4/EEeV_orP8mo/s640/Blogger-AdSense.png" title="Что делать, если выпадающее меню страниц мобильного шаблона Blogger перекрывает блок AdSense?" width="640" /></a>
<br /><br />
В целом, с виджетами в шаблоне, и работать легче, если они, как показано на изображении выше, находятся все в одной секции. Блок гаджета рекламы HTML/JavaScript для мобильной веб-версии, с атрибут mobile='only', понятно, располагаем сверху страниц. AdSense для компьютерного шаблона будет внизу страниц. Теперь, раскрывающиеся вниз пункты меню гаджета страниц, не будут перекрывать блок AdSense в мобильном шаблоне Blogger.
<br /><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-tdWKr53Fj5A/VoKWp5iKz8I/AAAAAAAAEMY/1QJzqJKTTj8/s1600/Blogger-AdSense.png" imageanchor="1"><img alt="Что делать, если выпадающее меню страниц Blogger перекрывает блок AdSense?" border="0" src="http://1.bp.blogspot.com/-tdWKr53Fj5A/VoKWp5iKz8I/AAAAAAAAEMY/1QJzqJKTTj8/s1600/Blogger-AdSense.png" title="Что делать, если выпадающее меню страниц Blogger перекрывает блок AdSense?" /></a></div>
<br />
Сразу напомню, после того, как вы присвоите гаджету рекламы атрибут mobile='only', и сохраните шаблон, он исчезнет из схемы меню "Дизайн". Кроме того, теперь, при нажатии на кнопку "Сохранить расположение" в меню "Дизайн", появится, "глюк" с всплывающим сообщением "Произошла
ошибка. Обновите страницу и повторите попытку.", о чем, также, писалось в статье по ссылке, в начале этого сообщения. Данный глюк убирается, если присвоить атрибуту mobile='only' другое значение, например, 'yes'.</div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5419576699675185461.post-89496033175017283542015-12-17T12:05:00.000+02:002018-11-19T12:59:14.411+02:00Оптимизация работы с рекламой AdSense в шаблонах Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://blogger.freewebmaster.info/2015/12/optimizatsiya-raboty-s-reklamoy-AdSense-v-shablonakh-Blogger.html" imageanchor="1" target="_blank"><img alt="Оптимизация работы с рекламой AdSense в шаблонах Blogger" border="0" src="http://2.bp.blogspot.com/-9sDLaDrO9bg/VnKagU_h-NI/AAAAAAAAEK4/VnnXrhM90YQ/s1600/AdSense-Blogger.png" title="Оптимизация работы с рекламой AdSense в шаблонах Blogger" /></a>
<br />
<br />
<div style="text-align: justify;">
Данный материал по оптимизация работы с рекламой AdSense в шаблонах Blogger полезен, если вы работаете со многими блогами. С большим
количеством блоков AdSense легче работать, если классифицировать их по доменным именам (субдоменам), на которых они расположены, типу шаблона и позиции в нём.
<a name='more'></a><br />
<br />
Ранее, я публиковал несколько статей на тему размещения рекламы AdSense как в обычной веб-версии Blogger, так и в мобильном шаблоне. В этой статье просто хочу обобщить написанное, выделить основную информацию и добавить примеры названия блоков AdSense, в соответствии с их расположением в шаблоне Blogger.
<br /><br />
<li><a href="http://blogger.freewebmaster.info/2015/05/kak-ustanovit-kod-reklamnogo-bloka-v-shablon-Blogger-v-kontse-kazhdogo-soobshcheniya.html" target="_blank">Как установить код рекламного блока в шаблон Blogger в конце каждого сообщения?</a></li>
<li><a href="http://blogger.freewebmaster.info/2015/06/adsense-blogger.html" target="_blank">Как установить блок AdSense только на главной странице и на странице ярлыков Blogger?</a></li>
<li><a href="http://blogger.freewebmaster.info/2015/06/optimalnoye-raspolozheniye-reklamy-AdSense-na-Blogger.html" target="_blank"> Оптимальное расположение рекламы AdSense на Blogger</a></li>
<li><a href="http://blogger.freewebmaster.info/2015/12/kak-ustanovit-reklamu-AdSense-v-mobilnom-shablone-Blogger.html" target="_blank"> Как установить рекламу AdSense в мобильном шаблоне Blogger?</a></li>
<br />
Для размещения всей рекламы AdSense используются виджеты HTML/JavaScript или же код вставляется, непосредственно, в шаблон. Название гаджета включает в себя сам домен, тип шаблона (если это мобильный) и позицию в схеме меню "Дизайн".
<br /><br />
<h3>
Размещение блоков AdSense для контента на Blogger</h3>
Блоки AdSense для контента на обычной веб-версии сайта, в мобильном шаблоне не отображаются, точно также, как и блоки AdSense мобильной веб-версии сайта, не отображаются в обычном шаблоне. В обоих шаблонах размещаются по четыре блока AdSense. Все блоки AdSense для мобильного шаблона имеют адаптивный дизайн.
<br />
<br />
<div style="text-align: center;">
<b>Веб-версия шаблона</b></div>
1) <span style="background-color: #cfe2f3;">blogger.freewebmaster.info/web/cross-column2</span><br />
2) <span style="background-color: #cfe2f3;">blogger.freewebmaster.info/web/sidebar-right-1</span><br />
<br />
3) <span style="background-color: #cfe2f3;">blogger.freewebmaster.info/web/sidebar-right-1/main+label</span><br />
виджет для страницы ярлыков и главной страницы, заключён в теги b:if между b:includable <b:if cond='data:blog.pageType == "index"'> виджет </b:if>; адаптивный дизайн format="auto" <br />
<br />
4) <span style="background-color: #cfe2f3;">blogger.freewebmaster.info/web/tem-post-footer</span><br />
код в шаблоне, в конце сообщения, внутри элемента b:includable с id='post', непосредственно перед кодом div class='post-footer' заключён между тегами b:if<br /> <b:if cond='data:blog.pageType == "item"'> код AdSense </b:if>; адаптивный дизайн format="rectangle"; тег <br /> перед кодом AdSense, заключен в b:if; script async='async'.
<br /><br />
<div style="text-align: center;">
<b>Мобильный шаблон </b></div>
1) <span style="background-color: #cfe2f3;">blogger.freewebmaster.info/mob/cross-column2</span><br />
гаджет mobile='only'; адаптивный дизайн format="auto" в позиции cross-column2 на мобильном интерфейсе всегда отображается горизонтально. Название гаджета пишем "AdSense-mob".<br />
<br />
2) <span style="background-color: #cfe2f3;">blogger.freewebmaster.info/mob/sidebar-right-1</span> <br />
гаджет mobile='only'; адаптивный дизайн format="auto" в позиции sidebar-right-1 на мобильном интерфейсе всегда отображается прямоугольником.<br />
<br />
3) <span style="background-color: #cfe2f3;">blogger.freewebmaster.info/mob/sidebar-right-1/main+label</span><br />
виджет для страницы ярлыков и главной страницы, заключён в теги b:if между b:includable <b:if cond='data:blog.pageType == "index"'> виджет </b:if>; mobile='only'; адаптивный дизайн format="auto" <br />
<br />
4) <span style="background-color: #cfe2f3;">blogger.freewebmaster.info/mob/tem-post-footer</span> <br />
код в шаблоне, в конце сообщения, внутри элемента b:includable с id='mobile-post', непосредственно перед кодом div class='post-footer'; заключать между тегами b:if не обязательно; адаптивный дизайн format="rectangle"; тег <br /> перед кодом AdSense; script async='async'.
<br /><br />
<h3>
Размещение блоков ссылок AdSense на Blogger</h3>
Для обычной веб-версии сайта используются три блока ссылок AdSense, из которых в мобильном шаблоне отображаются только ссылки в шаблоне перед блоком комментариев на странице сообщений. Так, на главной странице и странице ярлыков мобильной версии блога, остаётся один блок ссылок AdSense.<br />
<br />
<div style="text-align: center;">
<b>Веб-версия шаблона</b></div>
1) <span style="background-color: #cfe2f3;">blogger.freewebmaster.info/web/link/sidebar-left-1</span><br />
блок создаётся при наличии левой колонки<br /><br />
2)3) <span style="background-color: #cfe2f3;">blogger.freewebmaster.info/web/link/main</span><br />
блок, созданный в секции main меню "Дизайн" Blogger именует, ваш-субдомен_main_Blog1_468x15_0ads_al_s и отображает на главной странице и
странице ярлыков между сообщениями в двух местах<br /><br />
4) <span style="background-color: #cfe2f3;">blogger.freewebmaster.info/web-mob/link/before-comments</span><br />
код в шаблоне<br />
<br />
<div style="text-align: center;">
<b>Мобильный шаблон</b></div>
4) <span style="background-color: #cfe2f3;">blogger.freewebmaster.info/web-mob/link/before-comments</span><br />
блок тот же, что и в обычной веб-версии</div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5419576699675185461.post-78614503033788593052015-12-14T17:19:00.000+02:002018-11-19T12:53:04.570+02:00Как установить рекламу AdSense в мобильном шаблоне Blogger?<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://blogger.freewebmaster.info/2015/12/kak-ustanovit-reklamu-AdSense-v-mobilnom-shablone-Blogger.html" target="_blank" imageanchor="1"> <img alt="Как установить рекламу AdSense в мобильном шаблоне Blogger?" border="0" height="338" src="http://4.bp.blogspot.com/-SSIWlutvlPs/VmgI4ryAAbI/AAAAAAAAEI0/rHpCFKCCdsU/s640/AdSense-Blogger.png" title="Как установить рекламу AdSense в мобильном шаблоне Blogger?" width="640" /></a>
<br />
<br />
<div style="text-align: justify;">
При включенной функции показа мобильного шаблона блога на смартфонах пользователей, по умолчанию, будут отображаться некоторые виджеты, в том числе, рекламного блока AdSense. Как же оптимально расположить рекламу AdSense в мобильном шаблоне Blogger?
<a name='more'></a>
<br /><br />
<h4>
Настройка мобильного шаблона Blogger </h4>
Краткая информация об общих настройках мобильного шаблона для Blogger, содержится в <a href="https://support.google.com/blogger/answer/2685928?hl=ru" rel="nofollow" target="_blank">справке</a> этой системы. На вкладке "Шаблон", панели управления Blogger, нажмите на значок шестеренки под изображением варианта шаблона для мобильных устройств и выберите такой шаблон, который хотите использовать для блога. При значении "По умолчанию", будет отображаться такой же шаблон, как и для компьютера. При выборе значения "Дополнительно", все ваши настройки, внесённые в основной шаблон, отобразятся и в мобильном, поэтому, применяют, как правило, именно это значение.<br />
<br />
<h4>
Создаём отдельные адаптивные блоки AdSense </h4>
Согласно <a href="http://blogger.freewebmaster.info/2015/06/optimalnoye-raspolozheniye-reklamy-AdSense-na-Blogger.html" target="_blank">оптимальному расположению рекламы AdSense, на Blogger</a> можно установить четыре блока AdSense для контента на обычной веб-версии сайта, которые в мобильном шаблоне Blogger не отобразятся, если не использовать виджеты "AdSense". Хотя и можно отобразить все блоки с рекламой в мобильном шаблоне, указав для соответствующих виджетов HTML/JavaScript атрибут mobile='yes', но такие блоки могут не вписаться в дизайн мобильного шаблона, если не имеют автоматического размера (адаптивные блоки). В любом случае, для мобильных шаблонов лучше создавать отдельные блоки AdSense с адаптивным дизайном, это поможет следить за статистикой показов рекламы на смартфонах.<br />
<br />
<h4>
Ошибка функции сохранения в меню "Дизайн" </h4>
Для мобильной веб-версии сайта, так же, как и для основной, достаточно установить четыре блока AdSense для контента, которые не видны в обычном шаблоне. Рекламу будем внедрять с помощью виджетов HTML/JavaScript в меню "Дизайн". С функциями меню "Дизайн", стоит познакомиться поближе, так как при попытке сохранить установленные в некоторые секции виджеты, могут появиться "глюки" и всплывает сообщение "Произошла ошибка. Обновите страницу и повторите попытку.", как показано на изображении ниже.
<br /><br />
<a href="http://1.bp.blogspot.com/-znvXrBdx558/Vmkxu2toQUI/AAAAAAAAEJU/bIhGMUmU_yY/s1600/menyu-dizayn-Blogger-oshibka-sokhraneniya.png" imageanchor="1"><img alt="Ошибка при сохранении меню "Дизайн" в Blogger "Произошла ошибка. Обновите страницу и повторите попытку."" border="0" height="368" src="http://1.bp.blogspot.com/-znvXrBdx558/Vmkxu2toQUI/AAAAAAAAEJU/bIhGMUmU_yY/s640/menyu-dizayn-Blogger-oshibka-sokhraneniya.png" title="Ошибка при сохранении меню "Дизайн" в Blogger "Произошла ошибка. Обновите страницу и повторите попытку."" width="640" /></a>
<br /><br />
<h4>
Схема расположения гаджетов меню "Дизайн" </h4>
После создания блога, меню "Дизайн" имеет стандартный вид:<br />
<br />
<a href="http://4.bp.blogspot.com/-8ToJQaqJQyg/VmkoOSQI38I/AAAAAAAAEJE/zSz6FIoORBM/s1600/Dizayn-Blogger.png" imageanchor="1"><img alt="Изначальный вид меню "Дизайн" после создания блога Blogger" border="0" height="370" src="http://4.bp.blogspot.com/-8ToJQaqJQyg/VmkoOSQI38I/AAAAAAAAEJE/zSz6FIoORBM/s640/Dizayn-Blogger.png" title="Изначальный вид меню "Дизайн" после создания блога Blogger" width="640" /></a>
<br />
<br />
Здесь стоит обратить внимание на видимую возможность добавить гаджет в позиции "Cross-Column", но это не означает, что нельзя добавить такой гаджет в позиции "Cross-Column 2" - просто перетащите гаджет, созданный в другой позиции. На следующей картинке показан изначальный код секций "Cross-Column" и "Cross-Column 2" в шаблоне Blogger.
<br />
<br />
<a href="http://4.bp.blogspot.com/-N9A5pwJ33KU/VmlDQ24pZzI/AAAAAAAAEJk/oy0FbL5_3PM/s1600/Cross-Column-v-shablone-Blogger.png" imageanchor="1"><img alt="Секции "Cross-Column" и "Cross-Column 2" в шаблоне Blogger" border="0" height="116" src="http://4.bp.blogspot.com/-N9A5pwJ33KU/VmlDQ24pZzI/AAAAAAAAEJk/oy0FbL5_3PM/s640/Cross-Column-v-shablone-Blogger.png" title="Секции "Cross-Column" и "Cross-Column 2" в шаблоне Blogger" width="640" /></a>
<br />
<br />
Принципиальной разницы между двумя секциями нет, а отличаются они только значениями атрибута "showaddelement", благодаря которому мы видим или не видим опцию "Добавить гаджет" под названием позиции, и наличием в верхней секции атрибута "maxwidgets", ограничивающего количество виджетов секции. Понятно, что данные атрибуты можно удалить или изменить их значения.<br />
<br />
<h4>
Что делать, если выпадающее меню страниц перекрывает блок AdSense? </h4>
Чтобы определить подходящую секцию для AdSense, необходимо учитывать особенности отображения виджета "Страницы" в мобильном шаблоне Blogger.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="Отображение виджета "Страницы" в мобильном шаблоне Blogger" border="0" src="http://1.bp.blogspot.com/-0S2vJncl2wY/VmwpDv9JXHI/AAAAAAAAEKI/UaW8eOiEXIQ/s1600/gadzhet-stranitsy-Blogger.png" title="Отображение виджета "Страницы" в мобильном шаблоне Blogger" /></div>
<br />
Как видим, в мобильной версии шаблона Blogger, меню страниц открывается выпадающим вниз списком, и расположенная ниже реклама может им перекрываться, что запрещается <a href="https://support.google.com/adsense/answer/1346295?hl=ru&ref_topic=1271508&rd=1#Encouraging_accidental_clicks" rel="nofollow" target="_blank">правилами AdSense.</a><br />
<br />
<img alt="Согласно правилам AdSense, раскрывающимся меню не должна перекрываться реклама AdSense" border="0" height="318" src="http://2.bp.blogspot.com/-i1U7Ikn3Lek/Vmw0lcSQmQI/AAAAAAAAEKY/LjDGzawHbII/s640/raskryvayushcheyesya-menyu-AdSense.png" title="Согласно правилам AdSense, раскрывающимся меню не должна перекрываться реклама AdSense" width="640" />
<br />
<br />
В тоже время, в шаблоне Blogger для настольных компьютеров, меню страниц отображается полностью, его пункты, по умолчанию не раскрываются и рекламу оптимальней размещать ниже такого меню. Поэтому, на блог есть смысл установить два виджета страниц, один из которых предназначен для обычной веб-версии сайта, другой - для мобильной. Между такими страницами, в схеме меню "Дизайн" будут расположены блоки AdSense, один из которых, также, предназначен для обычной веб-версии сайта, другой - для мобильной. <br />
<br />
<a href="http://4.bp.blogspot.com/-wYH4jknMtbM/Vm50mB0jJ3I/AAAAAAAAEKo/AXKIeCOAnLA/s1600/dizayn-AdSense-Blogger.png" imageanchor="1"><img alt="Расположение виджета страниц и AdSense в меню "Дизайн" Blogger" border="0" height="468" src="http://4.bp.blogspot.com/-wYH4jknMtbM/Vm50mB0jJ3I/AAAAAAAAEKo/AXKIeCOAnLA/s640/dizayn-AdSense-Blogger.png" title="Расположение виджета страниц и AdSense в меню "Дизайн" Blogger" width="640" /></a>
<br />
<br />
Обратите внимание, в позиции "Cross-Column", уже нет ссылки на добавление гаджета, так как это секции имеет атрибут maxwidgets='1', и один возможный виджет уже добавлен. Если в коде шаблона не увеличить значение атрибута "maxwidgets", то и перетащить виджет в данную секцию не получиться. Но менять что-то здесь, пока необходимости нет.<br />
<br />
Так как гаджет страницы, по умолчанию, отображается в мобильном шаблоне, то в обеих веб-версиях блога рядом будет два списка страниц, поэтому, для самого верхнего гаджета страниц, в позиции "Cross-Column", установите атрибут mobile='nо', а для самого нижнего гаджета страниц, в позиции "Cross-Column 2", установите атрибут mobile='only'. Теперь, для виджета AdSense HTML/JavaScript, предназначенного для смартфонов, установите атрибут mobile='only'. Конечно, заморачиваться над расположением страниц в мобильном шаблоне не надо, если они, вообще, не предусмотрены в вашем блоге, но если страницы есть, то теперь, в мобильной версии шаблона Blogger, раскрывающееся меню таких страниц выпадающим вниз списком, не будет перекрывать расположенную ниже рекламу AdSense.<br />
<br />
<h4>
Именуйте виджеты и редактируйте их в мобильной веб-версии блога </h4>
Названия гаджетов в секциях "Cross-Column" и "Cross-Column 2" не отображаются на сайте, поэтому, для облегчения поиска их кода в шаблоне, блоки страниц и AdSense лучше озаглавить, например, "Страницы", "Страницы-моб", "AdSense" и "AdSense-моб". Заметил, что гаджеты с добавленным атрибутом mobile='only', после сохранения шаблона и перезагрузки вкладки меню "Дизайн" в Blogger, со схемы дизайна исчезают. В связи с этим редактируйте такие гаджеты или в шаблоне или в мобильной версии, по ссылке "Ваш сайт/?m=1".<br />
<br />
<h4>
Исправление ошибки функции сохранения в меню "Дизайн"</h4>
К сожалению, теперь, при нажатии на кнопку "Сохранить расположение" в меню "Дизайн", появился, "глюк" с всплывающим сообщением "Произошла ошибка. Обновите страницу и повторите попытку.", о чем говорилось выше. О том, что это именно глюк, связанный с меню "Дизайн", говорит успешное сохранение изменений в расположении виджетов в меню "Шаблон". После того, как с двух виджетов были удалены атрибуты mobile='only', функция сохранения в дизайне заработала. Вот такой вот глюк. Возможно, исчезновение виджетов со схемы дизайна связано с нарушением функции сохранения. Попытка увеличить число гаджетов в секции "Cross-Column" и перенос туда виджетов с атрибутом mobile='only', успехом не увенчалась, - функция сохранения в дизайне не заработала. Остаётся заметить, что и без этой функции, блог, вполне работоспособен, все изменения делаются и сохраняются непосредственно в шаблоне.</div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5419576699675185461.post-16989241158045733512015-12-08T15:24:00.004+02:002018-11-19T12:44:19.837+02:00Как создать переадресацию URL страниц Blogger на другой сайт?<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://blogger.freewebmaster.info/2015/12/kak-sozdat-pereadresatsiyu-URL-stranits-Blogger-na-drugoy-sayt.html" target="_blank" imageanchor="1"><img alt="Как создать переадресацию URL страниц Blogger на другой сайт?" title="Как создать переадресацию URL страниц Blogger на другой сайт?" border="0" src="http://3.bp.blogspot.com/-1sIzPjdZ4bw/VlwajrOSdZI/AAAAAAAAEHA/g13Vq1fWRQg/s1600/pereadresatsiyu-URL-Blogger.png" /></a>
<br />
<br />
<div style="text-align: justify;">
Иногда, возникает ситуация, когда давно созданный и проиндексированный поисковыми системами блог на Blogger, по каким-то причинам необходимо перенести на другой сайт (домен, субдомен). Как же создать переадресацию URL-страниц Blogger на другой сайт, что бы посетитель, перешедший на старые страницы по ссылке, не увидел сообщение об ошибке, а позиции проиндексированных страниц в поисковой выдаче
передавались бы новой странице другого домена, тем самым сохранив поисковый трафик?
<a name='more'></a><br />
<br />
Перед созданием переадресации URL-страниц Blogger, стоит, предварительно, узнать, <a href="http://blogger.freewebmaster.info/2015/12/import-i-eksport-blogov-v-Blogger.html" target="_blank">как экспортировать сообщения и комментарии из блога на Blogger, а затем при необходимости импортировать их в другой блог.</a> Если придётся осуществлять переезд блога на Blogger, то скорее всего, вы будете переносить его содержание в ту же систему под управлением Blogger, но на новом домене. Менять систему управления контентом и переносить статьи в другую CMS, например, <a href="http://cms.freewebmaster.info/2014/05/sozdaniye-sayta-na-WordPress.html" target="_blank">WordPress,</a> не вижу смысла.
<br />
<br />
О <a href="http://blogger.freewebmaster.info/2015/11/kak-sozdat-pereadresatsiyu-URL-stranits-v-Blogger.html" target="_blank">настройках функции перенаправления URL в Blogger</a> я говорил ранее, где выяснил, что невозможно переадресовать внутренние страницы блога на другие сайты с помощью встроенных инструментов Blogger. Существует несколько, подходящих нам, вариантов редиректа (redirect) страниц блога через изменение кода шаблона.<br />
<br />
<h4 style="text-align: left;">
Переадресация URL-страниц Blogger с помощью кода HTML</h4>
Для создания перенаправления URL-страниц Blogger на другой сайт, вставьте код HTML после тега <head><br />
<br />
<div style="text-align: center;">
<meta content='0; url=http://новый_сайт' http-equiv='Refresh'/></div>
<br />
Данный редирект происходит путём обновления страницы. Если вместо нуля подставить другое значение, страница будет обновляться с переадресацией через указанное количество секунд. При значении "0", загружается полностью, а потом отображается страница по старому адресу и только после этого происходит обновление, поэтому считаю такой вариант неподходящим. При применении такого способа, невозможно перенаправить конкретную страницу Blogger на соответствующую страницу другого блога, все переадресованные страницы ведут на главную страницу сайта. Если вставить код, непосредственно, в теле сообщения Blogger, все страницы блога будут перенаправляться на главную страницу указанного сайта.<br />
<br />
Дополнительно, тем, кто показывает на блоге рекламу, согласно <a href="https://support.google.com/adsense/answer/1346295?hl=ru&ref_topic=1271508&rd=1#Auto-refreshing_ads" rel="nofollow" target="_blank">правилам AdSense,</a> необходимо учесть, что издателям запрещено обновлять страницу без соответствующего запроса пользователя.<br />
<br />
<h4 style="text-align: left;">
Переадресация URL-страниц Blogger с помощью кода Javascript</h4>
Перенаправить URL-страницы Blogger на другой сайт, можно, вставив код Javascript после того же тега <head>.
<br />
<blockquote class="tr_bq">
<script><br />
window.location="http://новый_сайт";<br />
</script></blockquote>
Страницы переадресовываются без задержки, но снова все только на главную страницу другого блога. Как и в первом варианте, если код вставить, непосредственно, в теле сообщения Blogger, все страницы блога будут перенаправляться на главную страницу указанного сайта.<br />
<br />
На данный момент не нашёл такого способа, при котором возможно перенаправить конкретную страницу Blogger на соответствующую страницу другого блога, так, чтобы все переадресованные страницы не вели на главную страницу сайта.
<br />
<br />
P.S. Если вы меняете доменное имя, независимо от того какой хостинг используете, все ссылки с других сайтов будут вести на старое имя.
Соответственно, новый домен не будет иметь веса. Со старого сайта, в этом случае, чтобы передать старый вес надо поставить постоянный редирект 301. Но на blogger такой редирект поставить невозможно. Так что доменное имя лишний раз лучше не менять.</div></div>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-5419576699675185461.post-77710141451961357352015-12-04T14:56:00.002+02:002016-03-01T10:15:08.987+02:00Импорт и экспорт блогов в Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<img alt="Импорт и экспорт блогов в Blogger" border="0" src="http://4.bp.blogspot.com/-_3SPPxoPE-I/VmB2IiOYZRI/AAAAAAAAEHQ/ke4a8l5RLJc/s1600/import-eksport-Blogger.png" title="Импорт и экспорт блогов в Blogger" />
<br />
<br />
<div style="text-align: justify;">
Если возникает необходимость перенести сообщения Blogger из одного блога в другой, воспользуйтесь функцией экспорта сообщений и комментариев из одного блога, а затем при необходимости функцией импорта их в другой блог.
<a name='more'></a><br />
<br />
<h4 style="text-align: left;">
Как экспортировать сообщения и комментарии из блога на Blogger?</h4>
В панели управления Blogger, в меню слева нажмите Настройки > Другое. В разделе "Инструменты блога" нажмите Экспорт блога > Загрузить блог. Так, на компьютер вы можете сохранить созданный XML-файл с записями и комментариями.<br />
<br />
<a href="http://4.bp.blogspot.com/-KmthKn_m7-o/VmGNQL31lYI/AAAAAAAAEHg/td9a7OnPKCs/s1600/eksport-Blogger.bmp" imageanchor="1">
<img alt="Как экспортировать сообщения и комментарии из блога на Blogger?" border="0" height="414" src="http://4.bp.blogspot.com/-KmthKn_m7-o/VmGNQL31lYI/AAAAAAAAEHg/td9a7OnPKCs/s640/eksport-Blogger.bmp" title="Как экспортировать сообщения и комментарии из блога на Blogger?" width="640" /></a>
<br />
<br />
<h4 style="text-align: left;">
Как импортировать сообщения и комментарии в блог на Blogger?</h4>
Для восстановления блога, сохранённый на компьютере XML-файл с записями и комментариями можно загрузить в Blogger, нажав на ссылку "Импорт блога".<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="Как импортировать сообщения и комментарии в блог на Blogger?" border="0" src="http://2.bp.blogspot.com/-Q21w0UA9Fmo/VmK_2_b7FDI/AAAAAAAAEIA/HbeY6DRMLjA/s1600/import-Blogger.png" title="Как импортировать сообщения и комментарии в блог на Blogger?" /></div>
<br />
Если в блоге уже есть сообщения, то импортированные статьи будут объединены с ними и упорядочены по дате. По умолчанию, опция автоматической публикации всех перенесённых записей и страниц включена, но оставлять там галочку не стоит, если, сначала, необходимо <a href="http://blogger.freewebmaster.info/2015/12/kak-sozdat-pereadresatsiyu-URL-stranits-Blogger-na-drugoy-sayt.html" target="_blank">создать переадресацию URL страниц Blogger на другой сайт.</a><br />
<br />
Кроме того, сообщения импортируются без работающего тега "Читать дальше", то есть, нужный нам тег <!--more--> превращается в <br />
<br />
<div style="text-align: center;">
<a href="https://www.blogger.com/null" name="more"></a> </div>
<br />
Таким образом, на главной странице сайта отображаются сообщения с полным текстом, что, перед публикацией, необходимо исправить. Ссылка "Подробнее", которую вы видите на изображении выше, ведёт на <a href="https://support.google.com/blogger/answer/97416?hl=ru" rel="nofollow" target="_blank">страницу</a> справки Blogger.
<br />
<br />
<h4 style="text-align: left;">
Резервное копирование шаблона Blogger</h4>
Для сохранение дизайна переносимого блога в новом блоге, сохраните копию шаблона Blogger. Функцию резервного копирования и восстановления можно найти в меню "Шаблон". <br />
<br />
<a href="http://4.bp.blogspot.com/-KVHwICI38is/VmKuG-yuFSI/AAAAAAAAEHw/RPnyJO4C-bI/s1600/eksport-shablon-Blogger.bmp" imageanchor="1">
<img alt="Резервное копирование и восстановление шаблона Blogger" border="0" height="250" src="http://4.bp.blogspot.com/-KVHwICI38is/VmKuG-yuFSI/AAAAAAAAEHw/RPnyJO4C-bI/s640/eksport-shablon-Blogger.bmp" title="Резервное копирование и восстановление шаблона Blogger" width="640" /></a>
<br />
<br />
<h4 style="text-align: left;">
Как импортировать резервную копию шаблона в блог на Blogger?</h4>
Для переноса копии шаблона блога, снова воспользуемся функцией резервного копирования и восстановления в меню "Шаблон", административной части Blogger. Теперь, нас интересует кнопка не сохранения шаблона, а кнопки "Обзор" и "Загрузить".<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="Как импортировать резервную копию шаблона в блог на Blogger?" border="0" src="http://3.bp.blogspot.com/-U_7A2rny5Wo/VmLWcgJdbrI/AAAAAAAAEIQ/vwU9r2oMRlo/s1600/import-shablon-Blogger.png" title="Как импортировать резервную копию шаблона в блог на Blogger?" /></div>
<br />
<h4 style="text-align: left;">
Какие элементы резервной копии шаблона не импортируются в блог на Blogger?</h4>
При переносе копии шаблона Blogger, не все его элементы сохраняются в новом блоге и, наоборот, некоторые настройки потребуется выполнить заново. Вновь оказывается включенным виджет панели навигации "Navbar", а также, в правой боковой колонке (sidebar-right-1) появляются виджеты профиля Google+, настройки сведений об авторстве с надписью "Технологии Blogger" (атрибуция), и архива блога, которые были удалены или закомментированы. В случае ненадобности эти виджеты удаляются в шаблоне.<br />
<br />
Не импортируется содержание виджета HTML/JavaScript, поэтому, например, код AdSense надо вставлять заново. Не импортируется, также, содержание виджета "Страницы", который отображает список отдельных страниц блога. Настраивать такой "Список страниц" придётся повторно. <br />
<br />
<img alt="Настройка и содержание виджета "Страницы" Blogger" border="0" src="http://2.bp.blogspot.com/-zN0I_7uj27A/VmMVWbPs_dI/AAAAAAAAEIg/CQgptr8Sum4/s1600/vidzhet-stranits-Blogger.png" title="Настройка и содержание виджета "Страницы" Blogger" />
<br />
<br />
Если в меню Настройки > Настройки поиска, в разделе "Метатеги" включено описание для поисковых систем, то в настройках сообщения, также, появится опция "Описание для поисковых систем". К сожалению, само описание при импорте блога не сохраняется. <a href="http://blogger.freewebmaster.info/2013/03/kak-izmenit-URL-adres-soobshcheniya-v-Blogger.html" target="_blank">Пользовательские постоянные ссылки URL-адресов сообщений в Blogger</a> придётся добавлять заново, впрочем, как и исправлять все ссылки в тексте постов, ведущие на старый домен.<br />
<br />
Обратите внимание, ваши усилия по копированию и переносу постоянных ссылок помогут быстро заменить все ссылки в сообщениях, ведущих на старый домен, путём простой замены на URL-адрес нового домена.</div></div>Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-5419576699675185461.post-82034489126377439942015-11-10T21:52:00.000+02:002016-03-03T05:27:45.561+02:00Как создать переадресацию URL страниц в Blogger?<div dir="ltr" style="text-align: left;" trbidi="on">
<img alt="Как создать переадресацию URL страниц в Blogger?" border="0" src="http://4.bp.blogspot.com/-Quc5Ar-fV2k/VkHThf_rf_I/AAAAAAAAD_I/cLKezbIA4kI/s1600/kak-sozdat-pereadresatsiyu-URL-stranits-v-Blogger.jpg" title="Как создать переадресацию URL страниц в Blogger?" />
<br />
<br />
<div style="text-align: justify;">
Допустим, ваш пост в блоге создан давно и проиндексирован поисковыми системами, но по каким-то причинам необходимо удалить пост или разместить его по другому URL-адресу. Что же необходимо сделать, что бы посетитель, перешедший на такую страницу по ссылке, не увидел сообщение об ошибке, а позиции проиндексированной страницы в поисковой выдаче передавались бы новой странице, тем самым сохранив поисковый трафик?
<a name='more'></a><br />
<br />
Настройка перенаправления URL в Blogger может понадобится, если вы <a href="http://blogger.freewebmaster.info/2013/03/kak-izmenit-URL-adres-soobshcheniya-v-Blogger.html" target="_blank">изменили URL-адрес сообщения в Blogger</a>, или, например, захотели из страницы сделать сообщение а, возможно, наоборот, из сообщения сделать страницу. При удалении поста и размещении содержания сообщения в виде страницы Blogger, изменяется и URL-адрес материала. Что бы пользователь, перешедший на такую страницу по ссылке, не увидел сообщение об ошибке, а позиции проиндексированной страницы в поисковой выдаче передавались бы новой странице, тем самым сохранив поисковый трафик, необходимо перенаправить посетителя со старого URL-адреса на новый.
<br />
<br />
<b>Настройка переадресации URL в Blogger</b><br />
В административной части Blogger, в меню слева, нажмите Настройки >> Настройки поиска. В разделе "Ошибки и переадресации" найдите "Пользовательские переадресации" и нажмите "Изменить". Теперь, можно добавить удаленный (перенаправляемый) URL и URL, на который хотите переадресовать запросы.
<br />
<br />
<img alt="Как создать переадресацию URL страниц в Blogger?" border="0" src="http://1.bp.blogspot.com/-mHVNSvChrW0/VkIe6jA_E4I/AAAAAAAAEAM/BNxv5DJnsb0/s1600/URL-Blogger.png" title="Как создать переадресацию URL страниц в Blogger?" />
<br />
<br />
Как видно из изображения выше, система автоматически указала главную страницу сайта, как начальную часть обоих URL-адресов. Таким образом, невозможно переадресовать внутренние страницы блога на другие сайты. При попытке сохранить в поле другой домен, система пишет, что URL-адрес перенаправляемой страницы и страницы, на которую делаем перенаправление, должны начинаться с символа "/". <br />
<br />
<img alt="Как создать переадресацию URL страниц в Blogger?" border="0" height="266" src="http://4.bp.blogspot.com/-yNI5smrCW6Y/VkJAjpN2DSI/AAAAAAAAEAc/XgDgYmHns70/s640/URL-Blogger2.png" title="Как создать переадресацию URL страниц в Blogger?" width="640" />
<br />
<br />
Если в поле цели, в самом начале, перед доменом поставить слэш, переадресация сохранится, но URL целевой страницы, всё-равно будет начинаться с родного домена блога, а поэтому вести на несуществующую страницу.<br />
<br />
Если исходная статья была удалена навсегда, установите флажок "Всегда". Нажмите Сохранить. Нажмите Сохранить изменения. Краткая информация о редирект URL (redirect URL) есть в <a href="https://support.google.com/blogger/answer/2472689?hl=ru" rel="nofollow" target="_blank">справке</a> Blogger.</div>
<br />
<iframe width="640" height="400" src="https://www.youtube.com/embed/6TfyF_X4Svw?rel=0" frameborder="0" allowfullscreen></iframe>
</div>FreeWebmasterhttp://www.blogger.com/profile/03173315662089289978noreply@blogger.com0tag:blogger.com,1999:blog-5419576699675185461.post-20354364018588030442015-06-22T18:35:00.001+03:002016-02-27T18:29:25.020+02:00Оптимальное расположение рекламы AdSense на Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: left; float: left; margin-bottom: 0em; margin-right: 1em; text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-AaC5X5pW1Ac/U9esqNZgB2I/AAAAAAAACog/iLBkCz8EmL4/s1600/adsense_logo_sm.png" /></div>
<div style="text-align: justify;">
Согласно <a href="https://support.google.com/adsense/answer/1346295?hl=ru&ref_topic=1271508&rd=1#Ad_limit_per_page" rel="nofollow" target="_blank">правилам</a> рекламной сети AdSense, действует ограничение по количеству размещаемых объявлений. На данный момент издатели могут разместить на одной странице сайта не более трех блоков AdSense для контента, трех блоков ссылок и двух окон поиска. Такие же ограничения относятся и к мобильным сайтам. Кроме того, на компактных экранах одновременно может демонстрироваться не более двух объявлений AdSense. Как же максимально оптимально разместить рекламу AdSense на Blogger?
<a name='more'></a><br />
<br />
<h3>
Размещение блоков AdSense для контента на Blogger</h3>
Как правило, рекламные блоки AdSense для контента, расположены по одному, вверху и в боковой панели блога, с помощью виджетов Blogger. Как внедрить код третьего рекламного блока в шаблон blogger, чтобы реклама отображалась в конце тела каждого сообщения, было описано в отдельной <a href="http://blogger.freewebmaster.info/2015/05/kak-ustanovit-kod-reklamnogo-bloka-v-shablon-Blogger-v-kontse-kazhdogo-soobshcheniya.html" target="_blank">статье.</a> Таким образом, мы имеем два блока рекламы с использование виджета HTML/JavaScript, которые отображаются на всех страницах Blogger и один код блока внедрён непосредственно в шаблон и отображается только на страницах с сообщениями. Как добавить третий блок рекламы только на многочисленные страницы ярлыков и главную страницу Blogger, рассказывал
<a href="http://blogger.freewebmaster.info/2015/06/adsense-blogger.html" target="_blank">ранее.</a> Всего получается четыре блока AdSense.<br />
<br />
<h4>
Мобильные шаблоны</h4>
Для мобильных шаблонов лучше создавать отдельные блоки AdSense с автоматическим размером (адаптивные). Первый блок помещается, традиционно, в одной из верхних секций блога. Что бы виджет отображался только в мобильной веб-версии, используйте атрибут mobile='only'. Для внедрения рекламы в конце сообщения мобильного шаблона, раскройте тег <b:includable id='mobile-post' var='post'> виджета id='Blog1' и перед кодом <div class='post-footer'> внедрите нужный код.
<br />
<br />
<a href="http://2.bp.blogspot.com/-BrJMADpp2VI/VYgon9lbmOI/AAAAAAAADoo/Id6cJ0zH6CU/s1600/post-footer-mob.png" imageanchor="1">
<img alt="Внедрение кода рекламы Adsens в конце сообщения мобильного шаблона Blogger" border="0" height="194" src="http://2.bp.blogspot.com/-BrJMADpp2VI/VYgon9lbmOI/AAAAAAAADoo/Id6cJ0zH6CU/s640/post-footer-mob.png" title="Внедрение кода рекламы Adsens в конце сообщения мобильного шаблона Blogger" width="580" /></a>
<br />
<br />
Да, если при сохранении шаблона возникнет ошибка, присвойте атрибуту "async", JavaScript-кода AdSense, значение "async" (async='async'), как показано на изображении. Обратите внимание, заключать код между тегами b:if со значением item, как показано на изображении выше, не обязательно - блоки не будут отображаться на главной странице и без данного тега.<br />
<br />
Особенностью мобильной версии блога является то, что в ней нет боковой колонки, однако все виджеты, размещенные там, при указании атрибута mobile='only', будут показаны в самом конце мобильного шаблона. Таким образом размещаем третий блок AdSense. Четвёртый блок, который является третьим блоком рекламы на страницах ярлыков и главной странице Blogger, также, можно поставить в туже боковую панель, на несколько гаджетов ниже. Всего получается четыре рекламных блоков для мобильного сайта.
<br />
<br />
<b>Коротко</b><br />
Всего четыре блока AdSense для контента на обычной веб-версии сайта (в мобильном шаблоне не отображаются):
<br />
<ul>
<li>два виджета HTML/JavaScript для всех страниц сайта, в позиции 'crosscol' и 'sidebar' соответственно;</li>
<li>один виджет HTML/JavaScript для страницы ярлыков и главной страницы Blogger в позиции 'sidebar'; </li>
<li>один код AdSense в шаблоне, в конце сообщения.</li>
</ul>
Четыре блока AdSense для контента на мобильной веб-версии сайта (в обычном шаблоне не отображаются):
<br />
<ul>
<li>два виджета HTML/JavaScript для всех страниц сайта в позиции 'crosscol' и 'sidebar' соответственно с атрибутом mobile='only';</li>
<li>один виджет HTML/JavaScript для страницы ярлыков и главной страницы Blogger в позиции 'sidebar' с атрибутом mobile='only'; </li>
<li>один код AdSense в шаблоне, в конце сообщения.</li>
</ul>
<br />
<h3>
Размещение блоков ссылок AdSense на Blogger</h3>
Блоки ссылок AdSense не имеют адаптивного размера, поэтому их размещение в боковой колонке может быть проблематично. Будем исходить из того, что один виджет с блоком ссылок AdSense вписался в дизайн боковой колонки. Внедрять код рекламного блока ссылок в шаблон Blogger, чтобы реклама отображалась в конце или начале тела каждого сообщения, я не стал, чтобы не портить общий вид статьи. Вместо этого, воспользовался функцией показа рекламы между сообщениями, которую можно включить и настроить в секции "main Сообщения блога" меню "Дизайн" административной панели Blogger. Если количество сообщений на главной странице, указанное по умолчанию, вы не меняли (7 сообщений), и показываете рекламу после каждых пяти сообщений, то горизонтальные блоки ссылок AdSense будут отображаться после первого сообщения и перед последним. Таким образом на главной странице блога и странице ярлыков будет три блока ссылок AdSense.<br />
<br />
На странице сообщений, блок ссылок рекламы, настроенный с помощью секции "main Сообщения блога" появится после блока комментариев. Разместить третий блока ссылок AdSense можно, например, перед <a href="http://blogger.freewebmaster.info/2015/04/Kak-ustanovit-v-Blogger-kommentarii-VKontakte.html" target="_blank">блоком комментариев.</a> <br />
<br />
<h4>
Мобильные шаблоны </h4>
Внедрять код рекламного блока ссылок AdSense в мобильный шаблон Blogger, чтобы реклама отображалась в конце или начале тела каждого сообщения, по аналогии с ссылками для обычной веб-версии шаблона я не стал. Вместе с тем, функция показа рекламы между сообщениями, которую можно включить и настроить в секции "main Сообщения блога" меню "Дизайн" административной панели Blogger, для мобильного шаблона не работает. Размещать ссылки без адаптивного дизайна, предлагаемого AdSense размера, в виджетах для показа только на мобильных версиях блога я тоже не стал, ну никак они не вписываются в дизайн мобильного шаблона Blogger. В мобильной версии блога отображается тот же горизонтальный блок ссылок, установленный для обычной веб-версии сайта, непосредственно перед блоком комментариев на странице сообщений. На главной странице блога и странице ярлыков, блоки ссылок AdSense отсутствуют.<br />
<br />
<b>Коротко</b><br />
Всего четыре блока ссылок AdSense для обычной веб-версии сайта (в мобильном шаблоне отображается только последний, четвёртый):
<br />
<ul>
<li>один виджет HTML/JavaScript для всех страниц сайта, в позиции 'sidebar';</li>
<li>два блока ссылок между сообщениями, для страницы ярлыков и главной страницы (один из них отображается после блока комментарием на странице сообщений) Blogger в секции "main
Сообщения блога";</li>
<li>Один горизонтальный блок ссылок в шаблоне перед блоком комментариев</li>
</ul>
<br />
Один блок ссылок AdSense в мобильной веб-версии сайта, тот же, что и в обычной веб-версии, в шаблоне, перед блоком комментариев на странице сообщений.
<br />
<br />
<h3>
Размещение окон пользовательского поиска AdSense на Blogger</h3>
Окна пользовательского поиска AdSense будем размещать с использованием виджетов HTML/JavaScript, которые отображаются на всех страницах Blogger, по одному в верхней и нижней части сайта. <br />
<br />
<h4>
Мобильные шаблоны</h4>
Для мобильных шаблонов, создаём отдельные два окна поиска AdSense с автоматическим размером (адаптивные), которые будут отображаться на всех страницах сайта. Первое окно помещается, традиционно, в одной из верхних секций блога. Что бы виджет отображался только в мобильной веб-версии, используйте атрибут mobile='only'. Второй виджет с кодом окна поиска, поместите в самый верх боковой колонки и, также, укажите атрибут mobile='only'. Таким образом, в мобильном шаблоне второе окно поиска будет отображаться сразу после блока комментариев.<br />
<br />
<b>Коротко</b><br />
Два окна пользовательского поиска AdSense для обычной веб-версии сайта (в мобильном шаблоне не отображаются):
<br />
<ul>
<li>один виджет HTML/JavaScript для всех страниц сайта, в позиции 'crosscol';</li>
<li>один виджет HTML/JavaScript для всех страниц сайта, в позиции 'footer-1'. </li>
</ul>
<br />
Два окна пользовательского поиска AdSense для мобильной веб-версии сайта (в обычном шаблоне не отображаются):
<br />
<ul>
<li>один виджет HTML/JavaScript для всех страниц сайта, в позиции 'crosscol' с атрибутом mobile='only';</li>
<li>один виджет HTML/JavaScript для всех страниц сайта, в позиции 'sidebar' с атрибутом mobile='only'. </li>
</ul>
<br />
<h3>
Некоторые особенности размещения рекламы AdSense на Blogger</h3>
Заметил, если третий блок рекламы AdSense для контента обычной веб-версии сайта, расположенный в позиции sidebar и который отображается только на страницах ярлыков и главной странице Blogger, является адаптивным формата "auto", то блок всегда принимает размер формата 300*600. На мой взгляд, подходящий размер для данного местоположения рекламы.<br />
<br />
Адаптивный код блока AdSense, внедрённый непосредственно в шаблон обычной веб-версии сайта и отображающийся только на страницах в конце сообщений, имеет формат "rectangle". Такой формат позволяет сделать рекламу более заметной, и расширяет количество отображаемых размеров объявлений. Возможно, ширину поля для текста стоит подогнать под формат блока "Netboard" 580*400. <br />
<br />
<img alt="Регулировка ширины в дизайнере шаблонов Blogger" border="0" src="http://1.bp.blogspot.com/-tsI0P-6l088/VZ46bwV5C4I/AAAAAAAADxg/elVwDGTJPG0/s1600/Dizayner-shablonov-Blogger.png" title="Регулировка ширины в дизайнере шаблонов Blogger" />
<br />
<br />
На мобильном устройстве, второй адаптивный блок AdSense в конце тела сообщения, а также третий и четвёртый, имеют, по умолчанию, формат "auto", тем не менее, по моим наблюдениям, всегда отображаются в виде квадрата, поэтому можно так и оставить.<br />
<br />
Виджет с атрибутом mobile='only', к сожалению, не отображается в меню "Дизайн" административной панели Blogger. Удалить или редактировать такой виджет можно в мобильной версии главной страницы блога <a href="http://blogger.freewebmaster.info/?m=1" target="_blank">blogger.freewebmaster.info/?m=1</a> и страниц с <a href="http://blogger.freewebmaster.info/2015/06/optimalnoye-raspolozheniye-reklamy-AdSense-na-Blogger.html?m=1" target="_blank">сообщениями,</a> с помощью значка редактирования под виджетом.</div>
</div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-5419576699675185461.post-14479858292836319712015-06-15T08:11:00.000+03:002016-02-23T20:40:45.537+02:00Как установить блок AdSense только на главной странице и на странице ярлыков Blogger? <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: left; float: left; margin-bottom: 0em; margin-right: 1em; text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-AaC5X5pW1Ac/U9esqNZgB2I/AAAAAAAACog/iLBkCz8EmL4/s1600/adsense_logo_sm.png" /></div>
<div style="text-align: justify;">
Напомню, AdSense позволяет разместить на одной странице блога не более трёх рекламных блоков, два из которых, обычно, расположены вверху и в боковой панели. Как установить код третьего рекламного блока в шаблон Blogger, что бы он отображался в таком оптимальное место, как тело сообщения, читайте в предыдущей <a href="http://blogger.freewebmaster.info/2015/05/kak-ustanovit-kod-reklamnogo-bloka-v-shablon-Blogger-v-kontse-kazhdogo-soobshcheniya.html" target="_blank">статье.</a> При этом, на странице ярлыков и на главной странице Blogger будут по-прежнему два блока AdSense, так как сообщение отображается только до ссылки "Дальше". Как добавить рекламу только на страницу ярлыков и главную страницу Blogger, читайте далее.
<a name='more'></a><br />
<br />
<h4>
Настройка виджета Blogger с помощью атрибута "pageType"</h4>
И так, на любой странице с сообщением, у нас уже отображается по три блока AdSense. Так как блок рекламы, находящийся в теле сообщения не появляется на главной странице и странице ярлыков блога, там остаётся только два блока. Настроить любой виджет, в том числе и HTML/JavaScript, чтобы код рекламы отображался только на определённых страницах Blogger, можно с помощью <a href="https://support.google.com/blogger/answer/46888?hl=ru&ref_topic=12449" rel="nofollow" target="_blank">значений атрибута pageType.</a>
<br />
<br />
<a href="http://2.bp.blogspot.com/-LgPJRsTrs6c/VXCK9RNqifI/AAAAAAAADnI/a5ThJ32FSpc/s1600/atributy-vidzheta-Blogger.png" imageanchor="1">
<img alt="Значения атрибутов виджета Blogger" border="0" height="315" src="http://2.bp.blogspot.com/-LgPJRsTrs6c/VXCK9RNqifI/AAAAAAAADnI/a5ThJ32FSpc/s640/atributy-vidzheta-Blogger.png" title="Значения атрибутов виджета Blogger" width="580" /></a>
<br />
Как видим, на странице справки Blogger, для атрибута "pageType" указано только четыре значения, и не одно из этих значений не подходит нашему условию. К тому же, после сохранения в шаблоне Blogger атрибута "pageType" с любым из указанных значений, при перезагрузке страницы, он пропадает. При этом, добавленный атрибут "mobile" сохраняется и работает без проблем. В чём глюк, непонятно. Поэтому, от управления виджетом Blogger с помощью атрибута "pageType" пришлось отказаться.
<br />
<br />
<h4>
Настройка виджета Blogger с помощью тега b:if</h4>
Тег b:if можно использовать для отображения виджета Blogger в указанных случаях (например, если вы хотите, чтобы на главной странице блога отображался виджет HTML/JavaScript, с кодом рекламы AdSense, а на страницах записей – нет). В качестве условия может быть использовано любое выражение, принимающее значение true или false. Фрагменты данных можно сравнивать с конкретными значениями, чтобы получить в результате true или false. Посмотреть несколько примеров использования тега b:if можно на <a href="https://support.google.com/blogger/answer/46995?hl=ru" rel="nofollow" target="_blank">странице</a> справки Blogger.
<br /><br />
Чтобы добавить виджет HTML/JavaScript, с кодом рекламы AdSense только на страницу ярлыков и главную страницу Blogger, необходимо указать значение "index":
<br />
<div style="text-align: center;">
<code><b:if cond='data:blog.pageType == "index"'></code> виджет <code></b:if></code></div>
Данное условие будет верно, если текущая страница является главной страницей или страницей ярлыков. Ниже показан код виджета с условием показа только на главной странице и странице ярлыков.</div>
<br />
<img alt="Настройка виджета Blogger с помощью тега b:if" border="0" src="http://4.bp.blogspot.com/-O9ADK9PgoXY/VX7SW8lsSyI/AAAAAAAADoE/I9SB3EqauZ8/s1600/Teg-b%253Aif.png" title="Настройка виджета Blogger с помощью тега b:if" /><br /></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5419576699675185461.post-54380869372895272372015-05-25T12:05:00.000+03:002016-02-23T19:05:33.299+02:00Как установить код рекламного блока в шаблон Blogger в конце каждого сообщения?<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: left; float: left; margin-bottom: 0em; margin-right: 1em; text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-AaC5X5pW1Ac/U9esqNZgB2I/AAAAAAAACog/iLBkCz8EmL4/s1600/adsense_logo_sm.png" /></div>
<div style="text-align: justify;">
Будем исходить из того, что из трёх рекламных блоков AdSense, позволяемых рекламной сетью отображаться на одно странице, два блока уже установлены. Как правило, такие блоки расположены вверху и в боковой панели блога, с помощью виджетов. Третий блок рекламы желательно разместить в теле сообщения. Как внедрить код рекламного блока в шаблон blogger, чтобы реклама отображалась в конце каждого сообщения, читайте далее...
<a name='more'></a><br />
<br />
<h4>
Можно ли вставить виджет AdSense в тело сообщения Blogger?</h4>
Самым удобным и простым вариантом размещения рекламного блока в конце каждого сообщения Blogger, было бы использование виджета HTML/JavaScript. Тело сообщения представляет собой содержание виджета id='Blog1', помещённого в секцию id='main'<br />
<br />
<a href="http://4.bp.blogspot.com/-nul7kzKehYY/VWLG4R2w45I/AAAAAAAADlY/ULUWPjkltvQ/s1600/widget-Blog1-Blogger.png" imageanchor="1">
<img alt="Виджет id='Blog1' сообщения Blogger" border="0" height="301" src="http://4.bp.blogspot.com/-nul7kzKehYY/VWLG4R2w45I/AAAAAAAADlY/ULUWPjkltvQ/s640/widget-Blog1-Blogger.png" title="Виджет id='Blog1' сообщения Blogger" width="580" /></a><br />
<br />
Допустим, код рекламного блока мы поместили в виджет id='HTML3', который расположен, как видно на изображении, сразу после виджета тела сообщения, в той же секции. Такое положение виджета нас не устраивает, так как рекламный блок выводится после всех элементов, включённых в теги b:includable, в том числе и после комментариев.<br />
<br />
Вставить виджет внутри другого виджета между элементами b:includable нельзя, при сохранении шаблона всплывает сообщение <span style="color: #666666;">"The widget with id "Blog1" cannot contain element: "b:widget". A widget can only contain b:includable elements"</span> - виджет может содержать только элементы b:includable. Вставить виджет внутри тега b:includable, также нельзя, при сохранении шаблона всплывает сообщение <span style="color: #666666;">"The widget with id HTML3 is not within a section (actual parent element is: b:includable.) Every widget should be in a section"</span> - каждый виджет должен быть в тегах секции. Таким образом, использовать виджет HTML/JavaScript для отображения блока рекламы AdSense в конце каждого сообщения не получится.<br />
<br />
<h4>
Как вставить JavaScript код блока рекламы в шаблон Blogger в конце каждого сообщения?</h4>
Так как мы выяснили, что между элементами b:includable виджета, не может быть другого содержания, кроме самого элемента b:includable, вставить между ними код JavaScript или даже простой текст нельзя. Зато код вставить можно внутри тега b:includable. Внедряем код рекламного блока внутри элемента b:includable с id='post', непосредственно перед кодом div class='post-footer'<br />
<br />
<a href="http://3.bp.blogspot.com/-qvtH7mkmIpo/VWLgIlcSUUI/AAAAAAAADlo/RhnMln3VTw4/s1600/widget-Blog1-Blogger2.png" imageanchor="1">
<img alt="Как установить код рекламного блока AdSense в шаблон Blogger в конце каждого сообщения?" border="0" height="167" src="http://3.bp.blogspot.com/-qvtH7mkmIpo/VWLgIlcSUUI/AAAAAAAADlo/RhnMln3VTw4/s640/widget-Blog1-Blogger2.png" title="Как установить код рекламного блока AdSense в шаблон Blogger в конце каждого сообщения?" width="580" /></a>
<br />
<br />
При сохранении шаблона может возникнуть ошибка, поэтому, присвойте атрибуту "async", JavaScript-кода AdSense, значение "async", как показано на изображении. Как вариант, можно вставить синхронный код рекламы. Теперь, рекламный блок будет отображаться в конце каждого вашего сообщения. Чтобы исключить показ блока на главной странице, необходимо установить данное условие, заключая код блока между тегами b:if
<br />
<div style="text-align: center;">
<b:if cond='data:blog.pageType == "item"'>код AdSense</b:if></div>
<br />
Теперь, добавьте тег переноса строк <br /> перед кодом AdSense, но, также, после открывающего тега b:if. Это позволит не ставить тег переноса в каждом сообщении, чтобы отодвинуть рекламу на интервал ниже его контента. Если тег <br /> не включить в тег b:if, это увеличит расстояние между постами на главной странице блога, что нам ненужно. </div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5419576699675185461.post-5650853803589106622015-05-08T11:50:00.000+03:002016-02-23T18:38:59.398+02:00Как установить в Blogger комментарии Facebook?<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: left; float: left; margin-bottom: 0em; margin-right: 1em; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-_GNTufZGOMo/VUh0-hyQAYI/AAAAAAAADdg/kfp6feAI76M/s1600/facebookapps.png" /></div>
<div style="text-align: justify;">
Установка социального плагина комментариев Фейсбук на блог платформы Blogger, в части создания кода плагина и внедрения в шаблон первой его части, ничем не отличается от такого процесса, с использованием любой другой <a href="http://cms.freewebmaster.info/p/blog-page_12.html" target="_blank">CMS.</a> Как добавить поле комментариев фейсбук на сторонний веб-сайт, с использованием вашего аккаунта соцсети, я <a href="http://promotion.freewebmaster.info/2015/05/kak-ustanovit-na-sayt-kommentarii-Facebook.html" target="_blank">рассказывал</a> в тематическом блоге. Здесь, что бы не повторяться, допустим, вы уже сгенерировали и получили код социального плагина комментариев Facebook, содержащий <a href="https://developers.facebook.com/apps" rel="nofollow" target="_blank">ID приложения. </a>
<a name='more'></a><br />
<br />
Сохранить код социального плагина комментариев Facebook, созданного с помощью <a href="https://developers.facebook.com/docs/plugins/comments" rel="nofollow" target="_blank">генератора кода,</a> в шаблоне Blogger не удалось. Платформа код не приняла и выдала ошибку:<br/>
<br />
<a href="http://2.bp.blogspot.com/-00KB3JzzWxA/VUyG_OhYljI/AAAAAAAADfo/XJzLHLLmqmk/s1600/kommentarii-Facebook-v-Blogger.png" imageanchor="1">
<img alt="Как установить социальный плагин комментариев Facebook на блог платформы Blogger?" border="0" height="265" src="http://2.bp.blogspot.com/-00KB3JzzWxA/VUyG_OhYljI/AAAAAAAADfo/XJzLHLLmqmk/s640/kommentarii-Facebook-v-Blogger.png" title="Как установить социальный плагин комментариев Facebook на блог платформы Blogger?" width="580" /></a>
<br />
<br />
В ошибке говорится, что ссылка на "версию" должна заканчиваться разделителем ';'. И, как раз, мигающий курсор на изображении видно на том месте, где, я думаю, и должен быть этот разделитель. Поставил разделитель, но появилась другая ошибка: "The entity "version" was referenced, but not declared". Поэтому, я вернулся к внедрению кода основной версии <a href="https://developers.facebook.com/docs/javascript/quickstart/v2.3" rel="nofollow" target="_blank">Facebook SDK для JavaScript.</a><br />
<br />
<h4>
Как определить место отображения блока комментариев Facebook в шаблоне Blogger? </h4>
Вторая часть кода социального плагина комментариев Facebook, созданного с помощью генератора кода, определяет место отображения блока комментариев и содержит параметры настройки. <br />
<br />
<img alt="Как установить социальный плагин комментариев Facebook на блог платформы Blogger?" border="0" src="http://1.bp.blogspot.com/-f-6vjlf7ISs/VUyUU6LPXjI/AAAAAAAADf4/czjZDjyL5ho/s1600/kommentarii-Facebook-v-Blogger1.png" title="Как установить социальный плагин комментариев Facebook на блог платформы Blogger?" />
<br />
<br />
Как правило, место отображения блока комментариев на платформе Blogger, выбирается после встроенных в шаблон социальных кнопок, как описано в статье <a href="http://blogger.freewebmaster.info/2015/04/Kak-ustanovit-v-Blogger-kommentarii-VKontakte.html" target="_blank">"Как установить в Blogger комментарии ВКонтакте?"</a><br />
<br />
<h4>
Параметры настройки комментариев Facebook</h4>
Если вы заметили, в блоке "div" второй части кода социального плагина комментариев Facebook, содержится настройка href с конкретным URL-адресом.<br />
<div style="text-align: center;">
<span style="color: red;">data-href="http://freewebmaster.info/"</span></div>
То есть, можно предположить, что все оставленные комментарии будут привязаны ко всем статьям блога. Такие комментарии, размещенные в плагине, будут постоянно связаны абсолютным URL. Транслирующиеся комментарии на Facebook размещенные в плагине будут также ссылаться на этот единственный URL. Для того, что бы оставленный комментарий под одним сообщением не отображался под другим, и принадлежал одному URL-адресу, замените указанный параметр на<br />
<div style="text-align: center;">
<span style="color: red;">expr:data-href='data:blog.url'</span></div>
Заметил, что указанное, по умолчанию, значение "light" настройки цветовой схемы плагина, на Blogger делает его прозрачным и у меня плагин сливается с фоном блога. Значение "dark", почему-то, делает блок комментариев, наоборот, белого фона. Сгенерированная вторая часть кода плагина комментариев, не включает в себя все возможные настройки. Какие можно ещё изменить настройки, есть информация всё на той же странице генератора кода плагина. Дополнительно читайте тему <a href="http://promotion.freewebmaster.info/2015/05/moderatsiya-kommentariyev-sotsialnogo-plagina-Facebook.html" target="_blank">Модерация комментариев социального плагина Facebook.</a></div></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-5419576699675185461.post-85945117287326651412015-04-20T13:50:00.002+03:002016-02-20T20:28:53.568+02:00Как установить в Blogger комментарии ВКонтакте?<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: left; float: left; margin-bottom: 0em; margin-right: 1em; text-align: center;">
<img border="0" src="http://4.bp.blogspot.com/-veYfPm7yBik/VSzicXBX3rI/AAAAAAAADVM/ewqX_mAKHdc/s1600/VKdevelopers.png" /></div>
<div style="text-align: justify;">
Для добавления в Blogger виджета комментариев ВКонтакте, потребуется <a href="http://promotion.freewebmaster.info/2015/04/kak-ustanovit-na-sayt-kommentarii-VKontakte.html" target="_blank">получить код виджета</a> на соответствующей странице документации. Перед закрывающимся тегом </head>, на странице HTML-кода шаблона Blogger, необходимо добавить первую часть javascript-кода блока комментариев. На изображении ниже видно, в каких, примерно, строках HTML-кода, находится закрывающийся тег </head>.
<a name='more'></a><br />
<br />
<img alt="Добавления в шаблон Blogger кода виджета комментариев ВКонтакте" border="0" src="http://1.bp.blogspot.com/-SCB8ooYHHoE/VTTNbAdTOcI/AAAAAAAADZY/lsnbEQMyb-I/s1600/VKontakte.png" height="172" title="Добавления в шаблон Blogger кода виджета комментариев ВКонтакте" width="580" /><br />
<br />
Обратил внимание, что после сохранения шаблона пропадает закрывающий тег "</script>" скрипта вверху (видно на изображении).<br />
<br />
Далее, в тело страницы добавляется элемент DIV, в котором будут отображаться комментарии, в выбранном вами месте. Как правило, место отображения блока комментариев ВКонтакте, на платформе Blogger, выбирается после встроенных в шаблон социальных кнопок.<br />
<br />
<a href="http://3.bp.blogspot.com/-Rt9w9wmwOtQ/VTTUIPS7YII/AAAAAAAADZo/kZz-8tt3gYQ/s1600/VKontakte1.png" imageanchor="1">
<img alt="Добавления в шаблон Blogger кода виджета комментариев ВКонтакте" border="" src="http://3.bp.blogspot.com/-Rt9w9wmwOtQ/VTTUIPS7YII/AAAAAAAADZo/kZz-8tt3gYQ/s1600/VKontakte1.png" height="167" title="Добавления в шаблон Blogger кода виджета комментариев ВКонтакте" width="580" /></a>
<br />
После сохранения кода и обновления страницы, появится блок комментариев ВКонтакте.</div>
<br />
<img alt="Внешний вид блока комментариев ВКонтакте, установленного на Blogger с помощью виджета комментариев ВКонтакте" border="0" src="http://3.bp.blogspot.com/-qEu_RynlbR8/VTXsmUDldUI/AAAAAAAADaM/0CFR62Pc82o/s1600/VKontakte2.png" title="Внешний вид блока комментариев ВКонтакте, установленного на Blogger с помощью виджета комментариев ВКонтакте" /></div>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-5419576699675185461.post-5712476034868090102014-01-09T21:23:00.000+02:002016-02-20T18:02:12.936+02:00Добавление комментариев Disqus в Blogger вручную<div class="separator" style="clear: left; float: left; margin-right: 1em; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-c2Atl0nmKb4/UsU50MRrHwI/AAAAAAAABIo/YqweFaoN88U/s1600/logo-navbar-blue.png" /></div>
<div style="text-align: justify;">
Если возникли проблемы и не удается установить комментарии <b><a href="http://promotion.freewebmaster.info/2014/01/ustanovka-kommentariyev-Disqus.html" target="_blank">Disqus</a></b> в Blogger стандартным инсталлятором, есть возможность сделать это вручную. Замечу, что проблемы с установкой Disqus у меня возникли при попытке установить комментарии в шаблон Blogger, на который, ранее получилось один раз это сделать стандартным инсталлятором. Отсюда делаю предварительный вывод, что проблемы с установкой не связаны с видом используемого шаблона. Исправить ошибку установки Disqus на Blogger можно следующим образом.
<a name='more'></a>
<br /><br />
<h4>Страница инсталлятора Disqus.</h4>
В <a href="http://blogger.freewebmaster.info/2014/01/ustanovka-kommentariyev-Disqus-na-Blogger.html" target="_blank"><b>статье</b></a> об установке комментариев Disqus на Blogger, я описал ошибку, которая возникает после нажатия кнопки добавления виджета на странице сервиса Blogger. Для устранения данной ошибки просто введите в запрашиваемое поле произвольные символы или текст, например, "<!-- Disqus comments gadget -->". Текст надо закомментировать, иначе он будет отображаться на сайте. После нажатия опции добавления гаджета, он у вас появиться на сайте в виде HTML/JavaScript-модуля. По-идеи, Disqus уже должен установиться на сайт, а новый модуль содержать в себе код комментариев. Если этого не произошло, придется вставить код вручную. <br />
<br />
<h4>Внедрение html-кода Disqus в шаблон Blogger вручную.</h4>
Как вы уже поняли, для установки Disqus на Blogger, используется HTML/JavaScript-модуль, который создается, в вышеописанном случае, через страницу инсталляции комментариев. Однако, ничего не мешает создать такой модуль и традиционным способом, с помощью панели управления блогом. Теперь, в html-редакторе шаблона найдите нужный модуль. Сделать это очень просто, используя выпадающее меню списка виджетов. Далее, вставьте вручную код, указанный в <a href="http://help.disqus.com/customer/portal/articles/888340-manually-adding-a-disqus-gadget-to-blogger" rel="nofollow" target="_blank"><b>инструкции</b></a> по добавлению комментариев Disqus, между тегами <b:widget> и </b:widget>, предварительно удалив существующий. Код комментариев помещен между тегами <b:includable> и </b:includable>. Не забудьте в этом коде заменить "EXAMPLE" в строке &#39; EXAMPLE &#39;; на ваше "короткое имя" (shortname). <br />
<br />
<h4>Disqus для мобильного шаблона Blogger.</h4>
Шаблоны Blogger настроены для отображения и в мобильных устройствах. Для поддержки этой функции Disqus, добавте в модуль код "mobile='yes'", в результате должно получиться: <br />
<b:widget id='HTML1' locked='false' mobile='yes' title='' type='HTML'>.</div>FreeWebmasterhttp://www.blogger.com/profile/03173315662089289978noreply@blogger.com0tag:blogger.com,1999:blog-5419576699675185461.post-90371492249926293682014-01-06T13:39:00.000+02:002016-02-20T09:54:05.871+02:00Установка комментариев Disqus на Blogger<div class="separator" style="clear: left; float: left; margin-right: 1em; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-c2Atl0nmKb4/UsU50MRrHwI/AAAAAAAABIo/YqweFaoN88U/s1600/logo-navbar-blue.png" /></div>
<div style="text-align: justify;">
Прежде всего, хочу заметить, что не просто так отнес данную статью к категории "Продвижение блога", так как в системе комментариев <a href="http://promotion.freewebmaster.info/2014/01/sistema-kommentariyev-Disqus.html" target="_blank"><b>Disqus</b></a> можно построить целые сообщества, отслеживая нужные обсуждения, оставляя комментарии и продвигая свой сайт. В сам Blogger уже встроена стандартная система комментариев, в принципе, не плохая, но из популярных социальных сетей, через учетные записи которых система позволяет авторизоваться и оставить комментарий, я бы отметил только Google+. Остальные не такие популярные.
<a name='more'></a>
<br /><br />
В Disqus, же можно авторизоваться, как с помощью учетной записи самой системы, той же социальной сети Google+, но и через аккаунты Facebook и Twitter. Возможность комментировать с помощью плагина Facebook, мне кажется самым важным, так как мало у кого, в настоящее время, там нет учетной записи. К тому же, в Disqus, шире возможности по отслеживанию и группированию комментариев, продвижению сайта в сообществах. По этим причинам и введу других <a href="http://promotion.freewebmaster.info/2014/01/preimushchestva-i-nedostatki-kommentariyev-Disqus.html" target="_blank"><b>плюсов</b></a>, предпочтительней установить систему комментариев Disqus.<br />
<br />
Устанавливая Disqus на различные веб-сайты, воспользуйтесь краткой <b><a href="http://promotion.freewebmaster.info/2014/01/ustanovka-kommentariyev-Disqus.html" target="_blank">инструкцией</a></b> по "быстрому старту". И так, вы предварительно зарегистрировались в системе, затем перешли на страницу добавления своего сайта в Disqus, где ввели его название, индификатор (shortname), а также выбрали подходящую категорию. Сохранив изменения, вы попадаете на страницу инсталляции для выбора нужной платформы, в нашем случае, - Blogger. Нажав на соответствующей иконке, переходим на страницу инструкции пошаговой установки комментариев:<br />
<br />
<a href="http://2.bp.blogspot.com/-aUgTTbbQCtE/Us6HTh2jOJI/AAAAAAAABJs/2ot97BAffP0/s1600/Disqus.png" imageanchor="1">
<img border="0" src="http://2.bp.blogspot.com/-aUgTTbbQCtE/Us6HTh2jOJI/AAAAAAAABJs/2ot97BAffP0/s1600/Disqus.png" height="522" width="578" /></a>
<br />
Первый шаг сделан в виде ссылки, нажав на которую попадаем на страницу сервиса Blogger для добавления виджетов:<br />
<br />
<a href="http://3.bp.blogspot.com/-psqVYhzNClc/Us6LtywAvCI/AAAAAAAABJ4/cJngmNHjemk/s1600/Disqus2.png" imageanchor="1">
<img border="0" src="http://3.bp.blogspot.com/-psqVYhzNClc/Us6LtywAvCI/AAAAAAAABJ4/cJngmNHjemk/s1600/Disqus2.png" height="420" width="575" /></a>
<br /><br />
Попытка добавить виджет не увенчалась успехом, Blogger выдал ошибку и предупреждение, что поле для кода виджета должно быть заполнено. Отсюда вопрос. Где взять этот код? При введении в поле произвольных символов, страница ошибки не появляется, а Blogger перебрасывает в панель управления, на вкладку "Дизайн", где в боковой панели виден новый HTML/JavaScript-модуль, содержащий данные символы. Назначение данного модуля я не понял, а система комментариев Disqus так и не появилась на сайте, хотя вверху формы стандартных комментариев заметил надпись об установке Disqus на сайт. При перезагрузке сообщение исчезает. Попробую воспользоваться предложенной <b><a href="http://help.disqus.com/customer/portal/articles/888340-manually-adding-a-disqus-gadget-to-blogger" rel="nofollow" target="_blank">ссылкой помощи</a></b> по инсталляции гаджета на Blogger, которая описывает добавление комментариев Disqus в Blogger <a href="http://blogger.freewebmaster.info/2014/01/dobavleniye-kommentariyev-Disqus-v-Blogger-vruchnuyu.html" target="_blank"><b>вручную</b></a>.</div>FreeWebmasterhttp://www.blogger.com/profile/03173315662089289978noreply@blogger.com0tag:blogger.com,1999:blog-5419576699675185461.post-78672277157672701642013-09-03T19:09:00.000+03:002016-03-03T05:21:23.039+02:00Blogger и Blogspot. Краткое описание.<div class="separator" style="clear: left; float: left; margin-right: 1em; text-align: center;">
<img border="0" src="http://3.bp.blogspot.com/-jPzOCQk2Ggw/UYddWmuA__I/AAAAAAAAAdI/wKI1iBj8KIY/s1600/blogger-edit.png" /></div>
<div style="text-align: justify;">
<a href="http://www.blogger.com/" rel="nofollow" target="_blank"><b>Blogger</b></a> – это панель управления, с помощью которой можно быстро и легко размещать сообщения в сети. Сервис является лидером среди средств публикации материалов в интернете – создания блогов. С тех пор, как в 1999 году Google создал службу Blogger, блоги изменили облик сети до неузнаваемости. Они повлияли на политику, пошатнули основы традиционной журналистики и дали миллионам людей возможность высказывать свое мнение и общаться.
<a name='more'></a>
<br /><br />
Blogspot – это служба для размещения блогов, управляемая Blogger, поэтому полностью с ним интегрирована. При регистрации в системе от вас потребуется ввести электронный почтовый адрес почтовой службы Google – Gmail. Выбранный URL-адрес блога, можно всегда изменить, есть такая функция, а учитывая, что служба позволяет регистрировать до 100 блогов в одной учетной записи, просто создайте новый блог. <br />
<br />
Blogger ведет свою статистику, однако, она учитывает общее количество просмотров страниц сайта, без определения уникальных посетителей. Поэтому, в панели управления, в меню «Настройки»-«Другое», есть возможность добавить идентификатор веб-ресурса Google Analytics в свой блог, чтобы видеть, как посетители взаимодействуют с вашим сайтом. Этот параметр относится только к шаблонам динамического просмотра и функции "Дизайн". Если в вашем блоге используется классический шаблон, необходимо вручную добавить идентификатор в такой шаблон вашего блога. <br />
<br />
Чтобы настроить режим динамического просмотра для своего блога, в редакторе шаблонов Blogger, перейдите на вкладку «Шаблон», и выберите один из семи режимов динамического просмотра по умолчанию для своего блога. <br />
<br />
Так, Blogger предлагает семь новых вариантов оформления для просмотра блогов: <br />
<br />
<ul>
<li><i>Classic:</i> современный взгляд на традиционный шаблон;</li>
<li><i>Flipcard:</i> страница, заполненная миниатюрами фотографий;</li>
<li><i>Magazine:</i> строгий и элегантный дизайн в стиле "колонка редактора";</li>
<li><i>Mosaic:</i> текстовые сообщения и изображения разного размера в виде мозаики;</li>
<li><i>Sidebar:</i> страница в стиле почтового интерфейса для быстрого просмотра сообщений;</li>
<li><i>Snapshot:</i> интерактивная "доска объявлений" с сообщениями из блога;</li>
<li><i>Timeslide:</i> сообщения располагаются в трех столбцах в зависимости от давности;</li>
</ul>
<br />
При включенных в блоге страницах, варианты динамического просмотра будут отображаться в раскрывающемся меню. Если в вашем блоге размещены объявления AdSense, динамический просмотр не помешает их показу. Во всех семи режимах поддерживаются как полноразмерные баннеры (вверху страницы), так и "небоскребы" (по бокам).</div>FreeWebmasterhttp://www.blogger.com/profile/03173315662089289978noreply@blogger.com0tag:blogger.com,1999:blog-5419576699675185461.post-89617258602377804282013-05-14T21:16:00.000+03:002016-03-03T05:20:39.967+02:00Как seo-оптимизировать сообщения Blogger для поисковых систем?<div class="separator" style="clear: left; float: left; margin-right: 1em; text-align: center;">
<img border="0" src="http://4.bp.blogspot.com/-SSqpNuf9NEo/U9n2Slx_nWI/AAAAAAAACr8/ETV2kWtNnLM/s1600/SEO.png" height="108" width="200" /></div>
<div style="text-align: justify;">
Перед публикацией сообщения, лучше сразу подумать над его seo-оптимизацией. Если отложить этот вопрос на потом, и у вас накопится много постов в блоге, соответствующая настройка сообщений может отнять много времени, а если решите оптимизировать и URL, то ранее проиндексированные страницы, вообще будут вести на несуществующие адреса и вы потеряете часть посетителей.
<a name='more'></a>
<br /><br />
<h4>Как добавить описание для поисковых систем в сообщении Blogger?</h4>
<b><a href="http://blogger.freewebmaster.info/2013/03/kak-izmenit-URL-adres-soobshcheniya-v-Blogger.html" target="_blank">Ранее,</a></b> я писал как добавит постоянную пользовательскую ссылку сообщения, вместо URL-адресов, которые присваиваются системой по умолчанию. Blogger, так же позволяет добавить описание для поисковых систем в настройках сообщения. Эту функцию можно найти в правой боковой части административной панели системы, на странице создания сообщения.
<br /><br />
<div class="separator" style="clear: left; float: left; margin-right: 1em; text-align: justify;">
<img border="0" src="http://4.bp.blogspot.com/-f5Qz-C9GBHU/UZKOnlKgmQI/AAAAAAAAAhM/M5RRZF-6C-c/s1600/nastroyka+soobshcheniya.png" /></div>
Обратите внимание, что такое описание добавляется именно для отдельного "сообщения", которое может отображаться на отдельной странице. Для такого элемента системы Blogger, как "Страница" так же предусмотрена возможность добавления описания для поисковых систем
<br /><br />
P.S. Пункт "Описание для поисковых систем" появляется в настройках сообщения только после добавления описания блога на вкладке Настройки - Настройки поиска.</div>FreeWebmasterhttp://www.blogger.com/profile/03173315662089289978noreply@blogger.com0tag:blogger.com,1999:blog-5419576699675185461.post-68385550214019531522013-05-11T11:58:00.000+03:002016-03-03T05:19:19.907+02:00Как изменить URL-адрес страницы в Blogger?<div class="separator" style="clear: left; float: left; margin-right: 1em; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-SSqpNuf9NEo/U9n2Slx_nWI/AAAAAAAACps/4q5GFGj_sHQ/s1600/SEO.png" height="108" width="200" /></div>
<div style="text-align: justify;">
Ранее, я уже <b><a href="http://blogger.freewebmaster.info/2013/03/kak-izmenit-URL-adres-soobshcheniya-v-Blogger.html" target="_blank">писал</a></b> о возможности изменения URL-адреса сообщения в Blogger, использую функцию пользовательской ссылки. Теперь, хотелось бы оптимизировать для поисковых систем URL именно страниц, а не сообщений. В основном, весь материал в интернете на эту тему, для решения проблемы, отправляет нас к старому интерфейсу Blogger.
<a name='more'></a>
<br /><br />
К сожалению, старый интерфейс, на данный момент, уже не функционирует, поэтому и решить проблему с его помощью не удастся. В текущей административной панели функция смены URL-адреса страницы, разработчиком пока не предусмотрена. На тематических ресурсах ответа не нашел, и вопрос остается открытым.</div>FreeWebmasterhttp://www.blogger.com/profile/03173315662089289978noreply@blogger.com0tag:blogger.com,1999:blog-5419576699675185461.post-37514005450288783482013-05-07T16:53:00.000+03:002016-02-13T11:26:50.899+02:00Как вставить изображение перед названием блога в шапке Blogger?<div class="separator" style="clear: left; float: left; margin-bottom: 0em; margin-right: 1em; text-align: center;">
<img border="0" src="http://3.bp.blogspot.com/-jPzOCQk2Ggw/UYddWmuA__I/AAAAAAAAAdI/wKI1iBj8KIY/s1600/blogger-edit.png" /></div>
<div style="text-align: justify;">
Одним из недостатков Blogger, является то, что сервис не позволяет разместить картинку перед названием блога, в верхней части сайта. Но есть один способ сделать это, не внося изменений напрямую в код шаблона. Так, в панели управления Blogger, на вкладке "Дизайн" нажмите на ссылке "Изменить" виджета настройки заголовка блога. Для размещения, например, логотипа, в соответствующем поле виджета, перед названием блога, вставьте ссылку на нужное изображение, в виде кода:
<a name='more'></a>
<br />
<div style="text-align: center;">
<b><img src= "http://веб-адрес изображения"/></b></div>
<br />
Настройки системы имеют ограничения по количеству вводимых знаков в названии блога, поэтому вставить ссылку на картинку, загруженную в сам Blogger, не получится - большое число символов в адресе. Например, можно, вставить ссылку на логотип, загруженный в корневой каталог вашего хостинга (если он, конечно у вас есть), где картинка имеет не такой длинный адрес. Заметил, что если в виджете отделить ссылку от названия пробелом, то расстояние между логотипом и заголовком будет несколько миллиметров, причем оно не зависит он количества пробелов. Вообще без пробелов объекты сливаются.
<br /><br />
Теперь, у меня, наверное, как и у многих из вас возник такой вопрос. Если ссылку на изображение ввести непосредственно в шаблон, возможно, не будет ограничений на количество символов. Идем на вкладку "Шаблон" и жмем на кнопку "Изменить HTML". Выбираем из списка виджетов "Header1", который отвечает за отображение шапки шаблона и смотрим на изменения в его коде. Перед названием блога должна появиться наша ссылка:
<br /><br />
<b>title='&lt; img src=&quot; http://веб-адрес изображения &quot; &gt; (заголовок блога)'</b>
<br /><br />
Пробовал заменить эту ссылку на другую, но изменений в отображении шапки не произошло никаких, даже картинка осталась прежней, поэтому, пока остановился на варианте размещения самого изображения, на стороннем ресурсе.</div>
FreeWebmasterhttp://www.blogger.com/profile/03173315662089289978noreply@blogger.com3tag:blogger.com,1999:blog-5419576699675185461.post-10848897945238844542013-05-06T08:38:00.000+03:002016-02-13T11:35:33.335+02:00Как изменить шапку блога в Blogger? <div class="separator" style="clear: left; float: left; margin-right: 1em; text-align: center;">
<img border="0" src="http://4.bp.blogspot.com/-4nb-xEVmnpc/U9iKu-yK_HI/AAAAAAAACow/OBNLz0BU1LE/s1600/Dizain.png" height="128" width="200" /></div>
<div style="text-align: justify;">
Шаблон Blogger устроен так, что даже если просто написать название блога и его описание, то шапка будет выглядеть не плохо. Но вместе с тем, сервис предусмотрел внутренний инструмент для редактирования верхней части шаблона, с помощью которого можно загрузить подходящее фоновое изображение или логотип.
<a name='more'></a>
<br /><br />
<h4>Как использовать изображение для шапки шаблона?</h4>
<a href="http://4.bp.blogspot.com/-SLKZXOvGxsY/UYd-j7V0JpI/AAAAAAAAAdU/KKHwa0HGDoQ/s1600/vidjet-shapki.png" imageanchor="1" style="clear: left; float: left; margin-right: 0.5em;">
<img border="0" src="http://4.bp.blogspot.com/-SLKZXOvGxsY/UYd-j7V0JpI/AAAAAAAAAdU/KKHwa0HGDoQ/s320/vidjet-shapki.png" height="278" width="320" /></a>
</div>
<div style="text-align: justify;">
В панели управления Blogger, на вкладке "Дизайн" нажмите на ссылке "Изменить" виджета настройки заголовка блога. В блоке "Изображение" можно загрузить картинку с жесткого диска или вставить URL-адрес изображения из интернета, в соответствующее поле. Далее, выбираем один из трех вариантов места размещения картинки.
<br /><br />
<h4>Фоновое изображение</h4>
К сожалению, название первого варианта, не совсем соответствует действительному размещению картинки, которая будет находится не после названия и описания, а в виде фонового изображения. В целом, такой вариант шапки, с названием и описанием блога на подходящем фоновом изображении, вполне приемлем и хорошо смотрится. Обратите внимание, что в этом варианте Blogger настроен так, что картинка должна соответствовать ширине шаблона, или хотя бы ширине строки названия и описания блога, иначе весь текст будет размещен в столбик, если изображение маленькое. Понятно, что в этом варианте разместить логотип перед и после названия блога не получится.
<br /><br />
<h4>Изображение вместо заголовка и описания блога</h4>
В случае, если на изображении уже есть название, описание блога или другие нужные графические элементы, можно выбрать второй вариант размещения картинки - вместо названия и описания блога.
<br /><br />
<h4>Описание под изображением</h4>
При выборе опции помещения описания под картинкой, изображение можно отобразить в углу, в виде логотипа, но пропадает вообще название блога. В целом, все выглядит не красиво.
<br /><br />
Таким образом встроенная настройка заголовка Blogger не позволяет элементарно разместить небольшое изображение перед названием блога. Как все же разместить логотип в шапке шаблона, читайте в следующей <a href="http://blogger.freewebmaster.info/2013/05/blogger.html"><b>статье.</b></a></div>FreeWebmasterhttp://www.blogger.com/profile/03173315662089289978noreply@blogger.com1