Cicklow
Admin
Épsilon
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario popular!
Suscripción a IA
Buenas, como he visto en mis otros tutoriales muchos pidiendo el script de tarot para blogger, aca se los dejo.
Al subir las imagenes veremos esto:
Lo configuramos de esa manera "Tamaño Original".
Luego seleccionamos todo el codigo html del post y vamos a: http://phptester.net/ (es un tester de php online, nos permitira extraer las imagenes del post). Y colocamos este codigo:
En la variable $imagenes, colocamos todo el html que blogger coloco (el html de las imagenes que subimos), le damos ejecutar y nos creara un array js con las imagenes que nosotros tenemos.
Para esto podemos usar los script anteriores echos en php, y copiar los nombres a mano o usar un script como el anterior:
Solo copiamos los nombres, vamos a http://phptester.net/ y ponemos:
Lo que nos quedaria:
Ahora tenemos dos modos de colocar el tarot en bloger:
- Este codigo nos arma el script de tarot en el post. Y se vera asi: https://pepetest123.blogspot.com/2024/10/tarot-blogger.html
1- Las imagenes
Las imagenes que he usado tienen los nombres de los arcanos en varios idiomas. Por lo que serviran bastante bien, pero si ustedes quieren cambiar las imagenes, solo tienen que crear un post en blogger y agregar todas las imagenes de los arcanos, recuerden que el orden de ellas es importante, pueden usar imagenes de mis otros scripts de tarot, he colocado varios deck de tarot distintos.Al subir las imagenes veremos esto:
Lo configuramos de esa manera "Tamaño Original".
Luego seleccionamos todo el codigo html del post y vamos a: http://phptester.net/ (es un tester de php online, nos permitira extraer las imagenes del post). Y colocamos este codigo:
PHP:
<?php
$imagenes = '';
preg_match_all('/src="(https:\/\/blogger\.googleusercontent\.com[^"]+)"/',$imagenes, $imgsrc , PREG_SET_ORDER, 0);
foreach($imgsrc as $img){
$todasimg[] = $img[1];
}
echo 'var imagenesTarot = ["'.implode('","', $todasimg).'"];';2- Nombres de los Arcanos
Por defecto los nombres de los arcanos estan en español, pero podemos usar otros (tener en cuenta el orden de las imagenes tiene que ser el mismo al de los nombres y las descripciones).Para esto podemos usar los script anteriores echos en php, y copiar los nombres a mano o usar un script como el anterior:
Solo copiamos los nombres, vamos a http://phptester.net/ y ponemos:
PHP:
<?php
$TextosTitulos[] = "EL LOCO";
$TextosTitulos[] = "EL MAGO";
$TextosTitulos[] = "LA SUMA SACERDOTISA";
$TextosTitulos[] = "LA EMPERATRIZ";
$TextosTitulos[] = "EL EMPERADOR";
$TextosTitulos[] = "EL SUMO SACERDOTE";
$TextosTitulos[] = "LOS ENAMORADOS";
$TextosTitulos[] = "EL CARRO";
$TextosTitulos[] = "LA JUSTICIA";
$TextosTitulos[] = "EL ERMITAÑO";
$TextosTitulos[] = "LA RUEDA DE LA FORTUNA";
$TextosTitulos[] = "LA FUERZA";
$TextosTitulos[] = "EL COLGADO";
$TextosTitulos[] = "LA MUERTE";
$TextosTitulos[] = "LA TEMPLANZA";
$TextosTitulos[] = "EL DIABLO";
$TextosTitulos[] = "LA TORRE";
$TextosTitulos[] = "LA ESTRELLA";
$TextosTitulos[] = "LA LUNA";
$TextosTitulos[] = "EL SOL";
$TextosTitulos[] = "EL JUICIO";
$TextosTitulos[] = "EL MUNDO";
echo 'var imagenesTarot = ["'.implode('","', $TextosTitulos).'"];';3- Las descripciones
Lo mismo pasa aca, si quieren cambiar las descripciones, tenemos que sacarlas de otro tarot anterior (los tutoriales anteriores). y hacer lo mismo que el paso de los nombres de los arcanos, solo que cambiariamos la variable a:
PHP:
$TextosCartas4- Blogger
Para aclarar algo rapido, TODO lo anterior se puede obviar, eso es solo si queremos cambiar los textos, nombres, imagenes, etc...Ahora tenemos dos modos de colocar el tarot en bloger:
1- Editando el html de la plantilla:
- Vamos al editor html de nuestra plantilla, buscamos
y abajo de eso pegamos el codigo que armamos con los pasos anteriores y modificando el codigo completo adjunto en el post (archivo codigo_html_js.txt) o colocar solo lo del adjunto.Insertar CODE, HTML o PHP:
<title><data:blog.pageTitle/></title> - Luego vamos creamos un post y colocamos:
Insertar CODE, HTML o PHP:
<div class="selected-counter" id="tarotCantidad">Selecciona 3 cartas: <span id="counter">0/3</span></div>
<div id="tarotContainer" class="tarot-container"></div>
<div class="button-container">
<button id="showResultsBtn" class="botonVerde">Ver Resultados</button>
</div>
<div id="results" class="results"></div>
<div class="button-container">
<button id="reloadBtn" class="botonVerde" onclick="window.location.reload();">Obtener Otra Tirada</button>
</div>
<script type="text/javascript">
//<![CDATA[
// Event listeners
window.addEventListener('load', initializeBoard);
window.addEventListener('resize', initializeBoard);
document.getElementById('showResultsBtn').addEventListener('click', showResults);
//]]>
</script>
