Cara membuat kotak daftar isi blog >> Kemarin ada salah satu pertanyaan buat saya dari pengunjung blog ini yang mana dia menanyakan bagaimana cara membuat kotak daftar isi seperti yang terlihat pada kanan blog ini,sayapun menjawabnya langsung melalui sms kalo daftar isi dikanan blog ini hanya dibuat secara manual dengan fungsi scroll,tapi untuk jelasnya biar aq posting saja ya...
Ya walau tutorial seperti hanya untuk pemula tapi gk apalah lha wong saya juga baru kemarin ko9k belajar ngeblognya,he he he....
ok.langsung aja ke tkp!
- Loggin ke blogger
- Klik rancangan/tata letak
- Add gadget/tambah gadget
- Masukkan
.list {
background: url("http://i1011.photobucket.com/albums/af239/sabarmuanas/sideicon.gif") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;
}
</style>
<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:220px; height:350px; background-color: #fffff; border:0px solid #000000;">
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/sejarah-komputer-download-winrar-untuk.html">Ilmu Komputer</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/artikel-komputer-httpartikelkomputerku.html">Tips membuat blog</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/cara-memasang-widget-fans-like-facebook.html">Tips memasang Widget Fans Like Facebook di blog</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/sejarah-blog.html">Sejarah blog</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/download-buku-panduan-corel-draw.html">Panduan Corel Draw</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/download-tutorial-photoshop-buku.html">Panduan Photoshop</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/tutorial-powerpoint-2007.html">Panduan Ms PowerPoint 2007</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/300-software-gratis.html">Download 300 software terbaik</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/download-contoh-makalah-no-title-size.html">Contoh Makalah</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/keistimewaan-surat-yasin.html">Keistimewaan Surat Yasin</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/keutamaan-surat-al-fatihah.html">Keistimewaan Surat Al-Fatihah</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/rahasia-dan-fakta-ayat-kursi.html">Keistimewaan Ayat Kursi</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/contoh-proposal.html">Contoh Proposal</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/contoh-soal-un-2012.html">Kisi-Kisi Soal UN SD</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/emispendis-mts.html">EmisPendis</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/kisah-25-nabi-rosul.html">Kisah Nabi dn Rosul</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/rpp-berkarakter-silabus-berkarakter-kkm.html">Silabus dan RPP</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/makalah-jaringan-komputer-function-var.html">Panduan Ms Word 2007</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/tips-membuat-menu-di-blog.html">Tips Membuat Menu blog</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/tips-memper-cantik-blog.html">Tips Mempercantik Blog</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/tips-agara-blog-terdeteksi-di-mesin.html">Tips Mendaftarkan Blog</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/tips-seo-trik-seo-optimasi-seo-teknik.html">Tips Seo Blog</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/keistimewaan-al-quran.html">Keistimewaan Al-Quran</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/administrasi-januari-1-2012-dadan.html">Administrasi Pendidikan</a></div>
<div class="list">
<a href="http://adaraghassani.blogspot.com/2012/02/download-game-naruto-super-mario.html">Games</a></div>
</div>
:
Tips Membuat BlogTips Membuat Menu Blog
Tips Mempercantik Blog
Tips Mendaftarkan Blog
Tips SEO Blog
Hasilnya Akan seperti berikut :
sipp!!! blogwalking i will came back visit your blog so intresting your info.
BalasHapusThanks for all....
BalasHapusSmoga bisa bermanfaat buat agan...