Se você quer criar seu próprio tema para blogger do zero usando Bootstrap, mas não sabe nem por onde começar, você veio no lugar certo. Iremos disponibilizar o código base para criação de um template blogger usando elementos do Bootstrap.
Quando copiamos o tema base do Bootstrap é identificado alguns erros, esses erros são por falta de fechar algumas tags e a ausência de algumas tags fundamentais para o funcionamento do Blog. Mas já corrigimos esses erros e agora é só copiar, colar e usar!
Quando copiamos o tema base do Bootstrap é identificado alguns erros, esses erros são por falta de fechar algumas tags e a ausência de algumas tags fundamentais para o funcionamento do Blog. Mas já corrigimos esses erros e agora é só copiar, colar e usar!
- Copie o código
Copie as linhas de código a seguir e procure por tema, editar Html e depois cole no lugar do seu tema anterior. Sugerimos que você faça o Backup de seu tema anterior .
<html lang="pt-br">
<head>
<!-- Required meta tags -->
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"/>
<title>Título do seu Blog</title>
<b:skin/>
</head>
<body>
<h1>Meu Site</h1>
<b:section id="mainbody">
<b:widget id="Blog1" type="Blog"/>
</b:section>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>
<head>
<!-- Required meta tags -->
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"/>
<title>Título do seu Blog</title>
<b:skin/>
</head>
<body>
<h1>Meu Site</h1>
<b:section id="mainbody">
<b:widget id="Blog1" type="Blog"/>
</b:section>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>