Tutorial Membuat Breadcrumbs di Blogspot

Diposting oleh Indra Wirawan on 11.27.2012


Get free daily email updates!

Follow us!

Tutorial-Membuat-Breadcrumbs-di-Blogspot
Tutorial Membuat Breadcrumbs di Blogspot
Tutorial Membuat Breadcrumbs di Blogspot-Pada postingan sebelumnya saya sudah menjelaskan sedikit mengenai breadcrumbs "Mengenal Breadcrumbs dan Fungsinya dalam SEO". Pada postingan tersebut saya berusaha agar Anda dapat mengerti dengan breadcrumbs itu sendiri dan fungsinya.



Cara Membuat Breadcrumbs-Nah, pada postingan kali ini tugas saya untuk menjelaskan bagaimana cara membuat atau tutorial membuuat breadcrumbs. Sedikit info blog mungkin buat Anda : Breadcrumbs ini berfungsi di saat Anda telah memberikan label pada masing-masing postingan blog Anda. Label : Pengkategorian blog Anda sesuai dengan isi dan maksudnya. Seperti pada postingan saya ini, saya beri label tutorial blog.


Tutorial blog cara Membuat Breadcrumbs pada Blogspot
Anda log in dulu lah, ke account blog Anda, kemudian langsung kemudian langsung ke bagian Template, kemudian Edit HTML
Seperti biasa, lakukan dulu lah download Template, Cadangkan/Pulihkan > Unduh Template Lengkap. Ini tidak lain untuk antisipasi. Tapi, saya sudah berulang kali mencoba tutorial ini. Semoga Anda juga berhasil.

Kemudian cari kode berikut : (Seperti biasa, gunakan Ctrl + F, untuk memudahkan pencarian).
]]></b:skin>

Setelah Anda menemukannya, letakkan kode berikut ini tepat di atasnya :
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

Setelah itu, Anda cari lagi kode HTML berikut :
<b:includable id='main' var='top'>

Okey mantap, Anda teruskan lagi langkah berikutnya. Hapus kode HTML di atas kemudian ganti dengan kode berikut : (agak cukup banyak gantinya).
<b:includable id='breadcrumb' var='posts'>
<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'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- 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 == &quot;true&quot;'>
&#187; <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>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives 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'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Nah, setelah itu selesailah prosesi "Cara Membuat Breadcrumbs" ini. Simpan Template Anda. Kemudian, cek pada salah postingan Anda, apakah tutorial blog ini berhasil. Okey.
Sekian dulu tutorial blog dari saya pada kesempatan ini, semoga Anda dapat mengaplikasikan "Tutorial Membuat Breadcrumbs di Blogspot" ke dalam blog Anda sendiri.

Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan
yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan
pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten
tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Posted by : Mahir Blogger

Artikel Tutorial Membuat Breadcrumbs di Blogspot diposting oleh Mahir Blogger pada 11.27.2012. Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar. Jika diperlukan, Artikel ini bisa disebarluaskan melalui blog Anda, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terima kasih.
Comments
0 Comments
Widget Comment FB-Blog

Posting Komentar

Terimah kasih atas Kunjungan Anda di Mahir Blogger. Silahkan Anda berkomentar, bertanya, memberikan saran, tanggapan, testimoni, atau bisa saja sekedar blogwalking. Silahkan pilih, Anda mau berkomentar dengan menggunakan Account Google, Live Journal, Wordpress, Type Pad, AIM, Open Id, Name/Url Anda bahkan bagi pengguna Anonim. Mohon berkomentar yang baik-baik, demi kemajuan blog ini. Komentar atau tanggpan yang terlambat saya respon mohon dimaafkan karena kekurangan waktu saya untuk selalu on line, banyak juga pekerjaan di dunia off line. Hehehe...

Related Posts Plugin for WordPress, Blogger...