| Сегодня 6 мая, вторник |
      |
  
|
  
Какой рейтинг вас больше интересует?
|
Главная /
Каталог блоговCтраница блогера Блог для блогов - создание блога на blogspot/Записи в блоге |
 |
Блог для блогов - создание блога на blogspot
Голосов: 1 Адрес блога: http://bdblogov.blogspot.com/ Добавлен: 2013-06-02 03:52:18 блограйдером Olga28 |
Оформление текста в красивые рамочки
2014-03-06 01:52:00 (читать в оригинале)Рамки для текста с возможностью изменить фон, ширину и высоту
Здравствуйте дорогие гости и читатели моего блога. В этой статье предлагаю Вам коды различных рамочек для оформления текста. В моем блоге уже есть статья на эту тему, но там в кодах нет возможности изменить фон и размеры рамки. В коды этих рамок я добавила фон-background:, height:-высоту рамки и width:-ширину рамки. Можете копировать и настраивать, как Вам необходимо.
В кодах этих рамочек Вы сможете изменить только цвет фона, ширина рамки на всю страницу
<div style="background: #F8F8FF; border: 5px dotted #CDCDCD; padding: 10px;">
ваш текст.</div>
<div style="background: #eeeeee; border: 3px dashed #636363; padding: 10px;">
ваш текст.< / div>
<div style="background: #E8F8FF; border: 10px inset #871F78; padding: 10px;">
ваш текст.</div>
<div style="background: #E6E8FA; border: 10px outset #0073E9; padding: 10px;">
ваш текст.</div>
<div style="background: #F8F8FF; border: 10px double #871F78; padding: 10px;">
ваш текст.</div>
<div style="background: #0a9e08; border: 10px groove #047AFE; padding: 10px;">
ваш текст</div>
<div style="background: #FFFACD;border: 10px ridge #FFFACD; padding: 10px;">
ваш текст.</div>
В кодах этих рамочках можете изменить высоту, ширину и фон рамки
<div style="background: #e7e7e7; border-width: thick; border: 10px double #0a9e08; height: 250px; padding: 4px; width: 350px;">
ваш текст.</div>
<div style="background: #e7e7e7; border: 10px outset #054f04; height: 200px; padding: 10px; width: 350px;">
ваш текст.</div>
<div style="background: #134f5c; border: 10px groove #047AFE; height: 240px; padding: 10px; width: 200px;"></div>
<div style="background: #eeeeee; border: 5px dotted #CDCDCD; height: 200px; padding: 10px; width: 250px;">
</div>
<div style="background: #F8F8FF; border: 3px dashed #CDCDCD; height: 240px; padding: 10px;width: 200px;">
ваш текст.< / div>
<div style="background: #FFFACD;border: 10px ridge #FFFACD; height: 200px; padding: 10px;width: 300px;">
ваш текст.</div>
<div style="background: #FFDEAD; border: 10px inset #ff9900; height: 220px; padding: 10px;width: 300px;">
ваш текст.</div>
<div style="background: #0a9e08; border: 5px dotted #F8F8FF; height: 100px; padding: 10px; width: 450px;">ваш текст.</div>
<div style="background: #3399ff; border: 5px dashed #eeeeee; height: 140px; padding: 10px; width: 400px;">
ваш текст.</div>
Что касается настроек: padding: 10px;-можно так же увеличить высоту рамки; border: 10px-размер окантовки. Код рамки вставляйте в HTML в редакторе сообщений. Затем прямо в рамке пишите свой текст. Почитайте статьи по теме Готовые рамки для оформления текста и Как выделить часть текста в рамку. На сегодня у меня все. Пишите отзывы, делитесь с друзьями. Всего Вам доброго.
Авторизация сайтов/блогов в аккаунте AdSense
2014-03-03 21:51:00 (читать в оригинале)Авторизация сайтов/блогов, пере направление блога blogspot.com на национальные домены
Здравствуйте гости и читатели моего блога. Сегодня мы с Вами будем говорить об авторизации блога в аккаунте AdSense, и о пере направлении нашего блога с доменом blogspot.com на домены соответствующей страны, при просмотре посетителями этой страны Вашего блога.
Сразу хочу сказать, что информация не относится к блогам на персональном домене. Этот блог, где Вы читаете информацию на домене ru, я его добавила в аккаунте AdSense в свои сайты, авторизовала и все.
Мы поговорим с Вами о блогах на родном домене Google blogspot.com. По моему ещё в 2012 году Google начал осуществлять пере направление с com на ru, co.il, co.uk и.т.д., то есть основной адрес блога открывается на домене той страны, в которой посетители читают Ваш блог. Посмотрите пример моего второго блога на платформе Google http://horizon-s.blogspot.com:
horizon-s.blogspot.co.il, horizon-s.blogspot.co.uk, , horizon-s.blogspot.ru, horizon-s.blogspot.in
Вот как объясняют сотрудники Google пере направление на национальные домены:
Адрес блога, который Вы читаете может измениться: домен первого уровня будет соответствовать той стране, в которой посетители читают Ваш блог. Если Вы находитесь, к примеру, в Индии, то будете перенаправлены с адреса blogspot.com на blogspot,in. То есть домен будет выбран на основании местоположения читателей.
Необходимо это для того, чтобы упростить управление контентом на местном уровне. Если к примеру властям РФ не понравится какая то информация в Вашем блоге, которая по их мнению нарушает законодательство российской федерации, то информация в Вашем блоге станет недоступна читателям блогов, размещенных в домене ru. Информацию по этой теме можете почитать на официальном сайте Google.
В моем понятии пере направление, значит блог должен открываться по адресу основного домена blogspot.com, независимо в какой стране читают мой блог. Но прочитав информацию на сайте Google, я поняла, что это не так и мой блог показывают читателям на национальном домене.
Недели две назад в моем аккаунте AdSense опять появилось предупреждение, что рекламные объявления с моим рекламным кодом показывались на неавторизованных мной сайтах. Все четыре домена (см. вверху) пришлось авторизовать, так как это совершенно разные домены. Кстати, были клики в отчетах по рекламным объявлениям на страницах с этими доменами, но деньги мне не зачислили. Авторизовала, но было уже поздно.
Посетила меня такая мысль: при просмотре статистики вижу, что блог посещают посетители многих стран, там еще где то доменов двадцать надо добавлять и авторизовать. В аккаунте предупреждения нет, может пока нет. Здесь только два ответа: либо действительно идет пере направление на основной домен, либо ... (сами поняли) я теряю доход.
Тут кстати теряется не только доход. Кто не сотрудничает с AdSense, а является партнером другой рекламной сети, так же теряют и доход, и клики, и лайки Facebook, ретвиты в Twitter, плюсы в Google+, так как все они будут принадлежать разным доменам.
На разных сайтах посетители будут ссылаться на разные адреса Вашего блога.
И самое главное влияет на индексацию блога в поисковых системах. Поисковые роботы будут находить одинаковый контент на разных доменах. Такое дублирование контента обязательно отразится в поисковой выдаче. Хотя Google и решает эту проблему, но похоже, что очень медленно.
Выхода из этой ситуации два: 1. Перенести блог на персональный домен с www. или без www. 2. Вставить код в шаблон блога, который будет перенаправлять с национального домена на домен первого уровня com. Я пока выбрала второй вариант. В черновике blogger-шаблон-изменить шаблон сразу чуть ниже открывающего тэга <head> вставила вот этот код. Не забывайте делать резервную копию шаблона.
<script type='text/javascript'>
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf('.'));
if (ctld != '.com') {
var ncr = 'http://' + blog.substr(0, blog.indexOf('.'));
ncr += '.blogspot.com/ncr' + slug;
window.location.replace(ncr);
}
</script>
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf('.'));
if (ctld != '.com') {
var ncr = 'http://' + blog.substr(0, blog.indexOf('.'));
ncr += '.blogspot.com/ncr' + slug;
window.location.replace(ncr);
}
</script>
Вы можете проверить: перед тем, как вставить код в шаблон блога в адресной строке браузера впишите к примеру адрес своего блога на домене Индии in, вот так: http://horizon-s.blogspot.in. Ваш блог откроется на этом национальном домене.
После вставки кода в шаблон блога снова впишите этот адрес, Ваш блог уже откроется на домене blogspot.com. Очень хочется надеяться, что этот код нам поможет.
И последнее: AdSense не перестает меня "радовать". Недавно рекламные блоки с мои кодом показывались по этому адресу webcache.googleusercontent.com. Перехожу прямо с аккаунта по адресу, а это поисковик Google. Что думаю за ерунда, я что должна авторизовать поисковик. Написала на форуме вопрос по авторизации этого адреса, мне ответили. что это кэши поисковика, они хорошие, и дали еще пару адресов, которые в дальнейшем нужно будет авторизовать, если рекламные объявления с моим кодом будут там показаны. Смотрите скриншот.
Авторизация сайтов – это дополнительная функция, позволяющая разрешить использование вашего рекламного кода Google только на отдельных сайтах. Если вас беспокоит возможность несанкционированного использования вашего рекламного кода, примените эту функцию.
На сайте, который содержит ваш рекламный код и при этом не входит в список разрешенных URL, будут по-прежнему показываться ваши объявления. Показы и клики будут также регистрироваться. Однако плата за эти объявления с рекламодателей взиматься не будет, поэтому такие объявления не будут приносить вам доход.
Пришлось авторизовать, потому что в отчетах клики были, а дохода я не получила. Оказывается такими бывают сайты кэшей поисковых систем, где отображается копия страниц моего блога и показываются рекламные блоки с моим кодом.
К примеру, кто то неправильно набрал адрес блога или перешел с закладок по уже удаленной ссылке. Тогда Google показывает копию, сохраненную в кэше браузера. И как я поняла из ответов на форуме, авторизация таких сайтов не несет угрозы. На этом у меня все. Комментируйте, оставляйте свое мнение, делитесь с друзьями. Всего Вам доброго.
К примеру, кто то неправильно набрал адрес блога или перешел с закладок по уже удаленной ссылке. Тогда Google показывает копию, сохраненную в кэше браузера. И как я поняла из ответов на форуме, авторизация таких сайтов не несет угрозы. На этом у меня все. Комментируйте, оставляйте свое мнение, делитесь с друзьями. Всего Вам доброго.
Размещение рекламных блоков AdSense в тексте, под заголовком и сообщением
2014-03-02 21:08:00 (читать в оригинале)Установка рекламных блоков AdSense под заголовком, под сообщением и в самой записи слева и справа
Здравствуйте дорогие блоггеры. Сегодня мы будем учиться размещать рекламные блоки в тексте сообщения, под заголовком и под сообщением. Информация для тех, кто уже начал сотрудничать с рекламной сетью AdSense и для тех, кто ждет одобрения заявки и только будет начинать работу.
Вы можете добавить код в административной панели blogger: настройки-сообщения и комментарии. Нажмите на вкладку сообщения, вставьте в поле рекламный код, сохраните настройки. При создании нового сообщения, код автоматически устанавливается в пост.
Вы можете добавить и настроить рекламный блок в дизайне-добавить гаджет-AdSense-выбрать и настроить рекламный блок-сохранить. Установите гаджет в нужном месте макета блога.
Если на вкладке Прибыль, Вы настроите показ объявлений в боковой панели и в сообщениях, только в боковой панели и только под сообщением, то так же есть возможность выбрать размер и настроить рекламный блок. Для этого в дизайне нужно нажать-изменить гаджет.
- Вы можете устанавливать рекламные блоки вручную: скопируйте код созданного Вами рекламного блока в аккаунте AdSense - мои объявления-получить код. В редакторе сообщений blogger нажмите HTML вверху и вставьте скопированный код в начале статьи, внутри или внизу сообщения.
- Чем не удобен этот способ: когда количество страниц в блоге увеличивается, Вы и не вспомните, в каких постах и какого размера размещен тот или иной рекламный блок. То есть придется искать по всем страницам нужный размер блока и обновлять сообщения, чтобы установить другой размер блока. Или вести учет, записывать в каких постах и каких размеров установлены рекламные блоки. Но это как то не для 21 века.
Чем удобен этот способ: если Вы удалите из шаблона код любого рекламного блока, то реклама не будет показываться на страницах, на которых он был размещен. Есть возможность вставить код блока других размеров.
Для того, чтобы шаблон blogger принял код AdSense, мы его разберем с помощью генератора кодов. В меню блога перейдите по вкладке генератор кода AdSense, далее там написано как пользоваться.
В черновике blogger нажимаем на вкладку шаблон. Обязательно делаем резервную копию шаблона. Далее изменить шаблон, открывайте все стрелки слева и ищем строку: <data:post.body/>. Их там три, нам нужна вторая. У кого работает поиск, нажмите Ctrl+F, в поле поиска впишите название строки, нажмите поиск и ищите в шаблоне выделенную строку.
- Если вставите код AdSense перед этой строкой, то рекламный блок будет отображаться сразу под заголовком.
- Если вставите код рекламного блока после этой строки, то рекламные объявления будут показываться под сообщением.
Обтекание рекламного блока текстом
1. Рекламный блок слева
Вставляем такой код
<div style="float: left; margin: 10px 10px 10px 0;">
Ваш код AdSense
</div>
2. Рекламный блок справа
Вставляем такой код
<div style="float: right; margin: 10px 0px 10px 10px;">
Ваш код AdSense
</div>3. Рекламный блок по центру
Вставляем такой код
<div style="text-align: center; margin: 10px 0 10px 0;">
Ваш код AdSense
</div>
Ваш код AdSense
</div>
Вот такой упрощенный код
Обтекание рекламного блога текстом
left – блок слева,
right – блок справа
ваш код adsense
</div>
Пример размещения рекламного блока в тексте слева смотрите выше в этом сообщении. Вроде ничего не забыла. Будут вопросы, задавайте в комментариях или воспользуйтесь контактной формой для связи. Всего Вам доброго.
Изящное горизонтальное меню для блога blogspot
2014-02-28 18:53:00 (читать в оригинале)Установка горизонтального меню в блог
Здравствуйте дорогие гости и читатели моего блога. Сегодня разрешите представить Вам изящное горизонтальное меню для Ваших блогов на платформе Blogspot. Как выглядит меню, смотрите на скриншоте. Кто желает посмотреть в живую, слетайте в тестовый блог.
<style>
#RWGmnuqw {
font-family:'Open Sans', Helvetica, Arial, sans-serif;
right:0;
border-top:2px solid #000;
border-bottom:2px solid #000;
width:100%;
overflow:hidden;
padding:0;
}
#RWGmnuqw ul {
list-style:none;
margin:0;
padding:0;
}
#RWGmnuqw ul li.kiri {
-moz-border-radius:0 0 0 3px;
-khtml-border-radius:0 0 0 3px;
-webkit-border-radius:0 0 0 3px;
border-radius:0 0 0 3px;
}
#RWGmnuqw ul li.kanan {
-moz-border-radius:0 0 3px;
-khtml-border-radius:0 0 3px 0;
-webkit-border-radius:0 0 3px 0;
border-radius:0 0 3px 0;
}
#RWGmnuqw ul li {
font-weight:700;
width:11%;
float:left;
text-align:center;
border-right:1px solid #333;
background:#04BDFA;
border-left:none;
}
#RWGmnuqw ul li a {
display:block;
color:#FFF;
line-height:18px;
font-size:15px;
padding:19px 0;
text-decoration:none;
}
#RWGmnuqw ul li a:hover {
text-decoration:none;
color:#fff;
cursor:pointer;
background:#005C91;
}
#RWGmnuqw ul li.home {
float:left;
height:56px;
background:#005C91;
width:11.1%;
border-right:1px solid #333;
-moz-border-radius:0 0 3px 3px;
-khtml-border-radius:0 0 3px 3px;
-webkit-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px;
}
#RWGmnuqw ul li.home a {
color:#FFF;
padding:18px 0;
}
#RWGmnuqw ul li.home a:hover {
color:#fff;
background:#04BDFA;
-moz-border-radius:0 0 3px 3px;
-khtml-border-radius:0 0 3px 3px;
-webkit-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px;
}
#RWG-ioio {
background:transparent url(http://2.bp.blogspot.com/-HSeaU9S9uDQ/Ui8Hi55sq-I/AAAAAAAAGcA/SSzYE94BN0E/s1600/bg-RWG.png) repeat scroll top left;
max-width:1000px;
width:1000px;
margin:0 auto;
}
</style>
<div id='RWG-ioio'>
<div id='RWGmnuqw'>
<ul>
<li class='home'><a href='URL главной страницы'><img alt='home' src='http://4.bp.blogspot.com/-bXprN6k5bUw/Ui8KQss0MVI/AAAAAAAAGcM/iC21zXnkyVw/s1600/homeRWGmnu.png' style='margin-right:10px'/>HOME</a></li>
<li><a href='#'>Об авторе</a></li>
<li class='kanan'><a href='#'>Контакты</a></li>
<li><a href='#' target='_blank'>Генератор</a></li>
<li><a href='#'>HTML</a></li>
<li><a href='#'>Заработок</a></li>
<li><a href='#'>Соц кнопки</a></li>
<li><a href='#'>RSS</a></li>
<li class='kiri'><a href='#'>E-mail</a></li>
</ul>
</div></div>
Настройки :
width:100%;-ширина меню; font-size:15px;-размер шрифта; line-height:18px;-высота меню; '#"-вместо решетки впишите URL адрес ссылки; Контакты-название ссылки; Добавлять ссылки здесь не надо, по моему их и так хватает. С цветом я думаю разберетесь. На этом все. Комментируйте, делитесь с друзьями. Всего Вам доброго.
Плавающий виджет Подписаться по E-mail
2014-02-19 19:21:00 (читать в оригинале)Виджет Подписаться на обновления блога
Всем здравствуйте ! Сегодня предлагаю Вашему вниманию плавающий виджет Подписаться на обновления блога. Виджет привлекает внимание посетителей, всегда на виду.
Нажмите правой кнопкой мыши выделить все, затем скопируйте код
http://feedburner.google.com/fb/a/mailverify?uri=blogspot/tPo&loc=ru_RU-это мой feedburner адрес, вам надо заменить на свой. Обратите внимание, что изменить необходимо в двух местах кода. При желании можно изменить текст, цвет фона, размер и цвет шрифта. Вот и все, ничего сложного. На сегодня пока все. Всего Вам Доброго.
Категория «Картинки»
Взлеты Топ 5
 | ||
|
+2036 |
2053 |
Ищешь oldMike? - Это ЗдесЪ! |
|
+1994 |
2064 |
Splash_Phantom |
|
+1961 |
2094 |
ДеВаЧкА-НеФоРмАлКа |
|
+1948 |
2106 |
ROMAHA.SU |
|
+1947 |
2080 |
Yurenzo |
Падения Топ 5
 | ||
|
-1 |
1366 |
Выдающиеся женщины |
|
-8 |
18 |
anmak |
|
-8 |
543 |
absit_omen |
|
-9 |
17 |
ВАДОС |
|
-10 |
1539 |
Главная |
Популярные за сутки
Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.
взяты из открытых общедоступных источников и являются собственностью их авторов.