Jak zrobić takie przekierowanie?


(gzregorz.gorecki) #1

Aby uniknąć bana na główną domenę i nie kupować co chwilę domen, tym bardziej bawić się w darmowe chciałbym publikować posty na tumblrcom a z niej przekierowywać od razu na stronę docelową.
Ktoś wie jak zrobić takie przekierowanie?
Przykład:
Dodaję post na fb pod domeną abcd.tumbrl.com, user wchodzi i widzi przekierowanie i wlatuje na moją domenę.
Widziałem kiedyś takie przekierowanie na ipzdpl (z tokenów na grupie)

Domyślam się, ze zwykłe przekierowanie w js pomoże aczkolwiek ciemna masa ze mnie i nie mogę sobie poradzić z kodem…
Ktoś pomoże?


(krystian3w) #2

https://pl.wikipedia.org/wiki/Przekierowanie_URL - Możesz użyć tagu meta / javascript, pierwszy przed zakończeniem </head>, drugi możesz dać po <body> w szablonie bloga.

Raczej z tumblr nie zrobisz sobie swojego skracacza linków.


Jakbyś chciał zrobić bloga na tumblr z swoją domeną:

(gzregorz.gorecki) #3

https://wiadomosci-pl.tumblr.com/ znalazłem aktywny link z przekierowaniem tumbrl na domene wlasciwą, moze teraz ktoś cos pomoże? Niestety Krystian, Twoja pomoc nie rozwiązała problemu ;/


(krystian3w) #4

Po <body> w szablonie tumblr:

<script type="text/JavaScript">
var redirect = "http://..................................................";
setTimeout("top.location.href = redirect",1500);
</script>

<p style="font-family: 'Fira Sans'; font-size: 30px; margin-top:100px; text-align: center; font-weight: 300;">Trwa ładowanie strony...</p>

Część kodu możesz z szablonu potem usunąć by było mniej elementów na stronie.


https://www.tumblr.com/docs/pl/custom_themes


(gzregorz.gorecki) #5

Czy na stronie tumbrla ma byc cos takiego? http://imgur.com/a/lCxmd

Tutaj następuje przekierowanie do strony i wygląda obiecująco aczkolwiek link tumbrla coś nie śmiga i szukam dalej


(krystian3w) #6

W złym miejscu wklejasz…

www.tumblr.com/settings/dashboard :arrow_right: wybierasz bloga :arrow_right: edytuj szablon :arrow_right: edytuj kod HTML

lub

wpisujesz adres https://www.tumblr.com/customize/ADRES-BLOGA-BEZ-TUMBLR.COM :arrow_right: edytuj kod HTML:

Przykładowy kod na przekierowanie jak w znalezionym przykładzie:

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>Przekierowanie</title>
      <link href="https://fonts.googleapis.com/css?family=Fira+Sans" rel="stylesheet"> 
   </head>
   <body>
      <script type="text/JavaScript">
         var redirect = "http://..................................................";
         setTimeout("top.location.href = redirect",1500);
      </script>
      <p style="font-family: 'Fira Sans'; font-size: 30px; margin-top:100px; text-align: center; font-weight: 300;">Trwa ładowanie strony...</p>
   </body>
</html>

var redirect = "http://.................................................."; - w miejsce kropek wstawiasz swój adres, jak zdublujesz http:// to może nie działać, jak masz szyfrowanie to możesz dopisać “s” i wyjdzie https://.

Można też zrobić by się dało kliknąć w tekst “trwa ładowanie strony”:

<p style="font-family: 'Fira Sans'; font-size: 30px; margin-top:100px; text-align: center; font-weight: 300;">
<a href="http://..................................................">Trwa ładowanie strony...</p>

(gzregorz.gorecki) #7

Uff, udało się zrobić przekierowanie i chba ostatnia prosta, jak teraz ogarnąc aby post wyglądał na post?Tzn z normalnym tytułem i jpg? http://imgur.com/a/qjEw7


(krystian3w) #8

<title> Przekierowanie </title>
- tu wpisz swój pożądany tekst, zastąpi on wielki tekst przekierowanie.


<meta name="description" content=".....">
- w miejsce kropek wpisz tekst jaki ma się wyświetlać jako mniejszy, możesz wstawić to po tagu:
<title> ... </title>


Co do grafiki to można by próbować jakąś wstawić pod pod tekstem i ukryć w css jakimś sposobem (niepolecane) - po rozwinięciu widoczny kod css na ukrycie

text-indent: -9999px

display: none

visibility: hidden; height: 0px; width: 0px

Albo poszukać czy Facebok w dokumentacji wychytuje takie coś z tagu meta:

<meta name="msapplication-TileImage" content="adres grafiki">
- taki wtedy możesz wstawić po:
<meta name="description" content=".....">
I już wtedy nie trzeba wstawiać grafiki i jej ukrywać.


Wyglądu linka w poście niestety nie zmienisz.


(gzregorz.gorecki) #9

Koniec, udąło sie i wszystko działa jak nalezy :wink: Podziekowania dla Ciebie @krystian3w