miércoles, 24 de julio de 2024

❀ Codigos Para Blogger ❀

 

❀ Codigos Para Blogger 


Hola conejitos, hoy les traigo los códigos necesarios para personalizar tu blogger, el tutorial está en la sección tutoriales pero también pegaré aquí los códigos.

Código Pestaña Blogger

https://DIRECCIÓN_DEL_BLOG.blogspot.com/search/label/TITULO

Código de Cortina de Blogger

<div style=" background-image: url('URL_DE_LA_IMAGEN'); top: 0px; left: 0px; width: 100%; height:64px; z-index: 100;position: fixed;"></div>

Código de Botón "Seguir Leyendo"
Buscar: <data:post.jumpText/>

Alineado a la IZQUIERDA:
<img  src='URL_DE_LA_IMAGEN' width='208' height='50'/> 

Alineado a la DERECHA:
<div align="right"><img  src='URL_DE_LA_IMAGEN' width='208' height='50'/></div>

Alineado al CENTRO:
<center><img  src='URL_DE_LA_IMAGEN' width='208' height='50'/></center>


Código de Botón "Subir"

<a href="Subir"><img src="URL_DE_LA_IMAGEN"  href="#wrap" title="Subir arriba" class="go-to-top"  style="position: fixed; bottom: 10px; right: 1%;" width='125' height='125'/></a>

Código de Botón "Sígueme"

<div style="position: fixed; top:80px; left: 5px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID_DEL_BLOG" target="_blank" rel="nofollow" title="Sigueme !" imageanchor="0" style="margin-right: 1em;"><img src="URL_DE_LA_IMAGEN" border="0" /></a></div>

Código de Buscador

<center><img src="URL_DE_LA_IMAGEN" alt="Codigo_y_Punto_png" /></center>
<center>
<imgsrc="URL_DE_LA_IMAGEN" />
<form action="/search" method="get"><imgsrc="URL_DE_LA_IMAGEN" /><input type="text" name="q" value="" style="width:160px; height:19px; background-color:#ffffff; color: #ffaad5; font-size: 11px; border: 1px double #ffaad5;border-radius:5px;box-shadow: 0 0 0.4em #ffaad5, 0 0 0.4em #ffaad5;" /><imgsrc="https://i.ibb.co/DbVYcn8/gh-Imud-1.png" />
<br />
<br />
<input type="submit" value="BUSCAR" style="font-size: 12px; background-color:#ffffff; color: #ffaad5; border: 1px dashed #ffaad5;border-radius:5px;" /></imgsrc="https:></imgsrc="https:></form></imgsrc="https:></center>


Link de Cursores
https://www.cursors-4u.com/

Link de Reproductores
https://www.scmplayer.net/

Código de  Efecto Burbuja

<script type="text/javascript">
var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // warna untuk border-top, border-right, border-bottom, border-left dan background gelembung
var bubbles=100; // jumlah maksmal gelembung
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}

function bubble() {
var c;
if (x!=ox || y!=oy){
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}

for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}

function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;

function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown;
}

window.onresize=set_width;

function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}

window.onscroll=set_scroll;

function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}

function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}

</script>

Código de "Estado del Blog"

(Este último es super cute pero no lo recomiendo tanto porque hace que la página demore en cargar)

<div class="widget-content">
<div id="love">
</div>
<div id="heart">
<div style="line-height: 10px; text-align: left; color:#FF7FC1; ">
<br />
<center>
Estatus del Bog</center>
<center>
<img src="" /></center>
<style>
.star {
font-size: 12px;
border-bottom:1px dashed #FFC0CB;width: 150px;}
</style>

<!--  usuários online---------->
<div class="star">
<img src="URL_DE_LA_IMAGEN" /> <script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=https://NOMBRE_DEL_BLOG
.blogspot.com/"></script>  Usuarios Online
</div>
<!-- usuários on line ------------>

<!-- Contador de posts---------->
<div class="star">
<img src="URL_DE_LA_IMAGEN" /><script style="text/javascript">
function numberOfPosts(json) {
document.write('Posts: <i>' + json.feed.openSearch$totalResults.$t + '</i><br>');
}</script>
<script src="https://NOMBRE_DEL_BLOG
.blogspot.com//feeds/posts/default?alt=json-in-script&amp;callback=numberOfPosts"></script><i></i><br /></div>
<!-- Contador de posts------------->

<!-- Contador de comentarios---------->
<div class="star">
<img src="URL_DE_LA_IMAGEN" /><script style="text/javascript">function numberOfComments(json) {
document.write('Comentários: <i>' + json.feed.openSearch$totalResults.$t + '</i><br>');
}</script>
<script src="https://NOMBRE_DEL_BLOG
.blogspot.com//feeds/comments/default?alt=json-in-script&amp;callback=numberOfComments"></script></div>
<!-- Contador de comentarios------------->

<!-- tiempo del blog---------->
 <div class="star">
 <img src="URL_DE_LA_IMAGEN" /><script language="JavaScript" type="text/javascript"></script> Desde: FECHA_DE_CREACION_DEL_BLOG </div>
<!-- tiempo del blog------------->

<!--  meta de seguidores---------->
<div class="star">
 <img src="URL_DE_LA_IMAGEN" /> Meta: NUMERO_DE_META_DE_SEGUIDORES Seguidores </div>
<!-- meta de seguidores---------->

<!-- Contador de tus visitas ---------->
<div class="star">
 <img src="URL_DE_LA_IMAGEN" /> Haz visitado mi blog:
<script language="javascript">
function getCookieSlsv (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length; 
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieSlsv (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) 
break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null; 
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie(name) {
var exp = new Date();
FixCookieDate (exp); // Correct for Mac bug
exp.setTime (exp.getTime() - 1); // This cookie is history
var cval = GetCookie (name);
if (cval != null)
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var expdate = new Date();
var num_visits;
expdate.setTime(expdate.getTime() + (365*24*60*60*1000));
if (!(num_visits = GetCookie("num_visits")))
num_visits = 0;
num_visits++;
SetCookie("num_visits",num_visits,expdate);
document.writeln("<font face=verdana color=#68838B>"+num_visits+"</font>");
</script><font face="verdana" color="#68838B">1</font>
 Veces</div></div></div></div>




  ˖ ࣪⊹ ་۪ ✿◞   Gracias por llegar hasta aquí y por apoyar mi blog! lo aprecio mucho, espero te sirvan estos códigos. Recuerda que podrás encontrar el tuto en mi blog en la sección de tutoriales o en mi canal de Youtube.  ٩(๑❛ᴗ❛๑)۶ ♡︎





No hay comentarios.:

Publicar un comentario