Cara Memasang Spoiler di Blog

Bloggerisn - Cara Memasang Spoiler di Blog. Hai sobat Blogger, hoamp, walau udah ngantuk Saya mau lanjut posting nih. Widih bener Spoiler (itu yang kalau di klik kebuka/ketutup) hehe :D. Kali ini Saya akan memberikan Spoiler sederhana tapi tetap keren untuk Blog sobat.

Cara Penerapan:

1. Buka Blogger
2. Klik Template
3. Buka Edit HTML
4. Masukan kode CSS dibawah ini tepat di atas kode ]]></b:skin> atau </style>


/* Spoiler Bloggerisn */
#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 rgba(0, 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;
}

Untuk warna silahkan sobat sesuaikan dengan warna kesukaan sobat.

5. Setelan kode CSS selesai, selanjutnya adalah menerapkan kode jQuery dan taruh tepat diatas kode </body>

Oke sekarang adalah tahap pemasangan pada postingan sobat. Letakan kode HTML dibawah ini pada tab HTML, bukan Compose.

<div id="flippy"><button>Cekidot</button></div>
<div id="flippanel">
---ISI KONTEN ANDA TERAPKAN DISINI---
</div>

Untuk demo bisa dilihat disini:

Admin Tamvan :D

Nah gimana, cukup membantu bukan dalam mengatasi artikel yang dalam post bisa sampai 2 lembar hehe. Oke sampai jumpa di lain artikel ya sobat

http://bloggerisn.blogspot.com/2015/05/cara-memasang-spoiler-di-blog.html

Suka Artikel ini? Bagikan! Gratis

Irham Satriawan

Saya adalah seorang yang sangat menyukai design dan juga dunia internet sobat bisa memanggil saya (CT), dengan blog ini semoga saya akan berbagi pengalaman saya kepada sobat semua.

Artikel Menarik Lainnya

Peraturan Dalam Berkomentar :
● Marilah Kita Budayakan Berkomentar Sesudah Membaca Artikel.
● Dilarang Menghina, Promosi Atau Iklan, Menyelipkan Link Aktif Dan Non Aktif
● Dilarang Berkomentar Yang Mengandung Unsur Pornografi, Spam, Sara, Politik, Profokasi.
● Budayakan Berkomentar Dengan Sopan, Bijak, dan Sesuai Artikel (Dilarang Berkomentar Diluar Topic,)
● Untuk komentar diluar topik silahkan menuju ke halaman Forum.

EmoticonEmoticon