Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Советы миллионеров - как стать богатым и знаменитым!?" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

Декабрь 2013   →
						1
2	3	4	5	6	7	8 08.12.2013 14:53:42 15:13:54 15:21:04
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

Автор

Luisa

Статистика

7.087 подписчиков
+3 за неделю

• Выпуски
• Статистика

←   Все выпуски   →

Создание, продвижение и монетизация блога Смена дизайна блога для уникальности

Как изменить дизайн сайта или как изменить дизайн сайта – в сегодняшней статье мы с Вами дорогой друзья, поменяем дизайн своего блога или дизайн сайта. Зачем нужно менять дизайн  сайта? Во-первых, сайт который Вы создали должен быть уникальным в своем роде! Эти одинаковые по дизайну сайты уже достали, вообще без фантазии. Ну да ладно, мы то изменим дизайн и сделаем его уникальным, дизайн который будет отличатся от остальных. Во-вторых сменить дизайн блога или сайта необходимо для того чтобы новый посетитель запомнил Ваш сайт и хотел возвращаться на него снова и снова, конечно для этого нужно писать уникальный и качественный контент, но об этом потом. На поисковых роботов смена дизайна Вашего блога никак не влияет, для них главное полезен ли контент на сайте, который Вы пишете. Перед тем ка нам начать редактировать дизайн блога, рекомендую скачать архив с программами, которые будут для нас необходимы. Сейчас наш сайт выглядит примерно так: Но эта стандартная тема wordpress, а это значит, что она есть у многих, обычно у людей, которые не хотят заниматься изменением дизайна своего сайта думая, что и так пойдет, но эта огромная ошибка! Как я писал выше, дизайн шаблона, темы блога wordpress или дизайн сайта должен быть уникален в своем роде. Именно поэтому мы с Вами сейчас займемся сменой дизайна нашего блога, ну а если у Вас сайт, то ничего страшного, редактировать дизайн сайта будем с помощью HTML, только установку темы на wordpress можете пропустить. Как установить тему на wordpress для смены дизайна блога? Начнем с установки темы на wordpres, wordpress тему мы будем устанавливать RoboGamse. После того как скачали тему зайдите в админ панель Вашего блога по адресу (имя mysite.com поменяйте на свое) «внешний вид |темы»: Установить темы | загрузить и выберете скачанную тему wordpress на Вашем компьютере: После чего жмите установить | активировать тему wordpress! Теперь ваш блог будет выглядеть вот так как на картинке: Но нам такой дизайн блога не подходит для бизнеса и он совсем не уникален, поэтому сейчас изменим дизайн блога до неузнаваемости и сделаем его чертовски красивым! Изменяем дизайн шаблона, темы wordpress! Первым делом сделаем кликабельными социальные кнопки, которые находятся в шапке нашего блога: Для этого зайдите в админ панель Вашего блога по адресу , внешний вид | RoboGamse настройки темы | социальные настройки: Здесь нам нужно поставить свои ссылки на наши социальные страницы, зарегистрируйтесь в каждом из сервисов: Facebook, Twitter, GooglePlus, Linkedin, YouTube и укажите свой E-MAIL адрес.  Эти кнопки помогут нам для продвижении блога: Теперь в эти поля нужно вставить адреса Ваших социальных сетей. Если у Вас еще нет социальных страниц, то создайте их. Вот по этим ссылкам: Вконтакте, facebook, twitter, odnoklassniki, linkedin, plus.google и youtube. Рассказывать о регистрации я не буду, так как это уже будет отдельныя статья, думаю Вы разберетесь сами в регистрации настройки социальных страниц, ну а если нет, то google Вам в помощь. И так продолжим изменение дизайна блога! После того как Вы вставили свои адреса социальных сетей, нажмите на кнопку сохранить изменения: Теперь можете проверить, как работают Ваши кнопки социальных сетей, нажав на одну из них. Как видите, страницы открываются, вроде все нормально, но Ваш посетитель блога нажмет на кнопку и уйдет с Вашего сайта и потом может не вернуться на него, а это плохой показатель для поисковых роботов, которые индексируют Ваш блог или сайт, то есть негативно отражается для продвижении Вашего ресурса. Как сделать открытие страниц в новом окне? Сейчас Вам нужен FTP клиент, например FileZila. Запускайте FTP и входите в корень Вашего сайта: Далее заходите в папку wp-content | themse и в папку с нашей темой – RobaGamse: Теперь нажмите правой кнопкой мыши на файл header.php и выберите «Просмотр / правка», откроется файл header.php, который отвечает за содержание верхней части блога, у сайтов это просто верхняя часть кода в файле их него сайта. Вернитесь на сайт и посмотрите код кнопок, который мы найдем header.php и сделаем кое какие изменения. Для этого нажмите правой кнопкой мыши на социальную кнопку Вашего блога или сайта и выберите «просмотр кода элемента»: Скопируйте класс кнопки и откройте файл header.php  Вашего блога. Теперь нужно найти кнопки социальных сетей для этого скопированный класс нужно вставить в поиск и нажать кнопку искать далее: Страница опустится в низ, и откроет перед Вами код социальных кнопок, код кнопок выглядит вот так: В него нам нужно вставить HTML атрибут «target=”_blank”», что означает открыть в новом окне. В эту же строчку надо вставить HTML атрибут «rel=”noindex” или rel=”nofollow”», что запретит поисковым роботом индексировать наши кнопки. Это необходимо, чтобы с Вашего блога или сайта не было зафиксировано много исходящих ссылок. После проделанных действий сохраните документ и обновите страницу блога. Теперь кнопки социальных сетей открываются в новом окне! Далее изменим шапку блога, удалим лишние картинки и сменим цвет подвала сайта в фотошопе. Дальше нам понадобится программа фотошоп, если Вы не умеете пользоваться фотошопом, то ничего страшного я все буду показывать на примере. Теперь с папки нашего блога перенесите все картинки на компьютер! Все картинки нашего блога располагаются в папке images: Первое что нам нужно сделать это удалить лишние изображение с блога. Зайдите в скопированную папку images с нашего сервера и удалите там картинку «wrapper-bg2» и «wrapper-bg». Теперь запустите программу фотошоп и перетащите в нее картинку «wrapper»: Инструментом «прямоугольная область» выделите всю область картинки «wrapper» и зажмите сочетание клавиш CTRL+C, после этого – файл | новый ! OK. Опять нажмите инструмент «прямоугольная область» и выделите красную панель: После чего нажмите сочетание клавиш CTRL+X b и вставьте на пустой области нажмите CTRL+V: Далее нажмите создать новый слой: И выберите инструмент «заливка», залейте нашу картинку и перетащите красную панель в самый верх слоев! Теперь сделаем градиент цвета для панели и для залитого белого пространства. Станьте на слой панели и нажмите «добавить стиль слоя», создание градиента: Сделаем нашу панель выделенной, проводим те же действия, только поставьте галочки на следующих инструментах: Для залитой области повторите действия с небольшой поправкой – поставьте галочку «инверсия»: Теперь сохраняем то что у нас получилось в папку с нашей темой «images» под именем — «wrapper», для этого нажмите «файл | сохранить для web-устройств в формате JPG качество ставьте средние и жмите кнопку сохранить. Ищите папку «images» на компьютере и сохраняйте картинку под именем «wrapper», компьютер спросит, заметь существующую, нажмите да заменить. Теперь нам нужно изменить цвет панелей в сайт-баре нашего блога. Цветная, красная картинка  называется — «h2bg» ее нам и нужно открыть в фотошопе: Наложим градиент такой же, как и в шапке... И сохраним картинку в скопированную папку на компьютере, нашего блоге, под именем «h2bg». Настала очередь footera – подвала блога: Его мы изменим с помощью файла Style.css в папке с нашим блогом. Этот файл отвечает за все стили блога. Запускайте FTP клиент и заходите в wp-content | themse | RoboGamse | style.css. В поиске впишите footer-outer:  поиск нашел такое: #footer-outer { background: none repeat scroll 0 0 #222222; margin: 0 auto; width: 970px; } В строке background: none repeat scroll 0 0 #222222; нужно изменить цвет. Для этого скачайте программу ColorMania (здесь). И определим нужный нам цвет. В программе выберем такой цвет и нажмем copy: Теперь поменяйте #222222 на #CEDB5A и сохраните. Последний шаг: Папку «images» на нашем компьютере, нужно закинуть обратно на сервер. Заходите в wp-content | themse | RoboGamse и закачивайте с компьютера на блог папку «images»: Ну а теперь почистим кэш браузере, а то наши изменения можем не увидеть. Для этого в Вашем Браузере зажмите сочетание клавиш – CTRL+Shift+Delet, этим мы все почистим! Теперь запускайте блог и любуйтесь сделанными изменениями. Поздравляю Вас, Вы сделали уникальный сайт! На этом у меня все! Увидимся в следующей статье.... Не забывайте оставить комментарии!

---

В избранное

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} {#if $P.login_register_tab == 1} <form class="authentication-form" method="post" action="/MEMBERLOGIN_authen_cred"> <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <h1>Войти на сайт</h1> {* {#include js_tmpl_auth_reg_button} *} {#include js_tmpl_auth_reg_action} <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones"><p>{#include js_tmpl_auth_reg_descr} </p></div> <div class="logreg_advice noPhones"> Если вы еще не с нами, то начните с <a href="#" onclick="rgNav('js_tab_reg');return false;" class="dashed" data-func="registr">регистрации</a> </div> <br><br> <a class="dashed auth-enter" href="/manage/author/"><b>Вход для авторов</b></a> </dt> </dl> </form> {#/if} {#if $P.login_register_tab == 2} <div class="rg_block_options"> <div id="js_tap_panel_auth"> <h1>Регистрация</h1> <div class="social_reg"> {* <div class="rg_description">{#include js_tmpl_soc_auth_reg_descr}</div> *} {#include js_tmpl_auth_reg_soc} <div class="rg_soc_auth_agree">{#include js_tmpl_auth_reg_agree}</div> </div> <div class="subscribe_reg"> {* <div class="rg_description"> #include js_tmpl_auth_reg_descr </div> *} {#include js_tmpl_auth_reg_action} </div> {* {#include js_tmpl_auth_reg_button} *} <div class="clr"> </div> <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones">{#include js_tmpl_auth_reg_descr} {#include js_tmpl_soc_auth_reg_descr} </div> </div> </div> {#/if} </div> {* <div class="gray_bg register_shadow"></div> *} </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_auth" class="{#if $P.login_register_tab == 1} rg_active_nav {#/if} rg_first_nav"><a onclick="rgNav('js_tab_auth');return false;" href="">Вход на сайт</a></li> <li id="js_tab_reg" class="{#if $P.login_register_tab == 2} rg_active_nav {#/if}"><a onclick="rgNav('js_tab_reg');return false;" href="">Регистрация </a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_action} {#if $P.login_register_tab == 1} {#include js_tmpl_auth_reg_soc} {#/if} <div class="rg_forms"> <input type="hidden" id="login_register_destination" value="{$P.login_register_destination}"/> {#if $P.login_register_tab == 1} <div class="rg_for_input"> <span class="rg_text_inner">E-mail или код подписчика</span> <input id="credential_0" class="js_keydown_selector rg_input_text" data-js_submit="no" data-js_next_input_name="credential_1" name="" type="text" /> </div> <div class="rg_for_input"> <span class="rg_text_inner">Пароль</span> <input id="credential_1" class="js_keydown_selector rg_input_text" data-js_submit="yes" data-js_action="js_loginFormBut" name="" type="password" onkeyup="showAttention(this,!!window.event.shiftKey)" /> <span class="pswd_attention" id="attention_pswd"> <span class="icon_attention"></span> <span class="pswd_attention-text" id="attention-text_pswd1">Русская раскладка клавиатуры!</span> <span class="pswd_attention-text" id="attention-text_pswd2">У вас включен Caps Lock!</span> <span class="pswd_attention-text" id="attention-text_pswd3">У вас включен Caps Lock и русская раскладка клавиатуры!</span> </span> </div> <div class="rg_for_input input-alien"> <span class="chk noPhones"><input id="chk_alien" name="" type="checkbox" /></span><label for="chk_alien" class="noPhones"> Чужой компьютер</label> <a class="forgot_pass" href="/member/totalrecall">Забыли пароль?</a> </div> <div class="rg_for_input"> <em id="auth_msg" class="reg_error"></em> <input id="lf_typeauthid" value="email" type="hidden"> <input type="submit" class="button button-red logreg_submit" id="js_loginFormBut" value="Войти"> <!--</a>--> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} {#if $P.login_register_tab == 2} <div class="rg_for_input"> <span class="rg_text_inner">E-mail</span> <input id="arfemail" class="js_keydown_selector rg_input_text" name="" type="text" data-js_submit="yes" data-js_action="js_regFormBut"/> </div> <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a> </label> <br /> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_personal' type="checkbox" data-js_submit="yes" /></span> Нажимая на кнопку "Готово!", я даю <a class="link_txd logreg_accLink" href="/faq/persverordnung.html">согласие на обработку персональных данных</a> </label> </div> {* <div style="float: left;position: absolute;left: 11em;"> <img src="http://www.kupivip.ru/images/vip/logo.png?1604" style="width: 86px; vertical-align: middle;display: block;"> </div> <div class="rg_for_input rg_set_lineh"> <label class="js_tap_panel_checkbox"><input name="" id="js_tap_panel_checkbox_kupivip" type="checkbox" data-js_submit="yes"> Я хочу получать новости о скидках на одежду</label> </div> *} <div class="rg_for_input"> <em id="reg_msg" class="reg_error rg_for_input_wide"></em> <em id="reg_msg2" class="reg_error rg_for_input_wide"></em> <input id="rf_typeauthid" value="email" type="hidden"> <a class="button button-red logreg_submit" id="js_regFormBut" href="#">Готово!</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} </div> {#/template js_tmpl_auth_reg_action} {#template js_tmpl_auth_reg_agree} <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms_reg' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a></label> <em id="reg_msg_soc" class="reg_error rg_for_input_wide"></em> </div> {#/template js_tmpl_auth_reg_agree} {#template js_tmpl_auth_reg_button} <div class="rg_butons_socials"> {#if $P.login_register_tab == 1} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} {#if $P.login_register_tab == 2} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} </div> {#/template js_tmpl_auth_reg_button} {#template js_tmpl_auth_reg_descr} {#if $P.login_register_tab == 1} Для оформления подписки на выбранную рассылку, работы с интересующей вас группой или доступа в нужный вам раздел, просим авторизоваться на Subscribe.ru {#/if} {#if $P.login_register_tab == 2} Для регистрации укажите ваш e-mail адрес. Адрес должен быть действующим, на него сразу после регистрации будет отправлено письмо с инструкциями и кодом подтверждения. {#/if} {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_soc_auth_reg_descr} Или зарегистрируйтесь через социальную сеть. {#/template js_tmpl_soc_auth_reg_descr} {#template js_tmpl_auth_reg_soc} <div class="rg_soc"> {#if $P.login_register_tab == 1} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/login/vk/&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} {#if $P.login_register_tab == 2} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/join/vk&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} </div> {#/template js_tmpl_auth_reg_soc}

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <p class="rg_description">{#include js_tmpl_auth_reg_descr}</p> <div class="clr"> </div> {#include js_tmpl_auth_reg_action} <div class="clr"> </div> </dt> </dl> </div> <!-- <div class="gray_bg register_shadow"></div> --> </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_reg" class="rg_active_nav rg_first_nav"><a href="" onclick="return false;" >Регистрация</a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_descr} <strong>Пожалуйста, подтвердите ваш адрес.</strong><br><br>Вам отправлено письмо для подтверждения вашего адреса {$P.register_confirm_mail}.<br>Для подтверждения адреса перейдите по ссылке из этого письма. {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_auth_reg_action} <div class="rg_forms confirm_code_from_letter"> <div class="rg_for_input"> <span class="rg_inp_descr" style="width:15em;">Или введите код из письма:</span> <input type="text" value="" id="confirm_code" name="" data-js_submit="yes" data-js_action="js_confirmFormBut" class="js_keydown_selector rg_input_text_conf" > </div> <div class="rg_for_input"><label>Не пришло письмо? <b>Пожалуйста, проверьте папку Спам</b><br /> (папку для нежелательной почты).</label><br />  <a href="" onclick="ajax_recall_code();return false" >Вышлите мне письмо еще раз!</a></div> <div class="rg_for_input"> <em class="reg_error" id="confirm_msg"></em> <a href="#" class="button button-red" id="js_confirmFormBut">Готово</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> <br> </div> </div> {#/template js_tmpl_auth_reg_action}