[Tutorial] Cara memasang Tombol Spoiler di postingan blogger

- [Tutorial] Cara memasang Tombol Spoiler di postingan blogger Salam sobat blogger... Tetap semangat nge-blog sobat? Mari kembali meman...

-[Tutorial] Cara memasang Tombol Spoiler di postingan blogger

Salam sobat blogger...
Tetap semangat nge-blog sobat?
Mari kembali memanjakan si pembaca dengan Widget baru.

Ada berbagai cara untuk meningkatkan pengunjung yang sering membaca postingan suatu blog atau situs.  Selain dengan mempercantik blog juga dengan cara yang satu ini. Cara nya sangat gampang untuk diterapkan.


Yaitu dengan [Tutorial] Cara memasang Tombol Spoiler di postingan blogger. Dengan menambahkan tombol spoiler, para pembaca dapat membaca isi postingan dengan nyaman, karena isi spoiler dapat disembunyikan atau di tampilkan. Keuntungan lainnya adalah isi postingan lebih tertata rapi.

Judul Spoiler





Diatas adalah beberapa contoh spoiler. Sedangkan untuk Gadgetnya dapat melihat langsung pada Halaman beranda Blog ini. Untuk membuat Spoiler seperti diatas cukup mudah, karena dengan hanya menyisipkan script telah terbentuk suatu spoiler. Tertarik untuk membuatnya??

Langsung aja ikuti langkah-langkah [Tutorial] Cara memasang Tombol Spoiler di postingan blogger :

1. Log in akun Blogger milik sobat. 



2. Kemudian masuk ke Dashbor => TATA LETAK => Add Gadget => HTML/JavaScript

3.  Copy kan kode berikut pada kolom HTML/JavaScript

-Untuk kode menyembunyikan Teks :
=====================================================================

<div><div style="margin-bottom: 2px;"><i><b><small> Judul Spoiler  </small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px;font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;show&#39;; }" type="button" /></div><div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

Masukkan Teks/Script di sini

</div></div></div>

=====================================================================



-Untuk kode menyembunyikan Gambar :

=====================================================================

<div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"><input 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" value="Show" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; background: #FAFAF7;"> <div style="display: none;"><img class="aligncenter" src="URL GAMBAR SOBAT" alt="monyet" width="300" height="280" /></div> </div> </div>

=====================================================================

Catatan :
Sobat juga bisa mengganti  : 

-Judul Spoiler : Ganti dengan judul spoiler yang sobat inginkan
-Masukkan Teks/Script di sini : Ganti dengan Teks yang sobat inginkan
-URL GAMBAR SOBAT : Ganti dengan URL gambar yang hendak disembunyikan


4. Lagkah terakhir SIMPAN perubahan,

Dan lihat hasilnya,
Jika terjadi kesalahan mohon beritahu kepada kami dengan mengomentari artikel ini.
Demikian [Tutorial] Cara memasang Tombol Spoiler di postingan blogger
Selamat mencoba dan Semoga berhasil...

COMMENTS

BLOGGER: 1
Loading...

Nama

Artikel,66,Cerita singkat,82,Java,12,SEO,15,Tahukah sobat??,21,Tips dan Trik,15,Tips.....n' Trick.....,14,Tutorial,20,Tutorial Blogger,50,
ltr
item
Blog Salman Syuhada: [Tutorial] Cara memasang Tombol Spoiler di postingan blogger
[Tutorial] Cara memasang Tombol Spoiler di postingan blogger
http://1.bp.blogspot.com/-r2OdLOX-wNA/UDZqZtQ0L_I/AAAAAAAACjE/49sQ3EghWvg/s400/spoiler.jpg
http://1.bp.blogspot.com/-r2OdLOX-wNA/UDZqZtQ0L_I/AAAAAAAACjE/49sQ3EghWvg/s72-c/spoiler.jpg
Blog Salman Syuhada
http://blog.salmansyuhada.com/2012/08/tutorial-cara-memasang-tombol-spoiler.html
http://blog.salmansyuhada.com/
http://blog.salmansyuhada.com/
http://blog.salmansyuhada.com/2012/08/tutorial-cara-memasang-tombol-spoiler.html
true
5369818979434965955
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy