Home > Tutorial > Cara Memasang Breadcrumb di Blogger
Cara Memasang Breadcrumb di Blogger
Posted on Kamis, 14 Juni 2012 by Algoritma Google Penguin
Cara Pasang Google Breadcrumb di Blogger. Memasang atau membuat google breadcrumb ini memang di butuhkan karena dengan memasang google breadcrumb, bisa membantu menutupi salah satu kekurangan blogger. Kekurangan tersebut yaitu alamat url posting yang terbatas. Makanya mulai sekarang ayo pasang google breadcrumb di blog anda :). Selain itu, dengan Google breadcrumbakan membuat blog kita di search engine google lebih terlihat rapi. Coba anda lihat contoh Google Breadcrumb di bawah ini.
Cara Memasang Breadcrumb Google di Blogspot / Blogger
Langkah pertama untuk memasang Breadcrumb Google tentu saja anda harus login dulu ke blognya kwkwk.
Seperti biasa, ke halaman design > edit HTML > Expand Widget Templates (jangan lupa selalu backup template sebelum editing)
Cari kode <b:include data='top' name='status-message'/> , biasanya ada 2 kode tersebut. Kalau sudah di temukan, silahkan paste kode berikut ini tepat di atasnya (paste aja di atas 2 kode yang anda temukan biar ga bingung).
<b:include data='posts' name='breadcrumb'/>
Sekarang cari kode <b:includable id='main' var='top'> dan kalau sudah ketemu, paste kode berikut tepat di atas kode <b:includable id='main' var='top'>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if></div></b:if></b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
Cara Memasang Breadcrumb Google di Blogspot / Blogger
Langkah pertama untuk memasang Breadcrumb Google tentu saja anda harus login dulu ke blognya kwkwk.
Seperti biasa, ke halaman design > edit HTML > Expand Widget Templates (jangan lupa selalu backup template sebelum editing)
Cari kode <b:include data='top' name='status-message'/> , biasanya ada 2 kode tersebut. Kalau sudah di temukan, silahkan paste kode berikut ini tepat di atasnya (paste aja di atas 2 kode yang anda temukan biar ga bingung).
<b:include data='posts' name='breadcrumb'/>
Sekarang cari kode <b:includable id='main' var='top'> dan kalau sudah ketemu, paste kode berikut tepat di atas kode <b:includable id='main' var='top'>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if></div></b:if></b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
Simpan Template dan selesai, anda berhasil memasang breadcrumb google di blog anda.
Untuk mempercantik Breadcrumb google yang sudah anda pasang, sekarang tambahkan sedikit sentuhan Css berikut ini yang perlu anda tambahkan di atas kode ]]></b:skin>
.breadcrumbs{margin-left:10px;padding: 5px 0;border-bottom: 1px dotted; line-height:1.4em;}
Untuk mempercantik Breadcrumb google yang sudah anda pasang, sekarang tambahkan sedikit sentuhan Css berikut ini yang perlu anda tambahkan di atas kode ]]></b:skin>
.breadcrumbs{margin-left:10px;padding: 5px 0;border-bottom: 1px dotted; line-height:1.4em;}
Ok itu saja artikel kali ini dan mudah-mudahan bermanfaat buat para blogger. Oh ya, caranya berbeda loh dengan cara membuat breadcrumb yang dulu saya posting. Jadi lebih teliti lagi yah untuk penempatan kodenya :).
Category Article Tutorial
Diberdayakan oleh Blogger.
Blog Archive
-
▼
2012
(4350)
-
▼
Juni
(653)
- Daftar Harga HP Samsung Bulan Ini Juli 2012 Terbaru
- Daftar Harga Laptop Acer Terbaru Bulan Ini Juli 20...
- Daftar Harga Blackberry Lengkap Bulan Ini Juli 2012
- Harga Nokia Lengkap Bulan Ini Juli 2012 Terbaru
- Kumpulan Daftar Harga Dan Spesifikasi HP Android T...
- Trik Internet Gratis XL 01 Juli 2012
- Trik Internet Gratis Axis 01 Juli 2012
- Trik Internet Gratis Telkomsel 01 Juli 2012
- Foto Gambar Modifikasi Honda Jazz Extreme
- Cara Flash ponsel SonyEricsson tanpa memakai Box F...
- EKSPRESI CRISTIANO RONALDO SETELAH PORTUGAL KALAH
- Cara Memperbaiki Flashdisk Yang Tiba-Tiba Mati
- Tutorial Cara Merakit Komputer Dengan Petunjuk Gambar
- Cara menghilangkan tanda panah pada shortcut icon ...
- Cara menonaktifkan login(logon) password screen wi...
- Cara Membuat VPN Server Sendiri Di Windows 7
- Cara Membuat Kue Ulang Tahun Sendiri
- DOWNLOAD GAME NARUTO
- Maaf, blog di hqsa.blogspot.com telah dihapus. Ala...
- Prediksi Jerman Vs Italia Semi Final 29 Juni 2012
- Daftar Harga VGA Card NVIDIA Sparkle Terbaru Juni ...
- Internet Gratis Smartfren Dan Aha Di PC Dengan Evd...
- Pulang Nonton Euro, Suami Pergoki Istri Selingkuh ...
- Pelek Mobil yang Lagi Ngetrend Saat Ini
- Kasus Olga, Penyebab Olga Syahputra tidak diperbol...
- 5 Perilaku Menyebalkan Olga Syahputra Di Acara TV
- Download Game Blackberry : Facebreaker
- Cara Copas Blog Orang Lain Secara Keseluruhan
- Kumpulan Tebak-Tebakan Paling Lucu Terbaru 2012
- Shoot Many Robots Reloaded Full Version Download
- Download Template Blogger HQSA
- Download Kumpulan Tema Blackberry 8520 Gratis via OTA
- Download Tema Blackberry 9700 Bold 2 : Steampunk
- Inilah Foto Penampakan Baju Nabi Adam
- Tutorial Tips Cara Memakai Jilbab Modern 2012 Terbaru
- Download Tema Tema Blackberry Storm : Paint Drops
- Free Download Emulator PS1 Terbaru Gratis
- Mito 999 Harga dan Spesifikasi
- Cara Mengganti Background Template Blog
- Download Tema Blackberry Gemini 8520 Curve : Tiffa...
- Download Tema Blackberry Gemini 8520 Curve : Keroppi
- Download Tema Onyx Untuk Blackberry Gemini 8520 Curve
- Download Tema Blackberry Gemini 8520 Curve : Mini ...
- BHAYANGKARA ROCKER ACTION
- CARA INSTALL APLIKASI BLACKBERRY SECARA OFFLINE
- Kumpulan Gambar Foto Tindikan Dan Piercing Paling ...
- Update Harga Pasang Iklan Murah Dengan Pulsa
- Resep dan Cara Membuat Cake Lapis Brownies Coklat
- Pilihan Warna Baru Satria FU 2012
- Perbandingan dan Perbedaan Modem HSDPA dan EVDO
- Download Tema Blackberry : Galaxy S3
- Aplikasi Facebook terbaru untuk blackberry
- Cara Mudah Melihat ID Facebook
- Ngeblog Atuh Da Lain Di Pom
- Lirik Lagu Anang feat Ashanty - Aku Memilihmu
- Download Mp3 Yunika - Jawabannya Tidak Gratis Hany...
- Download Mp3 Sule & Titi Kamal - Ay Need You (Ost....
- Download Mp3 Gamal & Audrey - Berserah Gratis Hany...
- Download Mp3 Hitz - Sarang Hae Gratis Hanya Disini
- Download Mp3 Ricky Martin - The best thing about m...
- Biodata Dan Profil Bessara Lengkap
- Candlemass - Psalms For The Dead (Album 2012) MP3 ...
- Waka Flocka Flame - Triple F Life (iTunes Deluxe V...
- Lil Scrappy - Tha Grustle (Album 2012) MP3 - Media...
- R.Kelly - Write Me Back (Deluxe Edition 2012) MP3 ...
- Liars - WIXIW (Album 2012) MP3 - Mediafire 4Shared...
- Flo Rida - Wild Ones (Album 2012) MP3 - Mediafire ...
- Lirik Lagu Caroline - Coba Kalo Kamu Bisa
- Biodata Dan Profil Coboy Junior Lengkap
- Lirik Lagu Coboy Junior - Kenapa Mengapa
- Flo Rida ft. Jennifer Lopez - Sweet Spot MP3 - Med...
- Lirik Lagu ShaheilaO feat Abdee Negara - Jika Ada
- Lirik Lagu SwittinS - No 1 Mom & Dad
- Wiz Khalifa Feat. 50 Cent - Telescope MP3 - Mediaf...
- Lirik Lagu SwittinS - Sahabat SwittinS
- Wynter Gordon - Stimela MP3 - Mediafire 4Shared Sh...
- R. Kelly - Write Me Back (Album 2012) MP3 - Mediaf...
- Chester French Ft. Pusha T & Pharrell - Next Big ...
- The Offspring - Days Go By (Album 2012) MP3 - Medi...
- The Smashing Pumpkins - Oceania (Album 2012) MP3 -...
- Download Mp3 Indonesia | Free Download Mp3 4shared...
- Lirik Lagu Storia Band – Pastikan Ada Cinta
- Lirik Lagu Bondan Prakoso & Fade2Black - It’s Not ...
- Lirik Lagu Bondan Prakoso & Fade2Black - Game Of Life
- Cara Mempercepat Kinerja Windows XP
- Lirik Lagu Mantra Band feat Eren - Cinta Yang Tersisa
- BHAYANGKARA ROCK FEST BANJAR PATROMAN
- Download Mp3 Zivilia - Yang Tak Terlupakan (CDRip)...
- PARADE BAND : SHOW YOUR FEEL WITH MUSIC
- Download MP3 Randy Martin - Magic Gratis
- Download Mp3 Dygta - Saat Katakan Sayang (CDRip) G...
- Download Mp3 Teuku Wisnu - Tak Bisa Tanpamu (CDRip...
- Download Mp3 Kaffa - Tergoda Gratis Full Album
- Lirik Lagu Bondan Prakoso & Fade2Black - Tak Sempurna
- Lirik Lagu Wali Band - Cari Berkah (Cabe)
- Lirik Lagu Kerispatih Band – Telah Menyesal
- Lirik Lagu Niu Niu - Hey You
- Blogger Banjar Patroman
- Download Tema Blackberry Gemini 8520 Curve : GoPlay
- Download Tema Blackberry Gemini 8520 Curve : Sketz
-
▼
Juni
(653)