3.31.2009

Кнопки закладок в блоге

0 коммент
Социальные закладки - это один из элементов новомодной концепции Web 2.0
По сути, это сервисы, которые предлагают хранить закладки на интересные интернет-страницы не на локальном компьютере, а в сети. И не просто хранить, а и обмениваться ими. Все в точности с постулатами: "контент должен создаваться самими пользователями" и "пользователи должны объединятся в социальные сети".
Чем это выгодно блоггеру?

Вы бесплатно получаете ссылки на ваш блог с других сайтов. И чем лучше вы пишите, тем больше будет ссылок. А это всегда хорошо.
Но для того, чтобы читатели сохранили закладку на ваш блог на одном из сервисов социальных закладок, необходимо одно из двух: или предустановленный плагин в браузере читателя (а вы никогда не узнаете, есть он или нет), или специальная панель с кнопками в вашем блоге. Я предлагаю сделать панель. Для этого необходимо:

Зайдите на свой блог, затем в настройки, форматирование, шаблон сообщения:
Туда вы должны вставить следующий код:
<script src="http://odnaknopka.ru/ok3.js"
type="text/javascript"></script>


Затем надо сохранить настройки.

Теперь в любом сообщении при создании, вы увидите в виде HTML этот код. В зависимости от его местоположении в тексте, будет находиться панель закладок.

3.30.2009

Гаджет - перевести страницу

4 коммент
Сейчас я расскажу, как я сделал гаджет "Перевести страницу".

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

Не на всех сайтах есть гаджет транслитерации, но он сильно выручает.


Для того, чтобы его установить нужно:



Зайдите в настройки блога, макет, добавить гаджет, выберите HTML/Javascript. Озаглавить можно как хотите. В текстовую область добавьте следующий код.

<style>
.google_translate img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

border:0;

}

.google_translate:hover img {

filter:alpha(opacity=30);

-moz-opacity: 0.30;

opacity: 0.30;

border:0;

}

.google_translatextra:hover img {

filter:alpha(opacity=0.30);

-moz-opacity: 0.30;

opacity: 0.30;

border:0;

}

</style>

<div>

<a class="google_translate" href="#"
target="_blank" rel="nofollow" title="English"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en');
return false;"><img alt="English" border="0"
align="absbottom" title="English" height="32"
src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800"
style="cursor: pointer;margin-right:13px"
width="24"/></a>

<a class="google_translate" href="#"
target="_blank" rel="nofollow" title="French"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en');
return false;"><img alt="French" border="0"
align="absbottom" title="French" height="32"
src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800"
style="cursor: pointer;margin-right:13px" width="24"/></a>

<a class="google_translate" href="#"
target="_blank" rel="nofollow" title="German"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en');
return false;"><img alt="German" border="0"
align="absbottom" title="German" height="32"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7tzWFT8gDNXkzyOgwdhfnz04WKunVqQl7g87XO3TFmh94TKBNsKcLNpoEP6TR8Hvd3p-ZuPt1SY4ifo5UumqPhJowRvaCyBr0IrnANnUkYFV4THWjXk6t1y5p8hLjJz0Vgx_id061EcSz/?imgmax=800"
style="cursor: pointer;margin-right:13px" width="24"/></a>

<a class="google_translate" href="#"
target="_blank" rel="nofollow" title="Spain"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en');
return false;"><img alt="Spain" border="0"
align="absbottom" title="Spain" height="32"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1G2LQNOIXvlmohoxhSgHzoneI7Hs7kCAlcfqGvXujSIUdb3VKeno_WxxqQDHJTtuthY4tYGDNQAKTsLENo6mA-mtJ0jGojJZHWBcu1-RXhpzAdZNkEYQ9JwAvoPhpYve3W4o7HtW3Evsh/?imgmax=800"
style="cursor: pointer;margin-right:13px" width="24"/></a>

<a class="google_translate" href="#"
target="_blank" rel="nofollow" title="Italian"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en');
return false;"><img alt="Italian" border="0"
align="absbottom" title="Italian" height="32"
src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800"
style="cursor: pointer;margin-right:13px" width="24"/></a>

<a class="google_translate" href="#"
target="_blank" rel="nofollow" title="Dutch"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en');
return false;"><img alt="Dutch" border="0"
align="absbottom" title="Dutch" height="32"
src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800"
style="cursor: pointer;margin-right:13px" width="24"/></a>

<br/><br/>

<a class="google_translate" href="#"
target="_blank" rel="nofollow" title="Russian"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en');
return false;"><img alt="Russian" border="0"
align="absbottom" title="Russian" height="32"
src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800"
style="cursor: pointer;margin-right:13px" width="24"/></a>

<a class="google_translate" href="#"
target="_blank" rel="nofollow" title="Portuguese"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en');
return false;"><img alt="Portuguese" border="0"
align="absbottom" title="Portuguese" height="32"
src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800"
style="cursor: pointer;margin-right:13px" width="24"/></a>

<a class="google_translate" href="#"
target="_blank" rel="nofollow" title="Japanese"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en');
return false;"><img alt="Japanese" border="0"
align="absbottom" title="Japanese" height="32"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT_7GGx0YsX9N6hU7TiMORnznvSf2fUH5lOWTTGwZTaKRX24acULJaqWMcXQ5KjKe3vHaEFa8iB6OklAyEI0dNTgASDicUthwxcp3255vVQZ-r1kk3yjV5uOIG4okWsm8Ux2K0Q3aLG_-D/?imgmax=800"
style="cursor: pointer;margin-right:13px" width="24"/></a>

<a class="google_translate" href="#"
target="_blank" rel="nofollow" title="Korean"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en');
return false;"><img alt="Korean" border="0"
align="absbottom" title="Korean" height="32"
src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800"
style="cursor: pointer;margin-right:13px"
width="24"/></a>


<a class="google_translate" href="#"
target="_blank" rel="nofollow" title="Arabic"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en');
return false;"><img alt="Arabic" border="0"
align="absbottom" title="Arabic" height="32"
src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800"
style="cursor: pointer;margin-right:13px" width="24"/></a>

<a class="google_translate" href="#"
target="_blank" rel="nofollow" title="Chinese
Simplified"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en');
return false;"><img alt="Chinese Simplified"
border="0" align="absbottom" title="Chinese
Simplified" height="32"
src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800"
style="cursor: pointer;margin-right:13px" width="24"/></a>

</div><div style="font-size:10px;margin:10px 0px 3px
0px">

by : <a href="http://www.blogspottutorial.com">BTF</a>

</div>

Сохраните шаблон. Местоположение этого гаджета не имеет значения.


3.24.2009

Гаджет - перевести страницу упрощеный

2 коммент
Теперь я расскажу о более простом гаджете транслитерации. Его можно использовать, чтобы сократить время загрузки страницы(сравнивая с гаджетом транслитерации ниже).
Для того, чтобы добавить себе этот гаджет нужно:

Зайдите в настройки, макет, добавить гаджет, выберите HTML/Javascript, в текстовую область добавьте следующий код:



<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script>

Всё! Сохраните! Теперь гаджет добавлен. Вы можете перемещать его в любое место, это не имеет значения.

3.23.2009

Добавить Yahoo смайлики эмоции в Blogger Комментарии

8 коммент
Сегодня, ходя по сайтам где описываются хаки блоггера я наткнулся на то, что узнал интересную вещь! Оказывается можно в форму комментариев вставлять смайлики! Я попробовал так себе сделать и мне понравилось.









Теперь
я расскажу Вам, как установить его в Blogger.



Но сначала вы должны иметь встроенный комментарий в форме блога (например, вставлять комментарий ниже форму blogger должностей)

Сейчас, как
его установить.


Найдите следующие строки:




<p
class='comment-footer'>
<b:if
cond='data:post.embedCommentForm'>
<b:include data='post'
name='comment-form'/>
<b:else/>
<b:if
cond='data:post.allowComments'>
<h3><a
expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a></h3>
</b:if>
</b:if>
</p>
</b:if>



Замените на код, который расположенный ниже:


<p class='comment-footer'>
<b:if
cond='data:post.embedCommentForm'>
<div
style='-moz-background-clip: -moz-initial; -moz-background-origin:
-moz-initial; -moz-background-inline-policy: -moz-initial; width:
369; text-align: left; border: 1px solid #cccccc; padding: 5px;
background: #eeeddf; height:86'>
<b>

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'
width='18'/> :))

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'
width='18'/> ;))

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'
width='18'/> ;;)

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'
width='18'/>:D

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'
width='18'/>;)

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'
width='18'/>:p

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'
width='22'/>:((

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'
width='18'/>:)

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'
width='18'/>:(

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'
width='18'/> :X

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'
width='18'/> =((

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'
width='18'/>:-o

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'
width='20'/> :-/

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'
width='18'/> :-*

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'
width='18'/> :|

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'
width='24'/> 8-}

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'
width='31'/>:)]

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'
width='44'/> ~x(

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'
width='30'/>:-t

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'
width='18'/> b-(

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'
width='18'/>:-L

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'
width='34'/> x(

<img border='0' height='18'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'
width='30'/> =))

</b>
</div>
<b:include
data='post' name='comment-form'/>
<b:else/>
<b:if
cond='data:post.allowComments'>
<a
expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>


Сохраните! Если нет ошибок, продолжим.

Теперь
найдите тег

</ BODY>

перед ним вставте следующий код:

<script
src='http://bandofgirls.googlepages.com/smiley.js'
type='text/javascript'/><noscript><a
href="http://anshuldudeja.blogspot.com"
target="_blank">Blogger Widgets</a></noscript>


Сохраните шаблон.

Теперь смайлы
добавлены!



3.22.2009

Как сделать пост Резюме (Читать далее...)

3 коммент
Мне много пришлось облазить в интернете сайтов, чтобы узнать, а в первую очередь понять, как правильно это делать. Я имею в виду пост-резюме(Читать далее...). Для того, чтобы это получить, много трудиться не следует.

Выполните следующие действия:

Шаг # 1:

1. Войдите в Blogger с вашим ID


2. На приборной панели нажмите кнопку Макет.


3.Затем выберите вкладку "Изменить HTML.


4. Нажмите кнопку "Загрузить полный шаблон ссылке. Сохранить шаблон (очень важно)


5. Пожалуйста, отметьте флажок Расширить шаблоны виджета.


6.Перейти в код шаблона, и найти код, подобно этому :

<p><data:post.body/></p>

7. Замените его на следующий:

  <b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/>

<a expr:href='data:post.url'><strong>Read
more...</strong></a></p>

</b:if>


8. Нажмите кнопку Сохранить шаблон

Шаг # 2:

1.Щелкните вкладку "Настройки".


2. Щелкните вкладку форматирования.


3. Перейти к нижней стороне. Вы найдете пустой текст рядом пост шаблонов. Заполните, что пустое текстовое поле с настоящим кодом:

<div class="fullpost">

</div>

4.Нажмите кнопку Сохранить настройки.



Как разместить свою статью?

Для этого много трудиться не придётся:

При редакции нового сообщения вы увидите теги:
 <span class="fullpost"> .......</span> 


Та часть, которая будет отображаться при просмотре сообщения в полном виде, должна быть помещена между этими тегами. При просмотре к коротком виде, она отображаться не будет.

3.15.2009

Иконка сайта favicon для Blogger

0 коммент

Иконка сайта, favicon, которая отображается
на вкладке маленьким значком, это
украшение. Но красивая иконка сайта
сделает его заметнее - конечно, стандартная
favicon на блогах тоже ничего, но она одна
и та же у всех на Blogger. Оригинальная
иконка это и лицо сайта, и хороший тон
дизайнера. Сделать favicon самому
нетрудно, а для размещения

её потребуется вставить только одну строчку в код шаблона. Итак
, заводим себе аккаунт на любом хостинге
картинок (та же Picasa подойдёт), берём
любой графический редактор и создаём
favicon ico за пять минут.


Для этого нужно сделать следующее:

  1. Загружаем ваш
    графический редактор (Adobe Photoshop, GIMP...) и
    создаём изображение размером 16х16 или
    22х22 пикселя. Рисуем и создаём favicon -
    можно взять из элементов оформления
    блога или из любого понравившегося
    изображения. Главное, чтобы изображение
    было несложным - помните, ваш холст
    всего 22х22 пикселя!


  2. Сохраняем результат
    в
    формате png или
    ico.
    Есть мнение, что
    favicon
    ico
    предпочтительнее,
    однако
    favicon png так
    же
    хорошо отображаются (во всяком
    случае,
    Blogger-ом).


  3. Загружаем получившийся favicon
    на
    хостинг изображений, берём
    оттуда
    прямую ссылку на наш favicon.


  4. Теперь заходим
    в
    Панель управления блогами в
    Blogger,
    нажимаем Макет и там -
    Править
    HTML
    . В коде блога ищем:

<title><data:blog.pagetitle/></title>

Сразу под этим кодом
вставляем такой:
<link href='http://где.ваша.картинка.png' rel='shortcut icon'/>

Приведённый код
должен быть между
тегами


<head> ... </head>

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




3.14.2009

Облако тегов на Blogger

3 коммент
Этот хак - удобная вещь для блога.

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

Такая организация тегов экономит место на странице и просто это выгледит красиво.

Чтобы добавить на свой блог виджет "Облако тегов" перейдите по ссылке которая расположены ниже


Установка виджета Облако тегов

3.12.2009

Создание административной панели блога

0 коммент

Те блоггеры, которые пользуются нестандартным шаблоном виджета, не c административной панели(см. ниже). Многим людям приходится наизусть запоминать url для того, чтобы сделать логин.



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

Для этого необходимо:

Заходим в настройки> макет> тсоздать гаджет> Html/Javascript, копируйте код расположенный в таблице ниже и вставляем:
<div id="LinkList1" class="widget LinkList">

<h2>Административная панель</h2>

<div class="widget-content">

<ul>

<li>

<span class="adminlist">

<a href="http://www.blogger.com/home">Панель инструментов</a>

</span>

</li>

<li>

<span class="adminlist">

<a href="http://www.blogger.com/blog-options-basic.g?blogID=##################">Настройки</a>

</span>

</li>

<li>

<span class="adminlist">

<a href="http://www.blogger.com/rearrange?blogID=##################">Макет</a>

</span>

</li>

<li>

<span class="adminlist">

<a href="http://www.blogger.com/post.g?blogID=##################">Изменить сообщения</a>

</span>

</li>

<li>

<span class="adminlist">

<a href="http://www.blogger.com/post-create.g?blogID=##################">Новое сообщение</a>

</span>

</li>

</ul>

<div class="clear"/>

<span class="widget-item-control">

<span class="item-control blog-admin">

<a title="Edit" target="configLinkList1" onclick='return _WidgetManager._PopupConfig(document.getElementById("LinkList1"));' href="http://www.blogger.com/rearrange?blogID=934829683866516411&amp;widgetType=LinkList&amp;widgetId=LinkList1&amp;action=editWidget" class="quickedit">

<img width="18" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" alt=""/>

</a>

</span>

</span>

<div class="clear"/>

</div>

</div>

Не забудьте заменить
##################
на идентификатор.


Если вы хотите придать красивый вид этому гаджету, нужно вставить следующие стили:


.adminlist {

background:transparent url(http://home.kpn.nl/oosti468/images/lock.png) no-repeat scroll left center;

padding:2px 0px 2px 20px;

}

3.11.2009

Предварительный просмотр ссылок или миниатюры страниц

0 коммент
Если Вы ведёте или читаете блоги на платформе LiveJournal, то заметили удобную опцию предварительного просмотра ссылок в виде миниатюры сайта на который ведёт ссылка. Возле таких ссылок можно увидеть вот такой значок - . При наведении курсора мыши на такую ссылку всплывает маленькое окошко в котором можно увидеть миниатюру сайта.

Snap Shots Logo
Такую удобную опцию просмотра ссылок можно реализовать и на Blogger. Для этого необходимо установить утилиту Snap Shots. Установка очень проста:


1. Перейдите на сайт www.snap.com
2. Справа Вы увидите раздел Publishers / Bloggers

3. Щелкните кнопку Get Started

4. На следующей странице Вам необходимо настроить цвет фона окошка

5. Select Your Shots Language: Russian

6. Advanced Settings (Дополнительные настройки)


* Show Snap Shots Link Icon (Показывать иконку Snap Shots около ссылок)

* Trigger Snap Shots on Link Icon Only (Генерировать миниатюру только при наведении на значок)

* Display Large Snap Shots by Default (Показывать большое окошко)

* Enable Snap Shots for External Links (Разрешить миниатюры для внешних ссылок)

* Enable Snap Shots for Internal Links (Разрешить миниатюры для внутренних ссылок)

* Only Display Preview Shots (Показывать только миниатюру, без интерактивности)

* Enable Snap Shots to look for key phrases on your web site, and then add the right Snap Shots. (Разрешить миниатрюры для просмотра ключевых фраз)


7. Нажмите кнопку Continue

8. На следующей странице введите адрес e-mail, URL своего блога и новый пароль для доступа к Snap Shots

9. Прочтите и примите условия Snap Shots Terms of Use Policy

10. Нажмите кнопку Continue

11. На следующей странице Вы увидите заголовок Install Snap Shots on Blogger

12. Просто нажмите Install Now

13. После чего Вы попадёте на знакомую страницу Добавить элемент страницы Blogger

14. Выберите из списка блог и нажмите Добавить виджет

15. После чего на блоге появится новый виджет, который Вы можете переместить в удобное место и настроить.

3.10.2009

Ограничение численности постов RSS

1 коммент
Многие читатели хотят подписаться на RSS-ленту блогов, но проблема в том, что со временем количество постов достигает десятков и даже сотен. Михаил нашёл способ решения этой проблемы.

Здесь применён следующий трюк

 http://Ваш блог.blogspot.com/feeds/posts/default?orderby=published&max-results=5

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

3.09.2009

Одно украшение блога

2 коммент

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


Зайдите в настройки> Макет> Изменить HTML(ставить галочку расширить шаблон виджета необязательно, это роли не играет), нужно вставить следующие стили перед тегом </head>


.post-author{

background:transparent url(http://home.kpn.nl/oosti468/images/calendar_month.png) no-repeat scroll left center;

padding:2px 0px 2px 20px;

}

.post-labels {

background:transparent url(http://home.kpn.nl/oosti468/images/box.png) no-repeat scroll left center;

padding:2px 0px 2px 20px;

}

.post-comment-link {

background:transparent url(http://home.kpn.nl/oosti468/images/balloon.png) no-repeat scroll left center;

margin-right:10px;

padding:2px 0px 2px 20px;

}

Далее сохранить шаблон виджета.

3.08.2009

Последние коментарии

0 коммент
Последние комментарии (гаджет) сделать очень просто. Для этого нужно:
Зайдите в настройки> Макет> Добавить гаджет> HTML/Javascript> создать. В поле ввода введите следующий код:

<script
type="text/javascript">
function
recentcommentDisplay(json) {
if
(recentcommentprocessed){return;}
recentcommentprocessed
= true;

for (var i = 0; i < numcomments; i++) {

var entry = json.feed.entry[i];

var alturl;
if (i == json.feed.entry.length) break;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

alturl = entry.link[k].href;

break;

}

}

alturl = alturl.replace("#", "#comment-");

var postlink = alturl.split("#");

postlink = postlink[0];

var linktext = postlink.split("/");

linktext = linktext[5];

linktext = linktext.split(".html");

linktext = linktext[0];

var posttitle = linktext.replace(/-/g," ");

posttitle = posttitle.link(postlink);

var commentdate = entry.published.$t;

var cdyear = commentdate.substring(0,4);

var cdmonth = commentdate.substring(5,7);

var cdday = commentdate.substring(8,10);

var monthnames = new Array();

monthnames[1] = "Янв";

monthnames[2] = "Фев";

monthnames[3] = "Март";

monthnames[4] = "Апр";

monthnames[5] = "Май";

monthnames[6] = "Июнь";

monthnames[7] = "Июль";

monthnames[8] = "Авг";

monthnames[9] = "Сент";

monthnames[10] = "Окт";

monthnames[11] = "Нояб";

monthnames[12] = "Дек";

if ("content" in entry) {

var comment = entry.content.$t;}

else

if ("summary" in entry) {

var comment = entry.summary.$t;}

else var comment = "";

var re = /<\S[^>]*>/g;

comment = comment.replace(re, "");

if (!standardstyling) document.write('<'+'div
class="bbrecpost">');

if (standardstyling) document.write('<'+'br/>');

if (showcommentdate == true) document.write(cdday + ' ' +
monthnames[parseInt(cdmonth,10)] + ' ');

document.write('<'+'a href="' + alturl + '">' +
entry.author[0].name.$t + '</a> ');

if (showposttitle == true) document.write(': ' + posttitle);

if (!standardstyling) document.write('<'+'/div>'+'<'+'div
class="bbrecpostsum">');

if (standardstyling) document.write('<'+'br/>');

if (comment.length < numchars) {

if (standardstyling) document.write('<'+'i>');

document.write(comment);

if (standardstyling) document.write('<'+'/i>');}

else

{

if (standardstyling) document.write('<'+'i>');

comment = comment.substring(0, numchars);

var quoteEnd = comment.lastIndexOf(" ");

comment = comment.substring(0, quoteEnd);

document.write(comment + '...'+'<'+'a href="' +
alturl + '">(далее)'+'<'+'/a>');

if (standardstyling) document.write('<'+'/i>');}

if (!standardstyling) document.write('<'+'/div>');

if (standardstyling) document.write('<'+'br/>');

}} </script>

<script
src="http://ВашБлог.blogspot.com/feeds/comments/default?alt=json-in-script&callback=recentcommentDisplay"></script>

Не забудьте
вместо слов «Ваш блог» вставить первую
часть url-ла вашего блога.



3.07.2009

Архив блога в виде календаря

0 коммент
Добавление этого хака, сложная процедура(по сравнению с другими). Чтобы всё работало без збоев, нужно делать всё по инструкции.

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

Если вы ведёте блог, который регулярно пополняете сообщениями по несколько в день, то этот хак может вам не подойти, но работать будет.

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


Установка Архива Блога в Виде Календаря

3.06.2009

Открытие блога

1 коммент
Здравствуйте посетители. В этом блоге я буду писать о различных хитростях, гаджетах, о дизайне и мн. др. связанное с blogger.com. У меня уже есть небольшой опыт, так как это не первый мой блог.

Последние комментарии