Criar várias páginas de download obter link para blogspot
Este artigo eu guio você para criar uma página de download com vários links de obtenção para blogspot , o post anterior Crie uma página de download para obter um link para blogspot que você possa revisar.
Por padrão, este artigo tem 3 links disponíveis: Fshare , Google Driver , Mediafire . Se você quiser adicionar mais páginas, por favor, declare o código abaixo.
Tempo de espera para obter o link
Semelhante ao método de instalação, você pode revisar o artigo Criar uma página de download para obter o link para blogspot .
Passo 1 : Você vai para a seção Página para criar uma página chamada Download e copie todo o código abaixo e cole-o dentro (observe que ele é colado no modo HTML)
<div class='time-wrapper hidden'><p><b>Quá trình tải xuống của bạn sẽ bắt đầu sau giây lát!</b></p><p><span id="timer-countdown">0</span></p><div class="getlink-button"></div></div><style>.hidden{display:none!important}p{margin:0}p,.getlink-button,.time-wrapper{text-align:center}.getlink-button a{background:#6dab3c;border:1px solid #6dab3c;position:relative;color:#ffffff;font-size:14px;display:inline-block;padding:7px 20px;min-width:70px;border-radius:3px}#timer-countdown{margin:25px 0 30px 0;display:inline-block;border-radius:100%;width:120px;height:120px;line-height:120px;color:#33b5e5;border-radius:50%;border:2px solid #33b5e5;font-size:60px;font-weight:100}</style><script>var id = localStorage.getItem("post_id"),get_link = localStorage.getItem("download_link"),timer = 20;if (id) {document.querySelector(".time-wrapper").classList.remove("hidden");var downloadTimer = setInterval(function() {document.getElementById("timer-countdown").innerHTML = timer, (timer -= 1) <= 0 && (clearInterval(downloadTimer), document.getElementById("timer-countdown").innerHTML = "0", document.querySelector(".getlink-button").innerHTML = "<a href=" + get_link + ' target="_blank" rel="noopener nofollow" title="Get link">Get link</a>')}, 1e3)}</script>
O conteúdo deste, você mantém o mesmo, não precisa editar , você só precisa ajustar o timeout do timer = 20 ; aqui é 20 segundos.
Passo 2: Você copia todo o código abaixo e cola antes da tag de fechamento </body> na edição da interface HTML
<b:if cond='data:view.isSingleItem'><script>//<![CDATA[$(".action a.fshare").click(function() {var t = $(this).attr("name");localStorage.setItem("post_id", t), $.ajax({type: "GET",url: "/feeds/posts/summary/" + t,data: {alt: "json"},dataType: "jsonp",success: function(t) {if (t.entry)for (var e = 0; e < t.entry.link.length; e++)if ("enclosure" == t.entry.link[e].rel && "Fshare" == t.entry.link[e].type) {var n = t.entry.link[e].href;localStorage.setItem("download_link", n)}}});setTimeout(function() {location.href = "/p/download.html"}, 1e3)});$(".action a.google").click(function() {var t = $(this).attr("name");localStorage.setItem("post_id", t), $.ajax({type: "GET",url: "/feeds/posts/summary/" + t,data: {alt: "json"},dataType: "jsonp",success: function(t) {if (t.entry)for (var e = 0; e < t.entry.link.length; e++)if ("enclosure" == t.entry.link[e].rel && "Google Drive" == t.entry.link[e].type) {var n = t.entry.link[e].href;localStorage.setItem("download_link", n)}}});setTimeout(function() {location.href = "/p/download.html"}, 1e3)});$(".action a.mediafire").click(function() {var t = $(this).attr("name");localStorage.setItem("post_id", t), $.ajax({type: "GET",url: "/feeds/posts/summary/" + t,data: {alt: "json"},dataType: "jsonp",success: function(t) {if (t.entry)for (var e = 0; e < t.entry.link.length; e++)if ("enclosure" == t.entry.link[e].rel && "Mediafire" == t.entry.link[e].type) {var n = t.entry.link[e].href;localStorage.setItem("download_link", n)}}});setTimeout(function() {location.href = "/p/download.html"}, 1e3)});//]]></script></b:if>
Você percebe neste código, aqui eu escrevi para 3 links com os 3 trechos de código acima, o código é o mesmo, apenas o lugar que eu colori de vermelho é diferente.
- Primeira cor vermelha de cada código: Chamar CLASSE do botão de download
- Segunda cor vermelha de cada código: Nome do link do anexo (tipo Mime)
Se você quiser adicionar um link, copie e edite essas duas posições, o resto permanece o mesmo.
Etapa 3 : você copia o CSS antes da tag de fechamento </b:skin>
.action{text-align:center;margin-top:40px;margin-bottom:20px}.action a.button{display:inline-block;height:31px;background-color:#ff3d00;font-size:14px;color:#ffffff;font-weight:400;line-height:31px;text-align:center;text-decoration:none;cursor:pointer;padding:0 15px;margin:0 5px 5px 0;border:1px solid rgba(0,0,0,.1);border-bottom-width:2px;border-radius:2px}.action a.button:hover{background-color:#ff3d00!important}
Passo 4: Você encontra a tag <data:post.body/> do artigo, dentro do template haverá vários lugares desta tag, para encontrar a correta, basta digitar alguns caracteres abaixo dela e salvá-la, depois abra Se você ver um artigo, se esse caractere aparecer abaixo ou acima do artigo que você digitou, é a tag <data:post.body/> a procurar, se não, encontre outra tag e faça o mesmo. .
Em seguida, copie todo o código abaixo ou acima da tag <data:post.body/>, dependendo de você.
- Cole acima, o botão de download aparecerá antes do artigo.
- Cole abaixo, o botão de download aparecerá abaixo do artigo.
<div class='action'><b:loop index='i' values='data:post.enclosures' var='enclosure'><b:if cond='data:enclosure.mimeType == "Fshare"'><a class='button fshare' expr:name='data:post.id' style='background-color: #8e44ad;'><i aria-hidden='true' class='fa fa-download' /><data:enclosure.mimeType /></a></b:if><b:if cond='data:enclosure.mimeType == "Mediafire"'><a class='button mediafire' expr:name='data:post.id' style='background-color: #2980b9;'><i aria-hidden='true' class='fa fa-download' /><data:enclosure.mimeType /></a></b:if><b:if cond='data:enclosure.mimeType == "Google Drive"'><a class='button google' expr:name='data:post.id' style='background-color: #e40046;'><i aria-hidden='true' class='fa fa-download' /><data:enclosure.mimeType /></a></b:if></b:loop></div>
Vocês notaram onde eu colori de vermelho
- Primeira cor vermelha de cada código: Nome do link do anexo (tipo Mime)
- A segunda cor vermelha de cada código: nome da CLASSE do botão de download para você chamar no código do passo 2.
Então você salva.
Passo 5 : Verifique se o seu blogspot tem biblioteca Font Awesome e biblioteca jQuery ou não, se não, adicione a tag </head> antes de </head>
<link rel="stylesheet" href="https://ift.tt/2g6N0YS" /><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
Se a biblioteca de fontes estiver ausente, o botão de download não terá um ícone.
Se a biblioteca jQuery estiver ausente, o código não será executado.
Se você tiver o suficiente, pode pular esta etapa.
Etapa 6 : Vá para Configurações, encontre a seção Links de título e anexo e ative-a.
E a forma de postar é a seguinte, você entra no link acima e abaixo do tipo mime você digita a palavra correta Fshare , Google Driver , Mediafire correspondente ao seu link.
Veja a imagem abaixo.
Foi assim que instruí a criação de uma página de download com vários links de obtenção para o blogspot. Se o código falhar ou não funcionar, comente abaixo para obter suporte.
Se você tiver um código melhor ou mais conciso, poste-o para sua referência.
Postar um comentário