- Pertama, buka akun blogger kamu. Buat sebuah posting baru (judul terserah sobat), pilih menu Edit HTML (bukan Compose)
- Tulis kode ini didalamnya " <script/> " Lalu terbitkan entri
- Kedua, Masuk di rancangan - pilih menu edit HTML - beri tanda centang pada Expand Template Widget
- Kemudian cari kode </head> (Ctrl+F lalu ketik yg akan dicari)
- Masukkan script di bawah ini sebelum kode </head> :
<b:if cond='data:blog.url == "http://nama-alamat-posting-yg-telah-kamu-buat-tadi"'>
<style>
#toc {
border: 0px solid #000000;
background: #ffffff;
padding: 5px;
width:610;
margin-top:10px;
}
#toc a:link, #toc a:visited {
color: #088A08;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #ddd;
color: #000000;
padding-left: 5px;
border:1px solid #677FC2;
width:325px;
}
.toc-header-col2 {
width:100px;
}
.toc-header-col3 {
width:180px;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
font-size:12px;
text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
font-size:12px;
text-decoration:underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
padding: 5px 5px 5px 5px;
border:1px solid #677FC2;
font-size:12px;
}
.toc-entry-col1 a:hover {
background: #EFF5FB;
margin: 0px;
padding: 5px 5px 5px 0px;
color: #333333;
text-decoration: none;
border-bottom: none;
}
.post{display:none;}
.comments-block{display:none;}
.comment-form{display:none;}
.comment-footer{display:none;}
.blog-pager{display:none;}
.date-header{display:none;}
.feed-links{display:none;}
.comments{display:none;}
</style>
</b:if>
- Kemudian, tekan (Ctrl+F) cari kata Posting Blog. Atau kode yang mirip2 dengan ini
<b:section id='mediaprama' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
..................data posting..............
</b:includable>
</b:widget></b:section>
- Tambahkan kode dibawah ini setelah kode yg berwarna ungu atau sebelum kode yg berwarna kuning (sesuai selera).
<b:widget id='HTML245' locked='false' title='Table Of Contents' type='HTML'>
<b:includable id='main'>
<h2>Site Map Table Of Contents</h2>
<b:if cond='data:blog.url == "http://nama-alamat-posting-yg-telah-kamu-buat-tadi"'>
<br/>
<center><a href='http://nama-alamat-posting-yg-telah-kamu-buat-tadi' title='B'><img alt='Segarkan Halaman' height='50' src='http://images.findicons.com/files/icons/990/vistaico_toolbar/128/symbol_refresh.png' width='50'/></a></center>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
- Cari kode <data:post.body/> (Ctrl+F lalu ketik yg akan dicari)
- tambahkan kode ini sebelum kode <data:post.body/> :
<b:if cond='data:blog.url != "http://nama-alamat-posting-yg-telah-kamu-buat-tadi"'>
- dan tambahkan kode ini sesudah kode <data:post.body/> :
</b:if>
- hasilnya nanti akan seperti ini :
<b:if cond='data:blog.url != "http://nama-alamat-posting-yg-telah-kamu-buat-tadi"'>
<data:post.body/>
</b:if>
- Setelah itu, cari kode </body> (Ctrl+F lalu ketik yg akan dicari)
- Masukkan kode berikut sebelum kode </body>
<b:if cond='data:blog.url == "http://nama-alamat-posting-yg-telah-kamu-buat-tadi"'>
<script style="text/javascript" src="http://mediapramaonline.googlecode.com/files/blogtoc4.js"></script>
<script src="http://nama-blog-sobat.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=500&callback=loadtoc"></script>
<script src="http://nama-blog-sobat.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=501&max-results=500&callback=loadtoc"></script>
<script src="http://nama-blog-sobat.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1001&max-results=500&callback=loadtoc"></script>
<script type="text/javascript">showToc();</script>
</b:if>
(ganti alamat berwarna merah dengan alamat posting yg baru saja dibuat)
(ganti alamat berwarna biru dengan alamat blog kamu)
- Simpan Template......selesai
Post a Comment