Пульс блогосферы

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

Оформление облака тегов на сайте в виде ярлыков с помощью CSS3

Ярлыки CSSЗдравствуйте, друзья. На одном из забугорных сайтов обнаружил красивое оформление облака тегов в виде ярлыков. И сразу же задумался о том, как сделать такое на своем блоге. Сначала показалось, что реализовано все на jQuery, потому что теги очень плавно реагировали на наведение, но потом оказалось, что на чистом CSS3 и HTML. Смотрите пример.

Демо

Помнится когда-то давно в WordPress был плагин облака тегов, в виде карусели, но он работал на флеш и сейчас я его уже нигде не вижу, видимо уже неактуален. Теперь можно создать не менее красивые теги, оформленные на HTML. И для этого не нужны никакие модули. Нужно всего лишь задать определенные CSS стили и ваш ресурс преобразится и заиграет новыми красками. Не важно на чем он функционирует, на Joomla, uCoz или Modx. Трудиться будем непосредственно с кодом.

Готовые CSS стили для облака тегов

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
.post-tag{
  margin:-30px 0 35px
}
.post-tag a{
  background-color:#aaa;
  border-radius:0 2px 2px 0;
  color:#fff;
  display:inline-block;
  font-size:11px;
  line-height:13px;
  margin:0 0 2px 10px;
  padding:4px 7px 3px;
  position:relative;
  text-transform:uppercase; 
  transition: 0.2s linear
  -webkit-transition: 0.2s linear; 
  -moz-transition: 0.2s linear; 
  -o-transition: 0.2s linear; 
}
.post-tag a:before{
  border-top:10px solid transparent;
  border-right:8px solid #aaa;
  border-bottom:10px solid transparent;
  content:"";
  height:0;
  position:absolute;
  top:0;left:-8px;
  width:0;
  transition: 0.2s linear; 
  -webkit-transition: 0.2s linear; 
  -moz-transition: 0.2s linear; 
  -o-transition: 0.2s linear; 
}
.post-tag a:after{
  background-color:#fff;
  border-radius:50%;
  content:"";
  height:4px;
  position:absolute;
  top:8px;
  left:-2px;
  width:4px
}
.post-tag a:hover{
  background:#444;
  color:#FFF
}
.post-tag a:hover:before{
  border-right-color:#444
}

Это уже готовые CSS стили для облака тегов, которые будут дополнительными. Их можно вставить в ваш файл таблицы. А Выводить на странице их нужно таким образом:

<p class="post-tag"><a href="#">Надпись на ярлыке</a></p>

Чтобы сделать красивое облако тегов для сайта и, главное, чтобы они гармонично вписались в ваш дизайн, стили оформления, можно изменять, а именно цветовую схему по вашему усмотрению. Для этого используйте таблицу безопасных цветов. Если вы так же, как и я ведете дневник на WordPress и хотите все это хозяйство внедрить туда, то нужно заглянуть в код и посмотреть какие классы прописаны к текущим тегам и заменить все параметры CSS стилей на новые. Если плохо в этом разбираетесь, можете написать мне и, возможно я вам помогу. ) А пока скачайте архив с готовыми стилями.

СКАЧАТЬ

Где брать картинки для блога

каталог организаций Здравствуйте, друзья. Если вы тоже ведете свой дневник, то рано или поздно встает вопрос: где брать картинки для блога. Когда я начинал вести, то не задумывался об этом и брал их с других сайтов, но как потом оказалось, это не очень хороший выход из положения. Ведь изображения должны быть уникальными, так же, как и другой контент. Поэтому идеальным вариантом будет изготовление их самостоятельно в каком-нибудь графическом редакторе, например фотошопе.

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

Картинки нужны для оформления блога, они разбавляют текст и читать его становится гораздо легче. Со временем можно выработать свой собственный стиль и делать картинки с надписями, примерно так, как вы можете наблюдать у меня. Итак, где же их брать.. В этой статье вы узнаете, как я рисую image, чтобы они были уникальными и там же найдете 10 потрясающих сайтов, на которых найдется графика практически под любую тематику.

В принципе, картинки для блога можно брать с других ресурсов, но только изменять их до неузнаваемости, чтобы к вам потом не было претензий, что вы их украли. Но лучше конечно брать стоковые bpj,hf;tybz, то есть те, которые находятся в свободном доступе и уже с ними работать.

Заработок на CPA партнерках

Браузер Opera 2014

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

Заработок на CPA

Дело в том, что мы с вами видим только голую цифру дохода, но не можем знать, сколько было порачено, чтобы ее получить. При таких цифрах заработка объемы вложений весьма внушительны и далеко не каждый может себе позволить тратить на продвижение партнерских продуктов 100 или 200 тысяч рублей и это скорее всего в день. Но к таким объемам можно прийти. Я работаю совсем недавно, вложения минимальные, но заработок на CPA составляет около 2-х — 3-х тысяч рублей в сутки. Я пока еще прощупываю партнерку на предмет надежности, хотя она и так уже зарекомендовала себя с хорошей стороны. Со временем планирую наращивать объемы, покупать больше трафика и направлять его на партнерки. если вам тоже интересен этот вид заработка, то информацию по заработку на CPA партнерках можно посмотреть под этим видео.


Заработок на CPA

Как замаскировать ссылку

Маскировка ссылок

Здравствуйте, друзья. Иногда появляется необходимость замаскировать патнерскую или реферальную ссылку, если ее нужно оставить на каком-нибудь сайте. Просто некоторые товарищи имеют такую склонность к обрезанию рефок. А так же на некоторых ресурсах подобные ссылки просто напросто запрещены. Поэтому приходится придумывать способы, чтобы клики по партнерским линкам были засчитаны, но в то же время ее никто не обрезал и допустил к размещению. Решений на самом деле несколько. Это можно сделать и в Wordpres.

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

Я практикую более изощренный способ для маскировки ссылок. Создаю простую HTML страницу и через нее делаю переадресацию по нужной мне ссылке. Он удобен тем, что можно в случае чего поменять link на этой странице вместо того, чтобы менять их во всех местах, где вы ее оставляли. О том, как делать редирект можно почитать здесь. Там вы найдете несколько вариантов и выберете для себя самый подходящий. как видите, замаскировать ссылку не проблема и знаний для этого больших не требуется. Если хотите использовать тот метод, что и я, то всего-то нужен доступ к серверу через протокол FTP и текстовый редактор, хотя даже он необязателен.

Имейте в виду, что Яндекс Директ распознает переадресацию даже если она сделана в несколько цепочек.

 

Как создать одностраничный сайт бесплатно

Landing PageЗдравствуйте, уважаемые читатели. Постоянно слышу такой вопрос: Как создать одностраничный сайт? Он же визитка, воронка с таймером и кнопкой продаж, который подойдет для продажи товаров, инфобизнеса, дропшиппинга или это будет просто страница захвата. Желательно для начала обзавестись хоть какими-то познаниями в области сайтостроения, если хотите это сделать бесплатно. С полного нуля, самому, будет тяжеловато, в плане того, что вы не совсем будете понимать что делаете. Можно например использовать конструктор, но для этого, опять же, потребуются навыки работы с CMS WordPress. Но это будет не совсем то, что нужно. Будет здорово, если вы самостоятельно создадите одностраничник своими руками.

Создать бесплатный одностраничный сайт

Конечно не обязательно писать его с самого начала, можно создать одностраничный сайт по шаблону, ведь в интернете есть куча готовых. Нужно лишь поменять текст на свой, добавить какие-то картинки, видео, загрузить на бесплатный хостинг, типа ucoz или яндекс с доменом ру, и одностраничник готов, к тому же довольно красивый. Например я со всеми желающими делюсь большим комплектом продающих и подписных страниц на любой вкус и цвет. Для того, чтобы подготовить шаблон под свои нужды, необходимо не так много умений. Достаточно будет HTML и CSS на базовом уровне, чтобы вы слегка понимали что к чему. Вот пример того. что можно сделать за 10минут:Одностраничный сайт создать самому

Но в лубом случае всегда все упирается в знания. Конечно есть вариант создать одностраничный сайт онлайн, при помощи специальных сервисов, где есть пошаговая инструкция, таких, как Nethouse или LPGenerator. там же можно узнать цены, почитать отзывы на форуме или обратиться к частному вебмастеру, это обойдется вам совершенно недорого, от 1000 рублей, в зависимости от задач, который будет выполнять ваш Landing Page. Если интересно такое предложение, пишите, договоримся.

Создать одностраничный сайт самостоятельно

Если же вы решили никого не просить и, тем самым сэкономить деньги, то в принципе, я уже сказал выше, что вам следует делать. Изучайте программу Dreamweaver или любой другой редактор кода. Так же не лишним будет познакомиться с какой-нибудь системой управления контентом, такой, как Joomla. К ней можно найти дополнительные модули, которые могут заточены для того, чтобы создать одностраничный сайт, на котором, кстати может располагаться даже магазин.