Cara Membuat Menu Navigasi/Breadcrumb di Blog
GREEN-PDF
Berikut ini saya men-share-kan Cara membuat menu navigasi atau yang biasa disebut - Breadcrumb
navigasi menu adalah menu yang dapat membantu para pengunjung blog agar mereka tau sedang mengunjungi kategori atau label apa. Postingan ini sangat banyak ditemukan bila kita search di mensin pencari seperti Google. Dan berdasarkan pengalaman pribadi saya, banyak sekali kode atau scrift yang harus dibuat di menu edit HTML. Namun saya mencoba untuk membagikannya kepada sobat yang singkat saja. Untuk keunggulan atau kekurangannya, berpulang ke sobat semua.
Salain itu dari pengalaman melakukan blogwalking Breadcrumb atau menu navigasi juga dapat mengoptimalkan seo on page. Karna tidak semua template menyediakan Breadcrumb, maka dari itu kita harus membuatnya sendiri.
Untuk sobat yang ingin memasang Breadcrumb di blognya bisa mengikuti Cara Membuat Menu Navigasi / breadcrumb di Blog berikut ini:
1. Login ke blog sobat.
2. Klik Template
3. Klik Edit HTML dan centang Expand Template Widget
4. Cari kode ]]> < / b: skin> kalau mau lebih cepat gunakan ctrl + f atau F3
5. Copy code di bawah ini lalu letakan tepat di atas kode] ]> </ b: skin>
. breadcrumbs { padding-left: 10px; font-size: 95%; line-height: 1.4em; border-bottom: 4px double # cadaef;
}
6. Cari kode <b:includable id='post' var='post'> setelah ketemu silahkan sobat copy paste code di bawah ini dan letakan dibawah kode <b:includable id='post' var='post'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b: if cond = 'data: blog.pageType == "item"'> <div class='breadcrumbs'> Anda disini » <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 != "true"'>, </ b: if> </ b: loop> < / b: if> »<data:post.title/> </ div> </ b: if> </ b: if>
Note:
untuk tulisan warna biru "Anda disini» "bisa diganti dengan" judul Blog Sobat "dan tulisan warna merah" Home "bisa diganti dengan halaman atau balkon di blog sobat.
7. Klik Pratinjau. Ini untuk memastikan scrift yang dibuat adalah benar.
8. Save Template sobat selanjutnya silahkan lihat di atas postingan sobat, jika berhasil menu navigasi akan terlihat di atas postingan sobat. nah kira-kita begitulah Cara Membuat Menu Navigasi / breadcrumb di Blog . semoga berhasil ya .
Berikut ini saya men-share-kan Cara membuat menu navigasi atau yang biasa disebut - Breadcrumb
navigasi menu adalah menu yang dapat membantu para pengunjung blog agar mereka tau sedang mengunjungi kategori atau label apa. Postingan ini sangat banyak ditemukan bila kita search di mensin pencari seperti Google. Dan berdasarkan pengalaman pribadi saya, banyak sekali kode atau scrift yang harus dibuat di menu edit HTML. Namun saya mencoba untuk membagikannya kepada sobat yang singkat saja. Untuk keunggulan atau kekurangannya, berpulang ke sobat semua.Salain itu dari pengalaman melakukan blogwalking Breadcrumb atau menu navigasi juga dapat mengoptimalkan seo on page. Karna tidak semua template menyediakan Breadcrumb, maka dari itu kita harus membuatnya sendiri.
Untuk sobat yang ingin memasang Breadcrumb di blognya bisa mengikuti Cara Membuat Menu Navigasi / breadcrumb di Blog berikut ini:
1. Login ke blog sobat.
2. Klik Template
3. Klik Edit HTML dan centang Expand Template Widget
4. Cari kode ]]> < / b: skin> kalau mau lebih cepat gunakan ctrl + f atau F3
5. Copy code di bawah ini lalu letakan tepat di atas kode] ]> </ b: skin>
. breadcrumbs { padding-left: 10px; font-size: 95%; line-height: 1.4em; border-bottom: 4px double # cadaef;
}
6. Cari kode <b:includable id='post' var='post'> setelah ketemu silahkan sobat copy paste code di bawah ini dan letakan dibawah kode <b:includable id='post' var='post'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b: if cond = 'data: blog.pageType == "item"'> <div class='breadcrumbs'> Anda disini » <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 != "true"'>, </ b: if> </ b: loop> < / b: if> »<data:post.title/> </ div> </ b: if> </ b: if>
Note:
untuk tulisan warna biru "Anda disini» "bisa diganti dengan" judul Blog Sobat "dan tulisan warna merah" Home "bisa diganti dengan halaman atau balkon di blog sobat.
7. Klik Pratinjau. Ini untuk memastikan scrift yang dibuat adalah benar.
8. Save Template sobat selanjutnya silahkan lihat di atas postingan sobat, jika berhasil menu navigasi akan terlihat di atas postingan sobat. nah kira-kita begitulah Cara Membuat Menu Navigasi / breadcrumb di Blog . semoga berhasil ya .
How to add Chinese keyboard to windows 10? Windows 10 Offers us to add one or multiple keyboards. If you want to type in Chinese, you should have to follow the procedure. Also, you will also understand why you’ve configured with the wrong keyboard and the wrong language and how to get rid of this problem. Normally you don’t need to change your windows language settings. But if you want to type in Chinese languages and want to type any Chinese letter or word, you must have to change the language settings. That’s why I am going to let you know how to add chinese keyboard windows .
BalasHapusHere you’ll find two methods for windows 10 Chinese handwriting input. Following the way step by step, you’ll find it much easier to add any language keyboard. Also, I’ll give you some tips to avoid and solve the common problem related to language and keyboard. Before wrapping up the article, I’ll answer some common questions on adding the Chinese keyboard.
เว็บตรง พีจี สล๊à¸à¸• pgslotgame hot non-stop in 2021 beautiful graphics fun story For this reason, we create PG SLOT VIP for everyone to experience playing PG slots through every
BalasHapus