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

Доброго времени суток мои дорогие читатели!

Продолжаем "издевательства" над блогом Велереи, а именно:

1 - Устанавливаем опцию "Печатать страницу"для Blogger  

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


И так зашла в раздел -> Дизайн -> Изменить HTLM  Отметила галочкой “Расширить шаблоны виджетов” Далее с помощью поиска (Ctrl+F) нашла  вот эту строку в шаблоне  </head>  и перед этой строчкой  </head>  вставляем этот код:

<blockquote class="tr_bq"> <blockquote> <style type="text/css" media="print">#noprint {display: none;}// Hide unwanted elementsbody {background:fff; color:000;}// Black text on White backgrounda {text-decoration: underline; color:00f;}//Underline Hyperlinks in blue}</style><br /> </blockquote>

Затем нашла строчку <data:post.body/>  и вставила  после нее следующий  код:

<blockquote class="tr_bq"> <blockquote> <a href="javascript:window.print()">Печатать Страницу</a><br /> </blockquote>

Сохраняю изменения шаблона и радую Вас дорогие мои возможностью распечатать мой пост.

2 -  Красивое оформление цитат в блоге

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

3 - Плавающее меню рубрик 

Вот захотелось мне удивить Вас, дорогие мои читатели, плавным движением меню Рубрик при наведении на него курсора.
Что же я для этого делала? - спросите Вы. Да как обычно:
И так зашла в раздел -> Дизайн -> Изменить HTLM  Отметила галочкой “Расширить шаблоны виджетов” Далее с помощью поиска (Ctrl+F) нашла  вот эту строку в шаблоне  </head>  и перед этой строчкой  </head>  вставляем этот код:

<blockquote class="tr_bq"> <blockquote> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'> </script><br /> <script type='text/javascript'> var dur = 400; // Duration Of Animation in Milli Seconds $(document).ready(function() { $('a.linknudge, .Label ul li a').hover(function() { $(this).animate({ paddingLeft: '25px' }, dur); }, function() { $(this).animate({ paddingLeft: 0 }, dur); }); }); // end of Jquery Script </script><br /> </blockquote>

Сохранила изменения шаблона  и все мудрости, а как заманчиво водить теперь по Рубрикатору мышкой. Сама долго развлекалась).



До новых встреч и новых экспериментов над блогом Велереи