CARA MEMBUAT HALAMAN SITEMAP (TABLE OF CONTENT)
Membuat Halaman Sitemap/ Table of Content (Peta situs) adalah pekerjaan lanjutan dari aktifitas Blogging, Pembuatan Halaman ini bisa menjadi penting sebagai layanan tambahan untuk memudahkan pengunjung menelusuri Blog kita, yang mana Halaman Peta Situs yang secara berkelanjutan akan terisi dengan Daftar Isi mengenai Artikel-artikel yang telah terposting di Blog.
Untuk Pemasangan Table of Content ini sebenar cukup mudah, kita tinggal membuat Halaman Baru (Page) atau membuat Postingan Baru, bedanya kita harus mengalihkannya ke mode HTML terlebih dahulu sebelum meng-Copy Paste Kode HTML Table Of Content, Mode HTML pun bukanlah sesuatu yang sulit untuk kita akses, karena fasilitas tersebut bisa kita dapati di sebelah kiri atas pada halaman pembuatan New Post maupun New Page.
Mepercantik Halaman Sitemap, Dengan Semakin banyaknya blogger - blogger expert (ahli), terutama dalam pembuatan Widget memunculkan berbagai macam varian dari Sitemap Page, keadaan tersebut seperti memanjakan kita untuk memilih sesuai dengan kebutuhan dan desain blog. pada postingan ini telah Zbtop.info sediakan beberapa pilihan Desain Halaman Sitemap dalam tabs dibawah, sobat tinggal memilih salah satunya untuk disematkan pada halaman tersendiri di Blog
Untuk Pemasangan Table of Content ini sebenar cukup mudah, kita tinggal membuat Halaman Baru (Page) atau membuat Postingan Baru, bedanya kita harus mengalihkannya ke mode HTML terlebih dahulu sebelum meng-Copy Paste Kode HTML Table Of Content, Mode HTML pun bukanlah sesuatu yang sulit untuk kita akses, karena fasilitas tersebut bisa kita dapati di sebelah kiri atas pada halaman pembuatan New Post maupun New Page.
Baca Juga : Memasang Widget Mega Menu di Blogspot
Mepercantik Halaman Sitemap, Dengan Semakin banyaknya blogger - blogger expert (ahli), terutama dalam pembuatan Widget memunculkan berbagai macam varian dari Sitemap Page, keadaan tersebut seperti memanjakan kita untuk memilih sesuai dengan kebutuhan dan desain blog. pada postingan ini telah Zbtop.info sediakan beberapa pilihan Desain Halaman Sitemap dalam tabs dibawah, sobat tinggal memilih salah satunya untuk disematkan pada halaman tersendiri di Blog
Artikel terkait : Widget-Widget Terbaik untuk Blog Blogspot
Beauty Responsive Sitemap Pages

Copy dan Paste Script dibawah ini untuk memasang Beauty Responsive Sitemap Pages, lanjutkan dengan mengganti http://www.zbtop.info/ dengan url blog sobat

Copy dan Paste Script dibawah ini untuk memasang Beauty Responsive Sitemap Pages, lanjutkan dengan mengganti http://www.zbtop.info/ dengan url blog sobat
<script src="https://googledrive.com/host/0B-P4_Fs3S76ydURacVd6TlJyWW8" type="text/javascript"></script>
<script src="http://www.zbtop.info/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<style type="text/css">
.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }
.ct-columns-3 p a { background: #fafafa; color: #333; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; }
.ct-columns-3 p a:hover { background: #555; color: #fff; }
@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } }
</style>
Accordion Table fo Content

Copy dan Paste Script dibawah ini untuk memasang Accordion Table fo Content

Copy dan Paste Script dibawah ini untuk memasang Accordion Table fo Content
<link href="http://muhammad-septi-rosidi.googlecode.com/svn/branches/TOC/toc.css" rel="stylesheet" type="text/css"></link> <script src="https://muhammad-septi-rosidi.googlecode.com/svn/branches/TOC/toc.js"> </script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=1000&callback=loadtoc" type="text/javascript"> </script> <script type="text/javascript"> var accToc=true; </script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> <script src="http://muhammad-septi-rosidi.googlecode.com/svn/gadgets/extras/toc.js" type="text/javascript"></script>
Tabbed Table fo Content

Copy dan Paste Script dibawah ini untuk memasang Tabbed Table fo Content, lanjutkan dengan mengganti http://your-url.blogspot.com dan klik Publish

Copy dan Paste Script dibawah ini untuk memasang Tabbed Table fo Content, lanjutkan dengan mengganti http://your-url.blogspot.com dan klik Publish
<link rel="stylesheet" href="http://reader-download.googlecode.com/svn/trunk/tabbed-toc-skin.css" type="text/css" media="screen" />
<div id="tabbed-toc"><span class="loading">Loading...</span></div>
<a style="display:block;text-align:right;font:normal bold 8px Arial,Sans-Serif;text-decoration:none;margin:10px;" href="http://www.allbloggertricks.com/" title="Tabbed TOC">All Blogger Tricks</a>
<script type="text/javascript">
var tabbedTOC = {
blogUrl: "http://your-url.blogspot.com", // 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: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL
monthNames: [ // Array of month names
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"
],
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 type="text/javascript" src="http://reader-download.googlecode.com/svn/trunk/tabbed-toc.js"></script>
CARA MEMBUAT HALAMAN SITEMAP
TUTORIAL WIDGET BLOGGER
CARA MEMBUAT HALAMAN SITEMAP
0 comments:
Posting Komentar