3 Rahasia Membuat Daftar Isi Blog Off Tamplate Full Lebel dan Per Lebel atau On Tamplate

Hay sobat I Life salam sehat salam bloger, hari ini I Life akan membagikan Rahasia membuat Daftar Isi dengan 3 cara yang berbeda dalam membuat daftar isi sekaligus kelebihan dan kekurangannya menurut I Life langsung saja kita mulai

Cara pertama dengan cara Off Tamplate atau tanpa / tidak perlu menyalin crip code HTML / CSS ke dalam Tamplate Blog, cara ini bisa di lakukan dengan mencopy paste code HTML / CSS yang nanti I Life berikan bisa ke dalam 1 Postingan Khusus, Halaman Khusus / Beranda, atau pada widget terpisah dan lebih ringan dan simple step per stepnya ketimbang harus masuk mengedit / membuat daftar isi dengan mengedit dalam  tamplate blog yang justru beresiko besar untuk terjadi error jika sobat I Life masih pemula

Tahap Pembuatan Daftara Isi Blog  :

Jika ingin membuat daftar isi dalam 1 Halaman postingan khusus sobat I Life hanya perlu mengcopy paste code HTML ke dalam postingan baru dengan mode pengetikan HTML

Jika ingin membuat daftar isi dalam ! Halaman Khusus / Beranda Sobat I Life terlebih dahulu harus membuat 1 Postingan baru Khusus untuk nanti alamat URL:// postingan Daftar isi yang sobat buat tesebut di masukan ke dalam pembuatan Halaman/ Beranda berdasar URL://

Jika  ingin membuat daftar isi dalam Widget sobat I Life hanya perlu mengcopy paste code HTML ke dalam Widget HTML 

Nah bagi Sobat I Life yang mau membuat daftar isi di Blog dengan cara Off Tamplate ini codenya (pilih salah code satu saja)

• Code HTML Full Sumery atau Daftar Isi Seluruh artikel

Klick gambar Arsip Artikel di HOME Ilifestyle untuk melihat hasil seperti yang Ilife pakai

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://psorindonesia.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">var accToc=true;</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>
<small><a href="http://goo.gl/BhMKc" target="_blank"></a></small>

Ganti >>  http://psorindonesia.blogspot.com dengan Alamat Blog Sobat

• Scrip daftar Isi perlebel

Hasilnya akan terlihat seperti berita Terkait dibawah

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<span class="Apple-style-span" style="color: red;">[&nbsp;<a

href="#"><b>[Artikel terkait]</b></a>&nbsp;]</span>
<div>
<script style="text/javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/recentposts.js"></script>
<script style="text/javascript">
var numposts = 7;
var showpostdate = false;
var showpostsummary = false;
var numchars = 0;
var standardstyling = true;
</script>
<script src="http://alamatblogsobat.blogspot.com/feeds/posts/default/-/Unik?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div></b:if>
<small><a href="http://goo.gl/BhMKc" target="_blank"></a></small>

Var Numposts = 7 ( Jumlah postingan yang di tampilkan bisa di atur sendiri)

Bagi Sobat I Life yang mau membuat daftar isi di Blog dengan cara on Tamplate atau membuat dengan cara mengedit melalui tamplate ini codenya

LANGKAH PERTAMA
1. Log in ke blogger
2. Klik Layout di dashboard menu
3. Klik Edit HTML
4. Beri Centang pada Expand Widget Templates
5. Cari kode dibawah ini.

<b:include data='post' name='post'/>
6. Ganti Kode diatas dengan kode dibawah ini.

<b:if cond='data:blog.homepageUrl != data:blog.url'><b:if cond='data:blog.pageType != "item"'><a expr:href='data:post.url'><div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"><data:post.title/></div></a><b:else/><b:include data='post' name='post'/></b:if><b:else/><b:include data='post' name='post'/></b:if><small><a href="http://goo.gl/BhMKc" target="_blank"></a></small>

Kemudian ikuti langkah langkah berikut ini :

1. Masuk ke account blogger anda
2. Pilih menu tata letak / Layout
3. Pilih tambah gadget
4. Pilih html / javascript
5. Copy kode di bawah ini :

<a href="http://pulsacom.com/search?max-results=200" target="_blank"><span style="font-weight:bold;">DAFTAR ISI</span>&raquo;</a>
pulsacom.com Ganti dengan alamat blog anda

results=200  angka 200 menunjukkan jumlah judul yang akan di tampilkan, silahkan ganti sesuai keinginan.

Sumber : Google

Nah sampai di sini selesai sudah sobat tinggal mempraktekannya semoga bermanfaat ya sobat I Life

Sekarang I Life beritahu Rahasianya terletak pada baris ke 3 HTML atau yang I Life Cetak Tebal merupakan lebel artikel

Scrip awal Full Sumery atau Daftar Isi Seluruh artikel

<script src="http://psorindonesia.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Scrip Baru Daftar Isi perlebel

<script src="http://psorindonesia.blogspot.com/feeds/posts/default/-/PUISI%20SEMANGAT%20DAN%20MOTIVASI?orderby=published&amp;alt=json-in-script &amp;callback=showrecentposts"> 

Hasil jadi code/Scrip HTML untuk di copy Paste "pilih salah satu saja dimana sobat akan membuatnya" Postingan, widget 

PUISI SEMANGAT DAN MOTIVASI dalam HTML spasi ditulis %20 jadi seperti ini PUISI%20SEMANGAT%20DAN%20MOTIVASI 

[ [Berita Terkait] ]

Katalog : All About Psoriasis dan Peduli Psoriasis, Manfaat, Kisah Kisah nyata, Unik, Sexual Healt, Kecantikan, Style dan Gaya Hidup, Just Info

Share on Google Plus

About tukang cendol

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.