Сегодня 16 мая, четверг

Какой рейтинг вас больше интересует?

получить код

Главная /

Каталог блогов

/

Cтраница блогера Блог для блогов - создание блога на blogspot

Записи в блоге

	Блог для блогов - создание блога на blogspot Голосов: 1 Адрес блога: http://bdblogov.blogspot.com/ Добавлен: 2013-06-02 03:52:18 блограйдером Olga28

Информер для блога

2013-10-05 23:08:00 (читать в оригинале)

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

Вот код для вставки-добавить гаджет в дизайне блога.

<img src="http://img-fotki.yandex.ru/get/6515/102040686.b/0_9925e_2e1195e7_XS.jpg" alt="" width="14" height="14" /> Сейчас на сайте: <b><scriptsrc=http://fastonlineusers.com/online.php?d=http://www.bdblogov.ru/></scriptsrc=http:></b><br/><script style="text/javascript">function totalPosts(json) {document.write('<img src="http://img-fotki.yandex.ru/get/6414/102040686.b/0_9925d_d01ebc0f_XS.jpg" alt="" width="14" height="14" /> Всего постов: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}function totalComments(json) {document.write('<img src="http://img-fotki.yandex.ru/get/6514/102040686.b/0_9925c_66a3c88e_XS.jpg" alt="" width="14" height="14" /> Всего комментариев: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}</script><script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script><script src=" /feeds/comments/default?alt=json-in-script&callback=totalComments"></script><script language=javascript> d0 = new Date('may 28, 2013'); d1 = new Date(); dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24); document.write('<img src="http://img-fotki.yandex.ru/get/6416/102040686.b/0_9925b_cec24339_XS.jpg" alt="" width="14" height="14" /> Блогу : <b><span style="color: #00a034">' + Math.round(dt) + '</span></b>-й день.'); </script>

Вносим свои данные:

www.bdblogov.ru - адрес ресурса; may 28, 2013 - дата создания блога, месяц на английском языке;

width="14 - ширина виджета; height="14 - высота виджета, все значения должны быть одинаковы; color: #00a034 - цвет дня; Блогу - напишите своё, например, блог живет или моему блогу. На этом все, всего Вам наилучшего.

Тэги: блога, информер
Постоянная ссылка

Красивые формы комментариев на blogspot

2013-10-04 23:07:00 (читать в оригинале)

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

Форма комментариев один, смотрите скриншот, кликните чтобы увеличить.

Это код для вставки:

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

<style>.comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px}.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:left}.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#FFFFFF !important;text-align:center;text-decoration:none;background:#00a034;border:1px solid #00a034;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}.comments .comments-content .inline-thread{padding:0}.comments .comments-content .comment-thread{margin:8px 0}.comments .comments-content .comment-thread:empty{display:none}.comment-replies{margin-top:1em;margin-left:40px;background:#fff}.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}.comments .comments-content .comment:first-child{padding-top:16px}.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}.comments .comments-content .comment-body{position:relative}.comments .comments-content .user{font-style:normal;font-weight:normal}.comments .comments-content .user a{color:#0E6284;font-weight:normal;text-decoration:none}.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px}.comments .comments-content .datetime a{color:#000000;font-size:12px;float:right;text-decoration:none}.comment-content{margin:0 0 8px;padding:0 5px}.comment-header{font-size:18px;background-color:#E3E3E3;border-bottom:1px solid #000000;padding:5px}.comments .comments-content .owner-actions{position:absolute;right:0;top:0}.comments .comments-replybox{border:none;height:230px;width:100%}.comments .comment-replybox-thread{margin-top:0}.comments .comment-replybox-single{margin-top:5px;margin-left:48px}.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}.comments .thread-toggle{cursor:pointer;display:inline-block}.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}.comments .thread-chrome.thread-collapsed{display:none}.comments .thread-toggle{display:inline-block}.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-right:4px}.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}.avatar-image-container{background:url(http://3.bp.blogspot.com/-6ewJDBHiFmY/UBLHyrJJWtI/AAAAAAAAAy8/I5vw5-XSE_8/s1600/rb+arrow.png) top right no-repeat;float:left;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}.comments .avatar-image-container img{padding:2px;border:1px solid #ccc;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}.comments .comment-block{margin-left:65px;position:relative;border:5px solid #E3E3E3;border-radius:8px}@media screen and (max-device-width:100%){.comments .comments-content .comment-replies{margin-left:0}}
</style>

Цвета можете изменить на своё усмотрение:

FFFFFF - цвет текста ответить-удалить; 00a034 - цвет формы ответить-удалить;

0E6284 - фамилия комментатора; 000000 - дата и время; E3E3E3 - цвет рамки;

E3E3E3 - цвет полосы. С остальными цветами "поиграйте". Коды комментариев нашла для Вас в этом блоге, вот ссылка. На этом все, всего Вам доброго.

Тэги: blogspot, комментариев, красивые, формы
Постоянная ссылка

Виджет последних комментариев

2013-10-04 17:42:00 (читать в оригинале)

Привет, привет! Сегодня предлагаю вашему вниманию простой в установке виджет последних комментариев. Код виджета взяла в этом блоге, вот ссылка http://blogodel.com/, автору спасибо. Виджет устанавливается в дизайне блога-добавить гаджет. Скопируйте код ниже:

<style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} .w2b_recent_comments li .avatarImage{padding:3px;background:#ffffff;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .w2b_recent_comments li span{margin-top:4px;color: #7600e9;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}</style><script type="text/javascript">//<![CDATA[ // Recent Comments Settings var numComments = 45, showAvatar = true, avatarSize = 40, roundAvatar = true, characters = 140, defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true;//]]></script><script src="http://bloggerndch.googlecode.com/files/w2b-recent-comments-w-gravatar.js.txt" type="text/javascript"></script><script src="http://horizon-s.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3" type="text/javascript"></script>

#ffffff - цвет ободка аватара, #7600e9 - цвет заголовка, avatarSize = 40 -размер аватара,results=3 - количество комментариев, http://horizon-s.blogspot.com - измените на свой URL адрес. С остальными цветами "поиграйте". Пока, пока. Жду комментарии. Пример можно посмотреть в этом блоге внизу справа.

Тэги: виджет, комментарие, последних
Постоянная ссылка

Подписка на RSS ленту

2013-10-03 20:52:00 (читать в оригинале)

Сегодня у нас урок по подписке нашего блога на RSS ленту. У Вас должен быть аккаунт FeedBumer. У кого еще нет, зарегистрируйте. Далее нам надо зайти в свой аккаунт. Я захожу туда черновик blogger-настройки-другое-URL переадресация канала сообщений. Нажимаете на знак вопроса, затем на FeedBumer. Вписываю пароль аккаунта Google. Итак, в аккаунте нам надо перейти на вкладку-Publicize (публикация)-и слева нажать-Chicklet Chooser. Откроется вкладка в новом окне

В самом начале выбираете форму значка Feed, затем копируете код ниже и вставляете обычным гаджетом у себя в блоге. Там же можно подписаться и на Email адрес. Кликните чуть выше-подписка на email. Вам предложат два варианта: код в виде ссылки и код формы подписки. В настройках укажите язык-русский. Вставляете тоже-добавить гаджет. Будут вопросы, задавайте. Всего доброго.

Тэги: rss, ленту, подписка
Постоянная ссылка

Оформление цитат в блоге

2013-10-03 01:34:00 (читать в оригинале)

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

<style>.post blockquote
{
font-size: 15px;font-family: Verdana;font-weight: normal;font-style:italic;
background-color: #F2F1F1;
color: #000;
margin: 5px 10px;
padding: 20px 20px 20px 20px;
border: 2px dotted lightgrey;
border-radius: 10px;
box-shadow: -1px -1px 12px 2px gainsboro;
transition: background-color .777s;
-webkit-transition: background-color .777s;
-moz-transition: background-color .777s;
-o-transition: background-color .777s;
-ms-transition: background-color .777s;
}
.post blockquote:hover
{
background-color: CornflowerBlue ;
color: #fff;
}
.post blockquote:active
{
background-color: lightblue ; ;
color: #000;
}
</style>

Тэги: блоге, оформление, цитат
Постоянная ссылка

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

Блограйдеров
14490

Блогов
219902
(+0 сегодня)

Сообществ
1309
(+0 сегодня)

ЖЖ все стерпит
по количеству голосов (152) в категории «Истории»

Категория «Размышления»

Взлеты Топ 5


+1561	1596	fiona
+1550	1597	Алексей Чернов
+1529	1559	Elen_i_rebyata
+1513	1584	Малти_Ошер
+1512	1589	Дрочливый_Драчун

Падения Топ 5


-2	74	Рыжая_Лада
-2	947	G-Traveler \| Сайт заметок путешественника
-2	1264	Сайт визажиста Мокровой Инны блог
-5	53	BJohn
-6	17	Аццкей_Сотона

Загрузка...

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