Архивы категории: Новости

Продвижение сайта в ПС

Вы наверное заметили, что у меня поменялся дизайн.
Рада Вас приветствовать на моем сайте Успех в Интернет
Эта статья для тех, кто создал свой сайт на движке WordPress.

Для продвижения в поисковых системах своего сайта важную роль играет дизайн сайта, но не в том плане, чтобы он был супер- пупер, хотя это тоже немаловажно. Главное Google стал предъявлять требования, чтобы Ваш сайт отображался на мобильных устройствах, если не будет отображаться, то и не будет индексироваться.
Как это узнать?

Во первых надо зарегистрировать свой сайт в Goole. https://www.google.ru/intl/ru/webmasters/
Нажимаете войти, и добавляете свой сайт любой, хоть блогспотовский, хоть на разных движках.

 

Google

 

 

И там просматриваете статистику.

Google-pravilno правильно.

 

Google-nepravilno

не правильно

Также Google даст рекомендатци, чтобы исправить ошибки
Вот почему мне пришлось поменять дизайн. Он простенький, но на мобильных отображается корректно, а это самое главное. Надеюсь, что после изменеия, которые я внесла, Google полюбит меня.
Конечно, самое главное — наполнять статьями Ваш сайт и быть полезным Вашим читателям.
С уважением Вероника.

[avtor]

Как поставить в блог рекламное место

Как поставить на блог красивое место для рекламы.

Привет мои постоянные читатели и гости моего сайта Успех в Интернет

Хочу с Вами поделиться еще одним видом заработка на блоге. Предлагать место для рекламы желающим. Этим пренебрегать не надо. Возможно кто - нибудь согласится разместить свою рекламу на Вашем блоге за определенную плату. Цена будет зависеть от количества посетителей на Вашем блоге. Как это выглядит можете посмотреть здесь

Давайте приступим к самой вставке кода. Это делается очень легко.

Заходим в админку блога. Нажимаем изменить шаблон html. Находим строчку  ]]></b:skin>

Чуть выше этой строки вставляем следующий код.

/*****************************************
Имя: Blogspot рекламное место с CSS3
******************************************/
.lihat {width: 300px;height: 200px; margin: 5px;float: left;border: 10px solid #eee;overflow: hidden;position: relative;text-align: center;box-shadow: 1px 1px 2px #999;cursor: default;}
.lihat .masker,.lihat .content {width: 300px;height: 200px;position: absolute;overflow: hidden;top: 0;left: 0;}
.lihat img { display: block;position: relative;}
.lihat h2 {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 17px;padding: 10px;background: rgba(255, 0, 0, 0.5);margin: 20px 0 0 0;font-family: Verdana;}
.lihat p {font-family: verdana;font-size: 12px;position: relative;color: #fff;padding: 0 20px 0 20px;text-align: center;line-height: 20px;}
.lihat a.informasi {display: inline-block;text-decoration: none;padding: 7px 14px;color: #fff;text-transform: uppercase;box-shadow: 0 0 1px #000;font-family: "Courier New", Courier, monospace;background-color: #2788C2;}
.lihat a.info: hover {box-shadow: 0 0 5px #000;}
.pasang-iklan img {transition: all 0.2s linear;}
.pasang-iklan .masker {opacity: 0;background-color: rgba(0,0,0, 0.7);transition: all 0.4s ease-in-out;}
.pasang-iklan h2 {transform: translateY(-100px);opacity: 0;transition: all 0.2s ease-in-out;}
.pasang-iklan p {transform: translateY(100px);opacity: 0;transition: all 0.2s linear;}
.pasang-iklan:hover img {transform: scale(1.1,1.1);}
.pasang-iklan a.informasi {opacity: 0; transition: all 0.2s ease-in-out;}
.pasang-iklan:hover .masker {opacity: 1;}
.pasang-iklan:hover h2, .pasang-iklan:hover p, .pasang-iklan:hover a.informasi {opacity: 1;transform: translateY(0px);}
.pasang-iklan:hover p {transition-delay: 0.1s;}
.pasang-iklan:hover a.informasi { transition-delay: 0.2s;}
/*** Blogspot рекламное место с CSS3 конец ***/

Красный цвет размеры виджета, Вы можете изменить под себя.

Теперь идем в дизайн- добавить html гаджет и вставляем следующий код

<!--Код рекламное место Blogspot начало -->
<div class="lihat pasang-iklan">
<img alt="space iklan blogspot dengan CSS3" src="АДРЕС КАРТИНКИ" title="space iklan blogspot dengan CSS3"/>
<div class="masker">
<h2>Рекламное место свободно</h2>
<p>Для того, чтобы разместить объявление на страницах этого сайта, пожалуйста, свяжитесь с нами...</p>
<a href="URL адрес страницы" class="informasi" target="_blank" rel="nofollow" title="Контакт">Подробнее</a>
</div>
</div>
<!--Код рекламное место Blogspot конец -->

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

Код взят из зарубежного сайта Rivai Silaban за что ему спасибо.

С уважением Вероника.

Как вставить тизерную рекламу на блог

Здравствуйте постоянные читатели моего блога и гости сайта Успех в Интернет.

Чтобы вставить тизерную рекламу в блог или сайт, необходимо зарегистрироваться здесь.

Описание сервиса можете посмотреть тут

Эта статья для тех, кто хочет зарабатывать на своем сайте или блоге. После регистрации, Вам дается два кода, которые Вы вставляете на свой блог или сайт. Давайте все по порядку.

Шаг 1.

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

 

 

 

Шаг 2.

tizer1Нажать по стрелочке — зарегистрироваться.

 

 

 

Шаг з.

tizer2  Заполняем  форму регистрации.

 

 

 

Шаг 4.

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

Шаг 5.

tize4  Еще раз нажимаем по стрелочке.

 

 

Шаг 6.

tize5Создаем рекламную площадку.

 

 

 

 

 

 

Шаг 7.

tize6 Нажимаем по стрелочке.

 

 

Шаг 8.

tize7Вам дается 2 способа для верификации Вашего блога. Я выбрала первый способ., необходимо скопировать Ваш ключ, зайти на свой блог и чуть ниже <head> вставить скопированный ключ. Затем перейти на сервис и нажать на кнопку верификация.

 

Шаг 9.

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

 

 

Шаг 10.

tize9Нажимаем по стрелочке и работаем с блоками.

 

 

 

Шаг 11.

tize10 Убираем птичку и получаем 2 кода, один большой код вставлям на своем блоге чуть выше </body> один только раз, а маленький код вставляем хоть в виджет, хоть в пост, это на ваше усмотрение. На сайте имеются много материалов по  настройке т.ч. думаю разберетесь.

 

 

С уважением Вероника.

[reklama2]

 

 

 

 

Тизерная сеть

Тизерная сеть AdProfy — качественный трафик по выгодной цене!

Рекламная сеть AdProfy завоевала популярность в Рунете благодаря качеству трафика и выгодным ценам за клик. Главные преимущества сети — это легкая настройка тизеров, максимально прозрачная система статистики, а также отзывчивый суппорт.

Для вебмастеров Адпрофи предлагает

  • Высокие отчисления с возможностью самостоятельной установки цены клика для площадки;
  • Большой выбор рекламных форматов: тизеры, оверлеи, рекламные блоки для мобильных устройств, а также тизерная реклама в видеоплеерах;
  • Гибкая настройка рекламных блоков вплоть до настройки размера картинки;
  • Возможность установить собственную заглушку: тем самым Вы увеличите эффективность работы рекламного блока, не теряя ни одного показа;
  • Возможность отключать нежелательные тизеры прямо на собственной площадке.

Для рекламодателей данная тизерная сеть предлагает

  • Широкий выбор таргетинга для рекламных кампаний;
  • Понятная система статистики в онлайн-режиме (включая и геостатистику);
  • Настройка целей для повышения эффективности кампании;
  • Оплата только за реальные переходы на Ваш сайт;
  • Создание рекламных тизеров и всесторонняя поддержка.

Бесспорно, тизерная реклама будет популярна в сети еще долгое время благодаря своему привлекательному формату. А Вы уже работали с данным видом рекламы? Не упустите такую возможность, зарегистрируйтесь прямо сейчас!

Как установить игру на блог

Здравствуйте уважаемые гости и постоянные читатели моего блога "Успех в Интернет" !

Сегодня хочу рассказать,как можно установить игру на сайт или блог. Сначала расскажу для чего это надо. Есть такой термин "Поведенческий фактор сайта". Это означает, что посетитель задерживается на сайте и блоге достаточное время, поисковые системы это любят и Ваш сайт будет индексироваться лучше. Согласитесь, многие из- за любопытства захотят поиграть, и могут так увлечься, что достаточное время проведут у Вас на сайте. Игру в блог можно поставить в виджет на блоге или создать страницу игры и вставить туда несколько игр. Можно создать полностью блог на эту тематику. На движке WopdPress можно вставлять код в редакции html, при создании поста. Я уже вставила на одном из моих блогов в виджет игры. Можете посмотреть здесь . Давайте перейдем уже к самой установке. В интернете можно найти достаточно информации, где можно взять эти игры. Мне лично понравился этот сайт смотри . Выбираете понравившую игру и нажимаете ее. Открывается игра в полном размере, Вы можете поиграть и Вам дается код, который Вы вставляете на свой сайт, он находиться внизу слева. Копируете его, изменяете размеры в коде под себя.

Я выбрала игру "Оборона деревни". Вот его код.

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="760" height="570">
<param name="movie" value="http://www.shum2money.ru/geim/brodilka/arkady/KingdomRush.swf">
<embed src="http://www.shum2money.ru/geim/brodilka/arkady/KingdomRush.swf" pluginspage="http://www.macromedia.com/shockwave/download/" type="application/x-shockwave-flash" width="760" height="570"></embed>
</object><br>
<a href="http://www.shum2money.ru/14.php">Игры аркады</a>

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

PS Не которые игры не открываются и выходит предупреждение, тогда выберите другую игру.

С уважением Вероника!

 

Как поставить смайлики в блог

Сегодня расскажу, как поставить смайлики на блог.

Здравствуйте друзья моего сайта "Успех в Интернет!"

Эта статья для тех, кто увлекается блогами на платформе Blogspot. Дело в том, что многие создали видео блоги, которые я дала в Интернете, но они отличаются от обычных тем, что у этих блогов шаблон и встройка постов совершенно разная. Можете посмотреть здесь

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

Очень мне хотелось поставить к себе на блог, согласитесь, приятно выразить свои эмоции смайликами.

Вам советую, перед вставкой скрипта создать резервную копию шаблона.

Заходим в панель инструментов Blogger. Затем, Шаблон - Изменить HTML. Перед нами откроется улучшенный редактор HTML шаблона blogger, где нужно найти строчку </head>. Поиск нужной строки, в новом редакторе происходит так. Первым делом нажимаем "Форматировать шаблон", затем, при сочетаний клавиш Ctrl+F, в правом углу редактора появится окошко, куда нужно вставить тег который нужно найти в шаблоне.

blog

 

Нажимаем Enter и мы видим, подсвеченная желтым цветом искомая строчка. Чуть выше </head> добавляем библиотеку jquery (если у вас уже подключена библиотека к Blogger, тогда пропускаем этот шаг):

 

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Далее, таким же методом находим тег </body> и выше вставляем такой код:

<b:if cond='data:blog.pageType == "item"'><style type='text/css'>.emoWrap{position:relative;padding:10px;margin-bottom:7px;background:#fff;background-image:-ms-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-moz-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-o-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-webkit-gradient(linear,right top,left top,color-stop(0,#fff),color-stop(1,#fff9f2));background-image:-webkit-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:linear-gradient(to left,#fff 0,#fff9f2 100%);border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);font-weight:normal;color:#333}.emoWrap:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #ccc;border-right:20px solid transparent;width:0;height:0;line-height:0}</style>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Нажмите на смайлик,чтобы получить код!",
emoMessage:"Добавьте один пробел перед кодом,чтобы вставить смайлик."
})
});
//]]></script><script src='https://googledrive.com/host/0B6-apgHh7s2tZG9oR3JMNlN6RHc/blogger-comment-emoticons.js' type='text/javascript'/></b:if>

Если Вам понравилась статья, поделитесь с друзьями. Пишите получилось у Вас или нет, всегда рада комментариям.

С уважением Вероника.