Kamis, 21 Maret 2013

Cara Membuat Blogroll Di Sidebar

   Dalam postingan cara membuat blogroll di sidebar ini, terinspirasi dari keinginan saya untuk berbagi pengalaman dengan shobat blogger tentang cara membuat tampilan blog yang menarik dan praktis. Kita selalu merasa tidak puas terhadap tampilan blog dan sering kali kita rubah agar memperoleh hasil maximal, apalgi ketika link arsip blog yang tampil di sidebar yang terus memanjang dan memanjang  ke bawah ketika kita menambahkan entri baru dan itu sangat memakan tempat dan menjemukan bagi pengunjung blog.
Oleh karena itu shobat blogger, coba perhatikan secara saksama dan dalam tempo yang sesingkat-singkatnya (Proklamasi kaleeee!!!). Tutorial ini sangat mudah untuk diterapkan dan tidak perlu masuk ke edit html segala yang membuat sebagian orang merasa bosan dan menghindarinya termasuk saya sendiri.
Ok...shobat, kita langsung saja ke tutorialnya.
- Klik desain (di pojok kanan atas halaman blog anda) lalu pilih Tata Letak (Layout)  selanjutnya klik tulisan add a gadget >cari
 HTML/JavaScript HTML/JavaScript - klik tanda (+) 
- Pastekan kode dibawah ini  di dalam JavaScript tersebut

<div style="background-color: none; border: 1px solid #CCC; height: 300px; margin: auto; overflow: auto; padding: 2px; text-align: left; width: 95%;">
<div align="center">
<span style="font-size: medium;"><span style="font-weight:bold;">Blog Archive</span></span></div>
<script src="http://saungweb.googlecode.com/files/TOCcategory.js"></script>
    <script src="http://ana-nazamuddin.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
    <br /></div>

Nb. Tulisan berwarna merah anda ganti dengan URL anda sendiri sedangkan height nya anda sesuaikan dengan ukuran sidebar yang telah anda buat
- Save
 selesai... dan lihat hasilnya. O..ya ! cara ini dapat juga anda lakukan untuk membuat Daftar isi Blog Berdasarkan Label di daftar isi seperti yang telah saya terapkan untuk daftar isi di atas.
Sekian Tutorial saya, semoga bermanfaat..!


Artikel Terkait

Baca juga artikel di bawah ini

Blog Archive