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

четверг, 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHJFOUw8KEt2Xiq8T0mylaOKFIaEwzXTJ4HGCMpXAY4_-5juY14r57M4rqLSR1QjSqVryy52KJ3lhiRhxNXcpdFSt59isMdrNAS86I69OpoiD_sz1u9dK7MSv28Y56GmvIxT0ry5eqZWhw/s1600/i_twitter.png'/> <strong>Twitter</strong>twitter.com</a></li>
            <li><a href='вставьте ссылку на которую будет переход при нажатии '><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQuTNYy0XjLUoQvh96htkozc9Zw-yXonwhl_STG3swVvusDISiJy5Q-FuyQETM5BNLUhLCVUc26wz-mHXsYK8PSBD9zMISgO09a6__X8qAWQvAlfv3WPb56zdsYtO0ECSXTH32yKkcm7ss/s1600/i_facebook.png'/><strong>Face Book</strong>facebook.com</a></li>
            <li><a href='вставьте ссылку на которую будет переход при нажатии'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm6ukVvmKTNHIYQEIUMAYMxqelPB8X_kRybqxvZFFsLkBRgzMOHT69x-fQSAVvVVSxnPAJRSvqB-6RvmlrZuIgkluChAGl9nEYDNqmQ5BQn8RiojX22USFtsZogv6MvfsLPcMYYCfCr_Z4/s1600/i_stumbleupon.png'/> <strong>Stumbleupon</strong>stumbleupon</a></li>
            <li><a href='вставьте ссылку на которую будет переход при нажатии '><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtpPWJgdpHwGWIrnC3NYfKTyY4HUW6wEUfu3HnJQ2zIv3S0_OFr5XjUPC9OMYbOZOE-TODy1gTlmyneUA6V-FJwqlBfr_4pVJrApKabZZSvCa3sU2Pg9lyxCAPcjfmOi6ma91fm1jjgO6o/s1600/i_delicious.png'/> <strong>Delicious</strong>delicious.com</a></li>
           <li><a href='вставьте ссылку на которую будет переход при нажатии'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQVI3tKPyTnDLHHYZjEDta42ah3r7R6lFm7W4ZkMrTD3NPdT9-Vac92C0UPXiPmJmgURcPZ3ctRwp697UAU8WjNFsyviUIeD7wPKdcbKwSba9wfy0MQvd47_uNaFlbnY8SpUfTE7hIqLqY/s1600/i_digg.png'/> <strong>Digg</strong>digg.com</a></li>
            <li><a href='вставьте ссылку на которую будет переход при нажатии'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqca1MwI36GJh3o-CRE6OMZLCsS20719svjCQbrOw_fJfUkYX1Zy_-IWvwcPZUQxjC7-2Nas-iyJN2cJsIo8FmVLQqbX6lhy9xiLwmr39lkBR1UJ8aDFpOa8aMzDGBktBCSEfgUv9iRqm9/s1600/i_flickr.png'/> <strong>Flickr</strong>flickr.com</a></li>
            <li><a href='вставьте ссылку на которую будет переход при нажатии'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2wjtMFpych6YvK_goN68nUINqbeTFXgp6HUFQ5DsKtSgS0cUPIMzi5fBJTqfGhPNeXravmXDxmCU91Ph3K1BKU8A9fZFyjgP_USu2OHc1oRB5HvL8XD3PQes8jpxaQYkeHgw_IUJQKykh/s1600/i_lastfm.png'/> <strong>Last.fm</strong>last.fm</a></li>
            <li><a href='вставьте ссылку на которую будет переход при нажатии'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN26C3JDuoQIWm623zRxISuAt_Vyc_2ZSrd-Ata3fApsV2MeLBr3uTrOlv-2cEwi6GZRCIyK8X2nVycz95PDvxf24dytPzHeUDBfUcuQFJtPdRuyubwXiMo5C5E_rJINwvRbE9Q-7Z_eIt/s1600/i_myspace.png'/><strong>My Space</strong>myspace.com</a></li>
            <li><a href='вставьте ссылку на которую будет переход при нажатии'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPebJS_tGyvh0yPLwb0SeBI9h3yweOPiWGRckpU_eibH6sRkP1DkSiqYRhTHRsSkKFgJceD71qEcFiDg7wcvGR7xgC5OyRe-7D8nEt4igKQ50E9mf5SfHdQXMgXjs0kzrfzLEXF27CRgX0/s1600/i_reddit.png'/> <strong>Reddit</strong>reddit.com</a></li>

Чтобы добавить на блог картинку-аватар в нижеприведенном коде поменяйте ссылку на свою фото. Фото должно быть 59 пикселей в ширину и 60 в высоту.

<img alt='VisitingCardBlogger' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgul2s97-zEpALr5QhsQQ84X-2lPBdYjsE9AuI1_E9ck1NEpueKF1oBLVj-Z8cGKwuaJ8CU2aWb_p6QYSDpBOMdFq2V_cr6by4-iedsxvrP8rbIycxLxIwE_c-qJJZ5IT9oTBkDwQt8k_f/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>

Выделенное жирным замените на свои названия.

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