Гаджет HTML
Зміст. Методи використання.
Набір лічильників, банери в блог.
Зробити іконки, наприклад RSS (фід Feedburner), email, твітер.
Гаджет "Постійні читачі".
Гаджет HTML/Javascript дозволяє зробити вигляд меню будь-яким і додати потрібні посилання як внутрішні, і зовнішні. Про код посилання я написала тут - http://shpargalkablog.ru/2010/09/postroenie-ssylok-v-html.html. Подивіться, там із прикладами. У разі виникнення запитань обов'язково напишіть, оскільки тема важлива. NMitra Ще є гаджет ("Дизайн"-"Елементи сторінки") "Список посилань", але там потрібно прописувати стилі CSS, інакше вигляд вкрай непоказний. Віка Здрастуйте! Скажіть будь ласка, що означає "меню у віконце відразу після повідомлення". Як зробити так, щоб меню було у вікні над повідомленням, як у вас? як поставити цей гаджет у це віконце? Спасибі. NMitra Подивіться цю статтю http://shpargalkablog.ru/2011/04/gadzhet-spisok-ssylok-blogger.html Доброго дня! Я напевно зовсім тупий чайник! У мене нічого не вийшло. Вибачте, дякую! NMitra Значить, я погано пояснила. Зовсім не вийшло чи не так, як хотілося б? Зовсім нічого не вийшло. Я не можу розібратися, як все ж таки зробити так, щоб віджет був відразу в віконці повідомлень. І ще з ключовими словами, адже напевно можна зробити так, щоб теги прописувалися відразу після повідомлення, може туди потрібно теж віджет якийсь поставити? Дякую. NMitra З другого питання: потрібно привласнити повідомленням ярлики http://shpargalkablog.ru/2011/03/yarlyki-blogger.html
Далі в "Дизайн"-"Елементи сторінки"-поле "Повідомлення блогу"-"Параметри Сторінки повідомлення" встановити галочку "Ярлики". NMitra З приводу меню: я додавала код посилання(http://shpargalkablog.ru/2010/09/postroenie-ssylok-v-html.html), попередньо перетворений у CoderHTML (http://shpargalkablog.ru/2010/07/instrumenty-vebmastera-s-nulya.html ) прямо в шаблон після
Тобто туди, де має розташовуватися дата (http://shpargalkablog.ru/2011/03/kak-sdelat-odin-raz-na-vse-stati.html).
У кожному коді посилання я вказувала id, якому згодом задавала стиль.
Це важко пояснити, не прочитавши попередні записи даного блогу. І не для кожного шаблону підійде. Експериментуючи з дизайном, поступово розберетеся до чого. Я сама недавно перенесла цей елемент із бічної панелі. Віка Здрастуйте! Велике дякую Вам за терпіння і дохідливе пояснення. Тепер здається розібралася, пробуватиму. Результат напишу пізніше. Думаю, що все вийде. Віка Здрастуйте! Б'юся з меню другий день. Замінила на свої кольори, проте, у мене виходять абсолютно безбарвні заголовки, а я проробляла за вашою схемою, і вже напевно вивчила. Нічого не розумію. Виручайте будь ласка, щоб заголовки меню були також яскравими. Значення замінила також, як у вас-бордовим, у мене-синім, а що у вас матовим, у мене-блакитним.
Дякую. NMitra Вік, я тільки зараз побачила. А чому ви використовуєте шаблон 2006? У вас і "Дизайнер шаблонів" не працює. Тому виникли питання минулого разу. Справа в тому, що його не часто зараз застосовую і тому не розглядаю його.
У меню замініть color: #0000CD; color: #0000CD; Таке відчуття, що С написана українською.
Також значок # замініть на конкретні URL, наприклад http://shpargalkablog.ru/2010/08/gadzhet-htmljavascript-blogger.html. Ulja Stupina Робила вертикальне меню, як змінити назви та кольори розібралася, але осьчому меню виходить під рештою гаджетів? %BC%D1%8F%D0%BD%D0%BD%D1%8B%D0%B9.jpg NMitra Додати z-index:
margin: 0; border: 0 none; padding: 0; width: 200px; list-style: none; z-index: 2;>
але не змінила далі, ось у цій ділянці: ul#menu-v ul, ul#menu-v ul ul, ul#menu-v ul ul display: none; position: absolute; top: 0; left: 161px;> Варто змінити 161 на 199 як все заробило. )) NMitra Цей значок ніхто, крім вас, не бачить. Але його можна перемістити вниз, збільшивши значення z-index. KDA999 Дякуємо Вам за Вашу працю. Але ось хотілося б дізнатися, як можна додати ще колонки для гаджетів в шаблон? Або змінити становище існуючих. NMitra Blogger пропонує варіанти на будь-який смак:
"Дизайн"-"Дизайнер шаблонів"-зліва вкладка "Дизайн". Добронрава Може я туплю, тоді тицьніть мене носом, не можу знайти таку інфу у Вас, а думаю, що напевно вона є. що він там, але хочеться встановити ще один, уже нижчий за "ПЧ". Допоможіть будь ласка розібратися. NMitra Потрібно спочатку створити гаджет у полі бічної панелі, а потім перетягнути мишкою на пунктирне поле під Постійними читачами. Blogger це дозволяє робити.
Ось тільки робити цього я все ж таки не рекомендую, тому що назва статті зовсім піде під лінію, таким чином, що його не можна побачити, не прокрутивши коліском мишки. І людина, яка зайде на сайт вперше, не побачить інформацію, що його цікавить, швидше за все залишить ресурс. Добронрава Дякуємо за таку оперативну відповідь! Я спробую, тому що мені треба написатибуквально пару рядків! Дякую! совість Наташа, здравствуйте. Дякую за ваше терпіння, що допомагаєте таким як я. Поставив бічну панель. Але список, що випадає, "ховається" під нижній гаджет. Чи можна виправити цю справу. А то на посилання 3 або 4 вже не видно.
Ох, ні, це меню сюди не підходить. Воно розкривається праворуч і в правій бічній панелі знаходиться. Можна зробити інакше. Я подумаю.
Ось моє улюблене меню сайту. Посилання http://neighborhoodies.com/. Таке взагалі реально у блогах зробити? NMitra Якось не виходить – потрапляю на 404 помилку. Очевидно, сторінку видалили.
Оскільки всі скрипти засновані на http://pipes.yahoo.com/pipes/pipe.info?_id=cce6834df28b2043ff215d0a069f3c50, то, мабуть, вони змінили скрипт. Але у тих, хто брав код з першоджерела, все як і раніше відображається.
Далі перейдіть за посиланням вище та натисніть посилання "Clone". Далі "Edit Source".
Скрипти, що застосовуються у Blogger - http://www.blogger.com/static/v1/widgets/3871175110-widgets.js
Але пошукові системи не рекомендують навігацію, оформлену за допомогою картинок. Malygina Daria дякую. Анонімний Здрастуйте, Наташа. Мабуть, Ваш блог – моя остання надія. Які блогери я тільки не питала! А у відповідь - тиша. Дуже зацікавилася модулем «FollowMe» - це така "плаваюча" пташка Твіттер. Десь я бачила, як ця пташка, акуратно так примостилася в правому нижньому кутку блогу і нікому не заважала. Дуже сподобалось. Але на сайті пропонуються варіанти тільки для платформи Joomla>І ще: сервіс share42 пропонує дуже зручні кнопки для соц.мереж, але вони теж для Блогера не підходять. Чи можна їх, як-небудь, теж під нашу платформу "підігнати"? Вибачте, якщо ставлю багато запитань. Але вони насправді хвилюють багатьох блогерів на Блогспоті. ) NMitra Мені сподобалася пташка звідси - http://vsegenialno.blogspot.com/2011/08/vidget-dla-bloga-veseliye-twitter.html
Замість shpargalkablog своє ім'я.
Про share42 подивлюся пізніше. españolka Ну Наталя! Ну, молодця! Величезне Сенк. Це єдиний реальний блог про Блоггера! Одна ти мені допомогла, Супере! ))) Буду чекати share42. NMitra Подивилася share42. У нас немає можливості завантажувати по FTP.
Та й самі можете таку панель зробити. Тим більше, стилі вже вказані.
#share42 position: fixed; z-index: 1000; Left: 20px; /* зміщення панелі вліво від краю контенту */ padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px; width:32px; margin-bottom: 500px; > #share42:hover background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD; > #share42 a #share42:hover a #share42 a:hover
#share42 img padding: 0; border: 0px solid $(image.border.color); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; >
Зображення я брала з http://share42.com/. Можна аналогічно вказати й інші кнопки, коди яких можна знайти тут:
http://shpargalkablog.ru/2011/02/sotsialnye-knopki-dlya-blogger.html http://shpargalkablog.ru/2011/05/knopki-zakladok-dlya-blogger.html españolka Дякуємо за відповідь . Я не думаю, що зможу зробити кнопки самостійно. Я настільки не розуміюся на цих всіх кодах, що Ви і уявити не можете! ))) Є в мене Macromedia Dreamweaver 8. Куди вставляються скрипти, щоб їхможна було візуально бачити та редагувати? Ще питання: Я знаю, що код відстеження блогу від Google потрібно розміщувати перед закритим тегом head. А коли мною додаються нові скрипти, то куди мені їх краще "втиснути" - до або після гуглівського коду, як краще? NMitra Ох, я такими речами не користуюсь. Подивіться тут – http://shpargalkablog.ru/2010/11/vstavit-javascript.html.
Все одно, головне, що у head.
Наталя, підкажіть, як і що ще можна зробити, щоб зменшити вагу шаблону? Думаю, що всі параметри з . можна розставити на свої місця, яке видалити. NMitra Я використовувала шаблон 2006 року https://sites.google.com/site/spargalka1/rating/minima.xml?attredirects=0&d=1 Він легший. Його я змінила під свої потрібні, повністю написавши CSS із нуля. Також все всередині почитала. Mishechka Я взяв свій місяць тому. Я в цьому не розумію, але є різниця: У Вас: У мене: Я поки не знаю в чому відмінність, але думаю, що код має відрізнятися. У шаблоні все починається з точки, а що означає значок # на початку коду? NMitra Адреса блогу нагадайте Mishechka http://bossportable.blogspot.com/ NMitra "шаблоні все починається з точки" - не розумію.
По-хорошому має бути
Mishechka "шаблоні все починається з точки" - не розумію. Я мав на увазі цю точку: є так - .post-footer, і є так - #blog-pager.
"По-доброму має бути" Значить у мене правильно, а у Вас ні? NMitra Це стилі. Точку ставимо для класів, грати – для id. Якщо я правильно зрозумів, то для застосування стилів до всіх стовпчиків потрібно писати:
якщо тільки до правої:
Якщо галку ставите в "Налаштуваннях"-"Інше"-"Вміст тільки для дорослих", то при заході на сайт будез'являтись відповідне попередження