Como poner en mi header un link a la pagina principal de mi blog

  • Autor Autor elen10
  • Fecha de inicio Fecha de inicio
E

elen10

Beta
Social Media
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Como poner en mi header un link a la pagina principal de mi blog ???

o sea a la imagen!!!
 
Según te entendi, debería ir así:

PHP:
<a href="http://tublog.com/"><img src="tuimagen"></a>
 
En WordPress

PHP:
<a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/logo.png" /></a>

logo.png se encuentra en el directorio images de tu theme. Saludos...
 
En WordPress

PHP:
<a rel="nofollow" href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/logo.png" /></a>

logo.png se encuentra en el directorio images de tu theme. Saludos...

si pero el codigo donde lo pego en que pagina ??

header.php ????
 
Debería ser en el header.php . ¿Podrías decirnos cuál es tu blog y así personalizar un poco más el código? : )

Saludos!
 
mira el blog es: Enlace eliminado
Pero lo que cite anteriormente no anda me rompe el blog en el header
 
Sustituye esto:

Insertar CODE, HTML o PHP:
<!-- start header --> 
<div id="header"> 
	<div id="logo"> 
</div>

Por esto otro:

Insertar CODE, HTML o PHP:
<!-- start header --> 
<div id="header"> 
	<a href="http://www.misteriosurbanos.com/"><div id="logo">
</div></a>
 
Sustituye esto:

Insertar CODE, HTML o PHP:
<!-- start header --> 
<div id="header"> 
	<div id="logo"> 
</div>

Por esto otro:

Insertar CODE, HTML o PHP:
<!-- start header --> 
<div id="header"> 
	<a rel="nofollow" href="http://www.misteriosurbanos.com/"><div id="logo">
</div></a>

no no funciona :S no pense que se iva a complicar tanto!!!
 
Es casi imposible que no funcione con lo que te he pasado!
 
HTML:
<a rel="nofollow" href="http://www.misteriosurbanos.com/"><div id="logo"></div></a>
si funciona. Debes modificar tu hoja CSS para logo
 
Te cuento como tengo yo puesto en mi blog lo que pides:

En vez de tener esto (que es lo que tienes tú):
<div id="logo">
</div>

Tengo:
<div id="logo">
<a href="http://www.misteriosurbanos.com/"><img src="http://www.... (la ruta donde esté la imagen del logo)" /></a>
</div>

Así debería funcionar.
 
Bueno el tema que ne Logo tengo otra imagen y si cambio a la que tengo actual se me rompe todo y yo quiero que quede como esta ahora la imagen pero que linkee al index: Les Dejo los codigos del css y del header.php
Esto es el CSS recorte una parte para que no sea tan extenso:
PHP:
body {
	margin: 0px;
	padding: 0px;
	background: #0D0D0D url(images/img03.jpg) repeat-x;
	text-align: justify;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFDC;
}

h1, h2, h3 {
	font: 1.82em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #FFFFFF;
}

p, ol, ul {
	line-height: 1.67em;
}

a {
	color: #828170;
}

a:hover {
	text-decoration: none;
}

hr {
	display: none;
}

/* Header */

#header {
	width: 1000px;
	height: 170px;
	background: url(images/img03.PNG) no-repeat left top;
	margin: 0px auto;
}

/* Logo */

#logo {
	float: left;
	padding: 10px 0 0 130px;
}

#logo h1 {
	margin: 0;
	height: 160px;
	padding: 40px 0 0 0px;
	text-transform: lowercase;
	letter-spacing: -2px;
	font-size: 4em;
	font-weight: normal;
	color: #FFFFFF;
}

#logo h1 a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}

#logo p {
	margin: -103px 0 0 2px;
	text-transform: uppercase;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

#logo a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}

/* Menu */

#menu {
	float: right;
}

#menu ul {
	margin: 0px;
	padding: 130px 0px 0px 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	margin-left: 5px;
	padding: 5px 20px;
	background: #F3F1E9;
	text-decoration: none;
	text-transform: uppercase;
	border-top: 2px solid #EBEAD1;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 11px;
	color: #182C33;
}

#menu a:hover, .active a {
}

/* Page */


#page {
	width: 1000px;
	margin: 0px auto;
	padding: 20px 0 0 0;
}

/* Content */

#content {
	float: left;
	width: 650px;
	margin-bottom: 10px;
}

/* Post */

.post {
	margin-top: 20px;
}

.post .date {
	float: left;
	width: 29px;
	height: 32px;
	margin: 0;
	margin-top: 3px;
	margin-right: 20px;
	padding-top: 2px;
	background: url(images/img02.jpg) no-repeat;
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
}

.post .date b {
	margin: 0;
	padding: 0;
	display: block;
	margin-top: -5px;
	font-size: 14px;
	color: #5C5C5C;
	
}

.post .title {
	margin: 0;
	padding: 0px 0 0 0;
	margin-left: 10px;
	padding-left: 10px;
	font-size: 1.4em;
}

.post .title h2 {
	padding: 0;
	margin: 0;
}

.post h2 a {
	text-decoration: none;
	color: #FFFFFF;
}

.post .hr1 {
}

.post .meta {
	margin: 0 0 10px 50px;
	padding: 0;
	line-height:normal;
	text-transform: uppercase;
	color: #979680;
}

.post .meta a {
	color: #828170;
}

.post .entry {
	margin: 0;
	padding: 0 0 20px 50px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 240px;
	padding-top: 20px;
	margin-bottom: 20px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 30px;
}

#sidebar li ul {
	border-top: 1px dashed #666633;
}

#sidebar li li {
	margin: 0;
	padding: 4px 0 4px 0;
}

#sidebar li li a {
}

#sidebar h2 {
	padding: 0;
	margin: 0 0 6px 0;
	font-size: 1.4em;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

AHORA LES DEJO EL HEADER.PHP

PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /><!-- leave this for stats -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>

<!-- start header --> 
<div id="header">
	<div id="logo">
</div>


	<div id="menu">
		<ul>
			<li class="page_item<?php if (is_home()) echo ' current_page_item'; ?>"><a href="<?php echo get_option('home'); ?>/">Inicio</a></li>
			<?php wp_list_pages('title_li=&sort_column=menu_order' ); ?>
		</ul>
	</div>
</div>
<hr />
<!-- end header -->

<!-- start page -->
<div id="wrapper">
<div id="page">
 
Como poner en mi header un link a la pagina principal de mi blog ???

o sea a la imagen!!!



HTML:
<a rel="nofollow" href="http://www.misteriosurbanos.com/"><img src="tuimagen" /></a>

o

HTML:
<div id="logo">
  <a rel="nofollow" href="http://www.misteriosurbanos.com/">Tu sitio</a>
</div>

y en CSS,

Insertar CODE, HTML o PHP:
#logo a{
  background:url("tuimagen");
}
 
No Funciona yo quiero que el link quede en todo el banner
de arriba o en una parte
y no anda!!!!!!
 
Atrás
Arriba