Nick - Templates

Гаджеты блогер как добавить фоновую музыку в блоге

Сегодня расотрим возможности вставить в блоге на блогере скрипт для проигрывания музыки при загрузки страницы, скрипт подойдет для блогов фан-клубов или артистов которые хотят приятно и сразу удивить своих читателей музыкой что им нравится. Итак вот сам скрипт:

<EMBED src="URL вашего mp3 файла " autostart=true loop=false volume=100 hidden=true><NOEMBED><BGSOUND src="имя файла mp3"></NOEMBED>

Команды:

autostart=true - музыка будет проигрываться сразу после загруски страницы.
loop=true- будет повторяться бесканечно mp3 файл.
false-проиграется один раз и все.
volume=100 громкость 100%.
hidden=true проигрыватель будет невидим на странице.

Код нужно ставить после тега <body>.

Обратите внимание что не стоит ставить музыку что звучит слишком громко или по какой то другой причине раздражает вашего посетителя, лучше всего ставить спокойную и приятную музыку.

by Unknown · 0

Кнопка на JQuery вверх для блога

Приветствую вас снова уважаемые читатели, в этой краткой статье мы рассмотрим возможность установки на нашем блоге кнопки "Scroll to top" или Вверх если перевести, она нам необходима для того чтоб наш читатель смог быстро подняться в вверх если он прокрутил длинную статью до конца и как то не приятно когда нужно прокручивать всю статью обратно вверх, по этому мы облегчим ему процесс возврата с ног до головы так скажем.Установка скрипта не сложная, вот сам скрипт:


<style type="text/css">
#w2b-StoTop {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:100px;background-color: #EEEEEE;background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99EEEEEE', EndColorStr='#99EEEEEE');text-align:center;padding:5px;position:fixed;bottom:10px;right:10px; cursor:pointer;color:#444;text-decoration:none;border:1px solid #C9C9C9;}</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type='text/javascript'>
$(function() {
$.fn.scrollToTop = function() {
$(this).hide().removeAttr("href");
if ($(window).scrollTop() != "0") {
$(this).fadeIn("slow")
}
var scrollDiv = $(this);
$(window).scroll(function() {
if ($(window).scrollTop() == "0") {
$(scrollDiv).fadeOut("slow")
} else {
$(scrollDiv).fadeIn("slow")
}
});
$(this).click(function() {
$("html, body").animate({
scrollTop: 0
}, "slow")
})
}
});
$(function() {
$("#w2b-StoTop").scrollToTop();
});
</script>
<a href='#' id='w2b-StoTop' style='display:none;'>Вверх</a>


Скрипт нужно установить сразу перед тегом </body> для этого заходим в панель блогера Настройки - Изменить HTML и ишим в коде (Ctrl + F) тег </body> и вставляем внимание не после него а перед ним.

Вы наверняка заметили что в конце есть ссылка Вверх "<a href='#' id='w2b-StoTop' style='display:none;'>Вверх</a>"

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

и эфект будет более замеченным для вашего читателя.Также есть один важный момент, если вы имеете свой картинки или вам не нравится картинка что я то можете ее сменить на свое усмотрение придворително загрузив ее на холстинге, не забываем про стили которые я подчеркнул зеленым цветом, их можете менять на свое усмотрение .Спасибо за внимание и следите за новинками, интересное следует.Если есть вопросы или предложения пишите отзыв внизу страницы или оставьте комментарий.

Также я привожу пару картинок индикаторы вверх для разнообразия и соответственные ссылки на них чтоб вы смогли установить вместо стандартной строки вверрх:

http://cdn1.iconfinder.com/data/icons/orb/128/9.png

http://cdn2.iconfinder.com/data/icons/picol-vector/32/arrow_sans_up-128.png

http://cdn1.iconfinder.com/data/icons/ose/Arrow%20Up.png

http://cdn1.iconfinder.com/data/icons/bnw/64x64/actions/up.png

http://cdn1.iconfinder.com/data/icons/glaze/48x48/actions/top.png

http://cdn1.iconfinder.com/data/icons/super-mono-sticker/icons/navigation-up-button_sticker.png

*Картинки индикаторы скопированы с сайта iconfinder.com

by Unknown · 1

Колекция - 10 шикарных шаблонов (в 3 колонки) для blogger

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

-Все шаблоны высокого качества и были созданы профессионалами веб дизайна и векторной графики по этому дизайн и качество изображений а также структура шаблонов идеально.

-Во всех шаблонах присутствуют дополнительные коды слайдеров, инструкция по установке и в некоторых даже исходный .psd файл макета.

-Большая доля шаблонов имеет в верней части встроены гаджет для установки баннера размером 468x60 пикселей. - это большой плюс в том случаи если у вас на блоге будет вешаться реклама или просто красивые банеры.

Установка:

Установка всех шаблонов одинаковая, в статье "Как загрузить шаблон на блогспоте" я описывал процедуру установки, она валидна и для данных шаблонов соответственно описному алгоритму установки.

*Совет: Не стоит удалить ссылки авторов что находятся в самый низ страницы шаблона ведь они почти незаметны и не мешают дизайну блога и что самое главное вы таким образом не нарушайте авторские права на шаблон вот этот комментарий что находятся в каждом шаблоне  говорит что нельзя изменить эту информацию! ведь шаблон вы качаете бесплатно а ссылка авторов это единственная им выгода, по этому оставим их в пакое. Следите за новыми статьями, интересное следует.Если у вас возникли вопросы или предложения пишите комментарии!

*Скачать шаблон вы сможете нажав на соответствующую картинку.

Скриншоты шаблонов для blogger :

Скачать полный архив Колекция - 10 шикарных шаблонов (в 3 колонки) для blogger

*Авторские права на шаблоны пренодлежат сайту Btemplates.

by Unknown · 0

Как загрузить шаблон на блогспоте

Сегодняшняя статья очень важная для многих моих читателей и я постараюсь объяснить все как можно понятнее для вас.рассмотрим возможности изменения дизайна блога в два клика, может многие и не знают этот метод но зря, ведь он облегчает задачу смены шаблона, которая осуществляется за несколько секунд.Итак предположим что вы скачали например с сайта Btemplates роскошный шаблон для блога на блогспоте и хотите его внедрить в ваш блог, и это не сложно сделать просто будьте минутку внимательны, когда вы скачали шаблон там может быть 5 или более файлов и вы наверняка подумаете какой же из них сам шаблон блога ? паниковать не стоит, всео просто шаблон блога это .xml файл с конкретным именем например вы скачали шаблон под именем "luxurycars" - соответственно сам шаблон будет с именем luxurycars.xml а остальные файлы идут как дополнение (картинки, слайдеры и.др. файлы).Теперь нам нужно зайти в админ панель блогера, переходим к пункту "Дизайн" и нажимаем силку "Изменить HTML"

и откроется вам HTML код шаблона который нужно сменить на тот что вы скачали, то есть открываете ка я показывал в примере luxurycars.xml с помощью блокнота или Notepad++ и копируйте вес код шаблона полностью и соответственно вставляете в поле HTML шаблона на блогере. Теперь необходимо сохранить изменения и нажимаете вы соответственно на оранжевую кнопку "Сохранить шаблон".Теперь ваш шаблон изменился и вы можете его просмотреть.

*Если статья вам оказалось полезной то поделитесь ей с друзьями на фэйсбуке или твиттере или оставите отзыв в низу страницы.Следите за новинками, интересное следует...

by Nicu · 0