Где скачать шаблоны для blogger, лучшие веб дизайнеры

Чьи шаблоны blogspot лучше

Друзья вот и наступил последний день в 2015 году. Для кого-то он был удачным, для кого-то не очень. Что же, будем надеяться, что 2016 будет намного лучше, все таки наука не стоит на месте, мир прогрессирует с каждым днем и мы с вами так же должны быть в теме).  Скорее всего это моя последняя статья в 2015 году, надеюсь она получиться интересной и полезной.

Поскольку мой сайт в основном вещает о шаблонах blogger, моя сегодняшняя статья будет о них родимых. Так, как они они являются кормильцами многих семей и не сегодня так завтра могут начать кормить и вашу, я поделюсь с вами информацией о тех кто их создает, вернее о лучших из них. За последние три года я выделил для себя четверку лучших веб дизайнеров блогеровских шаблонов. Итак, приветствуем: Templateism создатель Syed Faizan Ali, Sora Templates, Arlina Design и Themexpose. Вот наша фантастическая четверка. Envato я не буду упоминать поскольку там платные шаблоны, а у нашей четверки можно подобрать себе бесплатный шаблон. Но не спешите радоваться.

Сейчас я вкратце пройдусь по каждому из вышеуказанных веб дизайнеров. Пожалуй начну с Templateism. Место основания Пакистан. Молодой парень 18 лет верстает довольно качественные шаблоны для блоггер. Занимается этим делом более двух лет. Лично меня мало привлекают его работы. Есть незначительные погрешности в сео оптимизации. Из его коллекции мне больше всего понравился шаблон под названием Flatmag.

Вторым на растерзание пойдет у нас так, так, так та пускай будет Themexpose. Дизайнер работает с начала 2014 года, место нахождения неизвестно, скорее всего так же Пакистан или Индия. Запомнился довольно красивыми и шаблонами. Правда был пойман на горячем, оказывается некоторые виджеты (плагины) он заимствовал у дизайнеров Envato. Между ними велся не совсем приятный разговор и все же под страхом удаления своего сайта из google Themexpose удалил материал нарушающий интеллектуальные права. Так же замечены недостатки  в сео оптимизации. Из лучших работ могу выделить PowerGame и Gridz.

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

И замыкает четверку Arlina Design. Замечательная девушка из Индонезии. Так же начала свою деятельность верстальщика шаблонов для blogger не так давно, примерно в начале 2014 года. Известна не только сногсшибательными работами, но и тем, что создает и делиться очень полезными виджетами. Больше остальных занимается сео оптимизацией. В этом ее шаблоны определенно лучшие. Та и с дизайном она так же на ты. Но и у нее есть грешки хотя стоп всего один грешок, но очень значительный. Опытный вебмастер (блогер) сумеет с ним справиться, а вот новичкам придется не сладко.   

Ну и забыл я об еще одном удивительном человеке, зовут его или это название бренда в общем не суть Uong Jowo. Насколько я понял, он берет готовые темы для WordPress и преобразовывает их под блогеровские шаблоны. И получается у него весьма добротно. В основном он верстает самый популярный тип шаблонов для blogspot это конечно же новостной тип (журнальный). Правда в последнее время есть к нему несколько вопросов. К примеру в последних трех работах наблюдаются проблемы с главным меню (панель навигации) Хотя SEO оптимизация у него на четверочку, но как ни странно поисковики любят сайты и блоги, которые используют его творения.

Под конец добавлю, что вы можете скачать у всех этих ребят шаблоны бесплатно, но после установки они могут иметь некоторые ограничения, как в плане дизайна так и в плане seo оптимизации. В основном это произведения Themexpose, Soratemplate и возможно не совсем уверен Templateism. Arlina и Jowo предоставляют то, что написано на этикетке.

В общем лучшее из лучшего я выставляю на своем сайте, найти и скачать все это можно либо в разделе top 50+ blogger templates, либо на странице Бесплатные шаблоны для blogger на русском языке.  

Как поменять фон сайта

как изменить фон на своем сайте или блоге

Как поменять фон сайта - блога. Добавить фоновое изображение (картинку).

Здравствуйте дорогие читатели. Сегодня мы с вами разберем еще один урок для улучшения дизайна вашего сайта. Урок этот не сложный и довольно интересный.

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

Для того, чтобы поменять фон сайта или блога переходим в раздел Шаблон - изменить HTML находим код ]]></b:skin> перед которым нам нужно разместить следующий код:

body {
background: #333 url()no-repeat center center fixed;
-webkit-background-size: cover;
 -moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

За цвет фона отвечает участок кода выделенный оранжевым. Вместо него пропишите код своего цвета и сохраните шаблон.

Если же вам нужно разместить фоновое изображение, в таком случае удалите оранжевый участок кода и рядом в коде выделенном зеленым в дужках разместите ссылку на свое изображение. Можно загрузить картинку на какой нибудь хостинге картинок и скопировать прямую ссылку на нее. Так же можно загрузить картинку в blogger, что намного лучше. Для этого создаете новое сообщение, загружаете нужную картинку, переходите на вкладку HTML, там копируете ссылку изображения и вставляете ее в наш код. При этом сообщение можно не публиковать, просто оставить, как черновик.

Новогодние украшения для сайта

красивая новодняя картинка для сайта - блога

Как украсить свой сайт - блог к новогодним праздникам. 

С наступающими праздниками всех вас дорогие друзья. Итак, на носу Новый Год, Рождество Христово и другие замечательные зимние праздники. Пора украшать и приводить в порядок все свои имения.) В сегодняшней статье я покажу, как украсить свой сайт (блог) красивой, фоновой, новогодней картинкой. Чтобы посмотреть, как оно выглядит далеко идти не придется, сею картинку я разместил на своем сайте. Если вам понравилось тогда давайте перейдем к ее установке.

В панели управления нужно перейти в раздел Шаблон - Изменить HTML ищем код ]]></b:skin> и перед ним устанавливаем следующий код:

body {
background: url(http://3.bp.blogspot.com/-7n3W2sBEH_E/VoEcoBGZcHI/AAAAAAAAiOs/Xwkoqdlh06I/s1600/Fon-2016-2-01-1.jpg)
no-repeat top fixed;
}

Если полотно вашего сайта (блога) имеет ширину не более 1100px тогда все нормально можете сохранять шаблон. Но если полотно намного больше, в таком случае картинка будет прятаться за ним. В любом случае сохраняйте шаблон и проверяйте результат. Если картинка все же прячется добавьте к основному коду следующее значение:

background-size: 100%;

В итоге наш код должен выглядеть следующим образом:

body {
background: url(http://3.bp.blogspot.com/-7n3W2sBEH_E/VoEcoBGZcHI/AAAAAAAAiOs/Xwkoqdlh06I/s1600/Fon-2016-2-01-1.jpg)
no-repeat top fixed ;
background-size: 100%;
}

Теперь сохраните шаблон и посмотрите где находиться картинка на сей раз. Если она слишком далеко от полотна вместо 100% напишите 80 или 90%, в общем подбирайте процент пока картинка не сядет в нужном месте.

Если вы хотите другую картинку, тогда в коде, вместо моей ссылки поставьте ссылку своей картинки. Можно загрузить нужную картинку в сообщение блога, перейти на вкладку HTML там скопировать ссылку изображения и поставить ее в код.

Надеюсь сегодняшняя статья помогла вам украсить сайт (блог) к новогодним праздникам.

Как скрыть название виджета - гаджета в blogger.

blogger - blogspot - как скрыть - убрать название виджета - гаджета

Blogger - blogspot, как скрыть - убрать название виджета - гаджета.

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

1). Для начала рассмотрим способ попроще. В строке названия своего виджета - гаджета пишите следующее: <!-- 1 --> и теперь можете спокойно его сохранять. Этот код позволяет сохранить виджет не задавая при этом название. Так же он может быть очень полезным, если вам нужно в HTML редакторе отметить какой-то элемент шаблона, чтобы потом можно было его быстренько найти. Выше или ниже  кода этого элемента пишите код. который я указал выше, вместо единички пишите его название и сохраняете шаблон.

2.) Второй способ тоже не сложный, но более тягомотный. Он позволяет оставить название виджета - гаджета в разделе Дизайн и при этом скрывает его в блоге. К примеру создаем виджет HTML\Javascript - даем ему название Блок1. После переходим в раздел Шаблон - Изменить HTML, находим этот виджет. Вот его код:

  <b:widget id='HTML3' locked='false' title='Блок1' type='HTML'>
  <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
  <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <data:content/>
  </div>
  <b:include name='quickedit'/>
  </b:includable> </b:widget> 

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

Переводчик для сайта - блога

переводчик для сайта блога

Установить стильный переводчик для сайта - блога.

День добрый друзья. Понедельник день нелегкий по-этому сегодня я расскажу вам о том, как можно легко и просто установить на свой сайт - блог, виджет переводчик от гугла. Вообще это можно сделать через раздел Дизайн - добавить гаджет и в появившемся списке выбрать виджет Переводчик. Тогда на вашем веб-ресурсе появится обычный переводчик. Если же вы хотите более стильный, виджет переводчика, тогда вам нужно все через тот же раздел Дизайн - Добавить гаджет, в списке выбираем HTML\Javascript и в появившемся окошке вставляете следующий код:

<center>
<style type="text/css">
#translator-wrapper {
  display:block;
  width:90%;
  max-width:300px;  
  border:none;  
  background-color:#333;
  color:#fff;
  overflow:hidden;
  position:relative;
  height:40px;
  line-height:40px;
  border-radius:4px;
}

#translator-wrapper:hover {color:#fff;}

#translator-wrapper select:hover {color:#fff;}
#translator-wrapper select {
  border:none;
  background:transparent;
  font-family:'Verdana',Arial,Sans-Serif;
  font-size:12px;
  width:100%;
  color:#fff;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-appearance:none;
  cursor:text;
  padding:5px 10px;
}
#translator-wrapper a {
  display:block;
  background-color:#ff3d00;
  border:none;
  color:#fff;
  margin:0 0;
  text-decoration:none;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  cursor:pointer;
  width:14%; 
  transition:all 0.3s ease;  
}
#translator-wrapper a:before {
  content:"";
  display:block;
  width:0;
  height:0;
  border:6px solid transparent;
  border-left-color:white;
  position:absolute;
  top:50%;
  left:45%;
  margin-top:-5px;
}
#translator-wrapper a:hover {opacity:0.9;}
#translator-wrapper a:active {opacity:0.9;}
#translator-wrapper select:focus,
#translator-wrapper a:focus,
#translator-wrapper select:active,
#translator-wrapper a:active {
  border:none;
  outline:none;
  cursor:pointer;
}
option {
  background:#444;
  color:#e0e0e0;
}
</style>
<div id="translator-wrapper">
    <select id="translate-language">
        <option value="en" selected />English
        <option value="id" />Indonesian
        <option value="af" />Afrikaans
        <option value="sq" />Albanian
        <option value="ar" />Arabic
        <option value="hy" />Armenian
        <option value="az" />Azerbaijani
        <option value="eu" />Basque
        <option value="be" />Belarusian
        <option value="bn" />Bengali
        <option value="bg" />Bulgarian
        <option value="ca" />Catalan
        <option value="zh-CN" />Chinese
        <option value="hr" />Croatian
        <option value="cs" />Czech
        <option value="da" />Danish
        <option value="nl" />Dutch
        <option value="en" />English
        <option value="eo" />Esperanto
        <option value="et" />Estonian
        <option value="tl" />Filipino
        <option value="fi" />Finnish
        <option value="fr" />French
        <option value="gl" />Galician
        <option value="ka" />Georgian
        <option value="de" />German
        <option value="el" />Greek
        <option value="gu" />Gujarati
        <option value="ht" />Haitian Creole
        <option value="iw" />Hebrew
        <option value="hi" />Hindi
        <option value="hu" />Hungarian
        <option value="is" />Icelandic
        <option value="id" />Indonesian
        <option value="ga" />Irish
        <option value="it" />Italian
        <option value="ja" />Japanese
        <option value="kn" />Kannada
        <option value="ko" />Korean
        <option value="la" />Latin
        <option value="lv" />Latvian
        <option value="lt" />Lithuanian
        <option value="mk" />Macedonian
        <option value="ms" />Malay
        <option value="mt" />Maltese
        <option value="no" />Norwegian
        <option value="fa" />Persian
        <option value="pl" />Polish
        <option value="pt" />Portuguese
        <option value="ro" />Romanian
        <option value="ru" />Russian
        <option value="sr" />Serbian
        <option value="sk" />Slovak
        <option value="sl" />Slovenian
        <option value="es" />Spanish
        <option value="sw" />Swahili
        <option value="sv" />Swedish
        <option value="ta" />Tamil
        <option value="te" />Telugu
        <option value="th" />Thai
        <option value="tr" />Turkish
        <option value="uk" />Ukrainian
        <option value="ur" />Urdu
        <option value="vi" />Vietnamese
        <option value="cy" />Welsh
        <option value="yi" />Yiddish
    </select><a id="translate-me" href="#" title="Translate"></a>
</div>
<script type="text/javascript">
(function() {
    var mylang = "ru", // Your website language
        anchor = document.getElementById('translate-me');
    anchor.onclick = function() {
        window.open('http://translate.google.com/translate?u=' + encodeURIComponent(location.href) + '&langpair=' + mylang + '%7C' + document.getElementById('translate-language').value + '&hl=en');
        return false;
    };
})();
</script>
</center>

Сохраняете виджет и проверяете, что вышло в итоге.

В общем оказалось, что наш переводчик не совсем идеален, переводит не все элементы сайта, но текст в постах переводит в полном объеме. По-этому я решил добавить еще один переводчик. Я взял стандартный переводчик гугла (google) и немного подкрутил его внешний вид. Теперь проблем с переводом сайта не возникнет, но в некоторых шаблонах из-за конфликта кодов, в постах при нажатии на картинки они могут не открыться и это касается только браузера Google Chrome в остальных порядок. Эта проблема может возникнуть даже, если вы добавите обычный переводчик через раздел Дизайн - Добавить гаджет. Виноват в этом один из кодов Javascript вашего шаблона. Чтобы картинки вновь открывались в браузере Google Chrome нужно перейти в раздел Настройки - Сообщения и комментарии - напротив надписи:  Показывать изображения в Lightbox? - вместо Да выбираем Нет. 

Посмотреть, как выглядит новый вариант кнопки переводчика можно на тестовом сайте. Находится она вверху, с правой стороны. Установить сие чудо можно в любом месте вашего сайта или блога. Для этого переходим в раздел Шаблон - Изменить HTML ищем код 
]]></b:skin> перед ним устанавливаем код:

.goog-te-gadget-simple .goog-te-menu-value span {
    text-decoration: none;
    color: #fff;
}

.goog-te-gadget-simple {
    background-color: #333 !important;
    border-left: 0px solid #d5d5d5 !important;
    border-top: 0px solid #9b9b9b !important;
    border-bottom: 0px solid #e8e8e8 !important;
    border-right: 0px solid #d5d5d5 !important;
    font-size: 10pt;
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 2px;
    cursor: pointer;
    zoom: 1;
    margin-top: 10px !important;
    border-radius: 4px;
margin-right: -13px !important;
}

.goog-te-gadget img {
    vertical-align: middle;
    border: none;
    display: none !important;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    text-decoration: none;
    margin-right: 5px !important;
color:#fff !important;
}

.goog-te-gadget-simple:hover {
background: #ff3d00 !important;
transition:all 0.8s;
}

Сохраняем шаблон, переходим в раздел Дизайн - Добавить гаджет - HTML\Javascript - в окошке вставляем следующий код:

<div id='google_translate_element'/><script type='text/javascript'>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: &#39;ru&#39;, layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, &#39;google_translate_element&#39;);
}
</script><script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit' type='text/javascript'/>

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

Карта для сайта - блога с миниатюрами.

Новая пользовательская карта сайта - блога с миниатюрами для blogger - blogspot.

Виджет карта с миниатюрами не работает!!! Если кровь из носу нужна карта, можете воспользоватся похожим виджетом карта сайта.

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

1) Сортировать выдаваемые посты (сообщения) по новым и обновленным. Обновленные - это ваши опубликованные посты в которых вы, что-то дописывали или убирали от того и обновленные.

2) Читатель вашего блога или сайта может выбрать определенную категорию постов.

3) Поиск поста вручную, введя в строку поиска его название.

4) Изначально карта выдает шесть постов, чтобы увидеть остальные нужно кликнуть по кнопке Load more. Когда посты заканчиваются вместо кнопки Load more появляется кнопка Top при нажатии которой осуществляется скроллинг страницы вверх.

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

Переходим к установке виджета

Для установки вам нужно создать новую страницу, перейти на вкладку HTML и разместить там код - скачать. В скрипте найдите ссылку - http://dan-blog102.blogspot.com вместо нее вставьте ссылку своего блога.

Избранное сообщение - новый виджет от blogger

Избранное сообщение - новый виджет от blogger

Видно, что наши друзья из отдела blogger не забывают про нас. Сегодня я заметил, что в списке гаджетов появился новый виджет под названием Избранное сообщение, с помощью которого можно отобразить в сайдбаре то сообщение (пост) которое мы сами посчитаем нужным.  Думаю, что те блогеры и вебмастера, которые не первый месяц работают с платформой blogger уже знакомы с этим виджетом, так что для многих это новый - старый виджет. С помощью умелых программистов, уже очень долгое время его успешно используют сотни тысяч блогеров по всему миру. На английском он звучит так: "Featured post".

И вот сегодня разработчики blogger внесли его в свой список. Правда здесь он может отображать всего один пост. Конечно маловато, но уже хоть что-то. Как по мне этот виджет очень полезен. Кроме того google в очередной раз дает понять, что blogger не собирается сворачиваться.     

Праздничные скидки на шаблоны blogger


Друзья, вы могли заметить, что уже несколько дней ценники на шаблоны для blogger существенно снизились. Все дело в том, что уже совсем скоро всех нас будут встречать зимние праздники. Это чуть ли не самое замечательное время в году, когда все близкие собираются вместе и дарят друг другу массу хорошего настроения. Но так же в это время наши с вами кошельки значительно уменьшаются в объеме, все таки праздники и нужно потратиться на стол и подарки, а некоторым еще и на снятие жилья для празднования). Все это мы понимаем и в это время, а именно с 7 декабря 2015г. по 31 января 2016 года, мы снижаем цены на шаблоны, максимальная цена которых достигала 5 долларов, сейчас же их стоимость снизилась почти что на половину и становит не более 3 долларов.

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

Как вывести деньги с PayPal, Payza на Webmoney, Яндекс Деньги


В общем как-то раз, было это очень давно примерно года три назад, я столкнулся с проблемой вывода денег из платежной системы Payza. Работал я с одним зарубежным сайтом, который и близко не знает, что такое вебмани, вывод заработанных денег осуществлялся на счет платежной системы Payza. Ну думаю ладно, как придет время там уже и буду разбираться, как вывести средства на webmoney. В общем время пришло деньги лежали на счету и ждали своего вывода, но как я не крутился, как не пробовал осуществить перевод их на Webmoney ни как не получалось, не говоря уже об Яндекс Деньги или Qiwi. Нашел один обменник, который вроде бы осуществлял этакий перевод, но администратор оповестил меня, что в данный момент провести такую сделку невозможно. В итоге мне пришлось вывести их на один из сайтов с которым я так же работал, но оттуда я уже никуда не мог их перекинуть разве, что заказать услугу рекламы. В конечном результате я заработал на рекламе и положил таки на свой счет деньги, но лишь половину от всей суммы. Ну хоть что-то обломилось.

Так же советую вам ознакомиться с моим новым опытом перевода с Киви на Вебмани.

Как перевести деньги с PayPal, Payza, Perfect Money на Вебмани, Яндекс Деньги, Киви


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

Знакомство с сайтом Bestchange

Итак, теперь вы уже знаете, что перевод денег с зарубежных платежных систем вполне реально осуществить без больших потерь. И все это можно сделать с помощью онлайн сервиса Bestchange. Что же собой являет этот сервис и какие его основные функции? По сути Bestchange это справочник, который содержит в себе самые надежные онлайн обменники электронных валют. Его главные функции заключаются в следующем:

  1. Задать направление обмена или вывода (например Paypal - Webmoney)
  2. Выдать список сайтов, которые осуществляют подобные операции

Как видите это очень удобный сервис, который существенно облегчил операции с электронной валютой. И самое главное это безопасность проводимых операций, никто из представленных там обменников не рискнет обмануть своего клиента, поскольку в таком случае о данном сайте оставляется негативный отзыв и с ним попросту никто не будет иметь дел. Это в лучшем случае, в худшем обменник просто удаляется из списков Bestchange и как следствие теряет тысячи клиентов и терпит большие потери.

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

Личный опыт

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

Какие шаблоны для blogger вы ищете?

Какие шаблоны для blogger - blogspot вы ищете?

Приветствую вас друзья. Мы долго размышляли, каким образом мы можем облегчить, как свою работу, так и вашу. Казалось бы ваше задание совсем не сложное, просто подобрать нужный шаблон и установить его. Но не все так просто, многие могут просто затеряться среди их большого количества. Это может повлечь за собой совсем ненужные процессы, ваша работа будет затягиваться и затягиваться, чем дольше вы будете определяться со своим выбором, тем меньше времени у вас будет на заполнение своего сайта или блога контентом. Частая смена шаблонов, так же не несет в себе ничего хорошего, такими действиями вы можете запутать своих читателей, им просто напросто надоест постоянно изучать, что и где находиться и как следствие они покинут ваш корабль. Задача моего сайта добавлять новые шаблоны, которые выбираю не только я. И все же несмотря на наши разные вкусы этого недостаточно. Нам нужно знать ваше мнение, точнее, что вы ищете, каким должен быть ваш сайт или блог. Это поможет, как нам, так и вам. Мы будем знать, что вам нужно и тем самым не будем тратить лишнее время на обработку не нужного материала. А вы в свою очередь уменьшите временные затраты на поиски шаблона. Если вас все устраивает это хорошо, значит мы движемся в правильном направлении, но если у вас есть пожелание мы с удовольствием их выслушаем и будем стараться реализовать их.

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

Онлайн конвертация видео и аудио

Сервис для конвертации видео онлайн

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

В общем не так давно я решил записать видео со своего ПК с комментариями. Если честно не очень люблю свой голос, но пришлось. И вот все настроено, а вот и уже все снято и готово к заброске на Youtube. Конечно сам файл получился великоват и в формате AVI, если не ошибаюсь там было под 1.2 гб. ну что же, хотелось качественный продукт сделать вот и сделал, но перестарался. Вроде бы 1.2 гб. нормы допустимые для youtube, в общем не суть. После закачки в режиме обработки видео выдает ошибку о том, что видео содержит неверный формат. Попробовал второй, третий раз тоже самое, благо скорость интернета нормальная долго не ждал. Решил я метнуться в базу хранилища своего ПК, чтобы найти там какие-то видео-конвертеры, но нашел я всего один Magic Video converter, который данный файл даже и не принял. Тогда я вспомнил, что на улице уже XXI век и подобные программы работают в интернете онлайн, и не обязательно их устанавливать на свой ящик.

Первый сайт в поисковой выдаче оказался платным, так же как и второй, но третий оправдал все мои надежды. Правда поначалу я думал, что это фэйк, потому что загрузка моего файла на сервер (для конвертации) весела на одном месте несколько минут, но вскоре она сдвинулась с мертвой точки и быстрым шагом дошла до финиша, ну а финиш для меня оказался весьма успешным, я не только сохранил качество своего видео, но еще и уменьшил вес файла с 1.2 гб до 200 мб. и уже этот файл youtube принял безоговорочно, кстати все в том же формате AVI. И еще там есть множество различных функций, как для работы с видео файлами так и с аудио записями. Этот сайт называется Convert-video-online, огромное спасибо разработчикам за проделанную работу. На этом все, заходите на мой сайт и узнавайте побольше о полезных сервисах.

Красивый Слайдер для Blogger

Слайдер для Blogger - Slider с адаптивным дизайном 2018

Большинство вебмастеров и блогеров стараются обустроить свой блог слайдером, но найти действительно достойный очень тяжело, потому что большинство из них имеет много недостатков. К примеру когда вы хотите поменять пост в слайдере вам приходится делать это вручную, задавать ссылку, описание и картинку к нему. Так же не мало важную роль играет то, как слайдер отображается на дисплеях с разными разрешениями. Теперь это не будет вас беспокоить, слайдер который мы вам предлагаем установить обладает всем необходимым. А если точнее, то он может отображать последние посты (сообщения) вашего сайта, последние посты от заданного ярлыка или же случайные посты. И само собой адаптивный дизайн, правда, если вы используете стандартный шаблон blogger в котором не настроен общий реагирующий дизайн в таком случае функция отзывчивого дизайна слайдера работать не будет. Как работает сие чудо можете пронаблюдать на тестовом блоге.

Итак можем приступить к установке нашего слайдера, это еще один его плюс, ведь разместить его на своем блоге очень просто. Для этого переходим в раздел Тема - Изменить HTML в открывшемся редакторе ищем значение <head> и сразу после него добавляем код:

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

Дальше нам нужно найти значение ]]></b:skin> и перед ним разместить следующий код:

/* Skitter Slideshow */
#skitterslideshow{padding:4px;border:1px solid #DDD;box-shadow:0 1px 5px rgba(0,0,0,.15)}
#slider-wrapper-indzign{padding:0;background-color:#FDFDFD;box-shadow:0 1px 5px rgba(0,0,0,.15);border-radius:3px;height:250px;position:relative;z-index:8888}
.box_skitter_home.indzign-theme .prev_button,.box_skitter_home.indzign-theme .next_button,.box_skitter_home.indzign-theme .info_slide_dots{background-color:#fbfbfb;transition:background-color linear .3s}
.box_skitter ul{display:none}
.box_skitter .container_skitter{overflow:hidden;position:relative;width:100%;height:100%}
.box_skitter .image{overflow:hidden;width:100%;height:100%}
.box_skitter .image img{display:none;width:100%;height:100%}
.box_skitter .box_clone{position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20}
.box_skitter img{max-width:none}
.box_skitter .box_clone img{position:absolute;top:0;width:0%;height:auto;width:0%;left:0;z-index:19}
.box_skitter .prev_button{position:absolute;top:50%;left:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px}
.box_skitter .next_button{position:absolute;top:50%;right:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px}
.box_skitter .info_slide{position:absolute;top:15px;left:15px;z-index:100;background:#000;color:#fff;font:padding:5px 0 5px 5px;border-radius:5px;opacity:0.75}
.box_skitter .info_slide .image_number{background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;border-radius:2px}
.box_skitter .info_slide .image_number_select{background:#c00;float:left;padding:2px 10px;margin:0 5px 0 0}
.box_skitter .container_thumbs{position:relative;overflow:hidden;height:50px}
.box_skitter .info_slide_thumb{border-radius:0;overflow:hidden;height:45px;top:auto;bottom:-5px;left:-5px;padding:5px;opacity:1.0}
.box_skitter .info_slide_thumb .image_number{overflow:hidden;width:70px;height:40px;position:relative}
.box_skitter .info_slide_thumb .image_number img{position:absolute;top:-50px;left:-50px}
.box_skitter .box_scroll_thumbs{padding:0 10px}
.box_skitter .box_scroll_thumbs .scroll_thumbs{position:absolute;bottom:60px;left:50px;background:#ccc;width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;border-radius:20px;cursor:pointer;border:1px solid #333}
.box_skitter .info_slide_dots{position:absolute;bottom:-40px;z-index:151;padding:5px 0 5px 5px;border-radius:50px}
.box_skitter .info_slide_dots .image_number{background:#333;float:left;margin:0 5px 0 0;cursor:pointer;border-radius:50px;width:18px;height:18px;text-indent:-9999em;overflow:hidden}
.box_skitter .info_slide_dots .image_number_select{background:#c00;float:left;margin:0 5px 0 0}
.box_skitter .label_skitter{z-index:80;position:absolute;bottom:0;left:0;display:none}
.loading{position:absolute;top:50%;right:50%;z-index:10000;margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:#FFF no-repeat left top;width:32px;height:32px}
.label_skitter{z-index:150;position:absolute;bottom:0;left:0;color:#fff;display:none;opacity:0.9;background:#000}
.label_skitter p{padding:5px;margin:0}
.box_skitter .progressbar{background:#000;position:absolute;bottom:5px;left:10px;height:5px;width:940px;z-index:99;border-radius:20px}
.preview_slide{display:none;position:absolute;z-index:999;bottom:40px;left:-40px;width:100px;height:50px;border:3px solid #FFF;background:rgba(0,0,0,.5);box-shadow:rgba(0,0,0,0.7) 0 0 10px;overflow:hidden}
.preview_slide ul{width:100px;height:50px;padding:0;overflow:hidden;margin:0;list-style:none;display:block;position:absolute;top:0;left:0}
.preview_slide ul li{width:100px;height:55px;overflow:hidden;float:left;margin:0;padding:0;position:relative;display:block}
.preview_slide ul li img{position:absolute;top:0;left:0;height:55px;width:100px}
#overlay_skitter{position:absolute;top:0;left:0;width:100%;z-index:9998;opacity:1;background:#000}
.box_skitter_home{background-image:url(http://2.bp.blogspot.com/-9u_hEl1AYQw/UZoFMXLUjnI/AAAAAAAAAco/c8wJh46pAJY/s1600/skitterloading.gif);background-position:center center;background-repeat:no-repeat}
.box_skitter_home.indzign-theme .prev_button,.box_skitter_home.indzign-theme .next_button,.box_skitter_home.indzign-theme .info_slide_dots{border:1px solid #FFF;box-shadow:0 1px 3px rgba(0,0,0,0.3);border-radius:0}
.box_skitter_home.indzign-theme .info_slide{}
.box_skitter_home.indzign-theme .info_slide_dots{bottom:-16px;width:110px;left:50%!important;margin-left:-65px;height:30px;padding:0 8px;z-index:99}
.box_skitter_home.indzign-theme .info_slide_dots span{transition:background linear .3s;background-image:url(http://3.bp.blogspot.com/-4YmYwCb-ysQ/UZoFIi-u66I/AAAAAAAAAcI/oGf5a50M4Mk/s1600/light-overlay.png);background-repeat:repeat-x;background-position:left -13px;background-color:#d1d1d1;color:#777;border-radius:50%;border-bottom:1px solid #FFF;display:block;width:10px;height:10px;text-indent:-9999px;float:left;margin:10px 6px 0 6px}
.box_skitter_home.indzign-theme .info_slide_dots span:hover{background-color:#666}
.box_skitter_home.indzign-theme .info_slide_dots span.image_number_select{background-color:#5ebc00;border:none;width:14px;height:14px;margin:8px 3px 0 3px;box-shadow:inset 1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.1)}
.box_skitter_home.indzign-theme .prev_button,.box_skitter_home.indzign-theme .next_button{display:block;width:75px;height:22px;line-height:30px;text-decoration:none;font-size:10px;text-transform:uppercase;transition:none;text-indent:0;bottom:-12px;top:auto;color:#777;z-index:98;cursor:pointer}
.box_skitter_home.indzign-theme .prev_button:hover,.box_skitter_home.indzign-theme .next_button:hover,.box_skitter_home.indzign-theme .prev_button:active,.box_skitter_home.indzign-theme .next_button:active{opacity:1!important}
.box_skitter_home.indzign-theme .next_button{right:28.5%;padding-right:5px;text-align:right;line-height:22px;opacity:1!important}
.box_skitter_home.indzign-theme .next_button span{padding-right:20px;background:url(http://4.bp.blogspot.com/-tDcoMZRS_FI/UZoFLG8tRpI/AAAAAAAAAcM/v7hsdxe-B_o/s1600/nav-next.png) no-repeat left top;background-position:right center;padding-bottom:1px;display:block}
.box_skitter_home.indzign-theme .prev_button{left:28.5%;padding-left:5px;text-align:left;line-height:22px;opacity:1!important}
.box_skitter_home.indzign-theme .prev_button span{padding-left:20px;background:url(http://4.bp.blogspot.com/-Iy1Iil-KW5c/UZoFMLhWK2I/AAAAAAAAAck/kPbQFfFn-3k/s1600/nav-prev.png) no-repeat left top;background-position:left center;padding-bottom:1px;display:block}
.box_skitter_home.indzign-theme .label_skitter{background:#49afcd;width:90%;padding:5px 8px 5px;left:50%;margin-left:-45%;bottom:10%;text-align:left;height:auto;border-right:2px solid #fff;border-left:2px solid #fff;color:#fff;font-size:12px}
.box_skitter_home.indzign-theme .label_skitter p{padding:0;margin:0;text-shadow:0 1px 0 rgba(0,0,0,0.3)}
.box_skitter_home.indzign-theme .label_skitter h4{margin:0;font-size:135%;text-shadow:0 1px 0 rgba(0,0,0,.3);color:white;padding:0 0 10px}
.box_skitter_home.indzign-theme .label_skitter a{color:#fff;text-decoration:none}
.box_skitter_home.indzign-theme .label_skitter a:hover{color:#eee}
.box_skitter_home.indzign-theme .info_slide_thumb{background-color:#fff}
.box_skitter.indzign-theme .info_slide_thumb .image_number{margin:5px}
.box_skitter .container_skitter .date,.box_skitter .container_skitter .cm{font-size:100%}
.box_skitter .container_skitter .date span{margin-right:3px}
@media only screen and (max-width:960px){.box_skitter_home.indzign-theme .next_button{right:20.5%}.box_skitter_home.indzign-theme .prev_button{left:20.5%}}
@media only screen and (max-width:768px){#slider-wrapper-indzign{height:220px}.box_skitter .box_clone img{width:422px;height:220px}.box_skitter_home.indzign-theme .next_button{right:19.5%}.box_skitter_home.indzign-theme .prev_button{left:19.5%}}
@media only screen and (max-width:640px){.box_skitter_home.indzign-theme .next_button{right:26.5%}.box_skitter_home.indzign-theme .prev_button{left:26.5%}}
@media only screen and (max-width:480px){#slider-wrapper-indzign{height:200px}.box_skitter .box_clone img{width:280px;height:220px}.box_skitter_home.indzign-theme .next_button{right:20.5%}.box_skitter_home.indzign-theme .prev_button{left:20.5%}}
@media screen and (max-width:320px){.box_skitter_home.indzign-theme .label_skitter p{display:none}.box_skitter_home.indzign-theme .next_button{right:5.5%}.box_skitter_home.indzign-theme .prev_button{left:5.5%}}

Отлично осталось еще два простых шага, находим код </body> и перед ним добавляем небольшой код:

<script src="https://cdn.rawgit.com/Indzign/theme/master/skitterslidex.js" type="text/javascript"/>

Теперь можете сохранить шаблон, но это еще не все. Остался последний штрих, нужно скопировать код и вставить его либо в разделе Дизайн - добавить гаджет - HTML\Javascript или же если вы более-менее разбираетесь в редакторе HTML можете примостить его там где пожелаете. Вот и сам код:

<div id='skitterslideshow'></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
    pengaturan({
        blogURL: 'http://shablonu-dlya-blogger.blogspot.com',
        MaxPost: 5,
        RandompostActive: false,
        ImageSize: 620,
        NumCharacter: 150,
        idcontaint: "#skitterslideshow",
        cmtext: "Komentar",
        NoCmtext: "No Comment",
        pBlank: "http://2.bp.blogspot.com/-D47WWjFZXdk/UP1z-A5uCuI/AAAAAAAAH98/heTBvxq49No/s1600/noimage.jpg",
        tagName: false
    });
});
//]]>
</script>

Выделенный адрес в последнем коде меняете на адрес своего сайта - блога.
Max post - количество постов отображаемых в слайдере.
RandompostActive - служит для подключения или же отключения функции отображения случайных постов. Чтобы подключить false меняем на true.
tagName - служит для отображения последних постов от заданного ярлыка. false меняем на нужный ярлык к примеру Стиль и берем его в кавычки 'Стиль'

Теперь можете наслаждаться работой нового слайдера.

Выпадающие ярлыки для blogger - blogspot

Выпадающий список ярлыков для blogger - blogspot

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

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

Итак, для установки выпадающих ярлыков нужно перейти в раздел Шаблон - Изменить HTML  в редакторе ищем код:

<ul>
  <b:loop values='data:labels' var='label'>
    <li>
      <b:if cond='data:blog.url == data:label.url'>
        <data:label.name/>
        <b:else/>
        <a expr:href='data:label.url'>
          <data:label.name/>
        </a>
      </b:if>
      (
      <data:label.count/>)
    </li>
  </b:loop>
</ul>

Их может быть несколько вам нужно изменить все те которые имеют в себе символы <ul> ...</ul> на следующий код:

<div class="dropmedown">
<select  class="dropdown-select" onchange='location=this.options[this.selectedIndex].value;'>
  <option> Показать категории сайта </option>
  <b:loop values='data:labels' var='label'>
    <option expr:value='data:label.url'>
      <data:label.name/> (
      <data:label.count/>)
    </option>
  </b:loop>
</select>
</div>

Затем находим код ]]></b:skin> и перед ним выкладываем:

/* Dropdown Label */
.dropmedown select{outline:none;cursor:pointer}
.dropmedown{display:inline-block;position:relative;overflow:hidden;width:100%;background:#fff;border:1px solid transparent;border-radius:3px;height:36px;line-height:36px;color:#444}
.dropmedown:before,.dropmedown:after{content:'';position:absolute;z-index:2;top:13px;right:12px;width:0;height:0;line-height:36px;border:4px dashed;border-color:#888 transparent;pointer-events:none}
.dropmedown:before{border-bottom-style:solid;border-top:none}
.dropmedown:after{margin-top:8px;border-top-style:solid;border-bottom:none}
.dropdown-select{position:relative;width:100%;margin:0;padding:6px 8px 6px 10px;height:36px;line-height:18px;font-size:12px;color:#62717a;text-shadow:0 1px #fff;background:#f2f2f2;background:rgba(0,0,0,0)!important;border:0;border-radius:0;-webkit-appearance:none}
.dropdown-select>option{margin:3px;padding:6px 8px;text-shadow:none;background:#f8f8f8;outline:none;border:0;border-radius:3px;cursor:pointer}

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