Peluang Mendapatkan Ribuan Dollar / Bulan, 3 Step Terselesaikan Langsung Dapat $125 USD (Trusted) | Tips Berikutnya »

Home » Blogger » CMS » Internet » Tips dan Trik » Tutorial Blog » Currently Reading:

Tutorial Membuat Spoiler Sederhana di Blogspot

February 3, 2010 Blogger, CMS, Internet, Tips dan Trik, Tutorial Blog 17 Comments

Tutorial Membuat Spoiler Sederhana di Blogspot

Masih berhubungan dengan posting Tutorial Posting di Kaskus, dan sebelumnya memang saya pernah membuat artikel yang serupa namun masih menggunakan metode lama, yaitu artikel yang berjudul Membuat Link Show/Hide untuk Posting Panjang.

Link Show / Hide sama saja dengan Spoiler. Nah caranya adalah copy paste kode berikut di postingan Anda :

<div style="margin: 5px 20px 20px;"><div style="margin-bottom: 2px;"><b>[Judul Spoiler] <em>[Judul miring]</em></b> : <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><br /><div style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>

Keterangan, untuk [Judul Spoiler] terserah diganti sesuka Anda, untuk [Judul miring] juga tergantung Anda, tidak menggunakan [Judul miring] juga tidak akan pengaruh.  Nah untuk [ISI SPOILER] diisi dengan isi spoiler Anda. Untuk contoh penggunaanya, bisa klik alamat ini :

http://www.walkthrough.web.id/2009/11/trailler-point-blank.html

Situs itu menggunakan blogspot meskipun menggunakan domain sendiri.

Anda Menyukai Artikel di Blog Ini? Masukkan Alamat Email Anda untuk Berlangganan:


Artikel Populer

Artikel yang Berkaitan :


Hasil Pencarian:

membuat spoiler di blog . buat spoiler di blog . membuat spoiler . spoiler blogger . tutor spoiler . cara membuat spoiler di blogger . membuat spoiler blog . menambahkan spoiler di blog . membuat spoiler sederhana . cara membuat spoiler blogger . tips spoiler di blog . tutorial membuat spoiler . membuat spoiler sederhana di forum . membuat spoiler video di forum kaskus . membuat tombol spoiler lucu . tutorial membuat patung mudah . tutorial membuat patung dari kertas koran! . tutorial membuat link show hide . spoiler blog . tutorial membuat blogger .

Tags : , , , , , , , , , , , , , ,

Currently there are "17 comments" on this Article:

  1. [...] Anda bisa menggunakan cara yang lebih baru di artikel Tutorial Membuat Spoiler Sederhana di Blogspot [...]

  2. m4stonoNo Gravatar says:

    wah suka ngaskus juga ya mas…..
    m4stono´s last blog ..The best Movers from HireAHelper.com My ComLuv Profile

  3. m4stonoNo Gravatar says:

    wah suka ngaskus juga ya mas….
    m4stono´s last blog ..The best Movers from HireAHelper.com My ComLuv Profile

  4. beeNo Gravatar says:

    situs oe juga pake….
    bee´s last blog ..Display Design of Facebook Changed Again..!! My ComLuv Profile

  5. ireng_ajahNo Gravatar says:

    Owh…begitu tow.. Cocok untuk memperpendek postingan terutama yang berupa gambar ato video..
    ireng_ajah´s last blog ..Free Blogger Template : Gang Blogger Template My ComLuv Profile

  6. ERNo Gravatar says:

    Wah keren juga tuh!!!

  7. onlineNo Gravatar says:

    Ya, mungkin kerana itu

Search This Site:

Play Online Games !!

Adventure Online Game Puzzle Online Game
Sport Online Game Strategy Online Game
nowGoogle.Com SEO Challenge

Sponsor

Friends




Connections

Status

Dofollow Blog Internet Sehat

Polls

Platform CMS Favorit Para Blogger

View Results

Loading ... Loading ...

Translator

Comment on this Article:







CommentLuv Enabled

Kategori

Arsip Seluruh Artikel

Arsip