Cara Bikin Spoiler Di Posting Blog

Hello dan selamat datang di blog gila gue.
STUCKLICIOUSSS..!!
Mengatasi suatu masalah, sehingga muncul masalah yang lain.. lho..lho..

Hokeeee..kali ini gue mau share tentang bagaimana membuat SPOILER pada postingan blog. Dan gue akan jabarin caranya dengan kalimat yang mudah dimengerti dan dicerna bahkan oleh otak seperempat sekalipun..

"Wowww pasti anda pinter banget ya masalah blog ? Sampai bisa jabarin trik blog dengan kalimat mudah? "

Pinter apanya??? 😂
Gue kemarin punya pengalaman mumet waktu baca tutorial bikin spoiler..udah pakai bahasa yang ga gue ngerti, ditambah otak gue kan seperempat..jadi agak susah-susah streess gitu.

Tapi pas berhasil, gue akan bagikan cara ini dengan kalimat gue. Ngerti atau enggak tergantung bagaimana anda menyikapinya 😆.

Langsung aja..sebelum nya apa sih spoiler?

Spoiler itu yang kayak di forum-forum. Semacam alat untuk memperingkas postingan supaya ga jadi kaya nulis buku. *jawaban macam apa ini 😂 #bodoamat. Ini kan blog gila, jadi referensi nya dari kacamata orang gila..😂

Contoh penampakan spoiler :
Klik aja.

CONTOH SPOILER:

Pakaian dalem nyaa kakaaaa. Murah meriah kakaaa. Bisa nego halus. Serat masih bagus. Pemakaian sebentar. Kardus dan buku petunjuk pemakaian lengkap. Cuma garansi yang ga ada...

Nahhh gimana?? Mempersingkat postingan kan? Trus gimana cara nya pasang ke blog?

1. Lo harus punya blog. Dan bisa lo buka pake akun dan password lo sendiri. Bukan pake akun orang trus passwordnya lu cari-cari..

2. Klik ENTRI BARU

3. Kalo udah selesai nulis dan mau masang spoiler..klik ini

4. Di baris baru ( paragrapf baru ) masukin kode HTML ini.. COPY AJA

<div style="margin: 5px 20px 20px;">

<div class="smallfont" style="margin-bottom: 2px;"><b>CONTOH SPOILER</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">

</div>

<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">

<div style="display: none;">

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirwt6pj_PB-dzDTnAD9JESrdej1jjVeGigh_VFHhuC7CFNtNW8VQlk4fNEqX93bqz4Smtg8FNh1lGfnxt3xebiOwJg2mUuWhqfgmQkYpga4kiJG0Ou7cd-7e5KJgosHiryo-y-B7RZMV4/s1600/CJupwG-UkAAoONC.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirwt6pj_PB-dzDTnAD9JESrdej1jjVeGigh_VFHhuC7CFNtNW8VQlk4fNEqX93bqz4Smtg8FNh1lGfnxt3xebiOwJg2mUuWhqfgmQkYpga4kiJG0Ou7cd-7e5KJgosHiryo-y-B7RZMV4/s640/CJupwG-UkAAoONC.jpg" width="640" height="361" /></a>

Pakaian dalem nyaa kakaaaa. Murah meriah kakaaa. Bisa nego halus. Serat masih bagus. Pemakaian sebentar. Kardus dan buku petunjuk pemakaian lengkap. Cuma garansi yang ga ada... <br />

<br />

 <br>

</div>

</div>

</div>

KETERANGAN :
A. warna ini : tulis judul spoiler lo
B. Warna ini ganti pake URL gambar yang mau lo masukin 
C. Warna ini ganti sama keterangan yang mau lo masukin 

Nah kalo udah begini, lo bisa langsung lanjutin tulisan lo di COMPOSE. jangan lupa enter / new line di html terlebih dahulu..

Pertanyaan yang sering ditanyain dan waktu itu gue bingung adalah. URL GAMBAR nyari nya dimana??

Banyak yang kasih tau, upload dulu gambar nya di 4shared atau media upload lain supaya bisa dapat URL gambar.

Tapi kalo itu susah ( kaya waktu itu gue sampe mumet ), lo bisa pake cara gue.
Caranya adalah :

1. Lo save dulu postingan lu.
2. Lo save link spoiler yang gue kasih di poin 4 di notepad.
3. Lo tulis entry baru dan langsung klik HTML.
4. Lo upload foto yang mau lo masukin spoiler
5. Di HTML pasti foto itu berubah jadi URL.
6. Copy URL nya dan masukin di link yang tadi gue kasih di no.4 di warna merah.
7. Copy URL yang udah jadi dan paste dipostingan lo.

8. DONE...!!!

Gimana? Mudah kan? Apa keterangan gue masih sulit? Besok gue coba pake bahasa sangsekerta..😂

Kalo berhasil, jangan lupa tinggalin jejak.
Kalo gagal, bisa tanya gue dibawah ⬇⬇⬇⬇

Sekian trik gue. Dan semoga bermanfaat..

Berbagi itu indah gaeeees..

Related Posts:

Tweet