Нужна ли блогу страница "обо мне"

Здравствуйте все, кто читает сегодняшнюю шпаргалку. Вот и дошёл черёд написать о такой важной для блога странице <обо мне>. Для меня, признаюсь честно, написать о себе было просто испытанием. Раз пять писала и переписывала её. В конце концов остановилась пока на том, что есть.

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

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

Ну а сейчас о самой форме <обо мне> для блога. Все обратили внимание, когда только создаём блог, форма обо мне у нас появляется сразу. И тоже тяжело сказать, что-то о себе любимом. И так она у нас долго стоит или, вообще забываем о её существовании. Сама по себе она какая-то скучноватая.

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

Давайте уже посмотрим саму форму. Работу можно посмотреть на этом блоге.

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

После всего этого добавляем просто гаджет HTML/JavaScript и вставляем в него следующий код 

<style>

#Вика{

border:2px solid #FFCCCC; margin:0px 3px 0px 0px; padding:2px;

}

#Вика:hover {

border:2px solid#FFCCCC ;

cursor:pointer;

}

.opacity  {

opacity: 0.5;

margin-left: 5px;

-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);  

filter: progid:DXImageTransform.Microsoft.Matrix(

                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');

zoom: 1;  

}

.opacity:hover  {

opacity: 3;

margin-left: 0px;

-moz-transform: rotate(0deg);  

-o-transform: rotate(0deg);  

-webkit-transform: rotate(0deg);  

-ms-transform: rotate(0deg);  

transform: rotate(0deg);  

filter: progid:DXImageTransform.Microsoft.Matrix(

                    M11=1, M12=0, M21=0, M22=1, sizingMethod='auto expand');

zoom: 1;

-moz-box-shadow: 2px 2px 4px #000;

-webkit-box-shadow: 2px 2px 4px #000;

box-shadow: 2px 2px 4px #000;

} 

</style>

   <!--[endif]----> 

<img align="left" class="opacity" id="#profileAmatullah" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk6nxqOh3K5xbWultFp1QZcALN_6vXElSOqAcUYjU3ifomYkiLysrIGh-yHijaPfts-HyR9WgA1J9Acwgb9VUWBqS7s8Q2Z1468ofI_-CVgJzLCf1XRzqOSnr-0j0bIoPF304SqZKJyETf/s1600/%252525D0%252525BC%252525D0%252525BE%252525D1%25252591%25252B%252525D1%25252584%252525D0%252525BE%252525D1%25252582%252525D0%252525BE.jpg" />Приветствую всех , кто читает мои шпаргалки. Разрешите познакомиться. Меня зовут Виктория . В данный момент живу на Южном Урале. Почему в данный? Просто столько по жизни пришлось менять место <a href="http://hpargallka.blogspot.ru/p/blog-page_29.html">...подробнее</a><!--![endif]----> 

<div class="clear">

</div>

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

</span>

Красным я выделила адрес, где находиться моё фото. Синий текст, естественно, будет анонсом вашей страницы, ну а зелёным-это адрес самой страницы <обо мне>.

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

Удачи нам всем

хотите оформить подписку на новые шпаргалки

введите пожалуйста свой email :