Cara Membuat atau Menampilkan Menu Label di Atas Judul Postingan Blog

Saya Tips Artikel ini cara membuat menu label dan kata gori di atas jdul potingan blog seperti pada gambar di atas bisa nada perhatikan pada gambar tersebut sebagi contoh .maka merupakan update atas artikel sebelumnya yang diterbitkan pada tanggal 03 Maret 2015 dengan judul {-Menerapkan Breadcrumb Navigation Pada Judul Artikel-}. Dalam artikel tersebut telah saya uraikan bahwa jika pada umumnya menu navigasi breadcrumb pada sebuah blog diletakkan dalam bagian tersendiri (di atas atau di bawah judul artikel), maka teknik yang digunakan di sini adalah dengan cara menerapkan menu navigasi breadcrumb secara langsung pada judul artikel (seperti yang tampak pada gambar di atas).

Satu langkah hal yang perlu anda diketahui bahwa apabila sebelumnya Anda telah menerapkan menu navigasi beradcrumb dengan menggunakan rangkaian kode yang terdapat dalam artikel tersebut, maka label yang ditampilkan hanyalah label yang terakhir saja. Sebagai contoh misalnya apabila label yang digunakan untuk menandai artikel ini adalah �Tips and Trick; SEO; dan Update�, maka label yang ditampilkan dalam menu navigasi breadcrumb hanyalah {-Update-} Sehingga akhirnya label �Tips and Trick serta SEO� pun tidak terindeks oleh mesin telusur di mesin pencarian google tersebuat

Kemudian perlu diketahui pula bahwa update atau pembaruan yang dilakukan di sini hanyalah untuk satu rangkaian kode saja, sedangkan untuk rangkaian kode yang lain maupun langkah-langkah penerapannya tetap sama dengan uraian yang terdapat dalam artikel sebelumnya. Sehingga untuk menerapkan rangkaian kode yang disertakan dalam artikel ini, silakan buka artikel sebelumnya yang berjudul �Menerapkan Breadcrumb Navigation Pada Judul Artikel� guna mengetahui langkah-langkah penerapan serta rangkaian kode yang lainnya.

1.  Masuk ke Blogger dan pilih menu dasaboar

2.  Masuk dan pilih menu template klik pada bagian menu Edit HTML.

3. Kasih tanda cek pada Expand Template Widget.unduh dulu template anda takut ada keshalan sebelum yang kita tidak di inginkan

4.  Tekan Kiboar gunkan CTRL+F agar meudahkan pencarian kode tersebuat.

5.  Copy kode dibawah ini dan paste tepat diatas kode ]]></b:skin>

.breadcrumbs{

padding:5px 5px 5px 0;

margin:0;font-size:95%;

line-height:1.4em;

border-bottom:4px double #cadaef;}

6. Selanjutnya copy kode dibawah ini dan paste tepat dibawah kode <div class='post hentry'> atau cari  kode ini <b:includable id='post' var='post'> Paste kode dibawah tepat dibawahnya.

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='breadcrumbs'>

Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;

<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>

</b:loop>

</b:if> &#187; <data:post.title/>

</div>

</b:if>

</b:if>

7.  Simpan Template.

8.  Lihat hasilnya (Buka salah satu postingan blog anda).

9.  Selamat mencoba, semoga bermanfaat.

Coba Anda Baca Lagi :Cara Membuat Menu Breadcrumbs Seo Friendly Di blogspot Terbaru

Nah cukup sekian dari saya cara membuat menu label atau kata gori  di atas judul potingan blog bila anda masih belum cukup jelas ,tentang cara mebuat menu label di atas judul potingan blog anda bisa menyakan langsung di pad kolom kotak komentar di bawah ini yang sudah ada sejak dulu bawaan blogger cukup sekain dari saya salam blogger dan selamt beraktipitas kembali.

Tweet

Subscribe to receive free email updates: