Sabtu, 24 Maret 2012

Membuat Scrollbar Pada Area Postingan Blog

1. Buka menu edit HTML di blog anda, centang expand widget template

2. Paste script ini tepat diatas </body>:
<b:if cond='data:blog.pageType == "item"'>
<script>
//<![CDATA[
var x = document.getElementById("sidebar-wrapper").offsetHeight-900;
var y = document.getElementById("postingan");
y.setAttribute("style","padding-right: 10px;overflow:autowidth:100%;height:"+x+"px;");
//]]>
</script>
</b:if>

3. Sebelum di save, anda harus sesuaikan dulu parameter-parameter berikut di blog anda:
sidebar-wrapper = Sesuaikan dengan ID sidebar di blog anda
- 900 = Bisa anda ubah-ubah untuk menyesuaikan tinggi DIV postingan
- postingan = sesuaikan dengan div ID pada <data:post.body/>. jika post body tersebut belum diapit oleh div, maka cari <data:post.body/>, kemudian tambahkan div apit sehingga menjadi
<div id='postingan'>
<data:post.body/>
</div>

Save template anda dan lihat hasilnya.

Apa keuntungan menggunakan script ini?
Yang pastinya area sidebar tetap akan berada di jangkauan view pengunjung, sepanjang apapun postingannya.
Script ini hanya akan berjalan di halaman postingan. Kalau ada yang mau ditanyakan, silakan.. :D

Tidak ada komentar:

Posting Komentar