Tutorial Komputer and web

Daftar isi blog atau yang lebih familiar biasa disebut sitemap adalah daftar semua isi suatu blog yang dikelompokan berdasarkan label. Jadi semua artikel di dalam blog sobat akan muncul di daftar isi tersebut. Karena blogspot tidak menyediakan menu sitemap jadi sobat harus membuatnya secara manual dengan cara menyisipkan kode-kode html di bagian laman.

Apa kegunaan sitemap mas ?

Ya sama seperti buku sob.. untuk mempermudah pembaca atau pengunjung blog mencari artikel sesuai keinginan mereka. Kegunaan lain sitemap ini juga menjadi salah satu syarat jika blog akan didaftarkan ke google adsense. Jadi belum lengkap sebuah blog jika tidak ada daftar isinya.

Persiapan membuat sitemap

Sebelum sitemap dibuat pastikan sobat mempunyai beberapa artikel yang sudah diberi label. Minimal satu artikel dengan satu label. Meskipun satu artikel bisa diberi lebih dari satu label, saran saya jangan lakukan, emang kenapa mas ? karena satu artikel yang memiliki banyak label akan dinilai rancu dan tidak bagus dimata google.


Berikut cara membuat sitemap :

1. Pastikan sobat sudah berada di akun blogger
2. Lihat menu sebelah kiri
3. Pilih laman
4. Buatlah laman baru 
5. Klik “laman baru”
6. Isi judul laman (sitemap atau daftar isi blog)
7. Pilih pada mode HTML jangan compose
8. Masukan kode html di bawah ini

<link href="//cdn.rawgit.com/tovic/dte-project/2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.css" rel="stylesheet"></link>
<div class="tabbed-toc" id="tabbed-toc">
<span class="loading">Memuat…</span></div>
<script>
var tabbedTOC = {
    blogUrl: "http://www.blogsobat.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: "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: ' &ndash; <em style="color:red;">New!</em>' // HTML for the "New!" text
};
</script>

<script src="//cdn.rawgit.com/tovic/dte-project/2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.js"></script>

Ganti URL (warna merah) dengan alamat blog sobat. Setelah itu klik Publikasikan.



Kok tampilan sitemapnya beda dengan blog yang lain mas?

Setiap blog tidak harus sama tampilan atau model sitemapnya. Tergantung kode html yang dipasang di laman. Banyak kode-kode yang bertebaran di google. Sobat bebas memilih dan memodifikasi tampilanya jika bisa.

Haruskah ada daftar isi / sitemap ?

Sebenarnya tidak harus ada..
Hanya saja jika blog sobat akan digunakan untuk bisnis atau daftar google adsense maka sitemap wajib ada. Kenapa ? karena blog yang ada sitemapnya akan dinilai sebagai blog yang mengutamakan kenyamanan pengujung.

Manfaat sitemap / daftar isi blog

• Memudahkan pengunjung mencari artikel. Ini adalah manfaat utama adanya sitemap. Memudahkan dan membuat nyaman pengunjung yang membaca blog sobat.

• Blog terlihat professional. Coba sobat berkunjung ke blog-blog yang sudah terkenal. Pasti ada sitemapnya. 

• Isi blog lebih cepat terindex di mesin pencari terutama google. Menurut sebagian besar IM (internet marketing) blog akan lebih cepat terindex jika ada sitemapnya karena susunan isi blog otomatis terstruktur secara rapi.

• Sitemap menjadi salah satu syarat diterimanya google adsense. memang tidak ada keterangan khusus dari google bahawa sitemap adalah syarat utama untuk diterima. Tapi keterangan dari google bahwa “navigasi situs sulit” menunjukan pentingnya sebuah sitemap.

• Sitemap menjadi ciri atau penanda blog yang terurus. Sebagian besar blogger menjadikan laman sitemap ada di blognya. Kecuali website yang sudah besar seperti website berita maupun website perusahaan. Website lembaga biasanya tidak memiliki sitemap. Tetapi memiliki halaman khusus atau navigasi yang digunakan untuk mengeksplor isi website.

Blog yang asal buat atau blog abal-abal biasanya tidak memiliki sitemap. Karena isi blognya hasil copy paste atau hasil AGC (Auto Generated Content).

Sama seperti buku sob.. bayangkan jika buku bacaan yang tebalnya ratusan halaman tidak ada halaman isinya. Bisa pusing kita... blog pun seperti itu. Dengan adanya sitemap pengujung tidak harus membuka artikel satu persatu. Cukup memebuka halaman sitemap sudah bisa mengeksplor semua isi blog.
Terimakasih telah membca artikel berjudul Cara Membuat Daftar Isi Blog (sitemap) Keren Dan Simple

Kali ini donn ingin share membuat Share Button keren pada blogspot, memang tidak dapat dipungkiri tombol share pada blog merupakan hal yang wajib digunakan oleh seorang blogger. Cara ini merupakan salah satu teknik SEO yang telah banyak dilakukan oleh para blogger pada umumnya.
Dengan semakin banyaknya pengguna internet yang menghabiskan waktunya di berbagai akun social media yang mereka miliki, tak hanya Facebook dan Twitter saja, keberadaan tombol share ke akun social media yang ada di blog, saya pikir sangat diperlukan sebagai salah satu strategi pemasaran sebuah blog. Pengunjung akan dengan senang hati membagikan tulisan kita jika memang dirasa bagus dan berguna bagi mereka.
Apa keuntungannya bagi kita pemilik blog? Tentunya blog dan tulisan kita akan semakin mudah tersebar dan dikenal oleh orang lain, bahkan tanpa kita menyadarinya. Dengan di share-nya tulisan kita ke akun social media pembaca, memungkinkan orang yang terhubung dengan mereka dapat berkomentar pada tulisan kita tersebut. Jangkauan tulisan kita menjadi lebih luas, meskipun kita tidak bisa mengontrol dan selalu mengetahui apa yang mereka perbincangkan atas tulisan tersebut, karena memang posisinya bukan berada pada blog kita, melainkan di dinding pelaku sharing tersebut.

Waw banyak sekali manfaatnya kan? Jadi anda gak perlu berpikir dua kali untuk memasang widget share ini. Untuk memasangnya ikuti langkah-langkah dibawah ini,

• Login ke akun blog anda.
• Pilih menu "Tata Letak".
• Klik "Tambahkan Gadget".
• Pilih widget "HTML/JavaScript".
• Kemudian isi konten dengan kode yang ada dibawah, 

    <div class='shr_ss shr_publisher'>
    </div>
    <script type='text/javascript'>
    var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
    </script>
    <script type='text/javascript'>
    (function() {
    var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
    sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
    var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
    })();
    </script>

• Langkah terakhir klik "Simpan".

Simple kan? Selamat sekarang anda sudah memasang widget share keren pada blog anda.

Semoga bermanfaat.