Home » Blogger HTML » Seputar Blogger » Cara Membuat Label di Blogger

Cara Membuat Label di Blogger

Label pada blog memang tidak pernah saya tinggalkan karena bisa membantu saya maupun pengunjung sedang berada di label mana yang sedang mereka baca. label juga bisa saya katakan sebagai bagian dari kategori, misalkan saya sedang membuat tulisan yang berjudul mengenal komponen blogger, tentu judul tersebut akan saya masukan atau di kelompokan dalam kategori seputar blogger, karena judul tersebut termasuk dalam pembahasan mengenal blogger dari pemula hingga ke tingkat menengah.

Cara Membuat Label di Blogger

Agar label terlihat lebih rapi sesuai dengan yang sedang anda bahas, maka sebaiknya cerdas sedikit untuk menempatkan label tersebut. jangan sembarang menaruh nama label-labelan yang tidak sesuai dengan yang sedang anda bahas. jika anda membuat judul artikel cara membuat blog, maka pantas jika judul yang anda buat, anda tempatkan di label membuat akun dan bukan di label membuat bakso atau tahu bulat 500 an.

Jika anda sudah terlanjur menempatkan label yang tidak relevan dengan yang anda bahas, maka saran saya segera ganti nama label atau hapus nama label blog tersebut sebelum anda ditertawai oleh pengunjung atau dianggap sebagai blogger yang tidak jelas.

Memang masalah label yang tidak relevan ini sangat kecil, tapi setidaknya untuk membangun kepercayaan pengunjung harus dimulai dari yang terkecil terlebih dahulu, untuk menjangkau sesuatu yang terbesar.

Pengertian Label pada Blogger

Untuk memberikan pengertian pada label di blogger tidak akan saya jelaskan sampai rinci, akan tetapi saya akan memberikan perumpamaan saja. kita ambil contoh kecil pada buku telepon, jika anda membuka abjad A maka yang tampil disana adalah nama yang berawalan dengan A sampai ganti baris ke B dan seterusnya begitu juga dengan label blogger aturlah sesuai dengan fungsi dan penempatan nya.

Pada blog belajar berbagi untuk memudahkan pengunjung sedang berada di label mana yang sedang mereka kunjungi/baca, dan akan tampak di menu breadcrumbs, related post dan daftar isi.

Label dengan Menu Navigasi Breadcrumbs
Ketika anda membaca judul ini atau judul yang lain di seputar blog belajar berbagi, maka label juga bisa anda lihat pada bagian menu navigasi breadcrumbs seperti gambar dibawah ini

Label Terlihat Ketika Mengklik Breadcrumbs

Coba anda mengklik seputar blogger tersebut, maka itulah contohnya. disana anda bisa menikmati beberapa judul yang membahas seputar tentang blogger

Label dengan Menu Related Post
Label juga bisa anda temukan di bagian bawah tulisan ini atau letaknya yang berada tepat diatas komentar yang bertuliskan Anda berada di Label Seputar Blogger

Label Bisa terlihat Melalui Related Pos

Jika anda ingin membuat related post pada blog seperti gambar diatas, maka ikuti langkah-langkahnya berikut ini:

Login ke blogger » dasbor » template » Edit HTML » Letakan Kode dibawah ini, tepat diatas kode </head>

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];}} relatedTitles = tmp2; relatedUrls = tmp;}
function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; }
else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script>

Setelah itu jangan anda save dulu, cari kembali kode <data:post.body/> di Edit HTML pada template blogger anda, lalu letakan kode dibawah ini tepat dibawah kode <data:post.body/>

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=15"' type='text/javascript'/> </b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait <b:loop values='data:post.labels' var='label'><data:label.name/>
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></h4>
<script type="text/javascript"> removeRelatedDuplicates(); printRelatedLabels();
</script>
</b:if> 

Simpan template anda.

Pada tulisan Artikel Terkait, bisa anda rubah menjadi tulisan Anda berada di Label

Label dengan Menu Daftar Isi
Label juga bisa anda lihat di menu daftar isi pada blog belajar berbagi ini. jika anda belum membuat daftar isi pada blog, maka saya anjurkan anda membuatnya. yang mana tujuan daftar isi ini bisa memudahkan pengunjung untuk mencari artikel-artikel yang menurut mereka bermanfaat.

Label Terlihat dengan Menu Daftar Isi

Seperti itulah jika anda mengklik daftar isi blog belajar berbagi.

Langkah-Langkah Membuat Label Blogger

Saya rasa anda sudah memahami bagaimana label-label tersebut bisa berfungsi dengan baik atau untuk bertujuan memudahkan pengunjung blog anda nanti.

Baca: Cara menulis artikel pada blog

Panduan pada tulisan cara menulis artikel pada blog, bertujuan untuk memudahkan anda sebagai pemula bagaimana caranya memulai ketika ingin menulis artikel, setelah itu ikuti langkah-langkah dibawah ini untuk membuat label pada blog

Berikut langkah untuk membuat label pada blog, yang mana langkah-langkah ini bisa anda terapkan karena akan saya pandu dengan gambar yang cukup lengkap dan jelas.

Login ke blogger » Entri Baru

Langkah-Langkah Membuat Label Blogger

Setelah itu, silahkan anda isikan judul posting "1" » isikan artikel anda "2"» pada bilah sebelah kanan klik Label "3"» Tulis "4"» Selesai "5"

Membuat Label Artikel pada Blog

Setelah anda selesai membuat judul, menulis artikel, memasukan, label, maka periksa kembali posting anda sebelum diterbitkan. jika sudah yakin, maka klik menu Publikasikan.

Sekian informasi terlengkap dan spektakuler ini tentang cara membuat label di blogger. semoga informasi ini bisa bermanfaat untuk kita semua. happy blogging




Anda Berada di Label Blogger HTML ,Seputar Blogger


1 comment:

Silahkan berikan komentar anda sesuai dengan konten yang saya bahas diatas. komentar yang tidak relevan, spam, maka tidak akan saya publikasikan di blog belajar berbagi ini.

Belajar Berbagi Home