Cara Membuat atau Menampilkan Menu Label di Atas Judul Postingan Blog

KODE ATAS
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.
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.



KODE BAWAH
Share this article :
+
Previous
Next Post »
0 Komentar untuk "Cara Membuat atau Menampilkan Menu Label di Atas Judul Postingan Blog"

Silahkan Sobat tinggalkan komentar dengan kata - kata yang Baik, Bijak dan Sopan...!!!

Yang tidak diperbolehkan dalam berkomentar :

1. Komentar yang mengandung unsur SARA.
2. Komentar yang berbau Porno.
3. Komentar Saling Caci maki.
4. Komentar yang Memasukan Link Iklan dan Ling Atip.
5. Di Lalarang Mengcopy Paste Pada Artikel Di Sini.

Saya harap Sobat dapat mematuhi aturan berkomentar yang saya buat. Jika ada komentar yang melanggar ketentuan tersebut diatas dan dianggap spam akan Saya Hapus. Atas kerjasama sobat sekalian saya ucapkan banyak Terima Kasih. Salam Sukses selalu untuk Sobat dan Salam Blogger.

Bagi Anda yang Mau di Tayakan ? Anda Bisa Anda Bisa HUB Alamat Facebook Saya (https://www.facebook.com/toturialblogcom)

Terima Kasih Sudah Berkomentar
 
Copyright © 2015 TUTORIAL - All Rights Reserved
Template By. Kunci Dunia
Back To Top