Fasilitas scroll ini OK BROTHER gunakan untuk membuat scroll pada "ARTIKEL TERKINI LABEL, KOMENTAR DAN TAG LAIN YANG KAMI ANGGAP PERLU".
Caranya mudah, kami hanya menggunakan kode dasar berikut ini:
<div style='overflow: auto; width: 299px; height: 150px; background-attachment: scroll; background-image: url(http://t1.gstatic.com/images?q=tbn:ANd9GcRtsnH0Oo9LZyGycJAjtk6bMP7qVnVOZ2OJhzMcWai6J-RSMZES); padding: 1px; border: 2px solid #0000ff;'>
Kode yang ada blok warna merah bisa diganti ukurannya sesuai kebutuhan, dan untuk kode yang berwarna hijau bisa diganti sesuai kebutuhan sebagai background atau kalau tidak menginginkan background gambar bisa dihapus dan ganti image menjadi color dan silahkan ganti kode warna yang terblok warna kuning sesuai kebutuhan, atau rgb(255,255,255) bisa langsung diganti menjadi nama warna misal : Blue = biru, red = merah dst. seperti kode berikut:
<div style='overflow: auto; width: 299px; height: 150px; background-attachment: scroll; background-color: rgb(255, 255, 255); padding: 1px; border: 2px solid #0000ff;'>
Kemudian silahkan tutup kode diatas dengan:
</div>
Kode2 diatas ini diletakkan pada tag yang ingin ada scrollnya :
Contoh:
Untuk Arsip Blog: silahkan cari kode seperti yang tertulis dibawah ini dan sisipkan kode diatas sekaligus tutup kodenya sebagaimana terlihat pada kode yang diblok warna merah.
<b:widget id=’BlogArchive2’ locked=’false’ title=’Arsip Blog’ type=’BlogArchive’>> <b:includable id=’main’>
<b:if cond=’data:title’>
<h2><data:title/></h2>
</b:if>
<div class=’widget-content’>
<b:include data=’data’ name=’interval’/>
</b:if>
<b:if cond=’data:style == "FLAT"’>
<b:include data=’data’ name=’flat’/>
</b:if><br /> <b:if cond=’data:style == "MENU"’>
<b:include data=’data’ name=’menu’/>
</b:if>
</div></div></div>
<b:include name=’quickedit’/>
</div></b:includable>
<b:includable id=’flat’ var=’data’>
<ul><b:loop values=’data:data’ var=’i’> <li class=’archivedate’>
<a expr:href=’data:i.url’><data:i.name/></a> (<data:i.post-count/>)
</li> </b:loop> </ul></b:includable>
<b:includable id=’menu’ var=’data’>
<b:if cond=’data:title’>
<h2><data:title/></h2>
</b:if>
<div class=’widget-content’>
<div style='overflow: auto; width: 299px; height: 150px; background-attachment: scroll; background-image: url(http://t1.gstatic.com/images?q=tbn:ANd9GcRtsnH0Oo9LZyGycJAjtk6bMP7qVnVOZ2OJhzMcWai6J-RSMZES); padding: 1px; border: 2px solid #0000ff;'>
<div id=’ArchiveList’><div expr:id=’data:widget.instanceId + "_ArchiveList"’><b:if cond=’data:style == "HIERARCHY"’><b:include data=’data’ name=’interval’/>
</b:if>
<b:if cond=’data:style == "FLAT"’>
<b:include data=’data’ name=’flat’/>
</b:if><br /> <b:if cond=’data:style == "MENU"’>
<b:include data=’data’ name=’menu’/>
</b:if>
</div></div></div>
<b:include name=’quickedit’/>
</div></b:includable>
<b:includable id=’flat’ var=’data’>
<ul><b:loop values=’data:data’ var=’i’> <li class=’archivedate’>
<a expr:href=’data:i.url’><data:i.name/></a> (<data:i.post-count/>)
</li> </b:loop> </ul></b:includable>
<b:includable id=’menu’ var=’data’>
Untuk memastikan berfungsi atau tidak silahkan lihat pratinjau dulu ketika sudah yakin berfungsi klik simpan template.
Cara diatas bisa difungsikan untuk tag atau label-label lain yang dianggap perlu. Kode diatas bisa dilihat pada blog OK BROTHER yang sudah berhasil diterapkan pada semua tag yang memiliki fasilitas scroll.
0 komentar:
Post a Comment