Сегодня 29 апреля, понедельник ГлавнаяНовостиО проектеЛичный кабинетПомощьКонтакты Сделать стартовойКарта сайтаНаписать администрации
Поиск по сайту
 
Ваше мнение
Какой рейтинг вас больше интересует?
 
 
 
 
 
Проголосовало: 7272
Кнопка
BlogRider.ru - Каталог блогов Рунета
получить код
Блог для блогов - создание блога на blogspot
Блог для блогов - создание блога на blogspot
Голосов: 1
Адрес блога: http://bdblogov.blogspot.com/
Добавлен: 2013-06-02 03:52:18 блограйдером Olga28
 

Создаём блог: первые шаги, первые попытки...

2020-05-29 00:30:00 (читать в оригинале)

Всем здравствуйте, дорогие начинающие блоггеры! И даже если среди Вас есть уже опытные, я очень рада Вашему присутствию на блоге "носика" от "чайника". Да, не смейтесь, но мне кажется, что "чайник" в блогосфере  все таки соображает больше, чем "носик" от него. Во всяком случае, читая их блоги, у меня все время вертелось в голове - вот бы мне быть таким "чайником"!  Месяц назад я решила создать блог на Blogspot. Признаюсь честно, мне это дается нелегко. Целый месяц я гуляла по интернету в поиске то одной, то другой информации, аж мозги кипели. Кое-что мне удалось достичь и продвинуться, набраться хоть небольшого опыта, но сколько же было сделано ошибок. И вот сегодня утром я решила создать этот блог, чтобы предостеречь Вас от моих ошибок, и поделиться приобретенными знаниями. Кое что до меня самой дошло, значит еще  способна соображать, ну и конечно позаимствовала опыта у более опытных блоггеров. Надеюсь кому-либо из Вас будет полезна моя информация, и давайте делиться - кто что знает, по принципу: ты - мне, я - тебе. Итак начнем..





Первое, что мы делаем-это в панели инструментов нажимаем -  Создать новый блог.
Вписываем адрес блога, желательно, чтобы адрес и название блога соответствовали друг другу. Если все время пишут, что адрес занят, попробуйте вставить символы, например поставить точку или черту и все получится. Далее, я думаю, если Вы решили создавать блог, то и тема у Вас конечно есть. Ну и заголовок  Вы уже подготовили для своего блога. Выбрали понравившийся шаблон, настроили фон-и Создали блог. А вот дальше начинается самое интересное:
Не спешите сразу же наполнять блог информацией, и вот почему..
Для начала настройте внимательно шаблон в Дизайне, отрегулируйте ширину сообщения и гаджетов справа и слева, зависит от выбранного Вами шаблона, размер шрифта и цвет: текста, заголовка, описания Вашего блога. Нарисуйте расположение гаджетов, тем (информации ), изображений, видео, вообщем все, что будет находится в блоге, на бумаге.  Просматривайте блог после всех изменений настроек, лучше это сделать на начальном этапе, чем мучиться, когда у Вас появиться первое сообщение. Чтобы после публикации Вы не говорили себе - а надо было сделать по другому, или - зачем я все поменяла. В своем первом блоге я меняла шаблон семь раз. Что значит нет опыта. Конечно, исправить можно все, но Вам это надо? И потом, мы еще совсем "зеленые", чтобы вносить изменения в шаблон, и насколько я знаю, это по моим наблюдениям, после каждого изменения что-нибудь да поменяется и вернуть все как было Ох как трудно. Мне пришлось корректировать почти все написанные мной сообщения в своем блоге.
Если все таки придется делать изменения, не забудьте до этого сделать резервную копию шаблона. В панели инструментов, на вкладке - шаблон- справа вверху, находится эта вкладка. Когда все настроите и останетесь довольны своими первыми движениями по созданию блога, переходим в панель инструментов и нажимаем на вкладку-дизайн. Здесь жмем-добавить гаджет-и в открывшемся окне выбираем самое необходимое:
1.Перевод языка, ведь блог читается по всему миру;
2.Ваш профиль;
3.Страницы, потом можете переименовать в Меню, у вас же будет не одно сообщение;
4.Статистику, отражает посещаемость блога.
5.Можно добавить Архив блога, а можно и позже, когда у Вас появится больше постов.
На каждом пути просматривайте блог, если что-то не нравится, перетаскивайте гаджеты в нужное место и не забывайте нажимать < сохранить >.
Вот пожалуй, после всех этих манипуляций, можно наполнять блог информацией.
Советую писать сообщения в редакторе сообщений, в панели инструментов, т.к. если писать в Word, может поменяться шрифт или еще чего-нибудь, в общем опубликуется не так,  как бы Вам хотелось. Это не только мое мнение, но и более опытных блоггеров. Когда будете создавать свое первое сообщение, не меняйте в редакторе шрифт,  размер, не надо никакого курсива и  жирного шрифта. Пишите так, как перед Вами открылось в редакторе, с чистого листа. Когда наберетесь опыта, будете экспериментировать. При создании сообщений - постов, не забывайте просматривать, как оно будет выглядеть до публикации. Обратите внимание, сколько у Вас на главной странице будет сообщений. Для этого в Дизайне шаблонов нажимаете гаджет - изменить сообщение, перед Вами откроется окно, и вот там можно настроить количество публикуемых сообщений на главной странице: 1,2,7.. , для тех кому нравится, публикуйте хоть 100. Такое количество конечно не надо, так как будет влиять на загрузку страниц блога. Подробнее об этом читайте здесь. Хочу обратить внимание, что каждое новое сообщение будет опубликовано сверху уже существующего: с новой датой, со всеми настройками, комментариями, и согласитесь, это будет смотреться не совсем эффектно. И чтобы этого избежать, мы поговорим об этом в нашем следующем посте

Пошаговую инструкцию по созданию блога можно посмотреть
 на сайте системы Invest - System



П о с м о т р и т е
Как из двух гаджетов сделать один
Как получить пользовательскую постоянную ссылку
Значение атрибута Nofollow к внешним ссылкам в блоге
Вставить поиск Яндекса в блог на Blogspot
Регистрация блога в рейтинге TOP100 Rambler




Полезные и необходимые программы для вебмастеров

2014-03-13 07:30:00 (читать в оригинале)

Список необходимых программ вебмастерам для ведения и продвижения блога


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

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

Продвижение сайтов/блогов

  • Support.google.com - рекомендации для веб-мастеров;
  • Blog.seopult.ru/seo-videoblogi - помощь взломанным сайтам;
  • Promotools.ru - генератор уникальных осмысленных ключевых фраз для текстов и ссылок;
  • Seotool.by - онлайн-генератор ключевых слов с текста;
  • Adwords - генератор Adwords, почитайте как правильно подобрать ключевые слова;
  • Stopwatch - время загрузки страниц блога/сайта;
  • Ctrlq.org/blogger - генерация файла Sitemap для Blogger;
  • Generator.mnog.ru - генератор создает мета-тэг для роботов;
  • Brokenlinkcheck.com - проверка веб страниц на не работающие ("мертвые") ссылки. Бесплатная версия до 3000 страниц, один запрос для одного IP адреса. Полезно для Seo оптимизации;
  • Docs.google.com - руководство по поисковой оптимизации для начинающих;
  • Seotools.com - поисковая оптимизация, инструменты; 

Генераторы логотипов

Simwebsol      LogoCreator      Web 2.OSryLr      Cooltext.com       Flamingtext.com

Генераторы таблиц

  • Rusws.ru - генератор HTML кода таблиц;
  • Apsolyamov.ru - генератор таблиц;
  • Mnog.ru - готовая таблица за секунду;
  • Ramochnik - создание любой рамки и еще много всего интересного. Смотрите и переходите по вкладкам сверху;

Другие полезные генераторы и программы

  • Smayli.ru - генератор смайликов с надписями;
  • Mnog.ru - генератор создает всплывающее объявление;
  • Mnog.ru - генератор цветового текста;
  • Mnog.ru - генератор поздравлений. Выбрать для кого текст поздравление. При нажатии Создать текст (несколько раз), текст будет отличаться от всех остальных вариантов;
  • Chimply.com - генератор изображений, вверху нажмите на вкладку Генератор и приступайте к работе;
  • Cooltext.com - генератор для веб страниц. Возможность создать прохладный текст для своих веб страниц. Большой выбор шрифтов.
  • Pixlr.com - генератор можно с уверенностью назвать Photoshop Online;
  • Hohli - генератор поможет быстро создать разнообразные диаграммы;
  • Genword.ru - генератор слов, ников, паролей, логинов и.т.д;
  • Onlinepasswordgenerator.ru - сгенерируйте себе безопасный пароль;
  • Genpas.narod.ru - еще один генератор для создания своего пароля;
  • Mppierce66.home.comcast.net - выберите иконку (фавикон) для своего блога;
  • Toolson.net - создание иконок, фавикон онлайн;
  • Сайт синонимов - полный словарь синонимов русского языка;
  • Webresizer.com - быстро изменить размер фото, изображений;
  • One.com Webbhotell - редактирование фото, изображений (обрезка);
  • Bdblogov.ru - генератор преобразования Html кода;
  • Radikal.ru - узнать URL адреса изображений, баннеров и другое;
  • Csstemplater.com - генератор HTML+CSS шаблонов;
  • Www.rupoll.com - независимый сервис для создания опросов и размещения на страницах блога/сайта;
  • Micropoll.com - ещё сайт создать опрос бесплатно;
  • Timegenerator.ru - счетчик обратного отсчета для сайта/блога;
  • Zamzar.com - конвертер видео, аудио, музыки, электронных книг, изображений;
  • Formm.ru - создать контактную форму обратной связи;
  • Formdesigner.ru - онлайн конструктор форм: обратной связи, форма голосования, форма заявки, подписки, оформления заказа и тестирования. Из представленных форм бесплатно можно выбрать три. 

Редакторы

  • Fanstudio.ru - бесплатный онлайн фото редактор;
  • Picjuice.com - С picjuice Вы можете легко редактировать фотографии: изменять размер, обрезать, поворачивать, отражать и регулировать  уровень контрастности и цвета;
  • Roundpic.com. - закругляем углы изображений;
  • Dumpr.net - создаем фотоэффект;
  • Wwatereffect.net - применить эффект воды на Ваших фотографиях;

Работа с текстом

  • Onlineocr.ru - онлайн сервис распознавания текста с любого изображения;
  • Newocr.com - с помощью сервиса можно анализировать текст в любой файл изображения, а затем преобразовать текст с картинки в текст;
  • Big.am/orfo - проверка орфографии текста;
  • 8nog.com - сервис подсчета количества знаков и слов в тексте;
  • Typograf.ru - написать текст в виде HTML кода;
  • Ttextfixer.com - бесплатные онлайн инструменты для работы с текстом;

Переводчик слов

  • Bing.com - переводчик Bing;
  • Translate.google.com - переводчик Google;
  • Ttranslate.yandex.ua - Яндекс онлайн переводчик;

Разное

  • Lamerkomp.ru - комбинации горячих клавиш клавиатуры ПК;
  • Advanceduser.ru - синий экран компьютера. Почему это происходит, и как с этим бороться?

Генераторы файла Sitemap и файла Robots.txt

  • Sitemaps.com - бесплатный XML-Sitemap генератор;
  • Seolib.ru - генератор файла robots.txt и sitemap;
  • Web-site-map.com - генератор XML-Sitemap;
  • Lleviaf.com - пример файла robots.txt, запрет индексации;
  • Sitemaps.org - XML формат файла Sitemap Яндекс;


Внимание ! Вебмастера блогов на blogspot не смогут воспользоваться созданием файла robots.txt и файла sitemap в первых трех программах, так как у нас нет доступа к корневой папке блога. Эта информация для блогов на платном хостинге. По адресу Lleviaf.com сайта Вы можете посмотреть, как создать файл robots.txt и сохранить его в дизайне-настройки-настройки поиска-пользовательский файл robots.txt.-вставить-сохранить.

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

  


Виджет популярных сообщений блога

2014-03-12 05:49:00 (читать в оригинале)

Эффектный виджет популярных сообщений Вашего блога


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

Код виджета вставляете с помощью любимого нами гаджета Html/JavaScript. В виджете будут отображаться дата публикации сообщения и количество комментариев к посту.

Идем в черновик blogger-дизайн-добавить гаджет-Html/JavaScript-вставить-настроить-сохранить в нужном месте макета блога. Пример виджета популярных сообщений можно посмотреть в тестовом блоге, справа под слайдером. Копируем код ниже:



<style type="text/css" media="screen">

#spylist {
overflow:hidden;
margin-top:4px;
padding:0px 0px;
height:400px;
}

#spylist ul{
width:300px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}

#spylist li {
width:295px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:85px;
overflow: hidden;
background: #000 
url(https://lh6.googleusercontent.com/-A6a829gqfDQ/T-3xppy6MlI/AAAAAAAACFE/RrOao4P11Uk/s1600/helperblogger.com-post.jpg)
repeat-x;
border: 1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#000;
font-size:12px;
height:17px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}

#spylist li img {
float:left;
margin-right:5px;
background:#f4eeee;
border:0;
}

#spylist img { float: left; margin-top: 10px; margin-right: 15px; background: #EFEFEF; border: 0; } 

#spylist img {
-webkit-transition:
all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s 
ease; padding: 4px; background: #eee; background: 
-webkit-gradient(linear, left top, left bottom, from(#eee), 
color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa)); background: 
-moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa); 
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7); -moz-box-shadow: 0 0 3px 
rgba(0,0,0,.7); box-shadow: 0 0 3px rgba(0,0,0,.7);

#spylist img:hover {
-moz-transform:
scale(1.2) rotate(-350deg); -webkit-transform: scale(1.2) 
rotate(-350deg); -o-transform: scale(1.2) rotate(-350deg); 
-ms-transform: scale(1.2) rotate(-350deg); transform: scale(1.2) 
rotate(-350deg); -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0
20px rgba(255,255,255,1); -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), 
inset 0 0 20px rgba(255,255,255,1); box-shadow: 0 0 20px 
rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
 }

.spydate{
overflow:hidden;
font-size:11px;
color:#007cb5;
padding: 3px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:9px;
color:#272b2e;
padding:2px 0px;
margin:0px 0px;
}

/* ==== Scrolling Recent Posts Widget By SafeTricks.Net ===== */
-->
</style>

<script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png";
imgr[1] = "https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png";
imgr[2] = "https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png";
imgr[3] = "https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png";
imgr[4] = "https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png";

showRandomImg = true;
boxwidth = 300;
cellspacing = 5;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 69;
thumbheight = 72;
fntsize = 13;
acolor = "#555";
aBold = false;
icon = " ";
text = "comments";
showPostDate =true;
summaryPost = 39;
summaryFontsize = 9;
summaryColor = "#555";
icon2 = " ";
numposts = 12;
home_page = "http://goazhetybloga.blogspot.com/";
limitspy=7;
intervalspy=3000
</script>
<div id="spylist">
<script src='https://googledrive.com/host/0B_1mqJd2tC8qLUJMTGZqTE1qTUU' type='text/javascript'></script>
</div>





Основные настройки: height:400px;-высота виджета; width:300px;-ширина виджета; numposts = 12;-количество сообщений; http://goazhetybloga.blogspot.com-URL адрес Вашего блога. На сегодня все, пишите, комментируйте. Всего Доброго.


Рамка с переливающими цветами окантовки

2014-03-11 09:36:00 (читать в оригинале)

Нарядные рамки для текста и рамка с переливающими цветами окантовки



Всем привет ! ! ! Сегодня в своем посте предлагаю для Вас готовые нарядные рамочки для оформления текста. Если понравятся рамки, копируйте коды, меняйте цвет, размер, URL адрес фона на свой. В самой первой рамочке измените цвет на свой, и края рамки будут красиво переливаться, что несомненно привлечет внимание читателей к Вашей информации.



 Буду благодарна за отзывы и комментарии.  Делитесь с  
  друзьями в социальных сетях !!!!!!!




Здесь будет Ваш текст





Здесь будет Ваш текст





Здесь Ваш текст




Здесь Ваш текст
Здесь Ваш текст


Здесь будет Ваш текст


Здесь Ваш текст
Здесь Ваш текст



В кодах я думаю разберетесь, если захотите что то изменить. Настройки стандартные: цвет или URL адрес фона, ширина, высота. В самой первой рамочке var nowColor = -2;-это частота мигания цвета; border: 4px-толщина окантовки. Будут вопросы, задавайте. Всего доброго Вам и наилучшего.

Посмотрите ещё мои посты по теме рамки для текста: Оформление текста в красивые рамочки; Рамки для текста с разным цветом окантовки; Как выделить часть текста в рамку; Готовые рамки для оформления текста.



Рамки для текста с разным цветом окантовки

2014-03-10 00:33:00 (читать в оригинале)

Код рамочек для текста с разными цветами окантовки


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


Белеет парус одинокий В тумане моря голубом !...Что ищет он в стране далекой? Что кинул он в краю родном?...М.Ю. Лермонтов.


Здесь будет Ваш текст


Здесь будет Ваш текст


Здесь будет Ваш текст


Здесь будет Ваш текст


Здесь будет Ваш текст


Здесь будет Ваш текст


Теперь давайте  рассмотрим настройки кода


<center><blockquote 15px="" padding:="" style="background: #E6E8FA; border-bottom: #0e9e08 3px solid; border-left: #444444 3px solid; border-right: #0073e9 3px solid; border-top: #FF9900 3px solid; height: 60; padding: 15px; padding: 15px; padding: 15px; width: 400;">
Здесь будет Ваш текст
</blockquote></center>

background: #E6E8FA;-цвет фона рамки; border-bottom: #0e9e08 3px-цвет и размер нижней окантовки рамки; border-left: #444444 3px-цвет и размер левой окантовки рамки; border-right: #0073e9 3px-цвет и размер правой окантовки рамки; border-top: #FF9900 3px-цвет и размер верхней окантовки рамки; width: 400;-ширина рамки; height: 60;-высота рамки;. 

Хочу еще сказать о размерах рамки: у меня в одном их кодов выставлен размер рамки 200х300. В редакторе сообщений рамка именно такого размера, а при просмотре почему то ширина на 100 % страницы. Может это только у меня. 

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



Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ... 

 


Самый-самый блог
Блогер Рыбалка
Рыбалка
по среднему баллу (5.00) в категории «Спорт»
Изменения рейтинга
Категория «Ню»
Взлеты Топ 5
+143
146
IllAIR
+123
143
GetProfit
+116
124
antonesku
+111
126
Melipomena
+108
125
Agnoia
Падения Топ 5


Загрузка...Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.