Minggu, 23 Oktober 2016

Cara Pasang dan Membuat Sitemap Keren Otomatis di Blogger Terbaru 2016


Minggu, 23 Oktober 2016 - www.indoblog.me Kenapa admin membagikan tutorial Cara Pasang dan Membuat Sitemap Keren Otomatis di Blogger Terbaru 2016 alasannya sangat sederhana sekali, karena banyak para blogger yang tanpa sepengetahuan mereka beberapa pekan lalu banyak script yang di hosting di googlecode pada error alias pada dihapus oleh web development google saya sendiri tidak tahu kenapa bisa pada dihapus , mungkin saja karena sudah ribuan orang yang menggunakannya atau ada hal yang lainnya.


Lalu jika demikian apakah ada solusinya, untuk saat ini solusi admin adalah menggunakan provider hosting sendiri, yang awalnya situs www.indoblog.me adalah menggunakan provider hosting sendiri sebelum di pindah atau istilahnya di import ke hosting blogger milik layanan google, saat ini beberapa script yang sering admin gunakan sudah tidak lagi di simpan layanan hosting gratis seperti googlecode karena rawan hilang,, saat ini admin "Cara Apa Saja" untuk mengupload atau menggunakan script atau file css atau file lagu dan yang lainnya lebih sering menggunakan hosting sendiri.

Pasang Sitemap Blog Kamu Sekarang Juga

Script peta situs atau sitemap yang dibagian disini scriptnya disimpan di hosting indoblog.me apakah script yang dibagikan disini akan expired atau akan mudah mati jika anda gunakan, atau mungkin tidak sengaja admin hapus ketika maintenance hosting, tentu saja tidak, selama www.indoblog.me masih aktif dan online maka scipt akan tetap jalan dan masih bisa digunakan.

Baca Juga: Kumpulan Daftar Lengkap Lagu Pop Indonesia Terbaru 2016

hosting yang indoblog.me gunakan menggunakan konsep redirect CDN, apa itu CDN? CDN atau Content Delivery Network atau anda bisa baca di halaman ini Pengertian dan Penjelasan CDN silahkan dibaca baca, okelah kalau begitu sekarang kita langsung praktek saja gimana cara buat sitemap fast loading dan pastinya akan awet hingga 2025, ko bisa sampai 2015, iya karena rencana tahun 2017 situs www.indoblog.me akan diperpanjang hingga tahun 2025 beserta hostingnya dengan biaya hampir 15 jutaan tapi sayang belum ada dananya :), ko mahal ya? anda bisa cek di google berapa harga domain .me dengan .com dan harga domain .me hampir 3x lipat dari harga domain .com jadi wajar saja pengguna domain .me masih sedikit karena harganya yang relatif sangat mahal.

Okelah kalau begitu silahkan anda simak tips singkat dan tutorial sederhana cara buat peta situs atau sitemap responsive untuk blogger terbaru 2016 dan silahkan langsung disimak, dan disini ada 3 cara atau 3 script yang akan admin berikan dan silahkan langsung disimak.

Pada langkah yang paling utama adalah sebelum anda memilih dari salah satu sitemap dibawah ini pastikan script ini terlebih dahulu telah terpasang pada template blog anda yaitu caranya silahkan masuk pada edit template blog contohnya bisa lihat gambar dibawah ini:

Sitemap For Blogspot 2017

Kemudian silahkan copy kode ini <script src="//cdn.indoblog.me/Libs/Jquery1.js"></script> lalu simpan tepat diatas kode </head> contohnya sudah ada digambar atas kemudian simpan dan selanjutnya silahkan pilih salah satu sitemap blogspot/blogger yang anda inginkan dibawah.

1. Script Sitemap yang pertama akan admin bagikan adalah seperti pada gambar dibawah ini saja untuk hasilnya dan ini sangat sederhana dan tentunya fast loading dan sangat bagus untuk onpageseo pada blog dan website saudara, lalu script yang mana yang digunakan distus www.indoblog.me dan script yang digunakan di situs ini adalah yang nomer 3 dibawah , oke silahkan copas scriptnya dibawah ini, untuk cara pemasangannya pastikan anda berada pada mode HTML bukan pada Compose bisa dibuat pada laman maupun artikel atau di simpan didalam template secara langsung tetapi biar tidak ribet anda bisa pasang pada Laman blog anda seperti yang digunakan di situs ini cek disini http://www.indoblog.me/p/site-map.html dan itu contohnya pada bagian laman (Pages).

<br />
<div style="background-color: #87CEFA; border: 1px solid #999999; height: 500px; overflow: auto; padding: 10px; width: 100%px;">
<script type="text/javascript" src="http://cdn.indoblog.me/Script/SitemapSatu.js"></script>
<ul>
<script src="http://www.indoblog.me/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=9999"></script>
<div class="credit-link"><a href="//www.indoblog.me" title="Cara Apa Saja">&#9654; Cara Apa Saja</a></div>
</ul>
</div>
<br />

Silahkan anda ganti yang dberi warna merah diatas nama situs http://www.indoblog.me/ dengan blog maupun situs anda, hasilnya akan seperti pada gambar dibawah ini:

Cara Buat Sitemap Blog Terbaru 2016

2. Yang kedua adalah kita akan membuat sitemap berdasarkan tanggal , bulan dan tahun, yang dimana ini sitemap atau pada setiap artikel dan postingannya terdapat tanggal publishnya dan ini hanyalah sedikit modifikasi dari yang cara pertama diatas yaitu dengan penambahan tanggal postingnya saja, untuk cara pemasangannya seperti yang diatas biasa anda harus menyimpan script pada modul HTML saja, silahkan ganti juga nama situs http://www.indoblog.me/ dengan blog dan website anda.

<br />
<div style="background-color: #87CEFA; border: 1px solid #999999; height: 500px; overflow: auto; padding: 10px; width: 100%px;">
<script type="text/javascript" src="http://cdn.indoblog.me/Script/SitemapDuaAtas.js"></script>
<script type="text/javascript" src="http://cdn.indoblog.me/Script/SitemapDua.js"></script>
<script src="http://www.indoblog.me/atom.xml?redirect=false&start-index=1&max-results=1000&orderby=published&alt=json-in-script&callback=rp"></script>
<div class="credit-link"><a href="//www.indoblog.me" title="Cara Apa Saja">&#9654; Cara Apa Saja</a></div>
</div>
<br />

Cara Buat Sitemap Blog Terbaru 2017

3. Yang ketiga yaitu script sitemap yang akan dibagikan adalah menampilkan kategori maupun label berdasarkan postingan dan artikel dan menurut admin yang ini lebih bagus karena muncul berdasarkan label dan sitemap ini juga yang digunakan di situs ini, untuk contohnya bisa anda lihat gambar dibawah dan untuk cara pemasangannya admin yakin anda bisa melakukannya sendiri, berikut scriptnya, dan jangan lupa http://www.indoblog.me/ ganti dengan blog dan website saudara.

<br />
<div style="background-color: #FFFFFF; border: 1px solid #999999; height: 500px; overflow: auto; padding: 10px; width: 100%px;">
<script type="text/javascript" src="http://cdn.indoblog.me/Script/SitemapTiga.js"></script>
<script src="http://www.indoblog.me/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>
<br />

Cara Buat Sitemap Blog Terbaru 2018

4. Dan yang keempat yaitu sitemap for blogger yang paling keren, yang dimana sitemap ini menampilkan judul postingan berdasarkan label dan kategori tetapi tidak semuanya akan muncul dan terlihat dan hanya sebagian saja atau perlabel maka dengan begitu ketika user dan pengunjung mengklik salah satu labelnya maka artikel yang tertaut dengan label akan muncul, untuk contoh jadinya bisa anda lihat gambar dibawah saja dan untuk cara pemasangannya lakukan seperti yang sudah di suruh di point 1-3 saja, berikut kodenya, jangan lupa www.indoblog.me yang dikasih tanda merah ganti dengan blog dan website anda.

<br />
<div style="background-color: #FFFFFF; border: 1px solid #999999; height: 500px; overflow: auto; padding: 10px; width: 100%px;">
<div id="tabbed-toc">
<span class="loading">Loading, Silahkan Tunggu Sebentar...</span></div>
<br />
<script src="http://cdn.indoblog.me/Script/SitemapEmpat.js" type="text/javascript"></script>
<script src="http://cdn.indoblog.me/Script/SitemapEmpatAtas.js" type="text/javascript"></script>
<link href="http://cdn.indoblog.me/Css/SitemapEmpat.css" rel="stylesheet" type="text/css"></link>
<script src="http://www.indoblog.me/atom.xml?redirect=false&start-index=1&max-results=9999&orderby=published&alt=json-in-script&callback=rp"></script>
<div class="credit-link"><a href="//www.indoblog.me" title="Cara Apa Saja">&#9654; Cara Apa Saja</a></div>
</div>
<br />

Sitemap Blogger Keren 2017

5. Yang kelima yaitu sitemap dengan tampilan accordion, yang dimana pada sitemap ini judul artikel akan hide dan hanya menampilkan label dan kategori saja maka user atau pengunjung ketika mengklik label tersebut maka judul judul postingan yang tertaut akan terlihat atau scroll down kaya gitu saja, contohnya bisa anda lihat gambar dibawah saja kemudian jika anda mau silahkan gunakan script yang dibawah ini, dan jangan lupa tulisan www.indoblog.me yang berwarna merah ganti dengan blog dan web anda.

<br />
<div style="background-color: #FFFFFF; border: 1px solid #999999; height: 500px; overflow: auto; padding: 10px; width: 100%px;">
<link rel="stylesheet" href="//cdn.indoblog.me/Css/Accordion1.css"/>
<div id="table-of-content" class="table-of-content"><span class="loading">Loading, Silahkan Tunggu Sebentar...</span></div>
<div class="credit-link"><a href="//www.indoblog.me" title="Cara Apa Saja">&#9654; Cara Apa Saja</a></div>
<script>
var toc_config = {
    url: 'http://www.indoblog.me',
    containerId: 'table-of-content',
    showNew: 10,
    newText: ' &ndash; <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="//cdn.indoblog.me/Script/Accordion1.js"></script>
</div>
<br />

Accordion Sitemap For Blogspot 2017

6. Yang keenam kemudian jika anda ingin membuat sitemap blogspot terbaru oktober november desember 2016 cantik dan elegan, untuk contoh hasilnya bisa anda lihat pada gambar dibawah ini saja, dan untuk cara pemasangannya bisa anda terapkan pada statis page, maupun pada artikel baru juga bisa atau seperti yang lainnya, dan untuk kodenya silahkan gunakan dibawah ini dan www.indoblog.me yang diberi tanda merah silahkan ganti dengan blog maupun dengan nama website saudara.

<br/>
<link href="http://cdn.indoblog.me/Css/SitemapEnam.css" rel="stylesheet" type="text/css"></link>
<div id="toc">
<script src="http://cdn.indoblog.me/Script/SitemapEnam.js" type="text/javascript"></script>
<script src="http://www.indoblog.me/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<div class="credit-link"><a href="//www.indoblog.me" title="Cara Apa Saja">&#9654; Cara Apa Saja</a></div>
</div>
<br/>

Buat Sitemap Blogger Paling Keren dan Responsive

Dan bilamana anda kesulitan memasangnnya bisa anda tanyakan via kolom komentar atau jika script error silahkan beritahukan juga tetapi 3 script diatas sudah admin test terlebih dahulu tentunya sebelum admin bagikan untuk anda, sekiranya sekian dulu tutorial ini, jika masih kurang paham silahkan komentar saja dan gunakan akun google anda untuk berkomentar.

Lihat Juga: Cara Memasang Iklan Google Adsense diatas dan dibawah Postingan Blog

Ok guys jika ada kekurangan dari postingan kami, kami mohon maaf dan terima kasih telah membaca tutorial Cara Pasang dan Membuat Sitemap Keren Otomatis di Blogger Terbaru 2016 semoga bermanfaat untuk para blogger semuanya dan Wassalam.


EmoticonEmoticon