Widget Recent Post Kategori atau Label

Cara Memasang widget recent post per kategori atau label

Banyak teman-teman mengirah memasang widget di blogger sangat susah. Namun bagi saya dengan penjelasan dibawah ini, teman-teman akan merasa tidak akan sudah Memasang widget recent post per kategori atau label.

"Widget recent post per label adalah menu navigasi artikel yang berguna untuk menginformasikan kepada visitor atau pengunjung tentang artikel blog terbaru dalam satu label (kategori). Widget ini sangat bermanfaat untuk mempercantik tampilan blog dan memudahkan pengunjung (visitor fiendly) untuk mengakses artikel atau postingan dengan label yang sama."

Langsung saja Cara Memasang widget recent post per kategori atau label

1. Login ke Blogger
2. Pilihan menu tata letak



3. Pilih Feed > kemudian masukkan feed berikut ini >> http://namablog.blogspot.com/feeds/posts/default/-/Tips%20Blogger << (Ganti namablog dengan nama blog anda. Kemudian ganti Tips%20Blogger dengan kategori / label sobat (Note: huruf besar kecil berpengaruh, ganti spasi dengan %20)



4. Ganti Judul Widget sesuai Label anda


Demikian tutorial Cara Memasang widget recent post per kategori atau label... semoga bermanfaat untuk teman-teman blogsmanado.

10 Template Keren Responsive Blogger Gratis 2016 Download

 10 Template Keren Responsive Blogger Gratis 2016 Download 

Top 10 template Responsive Blogger 2016 ini gratis untuk di download semua. saya bagikan ke teman - teman karena banyak yang menaruh link dowloadnya selalu menuju di pra bayar. nah kalau template dibawah ini semuanya gratis. langsung aja download ya.

Setiva Versi 1.6 - Responsive Magazine Blogger


DEMO          DOWNLOAD

EntryMag versi 2.0 Template Responsive Blogger



DEMO       DOWNLOAD

Deco mag - blogger template Responsive


DEMO        DOWNLOAD

Mega Mag - Responsive Magazine Blogger Template


DEMO                     DOWNLOAD

MagOne - Magazine Blogger Template Responsive


DEMO               DOWNLOAD

SNews - News/Magazine Responsive Blogger Theme - Full versi


DEMO                 DOWNLOAD

BMAG - Magazine Responsive Thema Blogger


DEMO                       DOWNLOAD

247 news Blogger Template Responsive


DEMO                      DOWNLOAD

PressMania Responsive Magazine Blogger


DEMO             DEMO MODIF            DOWNLOAD

Style Magazine Responsive Blogger Template


DEMO                DOWNLOAD

Jika Ada template Responsive yang teman - teman Blog manado cari diatas lalu tidak ada, komentar aja nama templatenya, nanti saya kirim lewat email teman - teman. Siapa tahu ada di koleksi template saya.

Terima kasih sudah berkunjung dan semoga bermanfaat.

EntryMag versi 2.0 Majalah Responsive Blogger Template

 EntryMag versi 2.0 Majalah Responsive Blogger Template

DEMO                  DOWNLOAD

EntryMag Majalah Responsif Blogger Template responsif majalah blogger template yang dibuat dengan dua versi, seperti 2 - 3 kolom, kanan - kiri sidebar. Ideal untuk Berita atau situs blogging. Sangat fleksibel, latar belakang dan warna disesuaikan. desain sepenuhnya responsif, sidebar lengket, Slider-Pro dan konten Carousel disertakan.

Detail:
Jenis Platform: Blogger
Nama Template: EntryMag Majalah Responsif
Penulis: Uong Jowo
URL: www.uongjowo.blogspot.com
Lisensi: Free | Creative Commons Attribution 3.0
Penerbit: Blog manado

Template DEMO

Easy News - Template responsive blogger 2016

DEMO                    DOWNLOAD

Easy News - Template responsive blogger, template cocok untuk template Berita dan begitu bersih, fleksibel dan memiliki sepenuhnya responsif Blogger Template! Template ini memberi Anda alat yang mengagumkan untuk meluncurkan berita atau majalah situs harian. Mudah Berita memiliki banyak fitur yang mengagumkan, memeriksa mereka di bawah ini!

fitur Gratis

Mudah Berita Template menakjubkan tetapi masih gratis, mengapa? Karena kami ingin mencapai 100'000 page view per bulan sehingga kami merilis template ini untuk mendapatkan daya tarik masyarakat Blogger.


sepenuhnya Responsif


Baca disini Tutorial Blognya.

Cara Mudah Membuat Sitemap SEO HTML di Blog dan XML

Dalam Ngeblog, Kelengkapan Website kita perlu diperhatikan, seperti halnya Sitemap, Sebuah Website belum lengkap atau belum dikatakan sebagai website yang bagus kalau belum ada Sitemapnya.

Apalagi Google adsense, kita tidak akan bisa diterima kalau belum ada sitemap pada Blog anda. Ada yang belum tahu apa itu Sitemap??, Sitemap merupakan Daftar Isi dari sebuah Website, Semua postingan tertampang jelas pada sitemap tersebut. Oleh karena itu, atas kepentingan itulah, Blog Manado akan memeberikan sedikit tutorial bagaimana cara membuat Sitemap.

Pembuatan sitimap ini sangat simpel alias sangat mudah dan juga sangat ringan alias SEO.

Ok, langsung saja simak dengan baik.

Cara Mudah Membuat Sitemap SEO di Blog-Pertama

1. Buka blogger >> laman >> pilih Laman Baru
2. Beri judul sitimap atau daftar isi atau sesuai keinginan teman-teman lalu Pulikasikan sebelum        mengisi kode dibawah.
3. Kembali buka sitimap yang ada publikasi tadi lalu isi kode dibawah.


4. Pastekan kode di bawah ini tanpa tanda petik,

"<script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript"></script>
<script src="http://blogsmanado.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>"

Ganti Tulisan http://blogsmanado.blogspot.com dengan alamat web anda.
Pada menu Laman baru, masukan kode di atas ke dalam laman, dan pilih HTML.


5. Kalau sudah pilih  Simpan.

Semoga Sedikit Tutorial ini bisa membantu anda dalam kesulita untuk membuat Sitemap, dan semoga bermanfaat bagi kita semua dalam membangun sebuah Website.

Cara Mudah Membuat Sitemap SEO di Blog-Kedua

Membuat sitemap menggunakan xml. Langkah Membuat Sitemap XML untuk Blog anda sebagai berikut.

Langkah pertama yang harus anda lakukan setelah anda membuat blog dan menetapkan kategori dan membuat page atau halaman halaman utama blog anda adalah mengunjungi sitemap generator seperti xml-sitemaps, ataupun generator lainnya.

Saya sarankan anda menggunakan xml-sitemaps.com saja karena lebih mudah dan lebih cocok dengan webmaster google. Tampilan yang anda lihat saat masuk di xml-sitemaps akan seperti dibawah ini.

Tampilan pembuatan sitemap blog. 
Isi form diatas mulai dari alamat blog anda, sebagai contoh saya akan isi dengan “caramembuatpraktis.blogspot.com”, setelah itu isi bagian change frequency.

Bagian ini berfungsi untuk mengatur sitemap bahwa tulisan anda akan berubah tiap berapa waktu, apakah tiap hari, minggu, bulan ataupun tahun. Saya sarankan untuk anda yang tidak mengubah tulisan lama, maka anda pilih “none” saja.

Untuk bagian last modification, centang server response, kemudian pada bagian priority centang none, kemudian klik start untuk memulai pembuatan sitemap blog anda. Tampilan setelah sitemap blog anda selesai diproses seperti dibawah ini.

Sitemap blog anda selesai dibuat. 
Setelah sitemap xml blog anda selesai anda dapat melanjutkan ke cara pengaturan robot blog anda dan cara pengaturan sitemap blog webmaster anda.

Sekian ulasan saya tentang cara membuat sitemap blog anda, ikuti terus dan like and share LeanIsEasy untuk info cara membuat lainnya.

Ini juga beberapa code Sitemap yang mungking teman-teman cari. recomendasi dari blog manado ya....hehehe. langsung saja lihat dibawah.

10 Recomendasi Blog Manado SiteMap Keren dan Elegant

Sitemap 1

Code Sitemap 1

<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<link href="http://dte-project.googlecode.com/svn/trunk/accordion-toc-skin.css" rel="stylesheet"></link>
<br />
<div class="table-of-content" id="table-of-content">
<span class="loading">Memuat...</span></div>
<div class="credit-link">
<a href="http://blogsmanado.blogspot.co.id/2016/04/cara-membuat-index-berita-keren-di-blog.html" title="Accordion TOC by BlogManado">▶ Accordion TOC</a></div>
<script>
var toc_config = {
    url: 'http://www.YOURBLOGDOMAIN.com',
    containerId: 'table-of-content',
    showNew: 10,
    newText: ' - <strong style="font-weight:bold;font-style:italic;color:red;">Baru!</strong>',
    sortAlphabetically: {
        thePanel: true,
        theList: true
    },
    maxResults: 9999,
    activePanel: 1,
    slideSpeed: {
        down: 400,
        up: 400
    },
    slideEasing: {
        down: null,
        up: null
    },
    slideCallback: {
        down: function() {},
        up: function() {}
    },
    clickCallback: function() {},
    jsonCallback: '_toc',
    delayLoading: 0
};
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/accordion-toc-1.js"></script></div>

Keterangan:
Ubah http://www.YOURBLOGDOMAIN.com dengan URL blog Anda.


Sitemap 2

Code Sitemap 2

<div 1px="1px" solid="solid" style="height: 820px; overflow: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; width: auto;">
<link href="https://sites.google.com/site/republicofnote/script/SitemapV2.css" media="screen" rel="stylesheet" type="text/css" />
<script src="https://sites.google.com/site/republicofnote/script-1/daftarisipackv2.js"></script>
<script src="http://www.YOURBLOGDOMAIN.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="https://sites.google.com/site/republicofnote/script-1/daftarisiv2.js" type="text/javascript"></script></div>

Keterangan:
Ubah http://www.YOURBLOGDOMAIN.com dengan URL blog Anda.


Sitemap 3



Code Sitemap 3

<div id="bp_toc">
</div>
<script src="https://837e4322157785ac6e2418ca18b2891def99d9f8.googledrive.com/host/0B__SLW9IKWpvUjB4YjRtXzZIUDQ/masdeeons-sitemap.js" type="text/javascript"></script><script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
<style>
/* CSS Full Sitemap */
#bp_toc {background:#ffaaa4;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-family:&#39;Open Sans&#39;;font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.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:13px;
text-decoration:none;color:#aaa;font-family:&#39;Open Sans&#39;;font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}

</style>


Sitemap 4



Code Sitemap 4

<style type="text/css"> #toc{ width:99%; margin:5px auto; border:1px solid #66B266; -webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); -moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); } .labl{ color:#FF5F00; font-weight:bold; margin:0 -5px; padding:1px 0 2px 11px; background:-moz-linear-gradient(right,#66B266 0%,#004D00 40%); background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#004D00),color-stop(1,#66B266)); border:1px solid #2D96DF; border-radius:4px;-moz-border-radius:4px; -webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb; -moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block; } .labl a{ color:#fff; } .labl:first-letter{t ext-transform:uppercase; } .new{ color:#FF5F00; font-weight:bold; font-style:italic; } .postname{ font-weight:normal; background:-moz-linear-gradient(right,#66B266 0%,#fff 40%); background:-webkit-gradient(linear,center 60,right 10,color-stop(0.60,#fff),color-stop(1,#66B266E)); } .postname li{ border-bottom: #ddd 1px dotted; margin-right:5px } </style> <div id="toc"> <script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script> <script src="http://www.YOURBLOGDOMAIN.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script></div>

Keterangan:
Ubah http://www.YOURBLOGDOMAIN.com dengan URL blog Anda.


Sitemap 5



Code Sitemap 5

<style scoped=”scoped” type=”text/css”>
/* Skin for Blogger Tabbed Layout TOC */
#tabbed-toc{margin:0 auto;background-color:#EE560F;-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:#000000;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:#8BFB65}
#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”>Loading…</span></div>
<script>
var tabbedTOC = {
blogUrl: “http://www.YOURBLOGDOMAIN.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: “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://yourjavascript.com/9471132454/map.js”></script></div>

Keterangan:
Ubah http://www.YOURBLOGDOMAIN.com dengan URL blog Anda.

Sitemap 6



Code Sitemap 6

Kode Box terlah terbuka cari kode  ]]></b:skin> atau </style> lalu pastekan kode berikut berikut diatasnya.. boleh diatas kode  ]]></b:skin> atau </style> sobat.. lalu jangan lupa pilih save sobat :)

/* CSS Sitemap */
#table-outer table{width:100%;margin:0;padding:0}
#table-outer input,#table-outer select{padding:4px;font:inherit;border:2px solid #ecf0f1;width:170px;box-sizing:border-box}
#table-outer select{cursor:pointer;outline:none}
#table-outer input:focus{outline:none}
#resultDesc{margin-bottom:10px}
#feedContainer{overflow:hidden;margin-top:20px}
#feedContainer strong{font-size:10px}
#feedContainer,#feedContainer li{padding:0;margin:0;list-style:none}
#feedContainer li{float:left;width:50%;margin-bottom:10px;position:relative;z-index:0}
#feedContainer .inner{padding:8px;margin:0 5px;position:relative;background-color:#fff;border:1px solid #f9f9f9;height:133px}
#feedContainer img{float:left;margin:0 8px 0 0;max-width:100%;border:1px solid #f9f9f9;padding:2px}
#feedContainer .toc-title{max-height:33px;overflow:hidden}
#feedContainer .toc-title:hover{text-decoration:underline}
#feedContainer .news-text{font-size:11px}
#feedNav a,#feedNav span{display:block;text-align:center;color:#fff;text-decoration:none;background-color:#444;padding:5px;width:95%;margin:0 auto;transition:all 0.3s linear}
#feedNav a,#feedNav span:hover{background-color:#333;transition:all 0.3s linear}
#feedContainer .date{display:none;position:absolute;bottom:0;right:0;background-color:transparent;color:#fff;font-size:9px;padding:3px 2px;width:35px}
#feedContainer .date .dd{font-size:9px;line-height:5px;font-weight:bold}

#feedContainer .date span{display:inline-block;line-height:5px;text-align:center;margin-left:5px}

Setelah itu buat halaman baru Sitemap
pasang code dibawa ini.

<div id="table-outer">
<table><tbody>
<tr><td><label>Sort posts by : </label></td><td><select id="orderFeedBy"><option selected="" value="published">New post</option><option value="updated">Post updated</option></select></td></tr>
<tr><td><label>Filter posts by category : </label></td><td><span id="labelSorter"><select disabled=""><option selected="">Loading...</option></select></span></td></tr>
<tr><td><label>Search by keyword : </label></td><td><form id="postSearcher">
<input type="text" /></form>
</td></tr>
</tbody></table>
</div>
<br />
<header id="resultDesc"></header>
<br />
<ul id="feedContainer"></ul>
<div id="feedNav">
Loading...</div>
<script src="https://arlina-design.googlecode.com/svn/tocs.js" type="text/javascript"></script>
<style scoped="" type="text/css">
#comments {display:none;}
</style>


Sitemap 7



Code Sitemap 7

<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
</style>
<script src="https://farhanshare-blogspot-com.googlecode.com/files/sitemap%20%281%29.js" type="text/javascript"></script><script src="http://www.YOURBLOGDOMAIN.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

</div>

Keterangan:
Ubah http://www.YOURBLOGDOMAIN.com dengan URL blog Anda.

Sitemap 8

Code Sitemap 8

<div id="bp_toc">
Loading Sitemap. Harap Menunggu....</div>
<script src="https://arlina-design.googlecode.com/svn/blogtoc.js" type="text/javascript"></script> <script src="http://www.YOURBLOGDOMAIN.com/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

Keterangan:
Terserah ganti kata apa yang lebih pas Loading Sitemap. Harap Menunggu....
Ubah http://www.YOURBLOGDOMAIN.com dengan URL blog Anda.

Sitemap 9

Code Sitemap 9

<style type='text/css' scoped='scoped'>
#sidebar-wrapper{display:none!important}#main-wrapper{width:100%!important}#show-cat{float:left;margin:20px 5% 20px 0;width:25%;height:389px;overflow-x:hidden;overflow-y:auto;line-height:18px;border:1px solid #ccc}#show-cat ul{margin:0;border-top:0 solid #ccc;padding:0}#show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:0 solid #ccc;border-left:0 solid #ccc;padding:0}#show-cat ul li a{display:block;padding:10px;border-bottom:1px solid #ccc}#navi-cat a:hover{color:#fff!important}#show-cat ul li:last-child a{border-bottom:none}#show-cat ul li a,#navi-cat a{background:#fff;color:#555;font-weight:bold;text-decoration:none}#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:14px}#show-cat ul li a:hover,#navi-cat a:hover{background:#666;color:#fff}#show-post{float:left;width:69%;line-height:1.6em}#show-post ul li{list-style-type:none;margin:10px 0 0 -40px;padding:10px;border:1px solid #ddd}#show-post a:hover{color:#07ACEC}#show-post a{color:#333;font-weight:bold}#navi-cat{padding:20px 0}#navi-cat a{margin-right:10px;border:1px solid #ccc}#navi-cat a,#navi-cat span{padding:10px 15px}#navi-cat span{float:right}#show-cat::-webkit-scrollbar{width:8px;height:8px}#show-cat::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);border-radius:2px}#show-cat::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}#show-cat::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(0,0,0,.4);transition:all 400ms ease-in-out}@media screen and (max-width:768px){#show-cat{width:35%}#show-post{width:59%}}@media screen and (max-width:480px){#show-cat{width:100%;margin:20px 0}#show-post{width:100%}}
</style>
<div id='show-cat'></div>
<div id='show-post'>
<script type='text/javaScript'>
var cat_home='http://www.YOURBLOGDOMAIN.com';cat_numb=11;cat_pre='Prev';cat_nex='Next';
var cat_name;var cat_start;var cat_class;
function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' &ndash; '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>');
</script>
</div>

<div style='clear:both'></div>

Terserah ganti kata apa yang lebih pas 11 Ganti dengan nomor post yang anda inginkan
Ubah http://www.YOURBLOGDOMAIN.com dengan URL blog Anda.

Sitemap 10

 Demo

Code Sitemap 10

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><link href="https://googledrive.com/host/0B6nuu-1cS17iSGhLNUtpNmxETkU" media="screen" rel="stylesheet" type="text/css"></link>

<script type="text/javascript">

var showNew    = true,

    accToc     = false,

    openNewTab = true,

    maxNew     = 5,

    baru       = "New!",

    sDownSpeed = 600,

    sUpSpeed   = 600;

</script>

<script src="https://googledrive.com/host/0B6nuu-1cS17iT1ZTSGd3cVZIUVE" type="text/javascript"></script>

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

Keterangan:
Ubah http://www.YOURBLOGDOMAIN.com dengan URL blog Anda.

Semoga tutorial ini bermanfaat untuk anda. semoga berhasil...