У кого на горизонте Алые Паруса, А у кого Горизонтальное меню!Как вы наверное уже догадались у нас с вами на горизонте показалось (давно обещанное) горизонтальное меню.
А напишу я про создание горизонтальных меню несколько постов.
Простейшее горизонтальное меню. При написании его можно совершенно не знать Html и CSS.
Создается очень легко: Панель инструментов - Дизайн - Добавить гаджет. Гаджет добавляем типа Html/JavaScript.
В теле гаджета пишем:
А напишу я про создание горизонтальных меню несколько постов.
Простейшее горизонтальное меню. При написании его можно совершенно не знать Html и CSS.
Создается очень легко: Панель инструментов - Дизайн - Добавить гаджет. Гаджет добавляем типа Html/JavaScript.
В теле гаджета пишем:
Главная страница || Об авторе || И еще что-нибудь
Пишем что угодно! Теперь из каждого кусочка делаем ссылку. Так же как мы делали изучая редактор Blogger'а (Все о редакторе Blogger(а)): т.е. выделяем кусочек мышкой нажимаем на пиктограмму цепочки и в открывшееся маленькое окошечко вставляем url (адрес по которому собираемся послать нашего читателя). Когда все, что хотели написали и ссылки поставили переносим гаджет на всю ширину экрана под/над заголовком или над областью со статьями (это уж как повезет). Вот здесь на видео (Blogger: Перемещаем гаджеты по макету) я так и делала: хватала гаджет и перемещала.
Идея принадлежит Кайлу он её даже запостил в своем блоге As The Donut Turns! (Blogger Navigation Bar The Simple Way!)
Идея принадлежит Кайлу он её даже запостил в своем блоге As The Donut Turns! (Blogger Navigation Bar The Simple Way!)
А мы с вами в ближайшее время нарисуем себе вот такие горизонтальные меню с использованием HTML и CSS или Javascript:
Главная страница Об авторе И еще что-нибудь
Всем здоровья и удачи!
Света
Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...
Менюшка конечно хорошо, но хотелось бы лучше увидеть как страницы с номерками и стрелочками сделать. Там вродь тоже через гаджет делатся должно, но вот как...=(
ОтветитьУдалитьИ кстати у Вас внизу я вижу рядом 2 счетчика - это они в одном HTML/JavaScript-е написаны? Если да, то они не мешают друг другу, ато при установке они говорят ничё не менять в коде. Или с новой строки можна влепить без проблем?
А табы в сайдбаре умеете делать?
ОтветитьУдалитьлучше бы выпадающие...
ОтветитьУдалитьДобрый день, Светочка и Кайл! Освоились ли вы на новом месте?
ОтветитьУдалитьГоризонтальное меню, мне думается, очень хорошая штука - понятная и привычная. Только залезать в кодировки всегда страшно...
Спасибо за статью.
Как можно не знать хтмл и делать меню? Не пойму... все равно азы знать надо
ОтветитьУдалитьЗдравствуйте.
ОтветитьУдалитьМожет подскажете - нужно чтобы на главной странице блога показывалось несколько случайных (а не последних!) постов.
Есть идеи?
помогите пожалуйста! у меня пропали в списке чтения ВСЕ блоги которые я читала, в списке чтения блога : "Подписки отсутствуют. Чтобы приступить, нажмите кнопку "Добавить" ниже." что делать??
ОтветитьУдалитьЗдравствуйте, Александр!
ОтветитьУдалитьСтранички с номерами тоже будут - Кайл когда-то себе такие устанавливал, потом впрочем снес...
Да, два счетчика у меня написаны в одном HTML/JavaScript гаджете и друг другу не мешают. (Вы же не собираетесь ничего внутри скрипта исправлять).
Удачи во всем!
Света
Именно их-то (табы в сайдбаре) мы и будем делать в следующий раз, Michael de`Oz!
ОтветитьУдалитьСпасибо за комментарий и удачи!
Света
Может и до выпадающих дойдем, Kaktus! Пока что в повестке дня - табы ;)
ОтветитьУдалитьУдачи во всем!
Света
Юлечка, здравствуйте!
ОтветитьУдалитьОсваиваемся понемного, хотя не без казусов ;). А что до влезания в кодировки - вот для этого этот пост и был написан - для тех кому страшно влезать в кодировки: Сначала добавить простенький гаджет с ссылками, а потом его перетащить - но это уже куда получится (если не создавать специальный чердак в своем блоге).
Спасибо за комментарий и удачи во всем!
Света
Russian criminal tattoo
ОтветитьУдалитьитак,вот спрашиваю у вас об этом облаке тэгов,что скажите,как для блоггера такое,подходит?облако красивое.
ссылка раз
ссылка два
С помощью встроенного редактора Blogger'а, Помидор! ;)
ОтветитьУдалитьСначала немного текста, а потом из текста делаем ссылки.
Удачи и хороших гонок!
Света
Здравствуйте, A. P!
ОтветитьУдалитьК сожалению, идей как-то в голову не приходит...
Хотя можно... Но тогда прописать один пост на главной странице и поставить туда "замороженный пост" А в "замороженный пост" вставляем javascript показывающий ссылки на несколько случайных постов или какой-то вводный пост, а над или под ним будет гаджет с ссылками на случайные посты.
А на страницах с постами под или над областью постов будет стоять гаджет со ссылками на случайные посты.
Недостатком является, что на главной странице будет только один пост и/или ссылки на несколько случайных постов.
Удачи во всем!
Понравится идея, пишите помогу реализовать если что ;).
Света
Анюта, не расстраивайтесь!
ОтветитьУдалитьBlogger о проблеме знает, обещает все исправить и благодарит за терпение (куда же нам деваться ;)):
Some users are currently missing some of the 'Blogs I Follow' in the dashboard Readng List. We're investigating this now and will report back with an update shortly.
http://knownissues.blogspot.com/2009/08/2048373.html
Так что все будет!
Удачи во всем!
Света
Здравствуйте, Russian criminal tattoo!
ОтветитьУдалитьЕсли нравится флеш-облако тегов, почему бы и нет...
В этой статье рассказывается как это сделать на Blogger'е:
http://dotrb.blogspot.com/2009/01/flash-oblako-tegov.html
Но этот способ не работает для русскоязычных тегов, а вот эта статья продолжение-доработка:
http://dotrb.blogspot.com/2009/02/flash-tag-cloud-russian.html
Я сама это не пробовала, но судя по комментариям читателей все работает.
Удачи во всем!
Света
Здравствуйте Светлана! Не хотели бы вы установить на свой блог Ajax облако тегов?
ОтветитьУдалитьЕсли хотите, то описание этого виджета на моём блоге
Blogger Hacks
здравствуйте,
ОтветитьУдалитьу меня пропали все ПЧ.почему так?
Здравствуйте, Вячеслав!
ОтветитьУдалитьСпасибо за приглашение - обязательно загляну к вам в блог! Что до облака тегов меня вполне устраивает, то которое установленно у меня в блоге и алгоритм установки которого я рассказывала здесь: http://blogger4you.blogspot.com/2009/01/blogger-tag-cloud.html
Удачи во всем!
Света
Не берите в голову, Russian Criminal Tattoo!
ОтветитьУдалитьЭто GoogleFriendConnect не стабильно работает - ПЧ постоянно у всех пропадают. Надеюсь со временем их сервис будет работать лучше!
Удачи во всем!
Света
Подскажите как сделать ввыпадающее меню
ОтветитьУдалитьСпасибо, Tojen!
ОтветитьУдалитьДойдем и до выпадающих меню, но чуть-чуть попозже - сейчас пока пара постов будет на другие темы. А потом продолжим разговор про горизонтальные меню.
Удачи во всем!
Света
Вы - моя палочка-выручалочка, гид, советчик и помощник в освоении блога. Спасибо Вам за статьи, которые написано легко, изящно и очень доходчиво для таких зеленых блоггеров, как я ))))
ОтветитьУдалитьКомментарий не в тему, прошу пардонить )
ОтветитьУдалитьПосле смены шаблона у меня пропала панель управления сверху и теперь чукча (то есть я) не писатель в своем блоге, а чукча-читатель ((
Приходится каждый раз заходить через blogger.com. А это неудобно! Прошу хелпа! ))) И если уж это не будет совсем наглостью с моей стороны - посмотрите, пожалуйста, как поправить уехавшую картинку справа (идеально: картинка, ниже название блога, чтобы не сливалось).
Анастасия, здравствуйте!
ОтветитьУдалитьС navbar'ом помочь легко: заходите в редактирование Html вашего шаблона, находите и удаляете строчку:
#navbar-iframe { height: 0px; visibility: hidden; display: none; }
и нажимаете СОХРАНИТЬ.
Что же по поводу уехавшей вправо картинки. Похоже, что ей мешается вот эта картинка: http://www.thecutestblogontheblock.com/images/tag.png - совершенно лишняя. Попробуйте её удалить, а там посмотрим ;).
Удачи во всем!
Света
Не передать словами мои "осюсения" !!! Спасибо вам огромное!!! Теперь блог меня узнает ))) Картинку убрала, получилась красная двухступенчатая каля-баля )) Но это лучше, чем было в любом случае ))
ОтветитьУдалитьМожет что в этом коде еще подправить, чтобы на одно уровне все стало??
document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/SassyDots_3Columncopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//)
А пришлите мне ваш шаблон целиком, Анастасия, может еще чего лишнего уберем... Только не обещаю сделать это сразу - посмотрю, как выдастся немного свободного времени.
ОтветитьУдалитьУдачи во всем!
Света
светочка,
ОтветитьУдалитьочень благодарна вам за интересный блог. кое какими советами уже воспользовалась, за что вам большое спасибо!
я попробовала создать горизонтальное меню и столкнулась с тем, что редактор не воспринимает ссылку, если в ней множество %. например такую http://paladina-hobbyli.blogspot.com/search/label/%D0%BC%D0%BE%D0%B7%D0%B0%D0%B8%D0%BA%D0%B0 он переворачивает в http://paladina-hobbyli.blogspot.com/search/label/мозаика и пишет, что страница отсутствует.
если это не будет наглостью с моей стороны, хочу попросить вас заглянуть на мой блог и подсказать, где ошибка в создании горизонтального меню?
http://paladina-hobbyli.blogspot.com/
заранее благодарна
светочка,
ОтветитьУдалитья с нетерпением жду вашего ответа)))
Здравствуйте, Paladina!
ОтветитьУдалитьНе знаю почему все так получилось. Попробуйте вставить гаджет еще раз. Тип гаджета Html/Javascript!
А в тело гаджета поставьте вот этот код:
<center><a href="http://paladina-hobbyli.blogspot.com">Главная страница</a> ~ <a href="http://paladina-hobbyli.blogspot.com/search/label/%D0%BC%D0%BE%D0%B7%D0%B0%D0%B8%D0%BA%D0%B0">Мои мозаики</a> ~ <a href="http://paladina-hobbyli.blogspot.com/search/label/%D0%BC%D0%BE%D0%B7%D0%B0%D0%B8%D0%BA%D0%B8%20%D0%B8%D0%B7%D1%80%D0%B0%D0%B8%D0%BB%D1%8F">Мозаики Израиля</a> ~ <a href="http://paladina-hobbyli.blogspot.com/search/label/%D0%BD%D0%B5%D0%BE%D0%B1%D1%8B%D1%87%D0%BD%D0%B0%D1%8F%20%D0%BC%D0%BE%D0%B7%D0%B0%D0%B8%D0%BA%D0%B0">Необычная мозаика</a></center>
Удачи во всем!
Пишите.
Света
Заработало!!! спасибо, светочка! я давно хотела такое меню. надеюсь, вы еще вернетесь к этой теме и расскажете как сделать его покрасивее? например, в виде закладочек :-)
ОтветитьУдалитьСветлана!! Я только-только завожу блог и благодаря вам уже разобралась во многих настройках. Но вот вы в этой статье пишете "вставляем url (адрес по которому собираемся послать нашего читателя)". У меня проблема в том, что я не знаю, где эти самые URL взять или создать. В моём шаблоне уже предусмотрено горизонтальное меню, но никак не пойму, как его "оживить". . Но как сделать ссылки/линки так, чтобы нажимать, например, "новости" и открывалась бы страница со всеми краткими сообщениями (read more) по этой теме, чтобы можно было уже выбрать понравившийся пост и прочитать его полностью. Я пробовала через Отправка-изменить страницу-создать новую страницу. Я создала страницу, но 1) я не могу назвать её более подходящим для рубрики (рецензии) названием, название задаётся автоматически и 2) не знаю, как класть в неё статьи – пока что они просто отображаются на главной странице блога.
ОтветитьУдалитьВы бы мне очень помогли советом!! Так хочется блог начать писать, а этот технический момент с рубриками не даёт начать это осуществлять.
С уважением, Алёна
Алена, здравствуйте!
ОтветитьУдалитьВ вашем случае лучше всего использовать Ярлыки, а в горизонтальном меню прописывать ссылку на Ярлык.
Если что-то не понятно, пишите.
Удачи во всем!
Света
Светлана здравствуйте! Я только-только завожу блог, создал горизонтальное меню, но не могу разобраться, как например при нажатии кнопки "И еще что-нибудь" открывалась эта страница(как туда ввести текст). Или при нажатии этой кнопки появлялись еще несколько под разными названиями. Хочеться создать удобное меню. В главном меню еще можно в тексте написать url этих страничек, но как их создать не могу разобраться. Хотелось бы в меню в одной кнопке чтоб были другие разделы, а в них можно еще и подразделы. Если ВАС не затруднит подскажите как это можно сделать, или где прочитать, а то я пока еще профан в этом деле. Взаранее благодарен!
ОтветитьУдалить