Каталоги Сервисы Блограйдеры Обратная связь Блогосфера
Какой рейтинг вас больше интересует?
|
Зеленый шаблон Blogspot - All green2012-09-14 03:33:00В одном из прошлых постов я уже рассматривал "цветовой дизайн" для блога - это был красный шаблон ... + развернуть текст сохранённая копия В одном из прошлых постов я уже рассматривал "цветовой дизайн" для блога - это был красный шаблон Red Blog который увлек своим ярким и броским внешним видом. Сегодняшний макет несет немного другой посыл и смысловую нагрузку - он спокойный, хоть и тоже относительно яркий - называется All green (весь зеленый, как вы уже догадались). В данном случае совершено очевидно, что с помощью этого дизайна можно делать блог или сайт о природе, растениях, возможно, огородной и цветочной тематики. В самом верху макета располагается тематическое изображение с зеленью. Шапка имеет всего одно меню, которое за счет контрастных цветов достаточно хорошо выделяется. Здесь же присутствует большой белый логотип (название сайта). Скачать О разных элементах в боковой колонке, в принципе, рассказывать нечего. Шаблон имеет один сайдбар, где по умолчанию расположились метки и архив блога. Левая текстовая область смотрится весьма хорошо. Вообще весь дизайн очень простой, но вместе с тем создает... [content] Тэги: blogger, колонка, простой, шаблон Blogger Часики на блог для новичка2012-09-12 08:28:00
+ развернуть текст сохранённая копия Надоело Винни мед есть и решил он стать модным Blogger'ом. Поднатужился, покумекал да и сварганил блог! А у какого новичка блог без прибамбасов? «Кто ищет часики на блог, тот поступает мудро», - бубнил себе под нос Винни, листая страницы интернета. «Не то, не то... Ого! Нашел! Полезности для Blogger новичка. Как поставить часики на блог. Проверенные варианты кодов. А, еще и про другие прибамбасы для моего Blogger! И картинки живые с кодами...» В предвкушении от предстоящей работы Винни высунул язык и запел во весь голос: «Кто ставит часики на блог, тот поступает мудро!» «Интересно, а вот зачем все-таки ставят часики на блог? Польза-то для блога есть какая?», - озадачился Винни. Красиво. Динамичность придают. Применимы в обывательском смысле — время можно посмотреть: а не засиделся ли я на блоге? Подчеркивают образ хозяина Blogger: то ли это романтик в цветочках, то ли любитель черной-белой лаконичности. Есть любопытная, но не проверенная информация. Так как часики на блоге постоянно идут, то робот-поисковик принимает их движение за изменения и вынужден чаще возвращаться к блогу, тем самым улучшая его индексацию. «Круто!» В прошлый раз, поместив часики на блог, наткнулась на проблемку. Зашла утречком на свой Blogger и чуть отвлеклась. Вдруг слышу глухое: «Так-так, так-так». Откуда звук не пойму. Осмотрела комп со всех сторон. Стучит где-то внутри. Все, подумала, сломался мой любимец. Впору слезу пустить. Тут как петух закукарекал! Только что с кресла не слетела! <iframe src="http://miranda.narod.ru/horloges/horloge016.html" width=79 height=99 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe> <embed embed="" height="220" src="http://dezzi.ru/images/3876873_382a1b.swf" width="300" wmode="transparent"></embed> Дошло: это моя коллекция такает и кукует. Дабы исключит стрессы подобные для себя и неискушенного читателя заменила все живые часики на блоге их картинками. Учти сей момент, когда будешь выбирать часики на блог себе. И еще особенность. Часть моделей грузится быстренько, а часть тормозит. Вперед, Винни. И что же ты выберешь? Не переборщи с количеством. Правда, это не страшно: полюбовался день-два да и удалил лишнее. Blogger позволяет делать подобные вещи. В будущем , Винни, будет у тебя масса фирменных часиков на блог, и прибамбасов крутющих, а эти пусть будут первыми. <object data="http://greenfam.narod.ru/swf/1.swf" height="200" type="application/x-shockwave-flash" width="200"><param name=movie value="http://greenfam.narod.ru/swf/1.swf"/></object> <object type="application/x-shockwave-flash" data="http://www.blogclock.cn/swf/S1002634ca91cad-a.swf" width="256" height="192"><param name="movie" value="http://www.blogclock.cn/swf/S1002634ca91cad-a.swf"/></object> К делу, Винни! Как вставить часики на блог? Два варианта. Первый:вставляем часики на блог Blogger на сайдбар. Порядок действий: Копируем код понравившейся модели — Заходим в Дизайн — Добавить гаджет — Выбираем гаджет HTML — Вставляем код - Сохранить — Просмотр (который рядом с Сохранить расположение!) . Если все устраиваем, - ура. Если размер не вписывается, то жмем Изменить на нашем новоиспеченном гаджете и меняем пропорционально два размера в коде (выделены цветом). Опять Сохранить и Просмотр. Можно часики на блоге перетаскивать (видео пример). После всех манипуляций жмем Сохранить расположение. <object data="http://i251.photobucket.com/albums/gg294/wafpaf/clocks/swf/video4.swf" height="200" type="application/x-shockwave-flash" width="325"><param name="movie" value="http://i251.photobucket.com/albums/gg294/wafpaf/clocks/swf/video4.swf"/></object> <object data="http://www.blogclock.cn/swf/S10021655447674-8.swf" height="200" type="application/x-shockwave-flash" width="100"><param name="movie" value="http://www.blogclock.cn/swf/S10021655447674-8.swf"/></object> Второй:вставляем часики на блог в сообщение (как в этом посте). Порядок действий: Копируем код — Заходим в редактор — Переходим на HTML — вставляем в готовый текст статьи код — Переходим в обычный режим редактора - Устанавливаем часики в нужном нам месте (видео пример). Сохранить. Про размеры смотри выше. ПРИМЕРЫ ЧАСИКОВ НА БЛОГ есть в приложении. С живыми картинками, информерами, рамками и прочими прибамбасами порядок действий аналогичный. Немного анимации получите с кодами, если пройдете по ссылке в самом конце поста Blogger Гиф дизайн и... Всего доброго вам и вашим блогам. Понравилося пост? Жмите на все кнопочки, пишите комментарии, подписывайтесь на мой видео канал и блог Тэги: blogger, блог, собственный Blogger Как вставить картинку на блог2012-09-06 19:10:00
+ развернуть текст сохранённая копия Картинки, фото одно из самых востребованных зрелищ и на земле, и в интернете. Сколько создано восхитительных галерей! Вставить картинку на блог обязательно захочется рано или поздно. Потому, что самые комментируемые блоги — фото блоги, то есть те же картинки с натуры. Зрелищно, познавательно, легко воспринимается любой аудиторией. А если на картинке фото ваше личное? О! На себя любимого можно любоваться часами! Про детей и всяких котов-собак промолчу. Хотите вставить картинку на блог? Или сделать галерею? Или заставить картинки увеличиваться при нажатии? Или двигаться? Варианты решений для Blogger описаны в посте в максимально простом изложении (за редким исключением все сказанное работает и на WordPress). 1- На Blogger вставить картинку на блог можно через редактор. Порядок действий: зайти в редактор - нажимаем в панеле управления знак Загрузить изображение — грузим картинку на блог с компьютера, или уже имеющуюся из нашего блога, или из интернета. подробнее про URL адреса). Как только загрузили картинку на блог (еще до публикации) — можно переключится на HTML и найти ссылку на изображение, которую Blogger создал при загрузки. Выглядит это так. Ссылку полезно знать, пригождается для работы (выделена красным): <div class="separator" style="clear: both; text-align: center;"> <a href="http://4.bp.blogspot.com/-EPr1BfYUUjQ/UEheID7b9hI/AAAAAAAAAwM/FeHgXltZfEU/s1600/poleznosti-blogger-0609-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://4.bp.blogspot.com/-EPr1BfYUUjQ/UEheID7b9hI/AAAAAAAAAwM/FeHgXltZfEU/s1600/poleznosti-blogger-0609-1.jpg" width="320" /></a></div><br /> 3- Как узнать ссылку на чужую картинку? Нажмите на понравившееся мышкой. В большинстве случаев вас перебросит на другую страницу в отдельном окне и в адресной строке вверху будет видна нужная ссылка — адрес. 4- Как вставить картинку на блог и сменить размер картинки на Blogger? Размер вставленной картинки на блог можно сменить используя стандартные функции Blogger. Порядок действий — редактор - нажмите левой мышкой на картинку — высветится внизу длинная синяя полоса — меню — выбираем один из размеров — нажимаем. Размер картинки на блоге Blogger можно сменить и в редакторе в HTML, если прямо в кодах пропорционально (чтобы не исказить изображение) изменить размеры ширины и высоты (в примере выше выделено зеленым). 5- Как заставить вставленную картинку на блоге увеличиваться при нажатии? Достаточно просто. Вставляем картинку на блог в двух экземплярах — первый маленький для поста (я делала сразу размер 100* 75), а второй истинный размер во всей красе. Действуем по формуле, создаем коды для своих картинок. Любуемся своим произведением. Ссылки берем из п.1 <a href="ССЫЛКА НА БОЛЬШУЮ КАРТИНКУ" target=_blank><img src="ССЫЛКА НА МАЛЕНЬКУЮ КАРТИНКУ" border="0" width=100 height=75></a> Так можно сделать и шуточные приколы с неожиданными метаморфозами: нажал на цветочек, а выскакивает волк! 6- Как менять месторасположение вставленной картинки на блог? Месторасположение картинки в посте можно сменить используя стандартные функции Blogger. Порядок действий - нажмите левой мышкой на картинку - высветится внизу длинная синяя полоса - меню - задаем месторасположение: справа, посередине, слева - нажимаем. Чтобы эта функции работала, всегда надо сначала писать текст поста, а потом в подходящее место вставлять картинку (дополнительно можно посмотреть видео, как работать с картинками). (Можно прописывать расположение картинки сразу в кодах, если заранее уверены, где именно надо вставить картинку на блог). 7- Как вставить картинки на блог в горизонтальный ряд? Можно сделать просто, что называется, «в лоб», через пробелы между картинками. В примере я привычным методом Blogger вставляю картинки, нахожу в HTML коды их, вставляю между кодами статические пробелы . В примере подряд стоит четыре пробела. 8- Можно более надежно и цивилизованно вставить картинки на блог в строку, то есть создать целую галерею, используя формулы для создания таблиц. Пример формулы: стоят 4 картинки в 1 строке в 2 колонки без границ. Готовые коды берем из п.5 <table border="0"cellspacing="1"cellpadding="1" width="100%"><tr> <td>КОД 1 </td><td>КОД 2 </td><td>КОД 3 </td>КОД 4<td> </td></tr></table> Созерцаем галерею. Нажимаем. Восхищаемся собой. 9- Как заставить картинки из галереи на Blogger двигаться? Используем формулу движущейся строки: <marquee>ТЕКСТ или КОД </marquee> В качестве кода вставляем весь HTML код галереи из п.8 Не могу судить, насколько это функционально и интересно, но работает 10- Как сделать фон под картинку или галерею? Отдельно загружаем свой или выбираем в интернете фон и картинки. Находим ссылки. Действуем по формуле. Ссылку на фон с анимацией я нашла заранее. Код - беру весь код п.8. Размер = 100*4 +50 побольше размеров галереи установила. <table background="ССЫЛКА НА ФОН"<tr><td width="450">КОД</td></tr></table> На сегодня закончу Код моей галереи |
Загрузка...
Copyright © 2007–2024 BlogRider.Ru | Главная | Новости | О проекте | Личный кабинет | Помощь | Контакты |
|