Nah yang dimaksud Spoiler adalah Buka/tutup pada halaman postingan.
Tentu saja hal ini dapat meringkas halaman postingan jika anda membuat artikel yang cukup panjang. Dengan ini pula pengunjung tidak akan merasa ............ sebelum membaca artikel anda.
Untuk membuatnya
1. Login terlebih dahulu ke account blogger anda.
2. Pilih Tata Letak, Klik Edit HTML.
( Download template untuk cadangan apabila anda ingin mengembalikan template anda seperti semula)
3. Tambahkan kode di bawah ini diatas kode ]]></b:skin>
.spoilertop{
background: #f5f5f5;
border: 1px solid #cccccc;
border-left: 4px solid #990000;
color: #0000ff;
font-weight: bold;
font-size: 10px;
margin: 8px auto 0 auto;
padding: 3px;
text-align: left;
text-decoration: underline;
}
.spoilermain{
background: #ffffff;
border: 1px solid #cccccc;
border-left: 4px dotted #990000;
color: #330066;
padding: 10px;
margin: 0 auto 10px auto;
}
4. Tambahkan script di bawah ini diatas kode </head>
<script language="'JavaScript'" type="'text/javascript'">
function openClose(id) {
var obj = "";
if(document.getElementById) obj = document.getElementById(id).style;
else if(document.all) obj = document.all[id];
else if(document.layers) obj = document.layers[id];
else return 1;
if(obj.display == "") obj.display = "none";
else if(obj.display != "none") obj.display = "none";
else obj.display = "block";
}
</script>
5. Simpan Template
6. Pilih Pengaturan, Klik Format cari "Template Posting" masukan kode di bawah ini
<div class="spoilertop" onclick="openClose('YOURSPOILERID')"> » Buka - Tutup... « </div>
<div class="spoilermain" id="YOURSPOILERID" style="display: none;"> Isi content </div>
7. Simpan Template
8. Klik terlebih dahulu Edit HTML pada Entri Baru untuk memulai posting!!
9. Selamat mencoba.
Selasa, 31 Mei 2011
Label:
Tutorial Blog
Langganan:
Posting Komentar (Atom)
0 komentar:
:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n:
Posting Komentar