Школа блоггера.


Виджет: падающие снежинки,звёзды,листья для Blogger
http://new-school-blogger.blogspot.com/2011/12/vidzhetpadajuschie-snezhinkizvjozdylist.html
 

1.Необычное применение Power Point: 

как создать хедер

2.Создаём шапку для блога (сайта)

Мы пойдём простым путём. Поможет нам в этом программка по созданию шапок, которую можно бесплатно скачать в интернете - XHeader
Программу для создания шапки скачать можно здесь:

А сейчас я вам предлагаю посмотреть небольшой видео-урок по созданию и установке шапки в Blogger. Хотя, подойдёт для любого другого сайта.
http://www.youtube.com/watch?feature=player_embedded&v=XhsUSxrspKM#!


Как поставить в Блоггере социальный плагин от Фейсбука

После того, как вы создадите свою страничку на Facebook, ссылку на нее можно вставить в блог на Блогспоте. Это нужно для того, чтобы люди, которые зашли к вам, могли поделиться ссылкой на ваш блог на своих страницах в этой социальной сети.
Чтобы это сделать, вам нужно создать социальный плагин от Фейсбук. Чаще всего в блогах используют Like Box (Лайк бокс).
Выглядеть он будет вот так:
как поставить плагин Like Box от Facebook

Как вставить плагин  Like Box :

Чтобы получить код социального плагина Like Box от Facebook , надо зайти на сайт http://developers.facebook.com

1. На сайте надо  выбрать в верхнем меню docs, а после в боковом - Сore Сoncepts. Находим там Social Plugins и получаем список плагинов. Из списка плагинов надо выбрать Like Box.
Все предыдущие этапы можно проскочить, сразу зайдя по ссылкеhttp://developers.facebook.com/docs/reference/plugins/like-box/

2. Заполняем поля в форме конструктора плагина. Вводим адрес своей странички в фейсбуке, длину-ширину будущего гаджета, выбираем, будут ли видны только лица или еще и сообщения со странички. (фото кликабельны).
как поставить плагин Like Box от Facebook

И нажимаем "Get Code" (получить код).
как поставить плагин Like Box от Facebook

3. Из всплывающего окошка сначала копируем код из первого окошка. Окно не закрываем! Теперь переходим в свой блог. Заходим в Дизайн-Добавить гаджет-HTML/Java скрипт. И вставляем туда скопированный код. Окно не закрываем!
Потом возвращаемся к коду и копируем текст из второго окошка. Переключившись назад в свой блог, вставляем этот текст сразу же под первым.

как поставить плагин Like Box от Facebook

4. Нажимаем "сохранить", ставим плагин в нужное место, нажимаем "сохранить расположение" и просматриваем блог.


Как поставить в блог виджет для сообществ от Вконтакте

Если у вас есть страничка в социальной сети "ВКонтакте", то можно связать ее со своим блогом. Для этого используются плагины от ВКонтакте, весь перечень которых можно найти на http://vk.com/developers.php

Я на свой блог ставлю виджет для сообществ, который можно получить тут: http://vk.com/developers.php?oid=-1&p=Groups
Вставляете адрес своей группы в верхнюю строку, выбираете длину и ширину. ПОсле этого копируете код для вставки и переходите в свой блог.
В своем блоге заходите в Дизайн-Добавить гаджет-HTML/Java script и вставить скопированный код.

Как поставить в блог виджет для сообществ от Вконтакте

Нажимаем "сохранить", ставим виджет в нужное место, нажимаем "сохранить расположение" и просматриваем блог.
 Если вы не подписаны на группу, то у вас и будет "Подписаться на новости", а если уже подписаны, то появится "Подписаться на SMS".

Как вставить кнопки социальных сетей в Блоггере

Думаю, не надо объяснять, как популярны сейчас в Интернете социальные сети. Чтобы дать возможность читателям поделиться вашим постом в своих социальных сетях, нужно поставить кнопки этих сетей. 
В Блоггере предусмотрены стандартные кнопки, но, во-первых, они очень аскетичны. Во-вторых, в них не представлены такие популярные в Рунете социалки, как "Вконтакте", "Одноклассники", ЖЖ.
Поэтому я решила вставить в блог свои кнопки.

Для этого сначала надо убрать из блога блоггеровские стандартные кнопки социальных сетей.
Внимание! Обязательно сделать резервную копию шаблона блога перед любыми изменениями в нем.
Открываем в своем блоге  Шаблон-Изменить HTML. Нажимаем галочку "Расширить шаблоны виджета". Поиском находим такие строчки:
<div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div> 

Их надо закомментировать или вовсе удалить.

<!-- <div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>-->

Нажимаем "Просмотр". Если все в порядке, то сохраняем шаблон и переходим непосредственно к вставке кнопок.
Я пошла самым простым путем, и кнопки решила вставлять не в шаблон блога, а в виде виджета.
Сам скрипт для кнопок можно взять на множестве сайтов. Мне понравились те, которые предоставляет sharethis.com
У этого плагина есть "побочный эффект". Если теперь в вашем блоге кто-то скопирует кусок текста Ctrl-C и вставит у себя Ctrl-V, то в конце скопированного текста появится ссылка вида  See more at: адрес_поста_откуда_скопировано
Это защита контента блога

Как вставить баннер в блог

Часто в блогах можно увидеть картинки, нажав на которые можно перейти к другому сообщению или в другой блог. Например, сообщения о конкурсах, розыгрышах призов, т.н. "конфетках", кнопки коллективных блогов, рекламные баннеры, наконец. Часто и при участии в каких-либо конкурсах в условиях стоит пункт о необходимости размещения их баннера у себя в блоге. Как это сделать?
Чтобы вставить картинку со ссылкой (баннер, кнопку) в блог, есть несколько способов.

Если надо поставить баннер или кнопку на главную страницу в боковую панель, то самый простой способ - воспользоваться стандартным гаджетом Блоггера "Изображение".
Сохраните изображение баннера куда-нибудь к себе на компьютер. После этого выберите в "Дизайн"-"Вставить гаджет"-"Изображение". В появившемся окошке надо заполнить поля. Ввести название (если надо), подпись. А в "Связать" ссылку, по которой будет производиться переход при нажатии на картинку. После этого нужно загрузить само изображение баннера оттуда, куда вы его скопировали (можно и из своего компьютера, и из интернета по URL).

Если надо поставить баннер или кнопку, HTML-код которых вам дали в каком-то другом блоге, на главную страницу в боковую панель, то делаем следующее:
1. Копируем нужный код (Ctrl-C) из блога-источника
2. Переходим к себе в блог. Выбираем "Дизайн"-"Добавить гаджет"-"HTML-код" и в появившееся окошко вставляем скопированный код (Ctrl-V). Тот же эффект дает копирование кода в стандартный гаджет "Текст".

Если надо поставить баннер или кнопку, HTML-код которых вам дали в каком-то другом блоге, в  ваше сообщение, то делаем следующее:
1. Копируем нужный код (Ctrl-C) из блога-источника
2.Переходим к себе в блог. Открываем нужное сообщение для редактирования ("Изменить").
3. В левом верхнем углу в меню находим кнопку "HTML" и нажимаем ее. Сообщение теперь видно в виде HTML-кода. В нужное место кода (ориентируйтесь по фразам текста, которые остались в прежнем виде) вставляем скопированный код (Ctrl-V).
4. Нажимаем в меню "Создать" и смотрим, что получилось.



Как вставить свою кнопку "Далее"

Чтобы на главной странице блога публиковалось не все сообщение целиком, а только его начало, нужно пользоваться так называемым катом.
При редактировании сообщения нажимаем такой значок (фото кликабельно):



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

Вместо нее можно поставить кнопку со своим текстом
Для этого надо найти или нарисовать самим картинку нужного размера и вида для кнопки и загрузить ее куда-нибудь в интернет (я для этого пользуюсь вебальбомом Пикасса). Нам понадобится ее адрес.


Потом переходим в редактор своего блога.
Обязательно сохраняем шаблон перед внесением любых изменений! 
Выбираем "Шаблон"-"Изменить HTML". Ставим галочку "Расширить шаблон виждета"
Поиском находим строку :  b:if cond='data:post.hasJumpLink'

С нее начинается такой блок:  
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if> 

Заменяем его на новый блок:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img border='0' src='адрес_изображени_кнопки'/></a>
</div>
</b:if> 
И вставляете свой адрес. После этого нажимаем "Сохранить шаблон".
Если просто нажать "Просмотр", то выскакивает ошибка 400. Можно на это внимание не обращать - в блоге все будет правильно. Но плохо, что код шаблона у нас становится "грязным" :(
Все - любуемся своей кнопочкой.



Как вставить презентацию в блог. Сервис Slideshare.

Если надо в блог вставить презентацию, сделанную в "Power Point", то для этого можно воспользоваться бесплатным сервисом "Slideshare".
Вот как это будет выглядеть:


Делается это очень несложно.

1. Для начала надо зарегистрироваться на  Slideshare
Для этого на главной странице сайта надо выбрать на верху в строке меню самый правый пункт "Signup". И пройти всю необходимую процедуру - написать свой e-mail, выбрать логин, пароль. После этого на почту придет письмо с ссылкой активизации. Зайдя по ней, вы сможете залогиниться на сайте.
Чтобы увеличить картинку, надо щелкнуть по ней мышкой

2. Войдя на сайт под своим логином, можно добавлять свои презентации.
Для этого надо нажать "Upload".


В появившемся окошке снова выбираем  "Upload", если вставляем один файл и  "Upload+", если файлов несколько. В стандартном реквайстере находим нужную презентацию у себя в компьютере и нажимаем "Сохранить".
.Когда все будет готово, свою презентацию вы сможете увидеть, зайдя в свой профиль и выбрав "My Upload".

Когда все будет готово, свою презентацию вы сможете увидеть, зайдя в свой профиль и выбрав "My Upload".


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



После нажатия на него, мы увидем окошко, в котором надо скопировать html-код для вставки в блог. Копируем его в клиборд "Сtrl-C"

4. Полученный код надо вставить в сообщение блога.
Для этого в редакторе сообщения выбираем просмотр в виде  html. И в любое нужное место вставляем скопированный код. Нажимаем "Создать". 

Все готово - презентация вставлена!


СОЗДАНИЕ КАРТЫ БЛОГА 

Карта на нашем блоге занимает отдельную страницу и представляет собой обычное оглавление статей, страниц(как в книге), где заголовок моего сообщения(поста) будет являться КЛИКАБЕЛЬНОЙ ССЫЛКОЙ, открывающейся на ту страницу, где находится эта статья.

По сути это удобный и полезный виджет - мини-программа, который устанавливается на наш ресурс кодом-скриптом.

Код для вставки: КАРТА БЛОГА

<link href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" media="screen" rel="stylesheet"
type="text/css"></link> <script src="http://blogtoc-cometa.googlecode.com/files/blogtoc_wa.js"></script>
<script src="http://iyatak.blogspot.com//feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Вместо моей, вставляете свою ссылку, на Ваш Блог!

Комментариев нет:

Отправить комментарий