Cara Membuat Spoiler Pada Blogspot

           Dapet cara lagi nih cara buat spoiler. apa sih spoiler itu ? spoiler adalah suatu cara untuk menghemat tempat suatu web atau blog biasanya sih klo di kaskus berupa gambar. cara ini saya dapatkan dari blog  http://dopind.blogspot.com. caranya membuat spoiler adalah :

• Masuk ke Postingan 
• klik Edit HTML
• Copy paste kode dibawah ini :

<div style="margin-bottom: 2px;">Judul Spoiler

<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; 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 style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">ISI SPOILER</div></div></div>

Cara Membatasi Postingan Pada Halaman Utama

   

     Sekedar info buat pacar saya, soalnya dia tanya " blog aq kok kya kgk ada pembatasnya? coba deh kamu kebawah pasti makin kebawah trus.." kalok kayak gitu seting saja jumlah postingan yang tampil di halaman Utama atau HOME dan diberi Read More supaya lebih menghemat tempat. langsung saja nih caranya :

cara seting jumlah tampilan :

• Log in blog dulu
• Pilih Tata Letak / Layout
• klik edit di bawah Postingan Blog
• Kemudian ubahlah "Jumlah Postingan Utama " / kalo pada gambar dibawah ini yang q blok warna kuning (10), terserah kamu mau ganti berapa postingan yang mau ditampilin pada halaman utama.
• Taruh krusor pada baris yang mau dipotong
• Kemudian klik "Insert Jump break " akan muncul garis patah" yang memotong postingan, jadinya kurang lebih kyk gini :
• Tinggal klikTERBITKAN ENTERI lihat hasilnya :p

Menampilkan Kode HTML Pada Blog

Sekedar buat catatan saya saja nih. Karena pada blog juga mendetek kode HTML jadi jika mau posting kode html pasti hilang @.@ makanya harus diubah menjadi lambang tertentu, antara lain <,>,&,dll . Langsung saja buka http://centricle.com/tools/html-entities/





copas kode yang mau di tampilkan dalam postingan blog ke kotak convert seperti gambar di bawah ini :