Google Translate

Sabtu, 21 April 2012

Membuat Spoiler Pada Blog

Posted by 3xp's on 12.14


Hari ini  saya akan memberi taukan kepada sahabat bloger bagaimana caranya membuat spoiler pada blog ternyata membuat spoiler ini tidak sesulit dengan apa yang kita kira tapi yang susah itu bagaimana cara membuatnya ok langsung saja anda lihat script dibawah ini silahkan dicopy script tersebut

<div style="margin-top: 5px; text-align: center;">
<input value="Show" style="margin: 0px; padding: 0px; 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: 5px;">
<div style="display: none;">MASUKKAN DATA ANDA DISINI YANG AKAN DITAMPILKAN DALAM SPOILER</div>
</div>

Silahkan diganti kalimat berwarna merah diatas dengan kalimat yang ingin anda masukkan kedalam spoiler anda kemudia cara memasukkan kedalam blog bagaimana,???

tenang saja bos akan saya ikutkan


 silahkan masuk ke account bloger anda kemudia pilih new post
  • Dikotak tempat menulis postingan disudut kanan atas terdapat dua pilihan yaitu compose dan Html (kalau bloger versi yang baru silahkan dilihat dibagian sudut kanan atas )
  • klik pilihan Html kemudian tinggal paste link diatas setelah dipaste 
  • kembali lagi keawal atau klik compose maka akan tampil spoiler yang kita buat tadi untuk melihatnya memang tidak bisa langsung di tulisan posting silahkan pertinjau postingan tulisan anda untuk melihat isi spoiler yang anda buat 
  • dan saya yakin pasti sudah muncul selama anda mengikuti tutorial diatas 
CONTOH UNTUK YANG SUDAH JADI SILAHKAN DILIHAT DIBAWAH INI ADALAH TAMPILAN DARI ATAS
MASUKKAN DATA ANDA DISINI YANG AKAN DITAMPILKAN DALAM SPOILER


Ok sepertinya sekian dulu untuk postingan kali ini selamat membaca jika ada saran silahkan diposting di kometar dibawah ini

PERHATIAN
dimohon jangan pertanyaan karena mungkin tidak dibalas terimakasih atas perhatianya

0 komentar:

Posting Komentar

  • RSS
  • Twitter
  • Facebook

Search Site

Flag

free counters