Membuat Daftar isi bentuk Scroll page

Untuk membuat daftar isi blog ke dalam bentuk scroll tidaklah sulit, tidak perlu merubah banyak hal anda hanya perlu tambahkan beberapa kode dalam blog. Berikut adalah cara paling mudah untuk membuat daftar isi untuk blog atau situs anda dalam bentuk scroll. Dalam blog biasanya postingan tidak hanya belasan page atau halaman, Karena blog seringkali di jadikan tempat untuk berbagi pengetahuan dan mencurahkan isi hati, maka biasanya halaman pada blog akan sangat banyak mencapai puluhan atau bahkan ratusan.

Dengan jumlah halaman postingan blog yang sangat banyak tentunya akan sangat tidak indah bila daftar isi yang kita buat berbentuk hierarki karena akan memakan tempat yang sangat banyak dan tidak efisien. untuk itulah perlu dibuat daftar isi berbentuk scroll page, mungkin sudah cukup basa basinya sekarang kita akan bahas cara membuat daftar isi dalam scroll tadi. Silahkan anda ikuti langkah dibawah ini:
1. Login dulu ke blog kamu, bila belum punya silahkan buat dulu gratis kok, klik disini untuk mengetahui cara buat blog gratis.
2. Login ke blog kamu
3. Masuk Rancangan lalu klik Edit Html jangan lupa centang Expand Template Widget di pojok kanan atas.
4. Cari widget arsip blog, untuk memudahkannya silahkan pake search atau find aja dan masukkan "arsip" atau "widget id='HTML4" sebagai keywordnya.

biasanya kodenya seperti di bawah ini;
<b:widget id="HTML4" locked="false" title="Arsip Blog Scroll Menu" type="HTML">

<b:includable id="main">

<b:if cond="data:title != """>

</b:if></b:includable></b:widget>

<h2 class="title">

<data:title></data:title></h2>

<div class="widget-content">

<data:content>

</data:content></div>

<b:include name="quickedit">

</b:include>

5. Kemudian sisipkan kode berikut

<div style="height: 200px; overflow: auto;">

</div>

6. Hasilnya akan seperti dibawah ini:

<b:widget id='HTML4' locked='false' title='Arsip Blog Scroll Menu' type='HTML'>

<b:includable id='main'>



<b:if cond='data:title != ""'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<div style='overflow:auto;height:200px;'>

<data:content/>

</div>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

untuk memudahkan pemahaman perhatikan kode yang berwarna merah

7. Klik save template dan lihat hasilnya

Komentar

Postingan populer dari blog ini

Mekanisme Inflamasi

Pada postingan kali ini kita akan berbagi informasi tentang mekanisme terjadinya inflamasi lengkap dengan gambar yang menjelaskan mekanisme inflamasi terjadi. Inflamasi adalah respon kompleks dari tubuh terhadap suatu yang tidak mengenakkan. Inflamasi juga dapat didefinisikan sebagai respon p rote k tif terhadap luka ja r i n gan yang di s e b abkan o l eh t r au m a f isik, termal, z a t k i m ia yang m erusak, at a u za t -z at m ikrobiologik (penyebab infeksi). Mekanisme terjadinya Inflamasi dapat dibagi menjadi 2 fase yaitu: 1. Perubahan vaskular

Baca selengkapnya

Menghilangkan flek hitam dan bekas jerawat di wajah

Kali ini kita akan membahas cara menghilangkan flek hitam dan bekas di wajah secara cepat dan alami sehingga lebih aman bagi kesehatan. Wajah merupakan bagian yang sangat terbuka dan pastinya merupakan hal yang pertama kali dilihat orang lain tentang kita, karena ketika kita pertama kali bertemu seseorang tentunya yang kita lihat adalah wajah orang tersebut. Hal ini yang menjadikan wajah yang bersih merupakan suatu impian dari semua orang terutama kaum wanita. Permasalahan umum dari wajah adalah timbulnya flek hitam atau noda yang dapat diakibatkan oleh berbagai hal salah satunya adalah bekas jerawat. Flek hitam dan noda bekas jerawat pada wajah juga dapat disebabkan karena kulit wajah yang relatif sensitif bila dibandingkan bagian tubuh lain sehingga paparan debu dan asap pada wajah dapat menyebabkan timbulnya flek hitam dan noda pada wajah, terutama bila kita sering terlambat dalam membersihkan wajah setelah bepergian. Ada banyak sekali cara mengurangi atau bahkan meng...

Baca selengkapnya

Memahami Ajaran Tritunggal dengan Mudah

Allah itu Maha Kuasa Sebelum kita masuk ke pembahasan konsep tritunggal kita harus percaya bahwa Allah itu Maha Kuasa, pencipta langit dan bumi serta segala isinya. Apa Itu Tritunggal? Dalam alkitab, di kejadian 1:26-27 dikatakan 1:26 Berfirmanlah Allah: "Baiklah Kita menjadikan manusia menurut gambar dan rupa Kita, supaya mereka berkuasa atas ikan-ikan di laut dan burung-burung di udara dan atas ternak dan atas seluruh bumi dan atas segala binatang melata yang merayap di bumi." 1:27 Maka Allah menciptakan manusia itu menurut gambar-Nya, menurut gambar Allah diciptakan-Nya dia; laki-laki dan perempuan diciptakan-Nya mereka. Manusia diciptakan segambar dan serupa dengan Allah. Ayat ini adalah ayat yang sangat penting dan merupakan ayat yang menjelaskan keimanan kristen. Manusia terdiri dari Pribadi utuhnya, akal budinya, dan Roh. Contoh mudah adalah anda mengenal orang bernama andi, budi atau andreas. Pribadi utuhnya adalah andi, budi atau andreas yang anda kenal. Dan andi, ...

Baca selengkapnya

Berbagi Informasi

Cari Blog Ini