JAK W NAGŁÓWKU STRONY LUB BLOGA



Podobne dokumenty
Danuta ROZPŁOCH-NOWAKOWSKA Strona Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).

Laboratorium 1: Szablon strony w HTML5

Krok 1: Stylizowanie plakatu

Tworzenie stron internetowych w kodzie HTML Cz 5


Dokumentacja Skryptu Mapy ver.1.1

I. Dlaczego standardy kodowania mailingów są istotne?

LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE

za pomocą: definiujemy:

Widżety KIWIPortal. tworzenie umieszczanie na stronach internetowych opcje zaawansowane. Autor: Damian Rebuś Data: Wersja: 1.

Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np. <BR>

darmowy autoresponder?

Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2

Programowanie WEB PODSTAWY HTML

Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp.

Projekt strony internetowej firmy organizującej przyjęcia

Laboratorium 6 Tworzenie bloga w Zend Framework

Krótki przegląd własności języka CSS

HTML. HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych

Szablon główny (plik guestbook.php) będzie miał postać:

Aplikacje WWW - laboratorium

Optymalizacja logo strony. Krok po kroku... Spis treści

Tabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>

Przepis. Wstęp HTML & CSS. W tym projekcie nauczycie się, jak stworzyć stronę internetową ze swoim ulubionym przepisem. Zadania do wykonania

Ten krótki poradnik pomoże Ci zainstalować nasz katalog no-name na swojej stronie internetowej.

Michał Bielecki, KNI 'BIOS'

STRONY INTERNETOWE mgr inż. Adrian Zapała

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA

2. Prezentacja wizualna

HTML podstawowe polecenia

Witryny i aplikacje internetowe

Ćwiczenie 9 - CSS i wstawianie CSS

Wykład 2 Tabele i ramki 1. Tabele 1.1. Podstawy budowy tabel na stronach WWW

Wykład 2 TINT. XHTML tabele i ramki. Zofia Kruczkiewicz

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA

Proste kody html do szybkiego stosowania.

Podstawy HTML i styli CSS. selektor {właściwość1: wartość1; właściwość2: wartość2}

PRÓBNY EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE CZĘŚĆ PRAKTYCZNA

HTML5 i CSS. Deklaracja <!DOCTYPE> musi być na początki dokumentu napisanego w HTML5 przed tagiem <html>.

Specyfikacja techniczna dot. mailingów HTML

HTML (HyperText Markup Language) hipertekstowy język znaczników

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści

SPIS TREŚCI. Sposób pierwszy... 3 Sposób drugi Ikony banków Ikony dostawców Strona1

Dzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css.

Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty

D:\Program Files\Temp\Deklaracja o wysokości opłaty za gospodarowanie odpadami komunalnymi-3.xml 6 maja :16

Tomasz Grześ. Systemy zarządzania treścią, cz. II

Odsyłacze. Style nagłówkowe

Źródła. cript/1.5/reference/ Ruby on Rails: AJAX: ssays/archives/

Jak zainstalować szablon allegro?

UONET+ - moduł Sekretariat

Wstęp 5 Rozdział 1. Informacje podstawowe 9

Budowa dokumentu HTML 5

Instrukcja obsługi funkcji specjalnych szablonu C01 v.1.0

Bazy Danych - Instrukcja do Ćwiczenia laboratoryjnego nr Prosta obsługa Bazy w PHP

Współpraca PHP z MySql

Cel: Przypisujemy przyciskom określone funkcje panel górny (Panel1)

Dokumentacja WebMaster ver 1.0

SPIS TREŚCI. Sposób pierwszy... 4 Sposób drugi Ikony banków Ikony dostawców Strona1

Frontendowiec.pl Miecho.pl. Strona 1 z 5. Mieszko Domagała 2014 Wszelkie prawa zastrzeżone.

Integracja z Facebook. Wersja 7.2.4

Moduł IV Internet Tworzenie stron www

INTRO. {27. Lipca} Jeśli chcesz podszkolić się w obsłudze arkuszy kalkulacyjnych, zapraszam na szkolenie z EXCELA w Poznaniu:

obecnie tabeli nie stosuje się do budowy struktury witryny (stosuje się za to pozycjonowanie elementów i warstwy) faktycznie wymagają

Jak dodać własny szablon ramki w programie dibudka i dilustro

e r T i H M r e n L T n

Przewodnik... Tworzenie Landing Page

Aplikacje WWW - laboratorium

Instrukcja obsługi uczelnianego systemu zarządzania stronami internetowymi (CMS)

Płace VULCAN. Jak na podstawie wbudowanego szablonu utworzyć własny szablon wydruku seryjnego?

Rysunek otaczany przez tekst

Dokument hipertekstowy

Box model: Content. Content - obszar zawartości określany jest za pomocą deklaracji wysokości i szerokości.

Pokaz slajdów na stronie internetowej

e-wsparcie Barbara Muszko Aktualizacja Twojej witryny internetowej tak prosta, jak obsługa Worda

Podstawy HTML. 2. Komendy ujęte są w nawiasy ostre - < > i występują najczęściej parami.

SterBox. Przygotowanie Strony Użytkownika

SIECI KOMPUTEROWE I BAZY DANYCH

Kadry VULCAN, Płace VULCAN

Dokumentacja Użytkownika systemu. Google Tag Manager. Wersja

Współpraca PHP z MySql cz.2

Wprowadzenie do języka HTML

Przewodnik... Tworzenie Formularza zapisu

edycja szablonu za pomocą programu NVU

Układ informacji i powiązań między danymi w deklaracji o wysokości opłaty za gospodarowanie odpadami komunalnymi

Zajęcia 13 wykorzystanie MySQL w PHP cz. 2

Załącznik nr 2 do uchwały Nr XXII/ 141 /2013 Rady Gminy Bojszowy z dnia r. <?xml version="1.0" encoding="utf-8"?>

Deklarowanie tytułu związanej z tabelą

Pomoc dla systemu WordPress

Przewodnik... Budowanie listy Odbiorców

Studia Podyplomowe Grafika komputerowa i Techniki Multimedialne, 2015, semestr II, dr inż. Robert Banasiak Projektowanie Stron WWW.

Języki programowania wysokiego poziomu. HTML cz.2.

Specyfikacja instalacji usługi SMS Premium w Przelewy24.pl

Budowanie listy Odbiorców

XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania.

Referat z przedmiotu Technologie Internetowe SPIS TREŚCI

INSTRUKCJA OBSŁUGI STRONY INTERNETOWEJ

Przewodnik... Segmentacja listy Odbiorców

APLIKACJE INTERNETOWE 1 HTML - STRUKTURA STRONY INTERNETOWEJ

Przykładowa integracja systemu Transferuj.pl

Transkrypt:

JAK W NAGŁÓWKU STRONY LUB BLOGA WSTAWIĆ FORMULARZ AUTORESPONDERA? - DLA STRON ZAINSTALOWANYCH NA SYSTEMIE WORDPRESS - http://www.michalandrzejczak.pl Copyright 2014 http://www.michalandrzejczak.pl Wszystkie prawa zastrzeżone 1

Więcej poradników z dziedziny e-biznesu, marketingu, tworzenia i pozycjonowania stron w Internecie dostępnych za darmo na stronie http://www.michalandrzejczak.pl Rozpowszechnianie dozwolone jedynie w niezmienionej formie, w całości. Kopiowanie i udostępnianie we fragmentach zabronione. Poradnik informacyjny, autor nie ponosi odpowiedzialności za skutki wykorzystania informacji w nim zawartych. Opisane w poradniku czynności mogą odbiegać od tych niezbędnych do wykonania na stronie. Dużo może zależeć m.in. od twojej wersji systemu Wordpress, motywu graficznego, itp. itd. Copyright 2014 http://www.michalandrzejczak.pl Wszystkie prawa zastrzeżone 2

Po zalogowaniu do panelu administracyjnego swojej strony w systemie Wordpress przejdź do zakładki Wygląd Edytor i odszukaj szablon Nagłówka prawdopodobnie będzie to plik header.php. Skopiuj i zapisz gdzieś na dysk cały kod z tego pliku, tak abyś w razie czego mógł go przywrócić. Sposób 1. Wykorzystaj <iframe></iframe> oraz stronę typu squeze page. Przygotuj stronę przechwytującą z formularzem autorespondera i umieść ją w nagłówku, na samym początku pliku header.php <center><iframe src="http://www.squeezepage.pl" width="1100" height="827" ></iframe></center> src adres twojej strony squeeze page width, height szerokość, wysokość opcjonalnie center ustawi stronę squeze page do środka opcjonalnie Sposób 2. W to samo miejsce co poprzednio kod <iframe> wklej do pliku header.php kod formularza ze swojego autorespondera, np.: <form method="post" action="http://www.gogvo.com/subscribe.php"> <input type="hidden" name="campaigncode" value="12345678901234" /> <input type="hidden" name="formid" value="12345xyz" /> <input type="hidden" name="affiliatename" value="twoja_nazwa" /> <table align="center"> Copyright 2014 http://www.michalandrzejczak.pl Wszystkie prawa zastrzeżone 3

<td>imię:</td><td><input type="text" name="fullname" /></td> <td>email:</td><td><input type="text" name="email" /></td> <td align="center" colspan="2"> <input type="submit" value="zapisz się" /></td> </table> <img src="http://www.gogvo.com/show_form.php?id=12345xyz" /> </form> Sposób 3. Stosując jeden z powyższych sposobów możesz również usunąć np. logo ze swojej strony. W tym celu powinieneś usunąć część kodu z pliku header.php. Jaka to będzie część kodu? To niestety zależy od twojego motywu graficznego i od tego co potrzebujesz usunąć. Aby zastąpić logo na stronie, w motywach z serii Elegant Themes (http://www.michalandrzejczak.pl/elegantthemes/) usuń część kodu pomiędzy znacznikiem <div class="container top-info"> oraz </div>, i w to miejsce wstaw kod formularza z autorespondera. Przykład usuniętego kodu: <a href="<?php echo esc_url( home_url() );?>"> <?php $logo = (get_option('evolution_logo') <> '')? esc_attr(get_option('evolution_logo')) : get_template_directory_uri(). '/images/logo.png';?> <img src="<?php echo $logo;?>" alt="<?php echo esc_attr(get_bloginfo('name'));?>" id="logo"/> </a> Elementy charakterystyczne, na które można zwrócić uwagę szukając właściwej części kodu to np. napis logo $logo evolution_logo id= logo (wskazuje na element logo w motywie graficznym o nazwie evolution), get_bloginfo ( name ) (nazwa bloga). Mając kopię zapasową pliku możesz bez obaw szukać właściwej części kodu stosując również metodę prób i błędów. Copyright 2014 http://www.michalandrzejczak.pl Wszystkie prawa zastrzeżone 4

Tak może wyglądać przykładowy kod (efekt widoczny na obrazku na pierwszej stronie tego poradnika): <table width="800" height="166" border="0" align="center" cellpadding="10"> <td align="left" valign="top"><div align="center"> <h1 id="mlm">"najskuteczniejsze Strategie Marketingu Internetowego Do Wykorzystania w e-biznesie, mlm i zarabianiu przez Internet..." </h1> <form method="post" action="http://www.gogvo.com/subscribe.php"> <input type="hidden" name="campaigncode" value="1234567890123xyz" /> <input type="hidden" name="formid" value="123" /> <input type="hidden" name="affiliatename" value="twoja_nazwa" /> <table align="center"> <td> <div align="center" valign="middle"><input class="dwa" type="text" name="email" size="40" value="podaj prawidłowy adres e-mail..." onfocus="this.value=''" /></div></td> <td align="center" colspan="2"> <input src="http://www.adres-url twojego-przycisku.jpg" type="image"></td> </table> <img src="http://www.gogvo.com/show_form.php?id=123" /> </form> </table> </div></td> Kod formularza pochodzi z autorespondera GVO http://bit.ly/1ifcjlg Całość umieściłem w wycentrowanej tabeli o szerokości 800 pikseli i wysokości 166 pikseli. Copyright 2014 http://www.michalandrzejczak.pl Wszystkie prawa zastrzeżone 5

Pomiedzy <h1> i </h1> umieściłem nagłówek. Lekko zmodyfikowany kod formularza autorespondera znajduje się pomiędzy znacznikami <form> i </form>. Możesz skopiować go w całości z tego poradnika i wstawić tylko odpowiednie wartości value w 3 miejscach (CampaignCode, FormID, /show_form.php?id=) z formularza z twojej kampanii. <input class= dwa > - to jest pole, w które subskrybent wpisuje swój adres e-mail. size= 40 określa szerokość pola. Parametr dwa określający wygląd tego formularza (pola) został zdefiniowany w pliku style.css również dostępnym do edycji z poziomu edytora ( Wygląd Edytor arkusz stylów style.css ): input.dwa { height: 40px; border: 1px solid #ECC101; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-color: #f6f6f6; text-align: center; font-size: medium; font-family: Arial, Verdena; } Raz jeszcze podkreślam nie ma gwarancji, że powyższy kod zadziała u Ciebie tak samo dużo może zależeć od twojego motywu graficznego. UWAGA automatyczna aktualizacja motywu graficznego może nadpisać wprowadzone zmiany. Copyright 2014 http://www.michalandrzejczak.pl Wszystkie prawa zastrzeżone 6