TrikMITOS-blog seputar informasi, islami,kesehatan, kecantikan Tips dan Trik android kord gitar dll

Loading
Saturday 12 December 2009

Cara Membuat Spoiler Pada Blog

Cara Membuat Spoiler Pada Blog -Assalamu Alaikum WR.WB Hallo sahabat TrikMITOS-blog seputar informasi, islami,kesehatan, kecantikan Tips dan Trik android kord gitar dll, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Spoiler Pada Blog, saya telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya, yang mungkin bermanfaat buat anda. mudah-mudahan isi postingan Artikel Tutorial Blogger, yang saya tulis ini dapat anda pahami, karna mungkin dari beberapa pengunjung bahasa atau tulisan saya ini agak sulit di mengerti...hehehe benarkah??!!!. baiklah, tanpa panjang lebar dan bertele-tele lagi selamat membaca, jangan lupa baca juga artikel lainnya, karena masih banyak artkel yang menarik lainnya yang menurut saya pribadi sangat bermanfaat

Judul : Cara Membuat Spoiler Pada Blog
link : Cara Membuat Spoiler Pada Blog
Gambar dibawah ini

Baca juga


Cara Membuat Spoiler Pada Blog

Postingan kali ini tutorial cara membuat spoiler pada blog. Apa spoiler itu? Lihat contoh berikut! Klik tab berikut!

Sudah mengerti maksudnya? Postingan ini untuk menjawab pertanyaan seorang teman, (de' suciyellow), syukur kalau bisa bermanfaat bagi yang lain...

Berikut caranya:

  • Pada dasbor klik tata letak=> klik elemen halaman=> tambah gadget=> HTML/JavaScript
  • Copy dan paste kode berikut kedalam kolom kontent:

 

<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" 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 = 'Hidden'; }else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }"type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">
DISINI LETAK KONTENT ANDA
</div></div></div></div></div><blink><a href=http://amatullah83.blogspot.com/2009/12/cara-membuat-spoiler-pada-blog.html>Klik cara membuat widget ini</a></blink>

Teks yang berwarna biru bisa anda ganti katanya sesuai selera misalnya seperti contoh diatas, begitu pula dengan kontentnya bisa diisi dengan banner, buku tamu, link teman dan lain lain! Untuk background warnanya bisa lihat kodenya disini
  • Jangan lupa simpan dan simpan lagi!
  • Lihat hasilnya!

Semoga bermanfaat!



Demikianlah Artikel Cara Membuat Spoiler Pada Blog

Sekianlah artikel Cara Membuat Spoiler Pada Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya jangan lupa tinggalkan komentar anda dan share yang banyak....heheheh.

Anda sekarang membaca artikel Cara Membuat Spoiler Pada Blog dengan alamat link https://trikmitos.blogspot.com/2009/12/cara-membuat-spoiler-pada-blog.html
Share on Facebook
Share on Twitter
Share on Google+

Related : Cara Membuat Spoiler Pada Blog

0 komentar:

Post a Comment