Полезные гаджеты и мелочи для вашего блога

Кто желает съесть орех, должен разбить скорлупу. Плавт

     И снова, здравствуйте, читатели и подписчики.

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

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

 В одном из уроков я показывала ка установить на свой блок Like Box от вашей фан-страницы на Фэйсбуке, сегодня мы установим  гаджет от твиттера. Это очень удобно и для вас, и для ваших посетителей, тут же на блоге читатель может ознакомиться с вашими твитами.

В уроке я также говорю о таком полезном элементе как "карта блога".

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

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

<link href='https://dl.dropbox.com/u/20885327/toggle_function.css' media='screen' rel='stylesheet' type='text/css'></link>
<script src='https://dl.dropbox.com/u/20885327/toggle_function.js' type='text/javascript'></script>
<script src='https://dl.dropbox.com/u/20885327/toggle_toc.js/' type='text/javascript'></script>
<script src='http://struninahalina.blogspot.com//feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc'></script>
<script type='text/javascript'>
var accToc=true;
</script>

Замените на свои данные, скопируйте и вставьте, вот и вся работа. Не забудьте опубликовать страницу и сохранить. Просмотрите блог, карта блога появилась, значит эту задачу мы выполнили. Отлично.

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

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

Код:

<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style>

<center>

<div id="social">

<a href=http://feeds.feedburner.com/blogspot/THOID rel="nofollow" target="_blank" title="Подпишитесь на RSS"><img alt="Icon RSS" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjly8lDJVp5yR22AcL8oC34d_XlMXShtk-v7jHnCI4TP0NmWif16RHYOl9Zsy3yO2hnvpnUpv0Miv8EVdPrbrAhpm97fejTpEUPRQmJDzLRfXShDw-xC9c1kMPaAEfFdMvwcfO5Ruma2MI/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a>

<a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/THOID&;loc=ru_RU" rel="nofollow" target="_blank" title="Получите новые статьи на Email"><img alt="Icon Email" border="0" src="http://1.bp.blogspot.com/-6Db4xlsxpfM/UCd62NNnDFI/AAAAAAAACXM/7juUQLsr7lg/s1600/RSS-EMAIL-48.png" style="margin-right: 1px;" /></a>  

<a href="https://www.facebook.com/gstrunina " rel="nofollow" target="_blank" title="Подружитесь со мной в Facebook"><img alt="Icon Facebook" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjgnDZ6RKxsksPXDC6TVR16ZTQxh2oDB7WdCoQ0pDXE0jGos9bLD6e-_hrpf_Vm9md8r-NDQAeO1XxxvrxC6n-fUAhd1KazyL33TQkgTQol_4M9cQuLmPKU1BtrE5pGJok82RjqFlaZrs/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a>

<a href="http://twitter.com/galinastrunina " rel="nofollow" target="_blank" title="Подружитесь со мной в Twitter"><img alt="Icon Twitter" border="0" src="http://1.bp.blogspot.com/-JuuqzK04p8s/UCS5x16X97I/AAAAAAAACWs/bWjTy0p3ueI/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a>

<a href="https://plus.google.com/u/0/107108935619045366227/posts" rel="nofollow" target="_blank" title="Подружитесь со мной в Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6iCzeJCQmdE-tLCytCrDIXVPTqnoXo8KrZt10N6_F3GKqjSmU93fkPeZJfVpej_BNOt2glSSuQPAp0hGriyNE7SMniflZSAe5GgeLGfGwphyphenhyphenHHPIleNbV0mH-3kmhJFcs67HJlWkpKfI/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a>

<a href="http://vkontakte.ru/gstrunina " rel="nofollow" target="_blank" title="Подружитесь со мной в vkontakte"><img src="https://lh6.googleusercontent.com/-uNyo41UyihE/UXKqHecC_sI/AAAAAAAABw0/vhinGdGwSMI/s52/button-vk-2.png" target="_blank" rel="nofollow" alt="Подружитесь со мной в vkontakte" width="52" height="52" /></a>

<a href="http://my.mail.ru/mail/gstrunina/" rel="nofollow" target="_blank" title="Подружитесь со мной в Моем Мире"><img src="https://lh5.googleusercontent.com/-XVsQ-0JCjxE/UXKqG5cDqRI/AAAAAAAABxA/IsuuXCXCOiQ/s52/button-mm.png" target="_blank" rel="nofollow" alt="Подружитесь со мной в Моем Мире" width="52" height="52" /></a>

<a href="http://www.odnoklassniki.ru/strunina.galina " rel="nofollow" target="_blank" title="Подружитесь со мной в Одноклассниках"><img src="https://lh4.googleusercontent.com/-6oWZqVbZKQA/UXKqHGfJi_I/AAAAAAAABw4/_kiKkYAiOp8/s52/button-ok.png" target="_blank" rel="nofollow" alt="Подружитесь со мной в Одноклассниках" width="52" height="52" /></a>

 Даю такой  вариант, потому что он самый простой и не сложный по установке, т.к. многие "не дружат" со скриптами и HTML-кодами.

Не составит труда установить такой гаджет. Советую скопировать код сначала в блокнот, там сделать корректировку и потом установить.

  Успехов вам!!!

 Не забудьте оставить свой комментарий и я буду знать насколько полезна эта статья.

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