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 :

40 comments to “Membuat Spoiler”

sosial seni budaya bisnis 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..

toing3 gurlz 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 ...

doQ / 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

La Bruja 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.

Dani 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

日月神教-任我行 said...
on 

成人遊戲,免費成人影片,成人光碟,情色遊戲,情色a片,情色網,性愛自拍,美女寫真,亂倫,戀愛ING,免費視訊聊天,視訊聊天,成人短片,美女交友,美女遊戲,18禁,三級片,美女,成人圖片區,avdvd,色情遊戲,情色貼圖,女優,偷拍,情色視訊,愛情小說,85cc成人片,成人貼圖站,成人論壇,080聊天室,080苗栗人聊天室,免費a片,視訊美女,視訊做愛,免費視訊,伊莉討論區,sogo論壇,台灣論壇,plus論壇,維克斯論壇,情色論壇,性感影片,正妹,走光,色遊戲,情色自拍,kk俱樂部,好玩遊戲,免費遊戲,貼圖區,好玩遊戲區,中部人聊天室,情色視訊聊天室,聊天室ut,自拍,後宮電影院,85cc,免費影片,a片

蔥油餅Jon said...
on 

,徵信社,尋人,偵探,偵探社,徵才,私家偵探,徵信,徵信社,徵信公司,抓猴,出軌,背叛,婚姻,劈腿,感情,第三者,婚外情,一夜情,小老婆,外遇,商標,市場調查,公平交易法,抓姦,債務,債務協商,應收帳款,詐欺,離婚,監護權,法律諮詢,法律常識,離婚諮詢,錄音,找人,追蹤器,徵信,徵信公司,尋人,抓姦,外遇,徵信,徵信社,徵信公司,尋人,抓姦,外遇,徵信,徵信社徵信公司,尋人,抓姦,外遇,徵信,徵信社,徵信公司,尋人,抓姦,外遇,徵信社

Post a Comment

Followers

SUPPORT MY BLOG

SUPPORT ME !!

Komentator

Widget Oleh : Pit-Onta

BANNER

BeLaJaR DaLaM BLog

 

Copyright © 2009 by Kanzenk Blog's