Bagi sobat yang telah meiliki banyak posting pada blognya, meminimalkan daftar dari setiap postingan  yang ada dengan fungsi scroll adalah salah satu alternatif untuk menghemat space tampilan blog sobat.

Dengan fungsi scrool tampilan blog akan terlihat lebih minimalis, namun tetap mewakili keseluruhan isi materi yang ada blog sobat. Dapat digunakan kedalam edit template, ataupun menjadikannya sebagai widget. 

Berikut Contoh Scroll :





Oke Langsung saja, berikut kode membuat fungsi scroll yang dapat sobat terapkan pada template ataupun widget blog sobat :
 <div style="text-align: center;">
<div style="overflow:auto;width:300px;height:100px;padding:10px;border:1px solid #eee">
<ol>
<li><a href="http://www.pelangibiru.net/2010/11/daftar-link-submit-direktori-gratis.html"> Directory page rank 5</a></li>
<li><a href="http://www.pelangibiru.net/2010/11/parse-kode-pelangibiru.html">Tool parse html</a></li>
<li><a href="http://www.pelangibiru.net/2010/10/google-insights-for-search-related.html">Google insight</a> </li>
<li><a href="http://www.pelangibiru.net/2010/10/cara-mudah-membuat-halaman-privacy.html">Membuat Privaci Policy</a></li>
<li><a href="http://www.pelangibiru.net/2010/11/tips-memasang-meta-tag-pada-template.html">Meta tag SEO</a></li>
<li><a href="http://www.pelangibiru.net/2010/11/parse-html-pelangibiru-resources.html">Menampilkan HTML</a></li>
<li><a href="http://www.pelangibiru.net/2010/11/cara-membuat-widget-rss-feed-subscribe.html">Membuat RSS Feeds</a></li>
</ol>
</div>
</div> 

Cara mengeditnya :
  • Ganti kode center (tengah) dengan right untuk rata kanan dan left untuk rata kiri 
  • Ganti 300px Sesuai dengan lebar kolom scrool yang diinginkan
  • Ganti 100px Sesuai dengan tinggi kolom scrool yang diinginkan 
  • Ganti warna merah dengan link sobat dan keterangan link 
  • Jika sobat menerapkan kode tersebuat kedalam widget dapat langsung sobat copi paste saja kodenya, namun jika ingin menerapkannya kedalam pengeditan template, sobat harus terlebih dahulu memparse kode tersebut agar tidak menampilkan pesan xml error nantinya. Sobat dapat memparse kode tersebut disini

Baca Juga Artikel Menarik Lainnya :

Komentar Pembaca :

Ada 0 komentar pada artikel “Cara Membuat Menu Srooll Pada Template dan Widget Blog”

Posting Komentar


Pembaca yang baik selalu meninggalkan komentar yang bermutu. Komentar Spam atau kata-kata tidak sopan akan dihapus.

Next previous home