Убираем надпись подписаться на сообщения "Atom"


Я регулярно пишу статьи как сделать блог на блогспот красивее, как сделать его максимально похожим на полноценный сайт. Если Вы только познакомились с моим блогом Вам будет полезно почитать статьи: Как сменить FaviconСоздаем уникальную шапку для блогаИзменяем цвет шапки шаблона вручнуюНастраиваем форму комментариев-придаем свой стильМеняющаяся фон и шапка блога на блоггер. Все эти статьи призваны сделать Ваш блог уникальным и красивым. Сегодня хочу рассказать как убрать надпись подписаться на сообщения Atom, ведь это вторая вещь которая выдает, что Ваш сайт сделан на блоггер после Navbar - как убрать читаем тут : Как убрать navbar в Blogger.


Чтобы убрать злополучную строчку Atom Вам всего необходимо зайти в настройки Вашего блога, выбрать Изменить шаблон, отметить галочкой Расширить шаблон,используя ctrl+f  следующий тэг:
<b:include name='feedLinks'/>

Удалите данную строчку и нажмите сохранить шаблон. ВСЕ!!! 

Вертикальная прокрутка окна

<!– START OF SCRIPT –>
<SCRIPT Language=”JavaScript”>
<!–
function scrollit(){
for (I=1; I<=500; I++){
parent.scroll(1,I)
}
}
//–>
</SCRIPT>

</HEAD>
<form>
<input type=button value=”ScrollDown” onClick=”scrollit()”>
</form>
<hr>
<Center>
<BR><BR><BR><BR><BR><BR><BR><BR>
<H1>Welcome to JavaScript Planet</H1>
<BR><BR><BR><BR><BR><BR><BR><BR>
<H1>ScrollDown is a very simple JavaScript…</H1>
<BR><BR><BR><BR><BR><BR><BR><BR>
<H1>..but the effect is quite cool!</H1>
<!– END OF SCRIPT –>

ЗАПРЕТ КОПИРОВАНИЯ

<script language='JavaScript'>
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="No Right-Click!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
<!-- Начнём с самого простого скрипта, ЗАЩИТА ОТ КЭШИРОВАНИЯ: -->
<meta http-equiv="pragma" content="no-cache"/>

<!-- Следующий скрипт - ЗАЩИТА ОТ КОПИРОВАНИИ ИНФОРМАЦИИ -->
<script language=JavaScript>
function notcopy(){
alert("Извините, но с этой страницы нельзя ничего копировать!")
return false
}
</script>

<!-- Ну этот код очень полезный - Защита от перетаскивания и выделения текста. -->
<script language=javaScript>document.onselectstart=new Function("return false");

document.ondragstart=new Function("return false");</script>

Текст в фиксированном положении

Текст закрепляется в заданном месте на страничке и при прокрутке онкна остаётся на месте.
function exit(){
close();
}
</script></center>
<script>
/*
Always-on-top message Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100′s more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
//enter the message you wish to be shown, including html tags
var message=’<b><font color=000000 size=5>Этот текст всегда будет расположен внизу экрана!</font></b>’
//enter a color name to be used as the background color of the message
var backgroundcolor=”blue”
//enter 0 for always display, 1 for a set period, 2 for random display mode
var displaymode=0
//if displaymode is set to display for a set period, enter the period below (1000=1 sec)
var displayduration=10000
//enter 0 for non-flashing message, 1 for flashing
var flashmode=1
//if above is set to flashing, enter the flash-to color below
var flashtocolor=”lightcyan”
///////////////do not edit below this line////////////////////////////////////////
function regenerate(){
window.location.reload()
}
var which=0
function regenerate2(){
if (document.layers)
setTimeout(“window.onresize=regenerate”,400)
}
function display2(){
if (document.layers){
if (topmsg.visibility==”show”)
topmsg.visibility=”hide”
else
topmsg.visibility=”show”
}
else if (document.all){
if (topmsg.style.visibility==”visible”)
topmsg.style.visibility=”hidden”
else
topmsg.style.visibility=”visible”
setTimeout(“display2()”,Math.round(Math.random()*10000)+10000)
}
}
function flash(){
if (which==0){
if (document.layers)
topmsg.bgColor=flashtocolor
else
topmsg.style.backgroundColor=flashtocolor
which=1
}
else{
if (document.layers)
topmsg.bgColor=backgroundcolor
else
topmsg.style.backgroundColor=backgroundcolor
which=0
}
}
if (document.all){
document.write(‘<span id=”topmsg” style=”position:absolute;visibility:hidden”>’+message+’</span>’)
}
function logoit(){
document.all.topmsg.style.left=document.body.scrollLeft+document.body.clientWidth/2-document.all.topmsg.offsetWidth/2
document.all.topmsg.style.top=document.body.scrollTop+document.body.clientHeight-document.all.topmsg.offsetHeight-4
}
function logoit2(){
topmsg.left=pageXOffset+window.innerWidth/2-topmsg.document.width/2
topmsg.top=pageYOffset+window.innerHeight-topmsg.document.height-5
setTimeout(“logoit2()”,90)
}
function setmessage(){
document.all.topmsg.style.left=document.body.scrollLeft+document.body.clientWidth/2-document.all.topmsg.offsetWidth/2
document.all.topmsg.style.top=document.body.scrollTop+document.body.clientHeight-document.all.topmsg.offsetHeight-4
document.all.topmsg.style.backgroundColor=backgroundcolor
document.all.topmsg.style.visibility=”visible”
if (displaymode==1)
setTimeout(“topmsg.style.visibility=’hidden’”,displayduration)
else if (displaymode==2)
display2()
if (flashmode==1)
setInterval(“flash()”,1000)
window.onscroll=logoit
window.onresize=new Function(“window.location.reload()”)
}
function setmessage2(){
topmsg=new Layer(window.innerWidth)
topmsg.bgColor=backgroundcolor
regenerate2()
topmsg.document.write(message)
topmsg.document.close()
logoit2()
topmsg.visibility=”show”
if (displaymode==1)
setTimeout(“topmsg.visibility=’hide’”,displayduration)
else if (displaymode==2)
display2()
if (flashmode==1)
setInterval(“flash()”,1000)
}
if (document.layers)
window.onload=setmessage2
else if (document.all)
window.onload=setmessage

</script>

33 шага для создания и настройки бесплатного блога Blogger


Мне часто приходится для разных целей создавать новые блоги на платформе Blogger, о всех преимуществах и недостатках которой, вы могли прочитать здесь. Сама процедура создания и настройки настолько проста, что доступна даже для начинающих веб-мастеров, чьи знания и навыки ещё далеки от совершенства.



Схема по созданию приличного блога. Часть первая.

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

Убрать внизу страницы ссылки "Следующие / Главная страница / Предыдущие".


Мне тут задали вопрос:
"не могу убрать внизу страницы ссылку  на главную своего блога "Главная страница"".

Убрать эту ссылку, вместе со ссылками "следующие" и "предыдущие" можно, насколько мне известно, следующим способом.

Для этого надо зайти в редактирование html, поставить галочку на расширить шаблоны виджета.
Найти строку

<b:include name='nextprev'/>

И удалить её.
На всякий случай, как обычно, сохраните перед этой операцией свой шаблон.

Один из лучших шаблонов blogger - SimplexPro

шаблон simplexProСегодня расскажу как установить и настроить шаблон blogger такой же как и на моем блоге. Называется он SimplexPRo и скачать его можно по этой ссылке. Что можно отнести к преимуществам данного шаблона:
1. Много места для гаджетов, можно удобно разместить рекламу Adsens/
2. Нестандартное удобное расположение статей на главной странице.
3. Автоматический гаджет последних статей и комментариев.
4. Легкий светлый дизайн.
5. Легко настраиваемое меню которое делается при помощи ссылок, таким образом вы получаете удобную навигацию по Вашему уже не просто Блогу, а можно сказать полноценному сайту.

Как изменить подвал сообщений блога


В данной статье речь пойдет  о том как изменить стандартный вид подвала сообщений блога, а именно имя автора, и прочее.
Итак для того чтобы приступить к изменениям вам необходимо зайти в настройки блога, в раздел Изменить HTML.
1. Далее для изменения текста автора:
подвал сообщений блога
а именно “автор”, и вашего имени, которое берется из профайла блоггера, следуем следующим указаниям.


Нажимаем расширить шаблон, затем ищем следующий скрипт: 
data:post.author
и вот этот скрипт: 
<div class='post-footer'>
      <div class='post-footer-line post-footer-line-1'>
       <span class='post-author'>
          <b:if cond='data:top.showAuthor'>
            <data:top.authorLabel/> <data:post.author/>
          </b:if>
        </span>    
        <span class='post-timestamp'>
          <b:if cond='data:top.showTimestamp'>
            <data:top.timestampLabel/>
          <b:if cond='data:post.url'>
            <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
          </b:if>
-Чтобы изменить имя автора просто заменить строчку : 
data:post.author
на то как вы хотите чтобы вы были подписаны после статей в независимость от имени в вашем профиле. Например заменить его на АДМИН.
-Чтобы изменить слово до автора (posted by, by, written by) на более для нас понятное , например Опубликовано: , либо написано: 
просто замените строчку : 
data:top.authorLabel
на желаемую фразу.
2. Заменить имя автора картинкой. Для того чтобы провернуть данный трюк нам необходимо картинка которая лежит где либо в интернете, и ее URL. Об этом я писал в статьях: “Бесплатный хостинг для блоггер” и “Бесплатный хостинг, либо где хранить файлы для блоггер” .
Далее имея адрес нашей картинки (желательно чтобы она была не большой) мы можем заменить имя автора на картинку со ссылкой на наш блог. Для этого заменить строчку: 
<data:top.authorLabel/> <data:post.author/>
на следующую: 
<a href="Адрес вашего блога"><img src="Адрес вашей картинки" /></a>
Так что конечный скрипт будет выглядеть примерно так: 
<div class='post-footer'>
      <div class='post-footer-line post-footer-line-1'>
       <span class='post-author'>
          <b:if cond='data:top.showAuthor'>
            <a href="Адрес вашего блога"><img src="Адрес вашей картинки" /></a>
          </b:if>
        </span>    
        <span class='post-timestamp'>
          <b:if cond='data:top.showTimestamp'>
            <data:top.timestampLabel/>
          <b:if cond='data:post.url'>
            <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
          </b:if>
Вот такие вот хитрости. Надеюсь вам пригодятся.

Настройка тела шаблона


В последнее время приходилось часто работать со сложными красивыми шаблонами, делая всевозможные настройки. Часто бывает так , что мы ставим шаблон, а многое в нем не работает, по неизвестным нам причинам, либо мы хотим изменить цвет фона шаблона, настроить sidebar… В связи с этим, прочитав статью зарубежного коллеги решил выписать тэги основных частей шаблона, чтобы вы знали где и что менять.

Создаем уникальную шапку для блога

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

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

картинка в шапке блога
И попадаем в следующее меню:
картинка в шапке блога2
В этом окне вы можете выбрать картинку с жесткого диска и загрузить ее выбрав параметр сжать до размеров экрана. Однако ширина картинки останется неизменной , да и не все картинки подойдут по длине и ширине,Ю ведь в каждом шаблоне свои размеры шапки.
Для того чтобы узнать размеры шапки вашего шаблона, необходимо зайти вИзменить HTML и найти следующий скрипт:
#header-wrapper { 
height:138px; 
margin:0 auto; 
width:950px; 
background:#FF0000; 
}
Где красные строчки указывают высоту и длину шапки вашего блога соответственно. Эти параметры желательно запомнить или записать далее они нам пригодятся.
Владея выше перечисленными сведениями можно перейти непосредственно к созданию шапки вашего блога. Для этого я предлагаю использовать бесплатный сервис Xheader, который можно скачать здесь.
В архиве находятся два файла первый Xheader setup – установочный файл программы, второй Xheader Bonus – бонусная часть с 500 бесплатных шапок для блоггер.
Итак скачав и установив эту программу мы можем перейти к созданию шапки блога. Запустив программу вы увидите следующее:
Xheader, создание шапки блога
В левом верхнем углу нажмите кнопку NEW для создания уникальной шапки вашего блога. Перед вами откроется окно в котором можно выбрать следующие варианты:
1. Load from Template library – что можно использовать если вы установили бонусные 500 вариантов шапок для блоггер, Советую установить так как там есть более 10 тематик, музыка, бизнес, и тд.. с очень впечатляющими вариациями.
2.Create a blank header – создать чистую шапку.
3. Load XHF – загрузить ранее сохраненные вами недоработанные файлы.
4. Load image from hard disk – возможно наиболее важное так как каждому из нас хочется использовать свои картинки  и фотографии в оформлении блога.
Хочу заметить, что работа во всех 4 вариантах примерно одинакова, а я рассмотрю наиболее для нас важный 4ый.
Итак выбираем 4 вариант - загрузку с жесткого диска:
Xheader, создание шапки блога3
Как мы видим я выбрал картинку которая мне понравилась. Изначально она практически подходила по размерам к шапке моего блога, однако как я выяснил раньше ширина моей картинки 950 mpx, а ширина картинки которую я загрузил 900 mpx, для того чтобы изменить длину мы заходим в верхнем меню в Options/ Resize header, и открывается следующее меню:
изменяем размер шапки блога
Здесь мы и вводим необходимую высоты и длину шапки блога, нажимаем ок, после чего все автоматически подгоняется.
Далее выбрав любую из функций в панели инструментов(написать текст, сделать рамку…) вы должны выделить область где хотите внести изменения, а затем начать их делать в панели ниже, вот так:
Xheader, создание шапки блога4
После создания сохраняем шапку блога на жестком диске и загружаем в блоггер как я рассказывал в самом начале. Стоит заметить, что я выбрал параметр отображать картинку вместо названия блога, так что я написал название блога вручную на картинке, и вот что получилось:
шапка шаблона
Вот так красиво получилось.
Хочу напомнить, что многие смогут найти хорошие шапки в 500 бесплатных вариантах, где они практически готовы к использованию. Немаловажным моментом будет для тех кто хочет использовать свои фотографии будет, то что все фотографии как правило квадратные, а не прямо угольные. Для этого хочу посоветовать еще один сервис Paint.net, скачать его можно здесь,
Сразу же хочу вкратце рассказать как работать с ним:
После установки, открываем необходимую вам картинку, в файл/открыть вот так:
шапка блога, создание
Зная, что все шапки блогов будут как правило вытянутые необходимо искать такие фото в которых после обрезания останется доступный, видимый материал, в моем случае это низ картинки, где идет надпись.
Во вкладке Изображение/Размер полотна мы можем обрезать необходимый нам участок, вот так:
шапка блога, создание2
Здесь мы выбираем необходимую нам длину и высоту шапки, а так же отмечаем какой край оставляем нетронутым, – в моем случае это нижний край так как именно там идет надпись. И вот вам еще одна готовая шапка для блога с названием:готовая шапка блога 2
В следующих статьях расскажу как делать тоже самое с нижней частью вашего блога. Если что-то не понятно, то пишите в комментариях.

Как добавить дополнительное поле для гаджета в шапке шаблона в Blogger

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

Виджет Вход в Блоггер


imageВсе мы хотим, чтобы те кто заходит на наш блог оставались в наших читателях. Для этого есть удобный гаджет Войти в Блоггер. Для того, чтобы его установить Вам необходимо просто добавить гаджет HTML|Java Script в любом для Вас удобном месте, и вставить туда следующий код:





Enter your username and password to enter your Blogger Dasboard <br/><br/><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> Username: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div><br/><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></form> 


Затем нажимае сохранить и у Вас появиться что-то вроде картинки в начале статьи.

добавляем форму обратной связи в Blogger


imageЕсли Вы хотите, чтобы Ваши читатели могли к Вам обратиться, но не желаете в открытую писать свой Е-mail, то вы можете добавить форму обратной связи как на картинке. то-есть человек будет писать Вам свой вопрос и имейл на который вы сможете ответить.
Чтобы получить такую форму Вам достаточно зайти в настройки блога, в раздел ДИЗАЙН. Нажать добавить гаджет, и выбрать HTML/Java Script , и добавить в него следующий скрипт:
<FORM action="mailto:you@yourdomain.com" method="post" enctype="text/plain"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="4" WIDTH="90%"><TR><TD width="30%"><DIV align="right"><B>Name:</B></DIV></TD><TD width="70%"><INPUT type="text" name="name" size="20"></TD></TR><TR><TD><DIV align="right"><B>Email:</B></DIV></TD><TD><INPUT type="text" name="email" size="20"></TD></TR><TR><TD><DIV align="right"><B>Comment:</B></DIV></TD><TD><TEXTAREA name="comment" cols="30" wrap="virtual" rows="4"></TEXTAREA></TD></TR><TR><TD>&nbsp;</TD><TD><INPUT type="submit" name="submit" value="Submit"><INPUT type="reset" name="reset" value="Reset"></TD></TR></TABLE></FORM>

Как добавить ссылку на другой сайт в шапку Вашего блога.


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

Чтобы это сделать необходимо зайти в настройки блога, в раздел изменить HTML и найти следующий код:
<div class='titlewrapper'>
    <h1 class='title'>
      <b:if cond='data:blog.url == data:blog.homepageUrl'>
        <data:title/>
      <b:else/>
        <a expr:href='data:blog.homepageUrl'><data:title/></a>
      </b:if>
    </h1>
  </div>


Как отображать гаджет только на главной странице, либо в определенной статье.


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

Еще один Удобный ЧАТ для blogger

чат для bloggerДоброго всем времени суток. Недавно наткнулся на интересный сервис “CBOX” который предоставляет очень удобный скрипт чата для blogger в Html коде. Пример данного чата Вы можете видеть на моем блоге, или на картинке к этой статье.

Итак чтобы получить себе этот очень простой и удобный чат Вам необходимо перейти на сайт:
http://www.cbox.ws/
Затем нажать на главной странице на ссылку Get your own free Cbox now!После чего откроется окно в котором необходимо вписать свои данные. Затем создав аккаунт, Вы должны залогиниться на сайте, после чего перейти во вкладку Publish! на этой странице внизу вы увидите Скрипт Вашего чата,
чат для блоггер 

который можно вставить в любое свободное место на Вашем блоге используя Html/Java Script. 
Для этого зайдите в настройки блога, в раздел Дизайн/Элементы страницы, нажмите Добавить гаджет в необходимом месте, выберите Html/Java scriptвставьте туда скопированный код, сохраните и готово-наслаждайтесь своим чатом.

Бесплатный чат и мини чат для блога

чат для блога
В этой статье пошагово объясню как добавить чат и мини чат в блог. Напомню, что в прошлой статье я рассказал как создать favicon, в этой же статье расскажу о том как заставить посетителей вашего блога остаться как можно дольше, для этого мы добавим в наш блог чат. Речь пойдет о двух чатах для вашего блога. О большом чате и мини чате. Большой чат мы возьмем с сайта Yaplet.com(специализированный сайт по добавлению бесплатных чатов в сайты и блоги). Давайте перейдем на него. 

Создаем фотогалерею в блог


Галерея в блогОчень красивый гаджет для блоггер - “фотогалерея”. Все что было до этого не было таким красивым в оформлении, и таким удобным. Фотогалерею можно добавить в шапку шаблона, сайдбар, подвал,количество картинок не ограничено, при наведении мышки на любую картинку она увеличивается и становится поверх других. Посмотреть как работает гаджет можноздесь.



Итак Получить такую фотогалерею в свой блог можно всего за несколько шагов:
1.Добавляем скрипт галереи в свой шаблон:
Заходи в настройки Изменить Html  и находим следующий тэг: 
]]></b:skin>
И сразу перед ним вставляем следующий код: 
/* Blogger Zoom Gallery By AllBlogTools.com */
ul.thumb {
float: left;
list-style: none;
margin: 0; padding: 10px;
width: 360px;
}
ul.thumb li {
margin: 0; padding: 5px;
float: left;
position: relative;  /* Set the absolute positioning base coordinate */
width: 110px;
height: 110px;
}
ul.thumb li img {
width: 100px; height: 100px; /* Set the small thumbnail size */
-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
ul.thumb li img.hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw0eE8m3L7XQmmgNcig1ray-g_QCUc4onnp951_sL1L8sw-ftqOfivxhXoQRqIQVfqMnkwvG4fLtRDcIW8VWdtLF3OvIXcapSnmer2W7manxQGvwBlPlbvIQbJ6_1dfqX1gurLRJYHSdMR/) no-repeat center center;  /* Image used as background on hover effect
border: none; /* Get rid of border on hover */
}
Далее находим этот тэг: 
</head>
Добавьте следующий скрипт перед ним: 
<script src='http://code.jquery.com/jquery-latest.js'
type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
//Larger thumbnail preview
$(&quot;ul.thumb li&quot;).hover(function() {
$(this).css({&#39;z-index&#39; : &#39;10&#39;});
$(this).find(&#39;img&#39;).addClass(&quot;hover&quot;).stop()
.animate({
marginTop: &#39;-110px&#39;,
marginLeft: &#39;-110px&#39;,
top: &#39;50%&#39;,
left: &#39;50%&#39;,
width: &#39;174px&#39;,
height: &#39;174px&#39;,
padding: &#39;20px&#39;
}, 200);
} , function() {
$(this).css({&#39;z-index&#39; : &#39;0&#39;});
$(this).find(&#39;img&#39;).removeClass(&quot;hover&quot;).stop()
.animate({
marginTop: &#39;0&#39;,
marginLeft: &#39;0&#39;,
top: &#39;0&#39;,
left: &#39;0&#39;,
width: &#39;100px&#39;,
height: &#39;100px&#39;,
padding: &#39;5px&#39;
}, 400);
});
//Swap Image on Click
$(&quot;ul.thumb li a&quot;).click(function() {
var mainImage = $(this).attr(&quot;href&quot;); //Find Image Name
$(&quot;#main_view img&quot;).attr({ src: mainImage });
return false;
});
});
</script>
Теперь нажмите сохранить изменения.
2. Добавляем фотогалерею в блог:
Заходим настройки Дизайн/Элементы страницы выбираем где мы хотим добавить нашу галерею, и нажимаем Добавить гаджет.
В гаджетах выбираем Html/java script и вставляем в него следующий скрипт: 
<ul class="thumb">
<li><a href="#"><img src="ссылка на картинку 1" alt="" /></a></li>
<li><a href="#"><img src="ссылка на картинку 2 " alt="" /></a></li>
<li><a href="#"><img src="ссылка на картинку  3" alt="" /></a></li>
<li><a href="#"><img src="ссылка на картинку 4" alt="" /></a></li>
</ul>
в этом скрипте указываем ссылки к вашим картинкам, вместо # можно вставить адрес страницы на которую вы хотите чтобы переходил посетитель после нажатия на картинку. Количество картинок не ограничено, просто добавляйте строчку 
<li><a href="#"><img src="ссылка на картинку 1" alt="" /></a></li>
сколько необходимо раз.
Вот и все, наслаждайтесь приятным гаджетом.

Добавляем всплывающие окна в blogger


На некоторых сайтах Вы могли видеть перед открытием сайта всплывающее окно которое сообщает Вам какой-либо текст. Например содержание только для взрослых либо любая другая информация. Всплывающее окно описанное далее использует Java, так что оно не будет отображаться если у пользователя отключены джава.
Чтобы добавить всплывающее окно необходимо добавить следующий скрипт в тело шаблона между тэгами </head> и ]]></b:skin>:
<script language='JavaScript'>
//
alert (&quot;Это текст всплывающего окна&quot;)
</script>

Меняющаяся фон и шапка блога на блоггер.


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

Итак как сделать изменяющуюся картинку в шапке блога.

В моем блоге есть статьи как работать и как создать уникальную шапку для блога, для этого Вам необходимо почитать статью под названием 

Создаем уникальную шапку для блога.

1. Создаем необходимое количество картинок для шапки, которые подходят по размеру и тематике Вашему блогу.
2. Загружаем картинки на хостинг. Если у Вас нет хостинга тогда читайте следующие статьи о том где хранить файлы: 

Бесплатный хостинг или где хранить файлы для блоггера,Бесплатный хостинг для блоггерБесплатный хостинг на 2 гб от DropBox

3. После того как загрузили картинки на свой хостинг, заходим в Настройки/Дизайн/Добавить гаджет и выбираем HTML/Java Script в него вставляем следующий код:
<script type="text/javascript"> 
var banner= new Array() 
banner[0]="Image01URL
banner[1]="Image02URL
banner[2]="Image03URL
banner[3]="Image04URL
banner[4]="Image05URL
banner[5]="Image06URL
banner[6]="Image07URL
banner[7]="Image08URL
banner[8]="Image09URL
banner[9]="Image10URL
var random=Math.floor(10*Math.random()); 
document.write("<style>"); 
document.write("#header {"); 
document.write(' background:url("' + banner[random] + '") no-repeat top left;'); 
document.write(" }"); 
document.write("</style>"); 
</script>
Редактируем код:
а) Вместо Image01URL вставляем ссылку на картинку.
б) Скрипт будет в случайном порядке выбирать картинки при каждом обновлении страницы.
в) Если у Вас меньшее количество картинок, оставьте необходимо количество ссылок, и измените цифру 10 на цифру равную количеству Ваших картинок.

Изменяющийся фон блога.

Если Вы хотите добавить одну картинку в качестве фона блога, то найдите следующий тэг:
body { 
background:
после двоиточия в Вашем блоге будет идти либо код цвета (#010287;) либо ссылка (url(http//…….);) Заменя код цвета на ссылку с картинкой у Вас в блоге появиться Ваш фон.
А теперь как сделать так, чтобы Ваш фон изменялся.
проделываем все теже шаги, только вставляем немного другой скрипт:
<script type="text/javascript"> 
var banner= new Array() 
banner[0]="Image01URL" 
banner[1]="Image02URL" 
banner[2]="Image03URL" 
banner[3]="Image04URL" 
banner[4]="Image05URL" 
banner[5]="Image06URL" 
banner[6]="Image07URL" 
banner[7]="Image08URL" 
banner[8]="Image09URL" 
banner[9]="Image10URL" 
var random=Math.floor(10*Math.random()); 
document.write("<style>"); 
document.write("body {"); 
document.write(' background:url("' + banner[random] + '") repeat center center;'); 
document.write(" }"); 
document.write("</style>"); 
</script>
Редактируем код аналогично предыдущему. только здесь важное значение имеет расположение картинки, если Ваша картинка маленькая  и Вы хотите чтобы она повторялась оставьте Repeat, если у Вас большие картинки и они заполняют весь фон Вашего блога то вместо repeat вставьте no-repeat fixed
Надеюсь Вам понравилась данная статья.