Cara Cepat Hamil

Cara mudah dan Gampang membuat Spoiler di Blog



Cara mudah dan Gampang membuat Spoiler di Blog
Tips and Trik Blog : Cara mudah dan Gampang membuat Spoiler di Blog - Spoiler adalah sebuah fitur dalam blog   fungsi utamanya adalah menyembunyikan teks, kode, kalimat atau gambar. Fungsi nya mirip dengan text area yaitu menghemat halaman posting agar tidak terlalu memanjang ke bawah. Saya yakin sobat sudah sering melihat di forum-forum bentuk sebuah spoiler, yaitu jika kita mengklik misalnya "show" atau "hide" atau "close" maka kita bisa melihat gambar / tulisan yang tersembunyi namun bisa dimunculkan, ada juga yang lain dalam membuat spoiler.
Cara mudah dan Gampang membuat Spoiler di Blog

Spoiler sering kali  dipasang pada sebuah halaman posting, namun ada juga yang memasukkan nya ke dalam sidebar atau footer untuk menyembunyikan widget tertentu. Pada tutorial ini kita akan ikuti cara membuat spoiler dengan isi tulisan dan spoiler dengan isi gambar di posting blogspot.
Berikut kode spoiler :
<div style="margin-bottom: 2px;">Klik Show Untuk Membuka Spoiler
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Memasang spoiler di blog sangat mudah  Inilah kode untuk membuat spoiler dengan teks </div></div></div>
Contohnya di bawah ini : Klik Show Untuk Membuka Spoiler
Memasang spoiler di blog sangat mudah Inilah kode untuk membuat spoiler dengan teks

Keterangan :
  • Klik show untuk membuka bla bla bla bisa sobat ganti termasuk Show
  • Sedangkan kode berwarna biru adalah isi dari spoiler dengan teks.
 Kode spoiler untuk isi gambar ;
Spoiler :
Post spoiler
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler</b> : <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;">
<div style="display: none;">
<img src="http://julak-project.googlecode.com/files/photos.png" border="0" alt="Post spoiler">
</div>
</div>
</div> 
Perhatikan cara memasang kode url gambar dengan teks warna biru. Ganti
http://julak-project.googlecode.com/files/photos.png dengan alamat gambar sobat sendiri yang sudah dihost.
Bagaimana cara memasangnya di posting blog? Saat menulis artikel masuk ke menu  HTML bukan compose (lihat kiri atas) kemudian masukkan kode-kode diatas.

Nah bagaimana Sobat blogger. Ternyata cukup mudah bukan membuat spoiler di postingan blog. Silahkan dicoba.
Cara mudah dan Gampang membuat Spoiler di Blog 9out of 10 based on 10 ratings. 9 user reviews.


Posted by : Gadis ~ / Software, Blog Tips and Trik, Tutorial , Internet, Bisnis

Artikel Cara mudah dan Gampang membuat Spoiler di Blog diposting oleh Gadis . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terima kasih. Happy blogging

0 komentar:

Poskan Komentar