Cara untuk Meletakkan Cool Responsive Sitemap

Terdapat dua contoh sitemap yang telah saya postkan yang ini sedikit kelainan anda boleh memilih mna yang anda berkenan dan ikuti tutorial selanjutnya.

Bagaimana Hendak Meletakkan Sitemap di Blogger

Sitemap efek slide untuk Blogger

 

Cara Meletakkan Sitemap Ke dalam Blogger

1. Login ke Dashboard Blogger
2. Klik Pages -> New page
3. Pastikan Mode HTML,selepas itu copy dan pastekan kode dibwah ini didalam New Page Mode HTML....

<script src="https://sites.google.com/site/jeritanblog/javascript/0B-P4_Fs3S76ydURacVd6TlJyWW8.js" type='text/javascript'></script> <script src="http://www.belajarblogs.com/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>

• Tukar belajarblogs.com kepada URL blog anda

4. Selepas selesai klik update dan sebelum itu pastikan anda meletakkan tajuk sebelum itu ....