Promote Your Web Here

Get paid To Promote at any Location

15 December 2009

Membuat Spoiler

Spoiler termasuk sebuah trik agar blog sobat tidak terlalu berat, yaitu bagi sobat yang merasa banyak postingan gambar yang memungkinkan proses loading blog sobat menjadi lambat. Hal itu dapat diatasi dengan menggunakan Spoiler. Mungkin sudah banyak yang ngebahas tentang spoiler ini, namun saya berniat untuk mengingatkan dan juga memberitahukan bagi sobat blogger yang belum mengetahui. Biar ingatan kita lebih fresh seperti apa bentuk spoiler itu lihat contoh dibawah.

Hanya Sebagai Pengingat Biar Fresh.
Just Trying


Lantas Bagaimana cara membuat spoiler tersebut ?, disini saya akan menggunakan 2 metode memasang spoiler yaitu metode penerapan langsung pada saat posting blog dan motode penanaman kode HTML pada template sobat

  1. Cara yang pertama (langsung penulisan pada blogger sobat).
  2. Cara ini sangatlah mudah, sehingga sobat tidak perlu merubah kode HTML pada template sobat, namun sobat harus bener-bener kode spoiler ini. Jika ingin mencoba silahkan Copy dan Paste code dibawah kedalam postingan sobat (pilihan mode HTML).

    Pada kode diatas sobat dapat modifikasi sendiri dari ukuran kotak spoiler,warna background,border, dan tentu isinya serta tombol Lihat dan Tutup spoiler (bisa dengan gambar).
  3. Cara kedua dengan merubah kode HTML Template Sobat.
- Masuk kedalam blogger area sobat --> Layout --> Edit HTML --> jangan lupa tandai Expand Widget Templates dan juga download (backup) template sobat sebelum merubah kode/menambah kode (biar ga bingung kalo ada kesalahan).
- Copy kode dibawah dan taruh diatas kode ]]></b:skin>
.commenthidden {display:none;}

.commentshown {display:inline;}
- Masukan kode berikutnya diantara ]]></b:skin> dan </head> atau taruh saja diatas </head> , dan kodenya adalah :

- Save template sobat. Kemudian gimana cara penggunaan di postingan ??
- Saat membuat postingan sobat jangan lupa untuk memberikan kode dibawah :
<a aiotitle="click to expand" href="javascript:togglecomments('Nama_Spoiler')"><img class="spoiler" src="http://i655.photobucket.com/albums/uu275/kanzenk/showhide.png" /></a><div class="commenthidden" id="Nama_Spoiler">Gambar/Tulisan di taroh di sini</div>

Sudah cukup jelas sobat ?? kalau cara yang kedua ini nihh, untuk menampilkan beberapa spoiler sobat harus mengedit Nama_Spoiler yang berbeda agar tidak bentrok dalam penampilan gambar/text yg akan sobat tampilkan.

Nah ini contoh spoiler dengan model yang kedua :


Hanya Sekedar Test
cantik

Sobat, jika sobat bingung menggunakan cara yang kedua sobat gunakan cara yang pertama. Bagaimana sobat ? mau mencobanya ? Oke deh, selamat mencoba.

Comments :

38 comments to “Membuat Spoiler”

Unknown said...
on 

penting nih sob...

saydina said...
on 

ya salam kenal sobat blogger
and thanks ya atas kunjungan nya sobat.
ur blog perfect and complete..... :D
kunjungan balik ya sob! and follow me back... :)

ORC blog said...
on 

info bagus tuh sob..
makasi

gers said...
on 

nice to be here

BeN'Z said...
on 

hey man. dropping by :) weee!!!

BeN'Z ver6.09
http://lifeofbenz.blogspot.com

tech said...
on 

thanks for sharing

Jorge said...
on 

thnx, im now following..

Bang Ancis said...
on 

Hmm mantab triknya, sebenarnya aku lg nyari tutorial yg ini, tp belum ngerti2 jg... he..he..

Goaplek said...
on 

Visit back here... thanks for share this tutorial...

Osi said...
on 

infonya mantab...

Maaf Sob...tadi habis dari tetangga sebelah...gak tau kalo ada tamu

mobile review said...
on 

thanks for sharing brother..

OnLy You said...
on 

visit back.. ^^

clinic mobile said...
on 

wahduh tris infonya bang,sangat bermanfaat

rantz said...
on 

wah waktu thu ku susah" payah ambil dari spource orang lain, sekarang ad tutorialnya,. mantap bro,.,. comment anda di ALL IN tUmBuH sudah ku jawab,. kmbali berkunjung ya,. thanks,.

Astaga.com Lifestyle On The Net said...
on 

Wah astik juga nech

blog buat bloggers said...
on 

Mantep tutorialnya sob, langsung praktek ah dengan yang pertama, hehe....

SyahidaComputer said...
on 

Great info, makasih ya ..btw ...tuker link shob .. dah kupasang nie ...

scribbler said...
on 

hi.. thanks for dropping by..

Van said...
on 

Here i am with real $mile...enjoyed $...Nice blog...:)

s@ndhie said...
on 

hadir mengunjungi sahabat...

My-Belix said...
on 

Mantep nih..... nanti saya coba ah..

suryadewa said...
on 

nice tutorial friend

Herby said...
on 

I'm o.k. my friend..thank you for the visite

heru said...
on 

nice tutorial sobat, thanks ya atas sharingnya

Anonymous said...
on 

^^ hey, thank you so much for your visit, hope you have a nice day, greetings :)

-一个一个的部落格寂寞心 said...
on 

Hello My friend here i come to visit you back, thank you for your kind visit, always happy and success for u :thumbsup:

~ReaL-JukeBox~ said...
on 

Blogwalking..., "the nightttt seems to fade, but the moonlight lingersss on......"

Download Gratisan said...
on 

mantab dah bang
tukeran komen y

GEORGEOUZ said...
on 

Nice article...sangat bermanfaat....sangat membantu....thanx sob infonya....salam kenal

Anonymous said...
on 

do not speaks inglihs,good frends.play football.like maradona.

Unknown said...
on 

Salam kenal sob
thank you visit my blog

Anonymous said...
on 

wat s yuor country?frends,thanks yuo.

javabis99 | Bisnis Online n Hobby Blog said...
on 

Happy New Year 2010, Thanks atas sgala krjsamanya

Anonymous said...
on 

hello.wats pasando? a Nigt?

reza said...
on 

oc dech kaka'...mksh infonya.nanti ta' coba ya di blog-qu .. :)

Anonymous said...
on 

¿Hola? cantry mi, rios.good entre la noche! frends mi.

kie said...
on 

info yang mantap brow...

Anonymous said...
on 

@kie

tes

Post a Comment

Followers

SUPPORT MY BLOG

SUPPORT ME !!

Komentator

Widget Oleh : Pit-Onta

BANNER

BeLaJaR DaLaM BLog

 

Copyright © 2009 by Kanzenk Blog's