Html Blogger(BlogSpot):不打开链接,也不更改设计

Html Blogger(BlogSpot):不打开链接,也不更改设计,html,xml,hyperlink,blogger,blogspot,Html,Xml,Hyperlink,Blogger,Blogspot,我正在从头开始学习创建模板,但下一个问题让我崩溃了,就像我们在html中知道的那样,我们创建了带有设计代码的*.html文件,所以我创建了这个模板我的模板是关于音乐的,这是对音乐类型进行分类的最简单的方法。因此,我在入口和页面中创建了下一个代码: <style> * { box-sizing: border-box; } #myInput { background-image: url(https://2.bp.blogspo

我正在从头开始学习创建模板,但下一个问题让我崩溃了,就像我们在html中知道的那样,我们创建了带有设计代码的*.html文件,所以我创建了这个模板我的模板是关于音乐的,这是对音乐类型进行分类的最简单的方法。因此,我在入口和页面中创建了下一个代码:

<style>
    * {
        box-sizing: border-box;
    }

    #myInput {
        background-image: url(https://2.bp.blogspot.com/aLGnJhijsnc1qA-luOZiF6hsXFH7osaiVhthJf8Kt35FvecKGha7kbey-zbzbe-o0KSMEw=s400);
        background-position: 5px 5px;
        background-repeat: no-repeat;
        background-color: #232323;
        color: #FFFFFF;
        width: 100%;
        font-size: 28px;
        padding: 6px 5px 6px 10px;
    }

    #myInputBorde {
        border: 1px solid #ff9999;
        padding: 1px;
    }

    #myUL {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    #myUL li a.header {
        font-size: 24px;
    }

    #myUL li a {
        border: 1px solid #141414;
        margin-top: -1px;
        /* Prevent double borders */
        background-color: #8A8A8A;
        padding: 7px;
        text-decoration: none;
        font-size: 16px;
        color: #FFFFFF;
        display: block
    }

    #myUL li a.header {
        background-color: #454545;
        cursor: default;
    }

    #myUL li a:hover:not(.header) {
        background-color: #525252;
    }
</style>
<div class="separator" style="clear: both; text-align: center;">
    <a href="#https://2.bp.blogspot.com/-hmJ2cUx8GFc/V8WyozvS_KI/AAAAAAAAAO0/E_mnK1gELu0YMudfgDXt5w1VDj9103cegCLcB/s1600/merengue.jpg" style="margin-left: 1em; margin-right: 1em;"> <img border="0" height="162" alt="Merengue" src="https://2.bp.blogspot.com/-hmJ2cUx8GFc/V8WyozvS_KI/AAAAAAAAAO0/E_mnK1gELu0YMudfgDXt5w1VDj9103cegCLcB/s320/merengue.jpg" width="320" /></a>
</div>
<div style="text-align: center;"> <br />
    <div style="text-align: center;">
        <div id="myInputBorde"> <input type="text" id="myInput" onkeyup="myFunction()" placeholder="Introducir nombre de cantante"> </div>
        <ul id="myUL">
            <!-- AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -->
            <li><a href="##" class="header">A</a></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Alex Bueno</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Amarfis</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Angelito Villalona</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Aramis Camilo</a></span></b></li>
            <!-- BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB -->
            <li><a href="##" class="header">B</a></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Benny Sadel</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Big Swing</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Bonny Cepeda</a></span></b></li>
            <!-- CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC -->
            <li><a href="##" class="header">C</a></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Charlie Rodriguez</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Cheche Abreu</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Cherito</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Chiqui Rodriguez</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Chuky Acosta</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Coco Band</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Cuco Valoy</a></span></b></li>
            <!-- DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD -->
            <li><a href="##" class="header">D</a></li>
            <!-- EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE -->
            <li><a href="##" class="header">E</a></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">El Jeffrey</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">El Zafiro</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Elvis Crespo</a></span></b></li>
            <!-- FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF -->
            <li><a href="##" class="header">F</a></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Fausto Rey</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Felix Cumbe</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Fenix Ortiz</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Fernando Villalona</a></span></b></li>
            <!-- GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG -->
            <li><a href="##" class="header">G</a></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Hector Acosta</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Grupo Tambo</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Grupo Mania</a></span></b></li>
            <!-- HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH -->
            <li><a href="##" class="header">H</a></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Henry Garcia</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Henry Hierro</a></span></b></li>
            <!-- IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII -->
            <li><a href="##" class="header">I</a></li>
            <!-- JJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJ -->
            <li><a href="##" class="header">J</a></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Jacubanda</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Joseph Fonseca</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Jossie Esteban</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">July Mateo Rasputin</a></span></b> </li>
            <!-- KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK -->
            <li><a href="##" class="header">K</a></li>
            <!-- LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL -->
            <li><a href="##" class="header">L</a></li>
            <li><span style="font-size: large;"><b><a href="#" target="_blank">La Gran Manzana</a></b></span></li>
            <li><span style="font-size: large;"><b><a href="#" target="_blank">La Linea</a></b></span></li>
            <li><span style="font-size: large;"><b><a href="#" target="_blank">La Makina</a></b></span></li>
            <li><span style="font-size: large;"><b><a href="#" target="_blank">La Orquesta Joven</a></b></span></li>
            <li><span style="font-size: large;"><b><a href="#" target="_blank">Las Chicas del Can</a></b></span></li>
            <li><span style="font-size: large;"><b><a href="#" target="_blank">Lokera</a></b></span></li>
            <li><span style="font-size: large;"><b><a href="#" target="_blank">Los Hermanos Rosarios</a></b></span></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Los Hijos de Puerto Rico</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Los Kenton</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Los Potros</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Los Sabrosos del Merengue</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Los Toros Band</a></span></b></li>
            <!-- MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM -->
            <li><a href="##" class="header">M</a></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Manny Manuel</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Miram Cruz</a></span></b></li>
            <!-- NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN -->
            <li><a href="##" class="header">N</a></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Nelson Cordero El Varon</a></span></b></li>
            <!-- OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO -->
            <li><a href="##" class="header">O</a></li>
            <!-- PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP -->
            <li><a href="##" class="header">P</a></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Peña Suazo</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Peter Cruz</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Popurri Clasico</a></span></b></li>
            <!-- QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQ -->
            <li><a href="##" class="header">Q</a></li>
            <!-- RRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR -->
            <li><a href="##" class="header">R</a></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Raffy Matias</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Ramon Orlando</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Ray Polanco</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Rubby Perez</a></span></b></li>
            <!-- SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS -->
            <li><a href="##" class="header">S</a></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Sandy Reyes</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Sergio Vargas</a></span></b></li>
            <!-- TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT -->
            <li><a href="##" class="header">T</a></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Tempo Dominicano</a></span></b></li>
            <li><b><span style="font-size: large;"><a href="#" target="_blank">Toño Rosario</a></span></b></li>
            <!-- UUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU -->
            <li><a href="##" class="header">U</a></li>
            <!-- VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV -->
            <li><a href="##" class="header">V</a></li>
            <!-- WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW -->
            <li><a href="##" class="header">W</a></li>
            <li><b><a href="#" target="_blank"><span style="font-size: large;">Wilfrido Vargas</span></a></b></li>
            <!-- XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX -->
            <li><a href="##" class="header">X</a></li>
            <!-- YYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY -->
            <li><a href="##" class="header">Y</a></li>
            <!-- ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ -->
            <li><a href="##" class="header">Z</a></li>
        </ul>
    </div>
</div>
<script>
    function myFunction() {
        var input, filter, ul, li, a, i;
        input = document.getElementById("myInput");
        filter = input.value.toUpperCase();
        ul = document.getElementById("myUL");
        li = ul.getElementsByTagName("li");
        for (i = 0; i < li.length; i++) {
            a = li[i].getElementsByTagName("a")[0];
            if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
                li[i].style.display = "";
            } else {
                li[i].style.display = "none";
            }
        }
    }
</script>

* {
框大小:边框框;
}
#我的输入{
背景图片:url(https://2.bp.blogspot.com/aLGnJhijsnc1qA-luOZiF6hsXFH7osaiVhthJf8Kt35FvecKGha7kbey-zbzbe-o0KSMEw=s400);
背景位置:5px 5px;
背景重复:无重复;
背景色:#232323;
颜色:#FFFFFF;
宽度:100%;
字号:28px;
填充:6px 5px 6px 10px;
}
#myInputBorde{
边框:1px实心#ff9999;
填充:1px;
}
#密尔{
列表样式类型:无;
填充:0;
保证金:0;
}
#李美儿{
字体大小:24px;
}
#李美儿{
边框:1px实心#141414;
页边顶部:-1px;
/*防止双重边界*/
背景色:#8A8A8A;
填充:7px;
文字装饰:无;
字体大小:16px;
颜色:#FFFFFF;
显示:块
}
#李美儿{
背景色:#4545;
游标:默认值;
}
#myUL li a:悬停:非(.header){
背景色:#525252;
}

函数myFunction(){ var输入、滤波器、ul、li、a、i; 输入=document.getElementById(“myInput”); filter=input.value.toUpperCase(); ul=document.getElementById(“myUL”); li=ul.getElementsByTagName(“li”); 对于(i=0;i-1){ 李[i].style.display=“”; }否则{ li[i].style.display=“无”; } } }

问题在于,我用html创建了一个条目或一个页面,我提供了一个选项,将其完全视为html,当我使用永久链接添加条目时,我在博客中单击以访问该部分,页面在url中有新链接,但是它显示的是没有任何更改的主页

您需要使用模板中的blog Posts小部件检索blog页面。要做到这一点,您需要(一个部分只能包含小部件),然后在您的部分中包含Blog Posts小部件

<!-- Section -->
<b:section id='main' class='main' showaddelement='yas'>

  <!-- Blog posts widget -->
  <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1' visible='true'></b:widget>

</b:section>

您还可以使用来定位不同的页面类型