BLOG IKADA

Navigasi Breadcumbs besar besar pengaruhnya agar blog sobat dapat dengan cepat terindex atau terlihat dalam pencarian google.Karena bagaimanapun kitaseorang blogger pasti senang bila artikelyang kita buat bisa masuk dalam search engine dan sukur-sukur artkel yang kita buat bisa menduduki posisi teratas.Langsung saja berikut langkah yang kita lakukan.
 
Cara Praktis Membuat Breadcrumbs di Blogspot / Blogger 

 

• Login di Blogger
• Pilih Template
• Pilih Edit HTML (lebih baik back up template dulu untuk menghindari kesalahan)
• Centang Expand Widget Templates
• Kalau sebelumnya anda sudah memasang breadcrumbs silahkan dihapus dulu kode breadcrumb yang lama
• Kemudian cari kode ]]></b:skin>
• Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>

<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'> 
&#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: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'/> 

<b:if cond="data:blog.url == data:blog.homepageUrl"> di tutup dengan </b:if> 

<b:if cond='data:blog.pageType != &quot;item&quot;'> dan di tutup dengan </b:if> 

<b:if cond='data:blog.pageType == "item"'> dan di tutup dengan </b:if> 

Sekarang yang akan saya bicarakan adalah merubah ukuran kolom atau menyembunyikan kolom.
Ilustrasi halaman content.



Ilustrasi halaman depan atau front page



Yang perlu kita lakukan adalah menambah script untuk ukuran kolom yang akan di tampilkan pada halaman depan , dan menyembunyikan untuk kolom Sidebar 1.
caranya.
Setelah script ]]></b:skin>
Tambahkan di antaranya ( kira-kira ) , script seperti ini.

<style type='text/css'> 
<b:if cond='data:blog.pageType != &quot;item&quot;'> 
#main-wrapper { 
width:400px; 
} 
.post-body img{ 
width:….px; 
} 
.post-body {text-align:justify;} 
.main .widget { 
border-bottom:1px dotted $bordercolor; 
margin:0 .5em 1.5em 0; 
padding:0 0 1.5em; 
} 
</b:if> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
#Sidebar 1 { display:none;} 
</b:if> 
</style>