Виджет "О себе" для blogger blogspot

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

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

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

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

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

Вот сам виджет:

<h2 class="title">О себе</h2><div class="widget-content"><!--[if !IE]> --><style>}#probloggertricks:hover {border:2px solid #ccc;cursor:pointer;}.opacity {opacity: 0.5;margin-right: 50px;-moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out;-moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); }.opacity:hover {-moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -moz-box-shadow: 1px 1px 4px #000;-webkit-box-shadow: 1px 1px 4px #000;box-shadow: 1px 1px 4px #000;}
</style>   <!--[endif]---->

<style>#probloggertricks{border:2px solid #888; margin:2px 5px 0px 0px; padding:2px;}#profileAditya:hover {border:2px solid #ccc;cursor:pointer;}
.opacity:hover {opacity: 1;-moz-box-shadow: 1px 1px 4px #000;-webkit-box-shadow: 1px 1px 4px #000;box-shadow: 1px 1px 4px #000;}
</style>
<img class="opacity" id="probloggertricks" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheVIzccEgtofsfLqCd5kHuHSD10gVZQLOptGwZvHEZkl0OnGYsy3Nz8gCbSVksj-UhXOzcQxxMlcnrwyeqaRc8OVir5xDbI4eNMUpzWFRYJf54acZl2kTPM-pr3W1tiQkYmlxIWRXTwQ3J/w600-h450-no/P6170355.JPG" width="100" /><div style="font-family: Arial Tahoma Verdana; font-size: 13px; text-align: justify; "><b>Автор блога</b> Привет. Меня завут Анна и это мой блог: Записки блоггера новичка. Каждый читатель заходя сюда в первые должен немного знать о авторе блога...</div><a style="color:#5634;" href="http://studying-blogin.blogspot.com/p/blog-page_15.html" target="_blank">...Читать далее</a><!--![endif]----></div>

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheVIzccEgtofsfLqCd5kHuHSD10gVZQLOptGwZvHEZkl0OnGYsy3Nz8gCbSVksj-UhXOzcQxxMlcnrwyeqaRc8OVir5xDbI4eNMUpzWFRYJf54acZl2kTPM-pr3W1tiQkYmlxIWRXTwQ3J/w600-h450-no/P6170355.JPG" width="100 -  заменяете на адрес фото

Привет. Меня завут Анна и это мой блог - пишите свою информацию

http://studying-blogin.blogspot.com/p/blog-page_15.html" target="_blank - ссылка на страницу о себе (где будет более полная информация)


Как выглядит сам виджет можете посмотреть  с правой стороны на моем блоге
идея от сюда: http://www.probloggertricks.com/2013/05/about-me-widget-for-blogger.html


Пожалуйста не забывайте нажать