Optimasi Tag Heading H1 Pada Judul Artikel

Optimasi Tag Heading H1 Pada Judul Artikel

SHADOWS
|| Setelah optimasi keyword dan meta tag, optimasi heading judul posting juga memegang kendali dalam seo Hal ini menjadi salah satu syarat sebuah artikel agar bisa optimal dalam SEO agar bisa masuk halaman pertama google Heading yang paling utama atau yang disebut H1 menginformasikan kepada search engine tentang informasi utama dari sebuah halaman.

Optimasi Tag Heading H1 Pada Judul Artikel Blog
penting sekali terutama untuk blogspot Karena secara default blogspot menggunakan heading H1 untuk nama blog, sedangkan judul artikel Cuma dapat tag h3. Hal ini bukan masalah jika halaman yang ditampilkan adalah halaman beranda atau home page, akan tetapi jika yang tampil halaman postingan akan berpengaruh pada seo bahkan mungkin tidak akan terindex.

Yang harus kita kerjakan untuk Cara Optimasi Tag Heading H1 Pada Judul Artikel Blog adalah:
H1 pada home page adalah judul blog, Dan pada halaman artikel atau posting, H1 kita set ke judul tersebut dan merubah judul blog ke H2 agar tidak terjadi duplokat H1 pada heading halaman blog kita.

Oke untuk langkahnya sebagai berikut:
Masuk dasbor >>> Rancangan, Edit HTML dan jangan lupa centang Expand Template Widget.backup dulu template untuk berjaga-jaga kalau terjadi kesalahan pengeditan.
Cari kode berikut:

<div id="header-inner">
<div class="titlewrapper">
<h1 class="title">
<b:include name="title">
</b:include></h1>
</div>
<b:include name="description">
</b:include></div>
Lalu ganti dengan kode berikut ini:
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != &quot;item&quot;รข��>
<H1 class='title'>
<b:include name='title'/>
</H1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>



Langkah di atas adalah salah satu point dari optimasi tag heading h1, hal ini hanya berlaku untuk judul blog. Selanjutnya kita merubah judul posting memjadii H1 ketika halaman artikel tersebut ditampilkan. Cari kode berikut pada template sobat:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Lalu ganti dengan kode seperti di bawah ini:
<b:if cond='data:blog.pageType != &quot;item&quot;>
<b:if cond='data:post.title'>
<H3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</H3>
</b:if>
<b:else/>
<H1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</H1>
</b:if>
Optimasi Tag Heading H1 Pada Judul Artikel ini bersifat dinamis, dan berdampak pada berubahnya variable huruf karena judul blog ketika tidak di halaman utama menggunakan style " p "  seperti tertulis diatas maka dari itu perlu sedikit modifikasi lagi yaitu dengan cara menambahkan " p " style pada css template sobat dan harus sama persis dengan style H1 yang ada di template sobat, contohnya seperti ini:

#header h1{elemen/ukuran css title blog kamu}
#header h1 a{Disini elemen/ukuran css title blog kamu}

Maka tambahkan css seperti berikut ini:

P.title {Nah Disini harus sama dengan elemen/ukuran css title H1 blog}
P.title a{Disini juga harus sama dengan H1 a judul blog}

Untuk lebih jelasnya kita coba dengan css berikut ini:

Jika css header kamu seperti ini:

#header h1{font-size:23px;font-weight:700;float:left;width:40%;text-shadow:1px 0 #2B4462;letter-spacing:-1px}
#header h1 a{color:#fff;text-decoration:none}
Maka tambahkan dibawahnya dengan kode css:

P.title {font-size:23px;font-weight:700;float:left;width:40%;text-shadow:1px 0 #2B4462;letter-spacing:-1px}
P.title a{color:#fff;text-decoration:none}
Kalau sudah selesai, silahkan klik pratinjau dahulu jika tidak terjadi error klik save template. Yang perlu dicatat, jangan sampai ada doubel/diplikat H1 pada tiap halaman blog sobat.

Source: http://germo-ndeso.blogspot.com/2012/01/optimasi-tag-heading-pada-judul-artikel.html#ixzz2K3TT51AG

Membuat Background Judul postingan

SHADOWS || Siang sobat... kali ini saya akan posting mengenai Cara Membuat Background Judul Postingan di blog, yang bagaimana sobat blogger ketahui diatas pastingan sobat itu loh..!! Nah mari kita bahas Bagaimana Cara Membuat Background Judul Postingan di blog sobat.
Langsung saja kita menuju TKP ok.

Membuat Background Judul postingan
Sudah lihat screnshotnya diatas seperti itulah nanti yang sobat dapatkan.
Nah ikuti langkah-langkah Membuat Background Judul Postingan di bawah ini:

1. Log in ke blogger=> pada dasbor=> klik tata letak=> edit HTML=> cari kode berikut:

.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
text-align:center;
}

Jika sudah ketemu sisipkan/tambahkan kode dibawah ini:
background: url(alamat image anda)repeat-x;2. Sehingga menjadi seperti ini:

.post h3 {
  background: url(alamat image anda)repeat-x;
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
text-align:center;
}

3. Simpan/save template

Nah lihatlah di blog sobat sudah berubah Membuat Background Judul Postingan sudah berwarna dan semakin manis blog sobat, untuk hanya menganti  warna sobat tinggal masukan kode seperti ini.

background: #FFFFFF;

Untuk kode warna sobat bisa lihat DISINI

Selesai sudah Bagaimana Cara Membuat Background Judul Postingan di blog.

Membuat Random Posts Sederhana

SHADOWS || Para sobat blogger kita bertemu lagi di pagi hari ini saya akan share sebuah widget sederhana untuk para bloggger pemula, Membuat Random Posts Sederhana yang unik. Kalian pasti mengetahui apa itu Random Posts, jika belum mengetahui untuk pemula nah yaitu postingan sobat yang akan di tampilkan secara acak agar pengunjung bisa melihat postingan sobat yang terdahulu dan terkini, begitulah kira kira Cara Membuat Random Posts Sederhana ini. lha kapan sharenya ya ok deh kita ke TKP gan. Nanti dulu liat ini bentuknya ok.



Nah lumayankan bentuknya Cara Bagaimana Membuat Random Posts Sederhana ini? jika sobat ingin mencobanya silahkan copy paste script dibawah ini.
Login ke blogger >> Pilih Tata Letak / rancangan  >> Elemen Halaman >> Tambah Gadget 
pilih HTML/Javascript
paste kode javascript di bawah ini ke dalam gadget HTML /Javascript


<script type="text/javascript">
var acakarray = new Array();var l=0;var flag;
var numofpost=5;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}
if(flag==0&&l!=0){acakarray[i++]=l;}}document.write('<ul>');
for(n in acakarray){ var p=acakarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script> 


CATATAN:
Angka 5 pada numofpost=5 adalah jumlah postingan yang akan ditampilkan secara acak ,bisa diganti dengan kebutuhan anda.

Begitulah Cara Membuat Random Posts Sederhana ini semoga bermanfaat untuk sobat Happy blogging.

Cara Membuat Blockquote Agar Tidak Bermasalah

Cara Membuat Blockquote Agar Tidak Bermasalah

SHADOWS || Bagaimana Cara Membuat Blockquote Agar Tidak Bermasalah, seringkali terjadi masalah pada pengeditan blockquote pada template blogger di karenakan pada setiap template blogger atau blogspot itu tidak sama,sobat Shadows hari ini kita akan membahas sedikit tentang bagaimana Cara Bagaimana Membuat blockquote Agar Tidak Bermasalah dan mengubah tampilan blockquote di blogspot atau blogger.
 Sobat juga bisa menggunakan metode ini jika pada blockquote sebelumnya gagal,jika sebelumnya menggunakan<blockquote> Tulisan yang akan di dalam blockquote ..</blockqute>, kalau yang sekarang <div class="blockquote"> Tulisan Anda di sini ..</div>, dan penulisan ini wajib pada mode edit html.

Untuk Edit tampilan blockquote:

Untuk edit tampilan blockqute tersebut Anda bisa mengubah aturan css di bawah ini dan letakkan di atas kode ]]></b:skin>
.blockquote {margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;line-height: 1.6em;color:#3d85c6 ;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiCZXGisUKxsmDbo1batsp65C5wfBp4SEmAwK4qpQ3XDLUE0c4IhoZWgy0tlfICjUR1QScxLwE1-mS9ZHQPwe4eSIYass3yKwqN1GN2EuEC9iRx6PkerQv5nga2aOHElxDbxPoLWLxDRs/s1600/blockquote+mini.jpeg)no-repeat top right#fff;border: 2px solid #38761d;border-left: 20px solid #38761d;}

Save template.

border : garis tepi ,2px ketebalan garis tepi,#3871d kode hex atau warna dari garis tepi.
border-left: garis tepi pada bagian kiri
color:#3d85c6: warna text yang di dalam blockquote nantinya.

Sobat juga bisa mengubah gambar yang berada di kanan atas blockquote tersebut pada baris di bawah ini :https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiCZXGisUKxsmDbo1batsp65C5wfBp4SEmAwK4qpQ3XDLUE0c4IhoZWgy0tlfICjUR1QScxLwE1-mS9ZHQPwe4eSIYass3yKwqN1GN2EuEC9iRx6PkerQv5nga2aOHElxDbxPoLWLxDRs/s1600/blockquote+mini.jpeg

Semoga Bermanfaat untuk para sobat itulah Cara Membuat Blockquote Agar Tidak Bermasalah, ketika para sobat membuat postingan.

Cara Menghilangkan Icon Tang dan Obeng


SHADOWS || Cara menghilangkan icon tang dan obeng yang muncul di halaman blog saat kita sedang dalam keadaan login berfungsi untuk melakukan edit pada bagian tertentu secara cepat. Fungsi ini memang penting bagi kita yang sering melakukan editing dan ingin melakukannya dengan cepat. Karena dengan hanya mengklik ikon tombol tang dan obeng tersebut kita akan langsung diarahkan menuju ke bagian elemen laman yang dituju untuk diedit atau dimodifikasi.
Tetapi ada sebagian para sobat mungkin yang terlihat icon ini merasakan risih atau tidak enak di pandang, nah bagaimana menghilangkan icon tang dan obeng di tampilan template sobat, ini agar tidak hadir lagi jika sobat login, caranya sangat simple dan mudah.

                        Cara Menghilangkan Icon Tang dan Obeng



Adapun cara untuk menghilangkan icon tang dan obeng di blog ini antara lain sebagai berikut:
Masuk/Login ke akun blogger.
Klik rancangan.
Klik edit HTML.
Klik expand template widget.
Cari kode berikut. ]]></b:skin>
Lalu letakan kode dibawah ini tepat diatas ]]></b:skin>

.quickedit{
display:none;
}

 Save template

Nah cara menghilakan icon tang dan obeng di template sobat sudah hilang.
Semoga bermanfaat bagi sobat.

Cara Menimbulkan Icon Delete di Kotak Komentar

Cara Menimbulkan Icon Delete di Kotak Komentar


SHADOWS || Sore para sobat blogger...  kali ini saya akan share bagaimana meninbulkan icon delete/hapus di kotak komentar sobat.
Karena tidak semua menu treaded comments itu bisa menimbulkan icon ini, sebabnya adalah setiap template sobat berbeda beda.
Cara menimbulkan icon delete di kotak komentar yang saya share ini cukup mudah dan simple.
Dari pada kita ngomong jauh jauh langsung saja kita menuju TKP ya gak sob, nah inilah caranya.



1. cari kode ]]></b:skin>
2. silahkan simpan kode css di bawah ini di atas kode ]]></b:skin>

.item-control {
display: inline;
}


3. Save template.

Nah seharusnya di kotak komentar sobat sudah ada icon delete/hapus disana coba lihat semoga berhasil. Dengan cara menimbulkan icon delete di kotak komentar ini  maka tamatlah dari cerita mengenai share n share.. hehehe

Semoga bermanfaat bagi para sobat..


Cara Lihat Meta Tag Seseorang di Blog


SHADOWS || Pagi yang cerah sob.. bagaimana sudah pada kopi belum nie?? ahh jadi ngelantur langsung sajalah ketujuan kenapa saya buat posting untuk melihat meta tag seseorang di blog ini, ya karena semalam saya pas lagi ngeblog ke rumah tetangga, kok pada menanyakan apa sih yang bos pakai di metatag sehingga bisa berada di urutan pertama search engine bos???

Pada intinya sangat gampang sob itupun tanpa kita menanyakan kepemilik blog, nah coba ikuti cara yang saya dapat hasil dari analisa tapi menghasilkan.


                             Cara Lihat Meta Tag Seseorang di Blog



Pada bagian Page Infomartion terdapat lima hal yang digambarkan yaitu General, Media, Feeds, Permissions dan Security. Klik General

                             melihat

Di bagian General, terdapat scrolling menu, scroll ke bawah.
Nah lihat bukan,  dengan tidak memelas kepada pemilik blog agar bisa memberi tahu apa yang dia gunakan. Kita sudah bisa melihat keyword yang digunakan oleh blog lain. Bukan itu saja,, Meta Tag apa yang digunakan oleh blog tersebut pun bisa kita tahu.

                                    melihat

Cara Lihat Meta Tag Seseorang di Blog, untuk cara lainnya lihat lagi sob yang ini:
Klik kanan pada Home Page blog tersebut ( yang akan kita liahat meta dan keywordnya ).
Kemudian klik View Page Source

                                                                                melihat

Nah ini baru muncul, dari sana sobat bisa melihat meta tag yang digunakan.

                                    



Untuk cara melihat meta tag seseorang di blog itu sanagtlah gampang bukan sob..!!!
Oh iiya ini buat cara yang kedua ya sob bisa di gunakan google chroom, mozila, safari juga bisa apalagi opera bisa juga sob kalau IE jangan ditanya lagi hehehe....

Semoga trik ini bisa bermanfaat buat sobat blogger semua.

Cara hilangkan tulisan diberdayakan oleh blogger pada blogspot


Cara hilangkan tulisan diberdayakan oleh blogger pada blogspot


SHADOWS
|| Cara hilangkan tulisan diberdayakan oleh blogger pada blogspot
 ,, Okkeee!!.. langsung  aja caranya ya.

Caranya cukup gampang, sobat tinggal mengikuti langkah-langkah dibawah ini:
1. Sobat harus Login dululah
2. Trus ke Template -> Klik Edit HTML
3. Setelah itu centang "Expand Template Widget"
4. Cari kode ]]></b:skin, atau tekan Ctrl+f untuk memudahkan pencarian
5. Copy kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin :
 
#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

6. Klik Simpan Template

CRREENNNGGG!!!..... Tulisan "Diberdayakan oleh blogger" pada blog  sobat sudah hilang begitu saja .

Semoga blog sobat tambah jreng.

Cara buat judul sidebar widget rata tengah (Center Positions).

SHADOWS || Selamat malam sobat semua OOk, hari ini saya ingin share kepada para sobat semua tentang bagaimana cara Membuat Judul Sidebar Widget Rata Tengah (Center Positions), cantik bukan?


Nah untuk para sobat, terkadang untuk sebagian besar templates bawaan default untuk semua posisi Judul berada di Rata Kiri (Left Positions) termasuk templates saya yang sekarang ini, tetapi kalau bagi mata saya (khusus untuk judul sidebar widget) rata kiri tidak enak untuk dilihat (note: berbeda orang beda pendapat).

Begini, karena penampilan blog selalu menjadi perhatian saya (blog terlihat klop secara keseluruhan) agar bisa juga dinikmati dengan rasa tidak jenuh, khususnya oleh para sobat dan umumnya untuk para pengunjung, maka saya pun mengambil inisiatif mencari cara bagaimana agar Judul Sidebar Widgettersebut berada di rata tengah.


lihat pict

Cara buat judul sidebar widget rata tengah (Center Positions).



Bagi para sobat semua yang ingin membuat Judul Sidebarnya berada di Rata Tengah, silahkan ikuti langkah-langkah di bawah ini:

1. Login akun blogspot,
2. Klik design/rancangan >> Edit HTML >> klik Expand Templates Widget,
3. Lalu cari kode berikut: .sidebar h2 {

Kode tambahan (untuk membuat menjadi rata tengah): text-align:center; 

Ket:

- Apabila diurutan kode tersebut sudah terdapat kode: text-align:leftmaka yang hanya diubah adalah tulisan 'left' nya diganti menjadi 'center',

- Apabila kode: text-align:leftnya tidak ada maka tambahkan kode: text-align:center; berada setelah kode: .sidebar h2 {

4. Jika sudah, sekarang bisa klik Save Templates.

Note:

Cara ini juga bisa digunakan untuk Judul Widget pada Footer, langkah-langkahnya juga sama seperti di atas, teman-teman hanya perlu mencari kode: #footer { atau id.footer atau #bottom h2 { (disesuaikan saja, tiap templates berbeda). Lalu bisa juga untuk Judul Postingan, silahkan cari kode .post h3 {

Seperti itulah cara Membuat Judul Sidebar Widget Rata Tengah (Center Positions), semoga bisa bermanfaat dan selamat mencoba. Salam bloger..

Cara Buat Agar Breadcrumbs Langsung Terindex Google


Agar Breadcrumbs Langsung Terindex Google
SHADOWS || Seberlumnya beberapa hari yang lalu, saya sudah memakai breadcrumbs, namun setelah saya coba, kok belum berhasil juga terindek google. Nah ahirnya saya menggunakan cara yang kedua ini, dan  sudah berhasil. Cara buat Agar breadcrumbs langsung terindex google dengan sangat baik dan langsung.

Ok jika sobat tertarik untuk menerapkan seperti apa yang saya lakukan ini, mari kita langsung saja kita ke langkah-langkahnya.

1. Pertama login dulu ke akun bloggernya sobat.
2. Kemudian langsung menuju Template - Edit HTML - Centang Expand Tenplate Widget.
3. Masukan kode css untuk breadcrumbsnya, taruh di atas kode ]]></b:skin>

.breadcrumbs{padding:5px ;margin:5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

 4. Setelah itu cari kode  <b:includable id='main' var='top'> , hapus kode tersebut dan ganti dengan kode berikut :
<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'/> 

Save template.

Nah.. bagaimana sob,, Sangat simple sekali bukan?? 
Untuk mengecek apakah breadcrumbs langsung  terindex google,  sudah diindex dengan google apa belum?, silahkan sobat buat artikel dengan menyertakan label yang sudah terindex oleh google (untuk cek sobat tinggal copy paste url label ke google).
Setelah selesai membuat artikel baru, tunggu hingga artikel tersebut terindex oleh google, dan lihat hasilnya.
Semoga bermanfaat untuk para blogger..

Cara Agar Semua Label Terindex Google

Cara Agar Semua Label Terindex Google


SHADOWS || Cara Membuat Semua Label di Blogpot Terindex GooglePada postingan kali ini sama halnya dengan postingan yang kemarin yaitu :Cara Agar Breadcrumbs Langsung Terindex Google . Namun setelah cara yang kemarin saya terapkan hanya memunculkan satu label saja, tidak untuk semua label. Nah setelah saya muter2 browsing di google, akhirnya saya menemukan cara ini yaitu semua breadcrumbs yang kita masukkan saat kita membuat postingan baru dapat di index semuanya. 

Tak perlu panjang lebar, jika anda semuanya tertarik. Langsung saja kita terapkan langkah-langkah di bawah ini.

Cara Agar Semua Label/Breadcrumbs Terindex Google :
1. Login ke blogger.
2. Klik Tata Letak
3. Klik Edit HTML
4. Download Template Full terlebih dahulu.
5. Jika sudah di backup, Centang Expand Template Widget.
6. Masukan kode css untuk breadcrumbs nya, taruh di atas kode ]]></b:skin>
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}


7. Setelah itu cari kode  
<b:includable id='main' var='top'> , hapus kode tersebut dan ganti dengan kode berikut :

<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'/>

8. Simpan Template. Selesai.

Untuk mengecek keberhasilan anda, silahkan cek pada Google Rich Snippets Testing Tool, yaitu menuju link dibawah ini :
Silahkan masukkan URL salah satu postingan anda, kemudian klik Preview

Untuk melihat kinerja dari langkah diatas, silahkan anda membuat postingan baru, kasih label anda yang sudah terindex oleh mesin pencari google (Silahkan cek dengan mencopy paste URL label yang ada di blog anda, lalu paste di pencarian google). Setelah anda publish artikelnya, tunggu hingaa artikel tersebut teridex google, dan lihat hasilnya.
Selamat mencoba Cara Agar Semua Label Terindex Google, Semoga berhasil, Tetap Semangat dan semoga selalu bisa bermanfaat

Sumber artikel by: http://abdu-green.blogspot.com/