Daftar Isi

Minggu, 09 Desember 2012

0 Cara Menambah Widget Daftar Isi Pada Blogger

Date: Minggu, 09 Desember 2012 13.08
Category:
Author: Bayuardi Pratama
Share:
Responds: 0 Comment

Assalamu'alaikum gan. hehhehe
Bagi agan semuanya yang ingin mempercantik tampilan blog agan dengan menambah daftar isi, agan bisa menggunakan widget yang satu ini. Tampilannya bisa agan lihat sendiri pada screen shoot diatas.
Oke langsung aja yaa...

  1. Masuk ke dashboard blog agan
  2. Lalu klik pada Tata Letak
  3. Kemudian pilih Tambah Gadget
  4. Pilih HTML/JavaScript HTML/JavaScript  Tambah kliklah pada tanda plusnya
  5. Masukkan judul yang agan inginkan pada kolom judul, misalnya saja "Daftar Isi"
  6. Copy-paste kan kode dibawah ini pada kolom yang tersedia (bukan kolom judul)
 <style type='text/css'>
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript" src="http://infonetmu.googlecode.com/files/Acc1.js"></script>
<script src="http://phellopratama.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

*Ganti teks berwarna merah diatas dengan alamat URL blog agan

Selesai deeh, selamat mencoba

Artikel Terkait :



PENTING !! PLEASE READ !!

Creatif By : Bayuardi Pratama Berbagi Dengan Ikhlas

Terimah Kasih telah membaca artikel Cara Menambah Widget Daftar Isi Pada Blogger. Yang ditulis oleh Bayuardi Pratama. Pada hariMinggu, 09 Desember 2012. Jika anda ingin sebarluaskan artikel ini, mohon sertakan sumber link asli. Kritik dan saran dapat anda sampaikan melalui kotak komentar. No Spam, No Rasis, No Anarkis, No Porn. Terimakasih

:: Get this widget ! ::

Kode Smiley Untuk Komentar


:a :b :c :d :e :f :g :h :i :j :k :l :m :n :o :p :q :r :s :t

Poskan Komentar