Cara Memasang Menu Breadcrumbs Di Blogspot | Tutorial Lengkap

Cara Memasang Menu Breadcrumbs Di Blogspot

Zona Internetku September 12, 2018

Cara Memasang Menu Breadcrumbs Di Blogspot

Cara Membuat Menu Breadcrumbs Di Blogspot. Breadcrumbs merupakan sebuah hidangan atau widget dalam blog yg berupa link internal

Untuk lebih jelasnya saya akan menunjukkan tutorialnya untuk menambahkan menu breadcrumbs di atas judul postingan blog

Cara Memasang Menu Breadcrumbs Pada Blogspot Di Atas Postingan Blog

1. Cari kode <b:includable id='breadcrumb' var='post'>...</b:includable> dan ganti kode tersebut dengan kode berikut ini

			             <b:includable id='breadcrumb' var='post'> <!--breadcrumbs--> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> &gt; <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- Breadcrumb Untuk Halaman Pos --> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' title='Home'><span>Home</span></a></span> <b:loop values='data:post.labels' var='label'> | <span><a expr:href='data:label.url + &quot;?max-results=7&quot;' expr:title='data:label.name'><span><data:label.name/></span></a></span> </b:loop> | <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> | <span>Without Label</span> | <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <!-- Breadcrumb Untuk Label Search dan Search Pages --> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> | <span>Archived For <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> | <span>All Post</span> <b:else/> <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> | <span><data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> <!-- Breadcrumbs end --></b:includable>

2. Sekarang kita akan memanggil kode tersebut di tempat yang akan kita tentukan, contohnya saya akan meletakkannya di atas postingan maka kita perlu masuk ke dalam kode <b:includable id='main' var='top'>...</b:includable>

selanjutnya cari kode <div class='blog-posts hfeed'> dan letakkan kode berikut ini

			<b:include data='top' name='breadcrumb'/>

3. Setelah itu kalian tambahkan kode CSS berikut ini supaya tampilannya lebih indah lagi

Cari kode </head> dan letakkan kode berikut ini di atasnya

			<style> /* Breadcrumbs */ .breadcrumbs{padding:4px 10px 10px 10px;background:#fff;margin-bottom:10px;border:solid #e4e4e4 1px} .breadcrumbs a,.post-info a{color:#19abea} .breadcrumbs a:hover,.post-info a:hover{color:#454545} </style>

dan sekarang silahkan anda klik "Simpan Tema" untuk menyimpan hasilnya

Baca juga :

Cara Membuat Menu Navigasi Dropdown Sederhana

Cara Membuat Template Blog Dari Awal

Cara Membuat Menu Navigasi Di Blog

Sekian tutorial singkat ini mengenai Cara Membuat Breadcrumbs Di Blogspot yang dapat saya sampaikan dan terima kasih telah berkunjung

Komentar

Posting Komentar

Postingan populer dari blog ini

4 Aplikasi Terbaik Untuk Memantau Kurs Mata Uang Dunia Di Android | Tutorial Lengkap

Gambar
4 Aplikasi Terbaik Untuk Memantau Kurs Mata Uang Dunia Di Android Aplikasi Terbaik Untuk Memantau Kurs Mata Uang Dunia Di Android. Mungkin sebagian besar orang membutuhkan informasi yang terbaru dan aktual mengenai pergerakan mata uang dunia baik itu dollar ataupun rupiah. Zona Internetku August 20, 2019 Hal yang mendorong seorang buat terus memantau perkembangan mata uang tersebut umumnya disebabkan sang alasan tersendiri misalnya urusan berbisnis ekspor/impor barang ke mancanegara, berpergian (travelling), trading forex dan pula usaha lainnya. Untuk memantau terus pergerakan nilai tukar mata uang global contohnya dolar Amerika Serikat, Singapura, Taiwan Deretan Aplikasi Terekomendasi Untuk Memantau Pergerakan Nilai Tukar Mata Uang Lokal Dan Asing (Internasional) Di Android 1. BI Mobile Pertama ada aplikasi BI Mobile yang diluncurkan dengan resmi dari Bank Sentral Republik Indonesia, melalui aplikasi kamu bisa melihat semua informasi mengenai keuangan seperti nilai tukar ru...
Baca selengkapnya

4 Aplikasi Pelindung Mata Untuk Mengurangi Dampak Dari Radiasi Layar HP | Tutorial Lengkap

Gambar
4 Aplikasi Pelindung Mata Untuk Mengurangi Dampak Dari Radiasi Layar HP Aplikasi Pelindung Mata Untuk Mengurangi Dampak Dari Radiasi Layar HP Dan Tablet . Smartphone atau yang lebih akrab disebut dengan gadget telah menjadi bagian kebutuhan pokok sehari hari, mulai dari untuk berkomunikasi, berbisnis, mencari informasi ataupun hanya untuk sekedar mencari hiburan seperti bermain game. Zona Internetku November 11, 2019 Tetapi tahukah kalian bahwa sinar biru (blue light) yang dipancarkan sang layar HP jua mengakibatkan radiasi dalam organ mata sebagai akibatnya mampu berdampak buruk bagi si pengguna gadget tersebut, terutama bagi orang yang melakukan semua aktifitasnya melalui HP, terlebih lagi jika mereka sanggup memakai HP lebih dari 8 jam setiap harinya yg padahal itu jelek bagi kesehatannya. Tapi kita juga masih sanggup buat mengurangi pengaruh atau resiko yg disebabkan sinar biru smartphone dengan memakai fitur fitur yg sudah disediakan sang pihak pengembang beberapa pelaksan...
Baca selengkapnya

Cara Mengubah Suasana Siang Menjadi Malam Di Photoshop | Tutorial Lengkap

Gambar
Cara Mengubah Suasana Siang Menjadi Malam Di Photoshop Cara Mengubah Suasana Siang Menjadi Malam Di Photoshop Zona Internetku September 11, 2016 Cara Mengubah Suasana Siang Menjadi Malam . Halo.. sob, selamat datang di zona internetku, pada tutorial kali ini saya akan memposting tutorial tentang cara mengubah suasana siang menjadi malam, efek kali ini memberikan kesan yang agak suram atau sepi karena biasanya susana di malam hari memang sangat menakutkan, tapi berbeda bagi para editor yang menggunakan efek ini untuk menciptakan suasana tertentu, yang tentu saja menggunakan aplikasi photoshop yang penuh dengan fitur fitur yang sangat keren, dan saya kali ini menggunakan aplikasi photoshop cs6 kalian juga bisa menggunakan aplikasi photoshop yang lain seperti photoshop cc yang selalu update dengan fitur fiturnya yang lebih keren dari generasi yang lainnya. tetapi itu semua tergantung dari bagaimana cara menggunakan aplikasi tersebut dengan keahlian kalian masing masing. Ok langsun...
Baca selengkapnya