mas template

Cara Membuat Breadcrumbs Seo Friendly Di Blog

Breadcrumbs Seo Friendly

Breadcrumbs Seo Friendly

Cara Membuat Breadcrumbs Seo Friendly Di Blog - Sobat Blog Mas Hanif yang setia, sekarang saya akan posting sebuah tutorial blog yang pastinya sudah tidah asing lagi di telinga kalian, yaitu cara membuat Breadcrumbs. Postingan kali ini sekalian juga buat pengingat saya kalo lupa gimana caranya. Langsung aja comot nih tutorial...
1. Login ke Blogger.com 
2. Masuk ke Template > Edit HTML 
3. Centang Expand Template Widget 
4. Lalu cari kode <b:includable id='main' var='top'> 
5. Pasang kode dibawah ini diatas kode tadi

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <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'> &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> </b:loop> &#187; <span><data:post.title/></span> </div> </b:if> </b:loop> </b:if> </b:includable>

6. Cari kode <b:include data='top' name='status-message'/> 7. Letakkan kode berikut diatas kode tadi
<b:include data='posts' name='breadcrumb'/>
8. Terakhir cari kode ]]></b:skin>9. Letakkan kode berikut diatas kode tadi
.breadcrumbs {padding:5px 5px 5px 0px;margin: 0px 0px 15px 0px;font-size:95%;line-height: 1.4em;border-bottom:3px double #e6e4e3;}
10. Simpan Template
Catatan : Pada langkah No.6 biasanya ada dua kode yang sama, letakkan saja kodenya pada keduanya.
Sekian tutorial dari saya kurang lebihnya mohon maaf. Baca juga artikel tentang Cara Menggunakan Font Dari Komputer di Blog.

0 Response to "Cara Membuat Breadcrumbs Seo Friendly Di Blog"

BACA DULU SEBULUM BERKOMENTAR PERATURAN BERKOMENTAR DI BLOG INI :

- Di Wajibkan Berkomentar Dengan OpenID,supaya mimin bisa berkunjung balik
- Berkomentarlah sesuai artikel diatas,Jika diluar artikel gunakanlah tag [ OOT ].
- Berkomentar Disaran kan Sesuai Artikel
- Untuk Menyisipkan Kode Gunakan <i rel="code">Tulis kode yang sudah diparse di sini</i>
- Untuk Menyisipkan pre Gunakan <i rel="pre">Tulis kode yang sudah diparse di sini</i>
- Untuk Menyisipkan Catatan/Blockquote Gunakan <b rel="quote">Tulis catatan di sini</b>
- Untuk Menyisipkan Link Gunakan <i rel="anchor">URL DISINI</i>
- Untuk Menyisipkan Gambar Langsung Saja Tulis URL Imagenya
- Untuk Menyisipkan Video Youtube Langsung Saja Tulis URL Videonya


Konversi KodeEmoticon