Sabtu, 06 Oktober 2012

Cara Mudah Membuat Spoiler di Blog/Blogspot

Para pengunjung blog tentunya ingin blog yang dikunjunginya itu tentu loadingnya cepat bukan ?? semua pengunjung tentu menjawab "IYA". Salah satu cara untuk mempercepat loading blog yaitu diantaranya dengan menambahkan spoiler. Spoiler sudah banyak digunakan oleh para blogger, tentu banyak fungsinya spoiler ini terutama spoiler dapat membuat page blog kita tidak berat, dengan kata lain blog kita loadingnya pun lebih cepat, dan pastinya pengunjung tidak kabur. Keuntungan lainnya adalah kita dapat mempersingkat postingan kita agar tidak terlalu panjang. Jika anda ingin memposting tentang kode HTML ataupun kode-kode lainnya, saya sangat menyarankan untuk menambahkan spoiler untuk bagian-bagian tertentu, terutama jika postingan anda panjang dan memuat gambar. Biasanya page yang memuat gambar lebih berat loadingnya. Oleh karena itu sangat membantu sekali apabila anda menambahkan spoiler pada postingan anda.

Berikut kode yang digunakan jika anda ingin menambahkan spoiler :

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Masukan teks atau apapun disini !
 <br>
</div>
</div>
</div>


Berikut hasil spoiler yang akan didapat :

Judul Spoiler:
Letakkan teks atau kode script (gambar atau video) di sini
note :
untuk teks yang berwarna merah bisa anda ganti sesuai keinginan anda.
Cara menggunakannya,
anda letakan dulu kode spoilernya di mode HTML dan masukan teksnya pada mode COMPOSE.
Terima Kasih dan Selamat Mencoba !


Related Post About Blog



>>Lihat Juga<<

Cara Mudah Membuat Blog
Cara Mudah Membuat Spoiler di Blog/Blogspot
Cara Menambahkan Link pada Blog Terbaru
Mengganti Email Login Blogspot dengan Mudah
Membuat "ReadMore" diBlog/Blogspot
Membuat Scroll Box dengan Mudah di Blog
Cara Mengetahui PageRank Blog/Blogspot
Cara Membuat Link Terbuka di Tab Baru
Membuat Efek Gerakan Sederhana dengan Photoshop
Membuat Kartu Ucapan Selamat Ulang Tahun dengan Photoshop
Membuat Animasi Bergerak dengan Photoshop
Membuat Efek Tulisan Timbul Sederhana dengan Photoshop
Cara Mudah Mendapatkan Banyak Jempol di Facebook
Membuat Efek Salju Berjatuhan/Berguguran di Blog (part I)
Membuat Efek Salju Berjatuhan/Berguguran di Blog (part II)
Daftar Kode Warna HTML
Cara Membuat Lebel Produk dengan Mudah
Cara Mudah Mmebuat Teks Mengelilingi Cursor
Lari Sprint (jarak pendek)
Sikap Start Aba-aba saat Lari Sprint
Sikap Saat Lari Sprint
Manfaat Lari
Cara Tepat Membentuk Perut Six Pack
Jenis dan Type Jerawat
Cara Cepat Menghilangkan Bekas Jerawat Secara Cepat dan Alami
Membuat Bata Press dari Plastik

Tidak ada komentar:

Poskan Komentar

W A R N I N G !!!
=Pembaca yang Baik selalu Meninggalkan Komentar=

~ Berkomentarlah secara baik dan sopan maka admin akan merespon
~ JANGAN ANONIM
~ Komentar Sesuai dengan Topik Pembicaraan
~ Tidak Menyertakan Link Aktif
~ Dilarang Promosi dalam Bentuk Apapun !

Related Posts Plugin for WordPress, Blogger...