Шаблон для блоггер - интернет визитка.

четверг, 11 февраля 2010 г.

Недавно вышел новый шаблон для блоггера – визитка в интернете. Посмотрите на него. Скачать шаблон.
шаблон для блоггера скачать
Настроим блог:

1. Создайте блог на блоггере.
2. Напишите 2 поста (статьи) один для кнопки About, другой для кнопки Contact.
3. Посмотрите в браузере пути этих двух новых постов, скопируйте их.
4. После этого зайдите в каждый пост и сотрите заголовок. Поле должно быть пустым.
5. Зайдите в настройки шаблона блогеера (Дизайн/Изменить HTML) и найдите следующий код:

<b:if cond='data:blog.url == &quot;http://yourblog.blogpost.com/about.html&quot;'>
Поменяйте красную на ссылку поста About, который вы создале во 2 пункте.
Тоже самое для кнопки Contact, найдите код:
<b:if cond='data:blog.url == &quot;http://yourblog.blogpost.com/contact.html&quot;'>
Поменяйте красную ссылку на адрес поста Contact. 
Чтобы при нажатии на кнопки меню пользователь переходил на нужную страницу найдите код:
<li><a href='http://yourblog.blogpost.com/about.html'>About</a></li>
<li><a href='http://yourblog.blogpost.com/contact.html'>Contact</a></li>
Поменяйте две вышепреведенные ссылки в коде на ссылки постов About и Contact, котрые мы создавали в самом начале.
Чтобы поменять название страницы и ее описание найдите код:
<h1>My visiting card</h1>
<p>A short description of your person</p>
Здесь впишите свое название блога, а ниже его описание.
Для того чтобы при нажатии на кнопку одной из сервисов осуществлялся переход замените красные слова в ниже приведенном коде на ссылки к вашим аккаунтам (twitter, facebook и пр.). Не забудьте перед ссылкой поставить http:// 

     
<li><a href='вставьте ссылку на которую будет переход при нажатии'><img src='http://3.bp.blogspot.com/_hrhg1n2KA3Y/S1cJ1P1CAbI/AAAAAAAAC0k/oncblNUTnjU/s1600/i_twitter.png'/> <strong>Twitter</strong>twitter.com</a></li>
            <li><a href='вставьте ссылку на которую будет переход при нажатии '><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S1cG49qPkbI/AAAAAAAAC0E/cRJCajcofK0/s1600/i_facebook.png'/><strong>Face Book</strong>facebook.com</a></li>
            <li><a href='вставьте ссылку на которую будет переход при нажатии'><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S1cJoivorHI/AAAAAAAAC0g/lqjKkW9724Q/s1600/i_stumbleupon.png'/> <strong>Stumbleupon</strong>stumbleupon</a></li>
            <li><a href='вставьте ссылку на которую будет переход при нажатии '><img src='http://1.bp.blogspot.com/_hrhg1n2KA3Y/S1cFjp1MGHI/AAAAAAAACz0/G5ZMG-Cc-CY/s1600/i_delicious.png'/> <strong>Delicious</strong>delicious.com</a></li>
           <li><a href='вставьте ссылку на которую будет переход при нажатии'><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S1cGJg-GmoI/AAAAAAAACz8/6CnnFCaogs4/s1600/i_digg.png'/> <strong>Digg</strong>digg.com</a></li>
            <li><a href='вставьте ссылку на которую будет переход при нажатии'><img src='http://4.bp.blogspot.com/_hrhg1n2KA3Y/S1cH0YoNPrI/AAAAAAAAC0I/oTomBZMJW28/s1600/i_flickr.png'/> <strong>Flickr</strong>flickr.com</a></li>
            <li><a href='вставьте ссылку на которую будет переход при нажатии'><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S1cIALnrYLI/AAAAAAAAC0M/rZxCss-b77g/s1600/i_lastfm.png'/> <strong>Last.fm</strong>last.fm</a></li>
            <li><a href='вставьте ссылку на которую будет переход при нажатии'><img src='http://4.bp.blogspot.com/_hrhg1n2KA3Y/S1cI162218I/AAAAAAAAC0U/5ND7ykx0pCg/s1600/i_myspace.png'/><strong>My Space</strong>myspace.com</a></li>
            <li><a href='вставьте ссылку на которую будет переход при нажатии'><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S1cJMETBFeI/AAAAAAAAC0c/HYkIEcQT8kw/s1600/i_reddit.png'/> <strong>Reddit</strong>reddit.com</a></li>

Чтобы добавить на блог картинку-аватар в нижеприведенном коде поменяйте ссылку на свою фото. Фото должно быть 59 пикселей в ширину и 60 в высоту.
<img alt='VisitingCardBlogger' src='http://4.bp.blogspot.com/_hrhg1n2KA3Y/S1cKtQx3IcI/AAAAAAAAC0w/wDvGlqilXN0/s1600/person.png'/>
Чтобы поменять данные на странице Contact – найдите в шаблоне следующий код:
<div class='row'><span class='field_l i_company'>Company:</span><span class='field_r'>Your Company Name</span></div>
          <div class='row'><span class='field_l i_location'>Location:</span><span class='field_r'>You Location (Town, Country)</span></div>
          <div class='row'><span class='field_l i_web'>Website:</span><span class='field_r'><a href='http://yourblogurl.blogspot.com'>Blog or website name</span></div>
          <div class='row'><span class='field_l i_mail'>E-Mail:</span><span class='field_r'>youremail@host.com</span></div>
          <div class='row'><span class='field_l i_mail'>IM :</span><span class='field_r'>YourIM</span></div>
          <div class='row'><span class='field_l i_mail'>Skype:</span><span class='field_r'>yourskype</span></div>
Выделенное жирным замените на свои названия.

Похожие статьи

3 комментариев:

Лидия Шулакова комментирует...

Сергей, добрый день! Я так думаю, что перед тем как менять значения в дизайне - необходимо использовать шаблон визитки? Так? А вот сам шаблон визитки никак не могу скачать, я его просто не могу найти - подскажите пожалуйста где он находится и как его оттуда взять!

Лагунов Сергей комментирует...

Добрый день
Этот шаблон для blogger скачать по моей ссылке нельзя равно как и другие шаблоны. Вы можете самостоятельно найти его в интернете.

Лагунов Сергей комментирует...

вот ссылка на скачивание этого шаблона для blogspot http://www.bwtemplate.com/2011/03/my-visiting-card-blogger-template.html

Отправить комментарий

Оставляйте ваши комментарии

 
 
 

Читать блог на другом языке

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
 
Copyright ©Lagunof.com
Блога автора книги "Недвижимость: классическая, виртуальная, интеллектуальная" При перепечатке материалов с блога обратная ссылка обязательна
e4a11e6f00df223bf058f2795454739b