Minggu, 27 November 2011

Expand Hide for Iframe Blogger Comment

Tutorial ringan akan Koben sampaikan mengenai cara menyembunyikan sesuatu memakai variable Document getElementById() Method. Sebenarnya bisa dilakukan dengan jQuery plugins, bagi sobat yang sudah menanamkan script jQuery didalam templatenya ;)) Tapi tidak semua blogger memasukan si-jQuery kan! Oleh sebab itu Beben Koben si bloglang anu ganteng kalem tea akan berbagi eksperimen bagaimana cara menyembunyikan embed frame komentar blog memakai trick expand check, table, plus sedikit bumbu HTML DOM Objects. Hasil korak korek sana-sini biasa sob :">
Langkah pertama yg musti dilakukan yaitu Expand Widget Templates

Screenshot After Practice

Press on kibot Alt + F or just press F3, then found it comment-editor comment-editor yg berada pada bagian iframe yaaa don't forget that!!!
Setelah menemukan code yg dimaksud, ambil sebundel bagian<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>Simpan dimana dulu kode tersebut, ex: Notepad, Microsoft Word or anything else like that :P Setelah itu, sisipkan ramuan ajaib, menjadi begini penulisannya [..]
<table width="100%">
<tbody>
<tr>
<td>
<label>
<input onclick="javascript:var bPlay=this.checked?'':'none';document.getElementById('komentar').style.display=bPlay;" type="checkbox"/> Checked for Add Comments
</label>
</td>
</tr>
<tr id="komentar" style="display: none;">
<td>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</td>
</tr>
</tbody>
</table>
Done, SAVE :)
Begitulah akhir cerita bagaimana cara membuat expand/hide for blogger comment side.
Semoga bermanfaat \m/

Tidak ada komentar:

Posting Komentar