Tips Dan Trik Membuat Spoiler Pada Postingan- Blak Kotang - Sahabatku pembaca Setia Blakkotang, Saat ini anda sedang membaca pembahasan tentang Tips Dan Trik Membuat Spoiler Pada Postingan- Blak Kotang , saya hanya seorang newbie yang berbagi, dan mudah mudahan artikel ini bisa membantu sahabat semua dan tentunya anda bisa memahami dan menerapkanya ,bila ada kekurangan atau kesalahan harap di maklumi dan di beri saran ya... .

Judul : Tips Dan Trik Membuat Spoiler Pada Postingan- Blak Kotang
Membahas artikel tentang : Tips Dan Trik Membuat Spoiler Pada Postingan- Blak Kotang

Tips Dan Trik Membuat Spoiler Pada Postingan- Blak Kotang

Artikel Tutorial Blogspot,

Membuat Spoiler Pada Postingan | Tutorial Blog

Spoiler sangat berguna untuk mengurangi beban loading sebuah postingan, fungsi dari Spoiler ini adalah untuk menghemat tempat, selain itu Spoiler ini juga membuat postingan anda tampak lebih rapi.

Berikut cara Membuat Spoiler Pada Postingan :

• Anggap saja Anda sedang membuat sebuah postingan, kemudian klik pada Tab Edit HTML.
  
• Lalu letakkan kode berikut :
  <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;">
  Isi Spoiler
  </div>
  </div>
  </div>
  Isi Spoiler : Isi dengan kode gambar, video, atau kode html lainnya.
  Sebagai contoh saya gunakan kode berikut :
  <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;">
  <a href="http://s1193.photobucket.com/albums/aa345/bakulatz/Dashboard/?action=view&amp;current=edthtmlpost.gif" target="_blank"><img src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/edthtmlpost.gif" border="0" alt="Edit Html Post"></a>
  </div>
  </div>
  </div>
  Hasilnya akan seperti ini,
  Spoiler :

  
• Selanjutnya silakan Anda Publish postingan Anda.

Semoga bermanfaat buat Sobat yang ingin Membuat Spoiler Pada Postingan.

Begitulah Pembahasan tentang artikel ini Tips Dan Trik Membuat Spoiler Pada Postingan- Blak Kotang

Mungkin itu saja yang bisa saya jelaskan Tips Dan Trik Membuat Spoiler Pada Postingan- Blak Kotang , Dan semoga artikel ini bisa sedikit membantu untuk para sahabat blakkotang .

Sahabat sedang membaca pembahasan tentang Tips Dan Trik Membuat Spoiler Pada Postingan- Blak Kotang Pembahasan ini url permalinknya adalah http://blakkotang.blogspot.com/2012/01/tips-dan-trik-membuat-spoiler-pada.html Dan semoga pembahasan Mengenai Tips Dan Trik Membuat Spoiler Pada Postingan- Blak Kotang , Bisa Membantu Dan semoga juga artikel ini bisa bermanfaat, dan bila arikel ini menurut sahabat blakkotang bermanfaat silahkan di bagikan kepada teman atau sahabat-sahabat lainya, terimakasih ,

ARTIKEL BERIKUTNYA :

.

Tweet