Membuat Daftar Isi Blog Keren Otomatis dan responsive

Cara Membuat dan Memasang Daftar Isi di Blog Secara Otomatis , Keren dan Responsive - Masih Berkaitan dengan Responsive , Kali ini saya akan share kepada anda tentang bagaimana sih cara bikin daftar isi di blog secara otomatis dan keren di blog anda ? Sebenarnya udah banyak tutor tentang memasang daftar isi di blog ini secara responsive , namun kali ini saya akan berikan daftar isi ini dengan menambahkan fitur responsive

Berawal dari suka dengan Responsive Web Design , saya akan memodifikasi Daftar isi Responsive di blog , dengan menambahkan css responsive , Sehingga Daftar isi blog anda dapat di akses di ukuran layar apapun dengan baik , tapi juga harus didukung dengan template responsive , untuk lebih jelasnya silahkan lihat demo berikut ini

Memodifikasi Daftar Isi Blog Menjadi Responsive

1. Pertama Buat Halaman Statis di blog anda terlebih dahulu , Caranya
   Masuk ke menu page ( laman ) = > New Page ( laman Baru )
   
   
   
2. Nanti anda akan di bawah ke tempat page editor, ya tampilannya mirip dengan entri editor pada saat ingin membuat postingan, ok pada bagian judul, silahkan isikan dengan "daftar isi" atau "sitemap" atau sesuai dengan keinginan anda. Dan kemudian ini yang terpenting, jangan lupa untuk mengubah mode editor page ke HTML, jika bingung perhatikan gambar di bawah ini:
   
   
   
3. Berikutnya , copy dan pastekan kode dibawah ini di halaman html statis daftar isi tadi

   <style scoped="scoped" type="text/css">/* Skin for Blogger Tabbed Layout TOC */#tabbed-toc{margin:0 auto;background-color:#224C19;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4);overflow:hidden;position:relative;color:#333}#tabbed-toc .loading{display:block;padding:5px 10px;font:normal bold 10px/normal Helmet,Freesans,Sans-Serif;color:white}#tabbed-toc ul,#tabbed-toc ol,#tabbed-toc li{margin:0 0;padding:0 0;list-style:none}#tabbed-toc .toc-tabs{width:20%;float:left}#tabbed-toc .toc-tabs li a{display:block;font:normal bold 10px/28px Helmet,Freesans,Sans-Serif;height:28px;overflow:hidden;text-overflow:ellipsis;color:#ccc;text-transform:uppercase;text-decoration:none;padding:0 12px;cursor:pointer}#tabbed-toc .toc-tabs li a:hover{background-color:#153615;color:white}#tabbed-toc .toc-tabs li a.active-tab{background-color:#275827;color:white;-webkit-box-shadow:-2px 2px 2px rgba(0,0,0,.5);-moz-box-shadow:-2px 2px 2px rgba(0,0,0,.5);box-shadow:-2px 2px 2px rgba(0,0,0,.5);position:relative;z-index:5;margin:0 -1px 0 0;/* cursor:text;*/}#tabbed-toc .toc-content,#tabbed-toc .divider-layer{width:80%;float:right;background-color:white;border-left:5px solid #275827;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#tabbed-toc .divider-layer{float:none;display:block;position:absolute;top:0;right:0;bottom:0;-webkit-box-shadow:0 0 7px rgba(0,0,0,.7);-moz-box-shadow:0 0 7px rgba(0,0,0,.7);box-shadow:0 0 7px rgba(0,0,0,.7)}#tabbed-toc .panel{position:relative;z-index:5;font:normal normal 10px/normal Helmet,Freesans,Sans-Serif}#tabbed-toc .panel li a{display:block;position:relative;font-weight:bold;font-size:11px;color:#892412;line-height:20px;height:20px;padding:0 12px;text-decoration:none;outline:none;overflow:hidden}#tabbed-toc .panel li time{display:block;font-style:italic;font-weight:normal;font-size:10px;color:#666;float:right}#tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-style:italic;border-bottom:4px solid #275827;overflow:hidden}#tabbed-toc .panel li .summary img.thumbnail{float:left;display:block;margin:0 8px 0 0;padding:4px 4px;width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa}#tabbed-toc .panel li:nth-child(even){background-color:#FFE8E3}#tabbed-toc .panel li a:hover,#tabbed-toc .panel li a:focus,#tabbed-toc .panel li a:hover time,#tabbed-toc .panel li.bold a{background-color:#333;color:white;outline:none}#tabbed-toc .panel li.bold a:hover,#tabbed-toc .panel li.bold a:hover time{background-color:#222}@media (max-width:700px){#tabbed-toc{border:2px solid #333}#tabbed-toc .toc-tabs,#tabbed-toc .toc-content{overflow:hidden;width:auto;float:none;display:block}#tabbed-toc .toc-tabs li{display:inline;float:left}#tabbed-toc .toc-tabs li a,#tabbed-toc .toc-tabs li a.active-tab{background-color:#224C19;-webkit-box-shadow:2px 0 7px rgba(0,0,0,.4);-moz-box-shadow:2px 0 7px rgba(0,0,0,.4);box-shadow:2px 0 7px rgba(0,0,0,.4)}#tabbed-toc .toc-tabs li a.active-tab{background-color:white;color:#333}#tabbed-toc .toc-content{border:none}#tabbed-toc .divider-layer,#tabbed-toc .panel li time{display:none}}</style> <br /><div id="tabbed-toc"><span class="loading">Memuat...</span></div><script>var tabbedTOC = { blogUrl: "http://caramembuat-di.blogspot.co.id/", // Blog URL containerId: "tabbed-toc", // Container ID activeTab: 1, // The default active tab index (default: the first tab) showDates: false, // `true` to show the post date showSummaries: false, // `true` to show the posts summaries numChars: 200, // Number of summary chars showThumbnails: false, // `true` to show the posts thumbnails (Not recommended) thumbSize: 40, // Thumbnail size noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL monthNames: [ // Array of month names "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember" ], newTabLink: true, // Open link in new window? maxResults: 99999, // Maximum post results preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload") sortAlphabetically: true, // `false` to sort posts by published date showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text};</script><script src="http://dte-project.googlecode.com/svn/trunk/tabbed-toc.js"></script>

    
4. Sebelum anda menyimpanya , ganti Url http://caramembuat-di.blogspot.co.id/ dengan url blog sobat
5. Klik Publikasikan dan silahkan lihat hasilnya

Demikian Cara mudah Memasang dan Membuat Daftar Isi Blog Keren Otomatis dan responsive , semoga daftar isi tadi bermanfaat untuk blog sobat baca juga Cara Mudah Membuat Widget Sticky di Sidebar Blogger Anda, jika masih kurang paham cara memasang daftar isi ini silahkan komen dibawah , hehhehe

Paragon Partition Manager 2014 Free

Paragon Partition Manager adalah Freeware yang memudahkan user untuk membuat dan memanagement partisi harddisk termasuk format, resize, delete partisi dan pengelolaan free space.
Paragon Partition Manager merupakan software gratis yang dapat anda gunakan dengan bebas dan aman.

Ada lima fungsi utama yang terdapat pada software ini, yaitu:
1. Partitioning
Yaitu untuk membuat, menghapus, mengubah ukuran dan menyatukan partisi.
2. Copying and Migrating
Yaitu untuk memindah isi hard disk (partisi) lama ke hard disk baru.
3. Mac Related Operations
Untuk mengelola space kosong antara Mac OS X dan Windows.
4. Backup and Rescue
Untuk melakukan backup dan recovery hard disk.
5. Boot Management
Untuk mengatur booting.

Lisensi	Freeware
Developer	Paragon Technologie GmbH
Sistem Operasi	Windows XP/Vista/7/8

DOWNLOAD (41.58MB)

Download Paragon Partition Manager Gratis Terbaru dengan mengklik tombol diatas

TeraCopy 2.3

TeraCopy adalah software gratis yang dirancang untuk mempercepat proses copy paste file dilaptop/komputer dan lebih aman.

Beberapa Fitur TeraCopy :
1.Salin file lebih cepat. TeraCopy menggunakan buffer yang disesuaikan secara dinamis untuk mengurangi waktu seek.
2.Asynchronous copy mempercepat transfer file antara dua hard drive.
3.Pause dan melanjutkan transfer file. Jeda proses menyalin setiap saat untuk membebaskan sumber daya sistem dan lanjutkan dengan satu klik.
4.Dalam kasus copy error, TeraCopy akan mencoba beberapa kali dan akan melewati file dan tidak mengakhiri seluruh transfer.
5.TeraCopy menunjukkan gagal transfer file dan memungkinkan Anda memperbaiki masalah dengan recopy file.
6.Integrasi shell. TeraCopy dapat sepenuhnya menggantikan Explorer untuk menyalin yang memungkinkan Anda bekerja dengan file seperti biasanya.

Lisensi	Freeware
Developer	Code Sector
Sistem Operasi	Windows XP/Vista/7/8

DOWNLOAD (2.54MB)

Download Teracopy Gratis Terbaru dengan mengklik tombol diatas

Download Accelerator Plus 10.0.6.0

Download Accelerator Plus atau DAP adalah software untuk mempercepat proses download file dari internet.DAP membantu untuk mempercepat download dengan mencari mirror dari file yang Anda download, sehingga Anda dapat mendownload lebih dari satu lokasi secara bersamaan.

Download Accelerator Plus memastikan komputer pengguna menggunakan bandwidth maksimum dengan mengunduh dari situs mirror yang paralel. Pengguna bisa melanjutkan pengunduhan yang dihentikan atau berhenti mendadak, serta menonton preview dari video yang sedang diunduh oleh Download Accelerator Plus.
Bagi anda yang gemar mendownload file dari internet maka software ini sangatlah berguna bagi anda karena software ini telah teruji dan telah terinstall ke lebih dari jutaan komputer di dunia. Jadi anda tidak perlu khawatir komputer anda akan menjadi lambat / lemot karena software ini tidak membenani kinerja dari komputer/laptop yang anda miliki.

Lisensi	Freeware
Developer	SPEEDbit Ltd
Sistem Operasi	Windows XP/Vista/7/8

DOWNLOAD (2.31MB)

Download Accelerator Plus Gratis Terbaru dengan mengklik tombol diatas

LockHunter 3.1.1.115

Lock hunter adalah program freeware untuk menghentikan paksa suatu aplikasi yang berjalan disistem windows karena diblok oleh proses tertentu.

LockHunter sangat berguna untuk melawan malware, dan program lainnya yang memblok suatu file tanpa alasan jelas.
Beberapa Fitur LockHunter :
1.Menampilkan process yg mengunci file atau folder tertentu.
2.Unlock, delete, copy, rename file2 yg terkunci.
3.Menghentikan process yg mengunci file.
4.Mampu menghapus process yg mengunci file dari dalam hardisk.
5.Terintegrasi kedalam menu context Explorer.
6.Mampu menghapus file yg terkunci didalam Recycle Bin untuk bisa direstore jika dibutuhkan kembali.
7.Mendukung 32-bit dan 64-bit Windows.

Lisensi	Freeware
Developer	Crystal Rich Ltd
Sistem Operasi	Windows XP/Vista/7/8

DOWNLOAD (2.88MB)

Download LockHunter Gratis Terbaru dengan mengklik tombol diatas