Pasang Spoiler di Blogger

Nah, ada yang pernah denger spoiler ga? apa sih spoiler itu? kalo searching di google spoiler itu bermacam-macam artinya, menurut situs wikipedia spoiler dalam bidang penerbangan diartikan sebagai alat untuk mengurangi daya dorong pada penerbangan. Dibidang otomotif diartikan alat untuk mengubah arus udara pada kendaraan bermotor. Namun disini saya tidak membicaraan arti spoiler dari kedua bidang tersebut, melainkan mengartikan spoiler dalam hal sebuah postingan.

Dalam sebuah postingan , spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari konten sebuah tulisan/blog. Spoiler juga bermanfaat agar konten yang berat seperti gambar dalam ukuran besar dan video tidak diload sebelum menekan tombol show. Dengan kata lain spoiler membantu kita mengurangi waktu load konten blog. Jadi dengan memanfaatkan teknik ini dapat memberikan pilihan kepada pembaca blog untuk membuka atau tidak isi dari spoiler tersebut.

Bagaimana sih cara membuatnya??? nah, itu pertanyaan bagus. Disini saya akan membahas cara menggunakan spoiler. Caranya cukup mudah sahabat tinggal copas saja script berikut, dan letakkan di blog pada bagian posting.

Script

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul</span></i><input value="Show" 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"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
isi spoiler
</div></div></div></div>

Keterangan :

# Ganti kata yang berwarna merah sesuai kebutuhan.
# Jika spoiler berisi gambar, anda upload dulu dengan blogspot atau pengupload seperti photobucket, tinypic, dll, lalu ganti 'isi spoiler' dengan kode HTML gambar yang sudah diupload.
# Jika spoiler berisi video, ganti 'isi spoiler' dengan embed kode video.

Contoh spoiler dari gambar yang saya upload lewat photobucket

Photo

Silahkan sahabat praktikan sendiri...semoga postingan ini bermanfaat...amiin

Pasang Emoticon Kaskus di Box Komentar Blog

Siapa sih yang ga kenal kaskus, walaupun ga punya id kaskus, namun kita pasti tahu bahwa kaskus adalah salah satu  forum komunitas maya terbesar di Indonesia. Langsung aja ke pembahasan, disini saya mencoba membahas mengenai emoticon kaskus yang unik-unik dan lucu-lucu, nah karena itu untuk menambah unik blog kita bagaimana bila kita coba pasang emoticon kaskus di box komentar blog kita.

Berikut langkah-langkahnya :

1. Login dengan akun blogger anda
2. Masuk Rancangan --> Edit html
3. Centang pada bagian "Expand Widget Template"
4. Copy kode di bawah ini dan letakan sebelum kode </body>, gunakan Ctrl + F

<script src='http://markbill.fileave.com/Kaskus%20emo%20by%20kompinter2.js' type='text/javascript'/>
<script src='http://markbill.fileave.com/Emotion%20kasku%20by%20Kompinter.js' type='text/javascript'/>

5.Cari kode <b:if cond='data:post.embedCommentForm'>, letakan kode dibawah ini setelah kode tersebut

<b><img height='50' src='http://img202.imageshack.us/img202/4846/kompinterjuara1.gif' width='50'/>
:k1

<img height='50' src='http://img72.imageshack.us/img72/398/kompinterbatamerah.gif' width='50'/>
:k2

<img height='50' src='http://img687.imageshack.us/img687/1351/kompintercendol.gif' width='50'/>
:k3

<img height='50' src='http://img94.imageshack.us/img94/4219/kompinterlovindo.gif' width='50'/>
:k4

<img height='50' src='http://img8.imageshack.us/img8/3483/kompintermarah.gif' width='50'/>
:k5

<img height='50' src='http://img532.imageshack.us/img532/931/kompintermalu2.gif' width='50'/>
:k6

<img height='50' src='http://img693.imageshack.us/img693/7193/kompinterkecewa.gif' width='50'/>
:k7

<img height='50' src='http://img171.imageshack.us/img171/4809/kompinterngacir2.gif' width='50'/>
:k8

<img height='50' src='http://img291.imageshack.us/img291/6651/kompinterbingung.gif' width='50'/>
:a2

<img height='50' src='http://img641.imageshack.us/img641/3540/kompintertakut.gif' width='50'/>
:a3

<img height='50' src='http://img514.imageshack.us/img514/7169/kompinterterimahkasi.gif' width='50'/>
:a4

<img height='50' src='http://img169.imageshack.us/img169/5500/kompinteralay.gif' width='50'/>
:a5

<img height='50' src='http://img28.imageshack.us/img28/4954/kompintertkp.gif' width='50'/>
:a6

<img height='50' src='http://img138.imageshack.us/img138/3621/kompinternosara.gif' width='50'/>
:a7

<img height='50' src='http://img202.imageshack.us/img202/8307/kompinterliat.gif' width='50'/>
:a8

<img height='50' src='http://img693.imageshack.us/img693/8240/kompintersundul.gif' width='50'/>
:a9

<a href='http://riszpanic.blogspot.com'>.</a>
</b><BR/>

6. Langkah terakhir anda hanya perlu menyimpan klik "Simpan Template" .

Ok sekarang sudah selesai, semoga bermanfaat untuk anda, Terimakasih.

source : klik

static.ak.fbcdn.net/sound/pling.mp3

Mungkin artikel ini bisa membantu sahabat yang sedang menggunakan IDM (Internet Download Manager) namun mempunyai masalah  "static.ak.fbcdn.net/sound/pling.mp3 " saat sahabat chatting di facebook dan selalu muncul kotak dialog download http://static.ak.fbcdn.net/sound/pling.mp3. sebenernya masalahnya sepele, tapi bila terus dibiarin cukup ngeganggu juga kan??? nah, masalah ini terjadi karena Internet Download Manager mendeteksi file yang merupakan Plug-in dari sound chat facebook. Untuk menghilangkannya ikuti langkah-langkah berikut :

Internet Sehat

Mengapa sih harus berinternet sehat??? wah pertanyaan bagus tuh...disini saya akan mengulas sedikit mengenai tips berinternet sehat, jadi internet selain membawa dampak positif, seperti  memudahkan kita dalam mencari sebuah informasi, mengkoneksikan kita dengan orang-orang baik yang kita kenal maupun  orang yang tidak kita kenal, dimanapun dan kapanpun, dan banyak lagi manfaat - manfaat dari internet..wah mantep kan. Nah, selain membawa banyak dampak positif, namun tidak sedikit dampak yang dapat di timbulkan oleh adanya internet, internet itu bagaikan dua mata pisau yang berlainan disatu sisi membawa keuntungan, namun disisi lain juga membawa kerugikan. Jadi bijaksinilah..eh bijaksanalah dalam menggunakan internet.