Breaking News
Loading...
Senin, 20 Mei 2013

Cara Membuat Daftar Isi V1

08.38

Assalamu'alaikum sobat blogger, Kali Ini saya ingin memberitahu Cara Membuat Daftar Isi V1 Penasarankan langsung saja Cekidot, Dan Ini hasilnya adalah seperti pada gambar dibawah ini atau bisa sobat lihat Live Demonya 
DEMO (Yang ada Diamping).





Berikut langkah langkah pembuatannya :

  • Seperti biasa Login dulu keakun blog sobat.
  • Pilih Tata letak.
  • Pilih yang add gadget terserah sobat mau disebah mana.
  • Pilih add gadget/tambah gadget HTML/JavaScript.
  • Copy paste java script dibawah ini kemudian ganti tulisan yang berwarna merahdengan alamat URL blog Sobat.

<div align="center;">
<div style="margin:1px;">
<div style="margin-bottom:2px;" class="smallfont;">

<div style="background:#FFFFFF; no-repeat scroll 0 0; border:1px solid #000000; height:310px; overflow:auto; padding:4px; width:260px;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 250;
</script>
<script src="https://sites.google.com/site/omkrisnanto/omkris/DaftarIsi2www.kris-smile.blogspot.com.js">
</script>
<script src="http://blog-farishasbiahmad.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=99999">
</script></div>

</div>
</div>
</div>

  • NB : Ganti tulisan warna biru pada java script diatas sesuai dengan kehendak sobat,Backround adalah warna backround widget, Heigth adalah tinggi widget, danwidth adalah lebar widget sedangkan yang angka 250 adalah jumlah kata-kata dalam ringkasan seperti yang terlihat pada tanda panah biru gambar diatas.
  • NB : Gati tulisan warna merah pada java script diatas sesuai dengan website anda
  • Save dan lihat hasilnya.
Selamat mencoba, jika tidak ada yang salah insyaAllah pasti berhasil  ^_^

Bila Anda Ingin Daftar Isi Yang Lain nya Klik Disini Untuk Daftar Isi V1, Daftar Isi V2 Dengan Jquery, Daftar Isi V3

0 komentar:

Posting Komentar

Langanan, dan Like yah Sobat.

Silahkan Masukan Email Anda Untuk Mendapatkan Notifikasi Setiap Ada Artikel Baru Di Blog ini:

Delivered by FeedBurner



×

Powered By Blogger and Get This Widget

+ Follow

Follow Blog-farishasbiahmad

Get Free Email Updates to your Inbox
 
Toggle Footer