Cara Mudah Memasang Spoiler di Postingan Blog

Cara Memasang Spoiler di Postingan Blog - Kali ini kami akan memberikan tips sederhana yang pastinya masih dalam dunia blogging, yaitu cara membuat atau memasang spoiler pada blog dengan efek slide yang menurut saya sangat mengagumkan apabila kita gunakan. Nah, apabila kalian bingung untuk menghilangkan tang dan obeng pada blog kalian bisa membaca artikel cara menghilangkan tang dan obeng pada blog secara permanen.

Cara ini sangat berguna apabila blog yang kalian gunakan bersifat pemberi informasi atau blog seperti pembahas film maupun sinopsis film. dan dibawah ini adalah cara untuk memasang spoiler di postingan blogger.

1. Pastikan kalian telah membuka blogger.com

2. Pilih Template atau Tema

3. Kemudian klik Edit HTML

4. Kemudian pasang kode yang ada dibawah ini sebelum kode </style> atau ]]></b:skin>

#flippy {

    text-align: center;

}




#flippy button {

    background: #aa65c7;

    color: #fff;

    text-align: center;

    margin: 0 auto;

    border: none;

    border-radius: 3px;

    padding: 8px 16px;

    margin: 10px auto;

    font-size: 14px;

    font-weight: bold;

    box-shadow: 0px 3px 0px 0px #883da7;

    vertical-align: middle;

    cursor: pointer;

    text-shadow: 0 1px rgbaundefined0, 0, 0, 0.3);

    transition: background 0.1s ease-in-out;

}




#flippy button:hover, #flippy button:focus {

    background: #9e4fbf;

    outline: none;

}




#flippanel {

    padding: 1px;

    text-align: left;

    background: #f5f5f5;

    border: 0px;

}




#flippanel {

    padding: 24px;

    display: none;

}

5. Dan pasang juga kode yang ada dibah ini sebelum kode </body>

<script>

$undefineddocument).readyundefinedfunctionundefined) {

    $undefined"#flippy").clickundefinedfunctionundefined) {

        $undefined"#flippanel").slideToggleundefined"normal");

    });

});

</script>

Dan untuk menerapkan nya taruh kode yang ada dibawah ini dipostingan kalian, dan pastikan kalian berada di Tab HTML (Bukan Tab Compose)

<script>

$undefineddocument).readyundefinedfunctionundefined) {

    $undefined"#flippy").clickundefinedfunctionundefined) {

        $undefined"#flippanel").slideToggleundefined"normal");

    });

});

</script>

Demikianlah tips Cara Memasang Spoiler di Postingan Blog dengan sangat mudah, jangan lupa untuk berkomentar