Tutup buka gambar dengan spoiler

Akhir-akhir ini saya tertarik dengan spoiler, semenjak menggunakan trik ini blog lumyan jadi ringan diakses, mungkin karena banyak gambar yang saya tutup dengan spoiler ini bawaan blog jadi ringan.
Banyak jenis spoiler yang bisa digunakan. Kali ini saya berbagi tips spoiler yang sering saya gunakan sekaligus menjawab pertnyaan sahabatku yang meminta cara menyembunyikan gambar pada postingan, mungkin maksudnya adalah "spoiler".
Caranya sangat gampang sobat tinggal menambahkan kode dibawah ini saat memposting.!!

<div id="spoiler"><div><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'lihat lagi'; }" style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" type="button" value="Klik untuk melihat gambar el yg cakep" /><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">disini teks atau gambar yang ditutup buka</div><div id="hide"></div></div></div>
Ganti tulisan berwarna merah sesuai selera sobat.

hasilnya seperti gambar di bawah ini



Tips Lainnya


Percantik blog dengan flash

Image and video hosting by TinyPic
Sebenarnya postingan ini mungkin tidak asing bagi sobat-sobat yang selau utak-atik blog, hanya karena ada permintaan dari sobat aku, yang menanyakan cara menyimpan flash di pojok blog, walaupun lagi malas aku terpaksa memposting artikel ini. dan akhirnya aku pasang kembali flash di blogku ini sebagai contoh.
Sebenarnya bukan hanya flash yang bisa kita pasang, dan bukan hanya di pojok, kalau sobat mau di tengah pun bisa. namun karena alasan kenyamanan tentu para blogger jarang yang memasang di tengah. langsung saja ikuti petunjuknya ya,,
  • login ke blog-> tata letak-> edit html-> centang expand template widget.
  • Cari kode ]]></b:skin> jika sudah ketemu copy script yg panjang di bawah ini kemudian paste di atas kode ]]></b:skin>
#Lookj_keren {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
  • Perhatikan : ganti bottom dan left jika posisi gambar ingin berubah.
  • Kemudian cari lagi kode </body> kemudian copy lagi script di bawah ini lalu simpan sbelum kode </body>
<div id="Lookj_keren">
<a href="http://www.tipskom.co.cc">
<img src="http://i25.tinypic.com/2wrj442.jpg" border="0" /></a>
</div>offsetWidth); }
  • Kemudian yang ini wajib di ganti yaitu http://www.tipskom.co.cc dengan alamat URL blog sobat, 
  • Lalu http://i25.tinypic.com/2wrj442.jpg ganti dengan link tempat sobat menyimpan gambar. Jika sobat belum daftar webhosting dan belum punya link gambar jangan khawatir silahkan salin saja link gambard isini
perasaan banyak kemudiannya, hehehe klo pake "trus-trus-trus... ky tukang parkir dong..

Tips Lainnya

Cara Mudah Mendapatkan Icon Cantik

Buat sobat-sobat yang suka mencari icon-icon coba saja manfaatkan fasilitas yang diberikan oleh Iconfinder. Banyak icon-icon yang tersedia disana, sobat bisa menyesuaikan ukrannya kemudian mengatur jenis file ebelum di download seperti jens PNG atau ICO.

8 Main Components Which Determine Ranking on Search Engines

There are 8 main components which determine your ranking on search engines :
  1. Site Title
    It is the most powerful SEO technique you have, so use it creatively! When search engine results are displayed the title is the first thing people see.
  2. Meta Tags 
    Although many people incorrectly rely on them when performing SEO, META tags have decreased in importance recently, but are still worth using for clarity and search results. Their initial purpose was to help search engines find out important information about your page that they might have had difficulty determining otherwise.