Cara Membuat Spoiler di Blogspot

Cara Membuat Spoiler Di Blogspot~Cara Membuat Spoiler Di Blogger

Setelah membuat tulisan Cara Membuat Spoiler di Wordpress sekarang Aneh Tidak Aneh melanjutkan dengan tulisan Cara Membuat Spoiler di Blogspot
Kode Spoiler di Blogspot adalah seperti ini:

<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="Klik" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<p style="text-align: justify;"><a href="http://anehtidakaneh.blogspot.com/" target="_blank">Aneh Tidak Aneh</a></p>
</div><div id="hide"></div></div></div>

Silahkan anda ganti tulisan yang berwarna merah.

Cara Membuat Spoiler di Blogspot ini sama caranya dengan Membuat Spoiler di Wordpress dan Cara Membuat Kotak Scroll.

Bagi yang belum mengerti,silahkan baca <<Cara Membuat Spoiler di Wordpress>> dan <<Cara Membuat Kotak Scroll>>

kontes seo Sepeda Motor Bebek Injeksi Kencang dan Irit Jupiter Z1
Cara Membuat Kotak Scroll
Meta Tag Agar Blog Seo Friendly
Cara Membuat Permalink di Bawah Postingan
Cara Membuat Spoiler di Wordpress
Cara Membuat Spoiler di Blogspot

read more

Cara Membuat Spoiler di Wordpress

Cara Membuat Spoiler Di Wordpress~Cara Memasang Spoiler Di Blog Wordpress

Cara Membuat Spoiler di Wordpress caranya sama dengan Cara Membuat Kotak Scroll
Bagi sobat yang masih belum faham silahkan Baca Cara Membuat Kotak Scroll
yang lain hanya kodenya saja.
Sedangkan Kode Spoiler di Blog wordpress adalah sebagai berikut:

<div id=”spoiler”>
<div><input style=”font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;” onclick=”if (this.parentNode.parentNode.getElementsByTagName(‘div’)['show'].style.display != ”) { this.parentNode.parentNode.getElementsByTagName(‘div’)['show'].style.display = ”; this.parentNode.parentNode.getElementsByTagName(‘div’)['hide'].style.display = ‘none’; this.innerText = ”; this.value = ‘TUTUP’; } else { this.parentNode.parentNode.getElementsByTagName(‘div’)['show'].style.display = ‘none’; this.parentNode.parentNode.getElementsByTagName(‘div’)['hide'].style.display = ”; this.innerText = ”; this.value = ‘LIHAT LAGI’; }” name=”button” type=”button” value=”Contoh Spoiler” /></div>
<div id=”show” style=”border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;”>
<div style=”color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;”>
<p style=”text-align: justify;”>

Hasilnya seperti ini:

kontes seo Sepeda Motor Bebek Injeksi Kencang dan Irit Jupiter Z1
Cara Membuat Kotak Scroll
Meta Tag Agar Blog Seo Friendly
Cara Membuat Permalink di Bawah Postingan

read more

Kontes Seo Sepeda Motor Bebek Injeksi Kencang dan Irit Jupiter Z1

Sepeda Motor Bebek Injeksi Kencang dan Irit Jupiter Z1|Jupiter Z1 Bergelar Sepeda Motor Bebek Injeksi Kencang dan Irit Jupiter Z1
Kontes Seo yang diadakan oleh Yamaha dengan Judul Sepeda Motor Bebek Injeksi Kencang dan Irit Jupiter Z1 ikut menarik perhatian Aneh Tidak Aneh
Aneh Tidak Aneh mencoba mengekuti kontes seo Sepeda Motor Bebek Injeksi Kencang dan Irit Jupiter Z1 walaupun tidak secara langsung,namun hanya sekedar membantu saudara saja.
Namun apa ini hanya sementara Aneh Tidak Aneh Masih belum tahu juga.
Bila anda juga termasuk blogger,sama dengan aku,tidak ada salahnya ikut meramaikan kontes seo Sepeda Motor Bebek Injeksi Kencang dan Irit Jupiter Z1
Karna siapa tahu saja nanti bisa menang,hadiahnya besar lo....
Juara pertama 10 juta bro!
mau......?????!!!
Buruan ikutan ya...dan jangan lupa dukung juga Aneh Tidak Aneh beserta saudara Aneh Tidak Aneh.
Selamat berkompetisi ya...........!salam blogger....!

Baca juga artikel lainnya:
Cara Membuat Kotak Scroll
Meta Tag Agar Blog Seo Friendly
Cara Membuat Permalink di Bawah Postingan
Artikel yang di amati Aneh Tidak Aneh

• SERP Turun Semenjak Tanam Link Di Forum
• Daftar Blog Penyedia Backlink Otomatis
• Kontes Seo Terbaru
• Kontes SEO Yamaha
• Kode Spoiler Untuk Membuat Spoiler
• Cara Membuat Spoiler

read more

Cara Membuat Kotak Scroll

 anehtidakaneh blogspot com  http://anehtidakaneh.blogspot.com/
Cara Membuat Kotak Scroll untuk menaruh gambar,link ataupun lainnya.
Scroll adalah kotak yang bisa di geser kekanan dan kekiri,keatas dan kebawah.
Dengan kotak Scroll tempat/laman blog bisa lebih bersih dan simple,begitu pula apabila di taruh di postingan.
Cara membuat kotak Scroll:
1. Copy Kode Kotak Scroll ini:

<div style="overflow:auto;width:250px;height:150px;padding:10px;border:2px solid #eee">
tulisan anda</div>

2. Paste di Gadged atau di Postingan mode HTML
Kalau akan ditaruh di laman utama gunakanlah gadged HTML
3. Simpan dan lihatlah hasilnya.
Kira Kira hasilnya akan seperti ini:

tulisan anda

Untuk mengatur lebar dan panjangnya silahkan anda ganti angka 250 dan angka 150 yang saya beritanda warna merah.
Demikian Cara Membuat Kotak Scroll Semoga bermanfaat.
Sumber: Cara membuat kotak scroll yang bagus
Aneh Tidak Aneh
Sepeda Motor Bebek Injeksi kencang dan Irit Jupiter Z1

read more