Deskripsi Blog Sesuai Judul Posting

Sudah pernah lihat blog yang Deskripsinya berubah-ubah sesuai dengan judul artikelnya?kalau belum,coba lihat deskripsi blog saya ini,dan coba buka postingan lain,deskripsinya slalu berbeda kan??

tujuannya tidak lain adalah untuk meningkatkan SEO...

kalau sobat ingin menerapkan di blog kalian mari kita bahas pembuatannya...

pertama masuk ke edit template((html),cari kode: 

<div class='descriptionwrapper'><p class='description'><span><data:description/></span></p></div>

kalau sudah ketemu ganti dengan kode ini:

<div class='descriptionwrapper'>   <b:if cond='data:blog.pageType != &quot;item&quot;'><p class='description'><span><data:description/></span></p><b:else/><p class='description'><span><b:if cond='data:blog.pageType == &quot;item&quot;'><strong><font style ='text-transform: uppercase;'><u><i><data:blog.pageName/></i></u></font></strong></b:if></span></p></b:if>  </div>

simpan template,dan lihat hasilnya....

Baca

Artikel Terkait Tanpa Thumbnail

Ini adalah pilihan lain untuk menambahkan artikel terkait atau related post di blogger, sebelumnya juga sudah saya posting tentang menambahkan artikel terkait,tapi yang ini tanpa thumbnail, jadi kelihatan lebih sederhana,,,

Untuk tampilannya seperti yang saya gunakan ini,jadi tidak saya sertakan gambar SS. jika tertarik silahkan ikuti langkah di bawah..!

• masuk ke halaman edit HTML
• copy kode di bawah ini dan letakkan di atas kode  </head>

<!--artikel terkait--><style type='text/css'> #related-posts { float : left; width : 100%; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitif3EFLrVZBgLVkPhtBb5aptcr132YZaz7sg5fRsKtq365SK4HwrRg9iWaOD3k7OOWcWdJyCzgWzGMZWUh6krVA4f5nT4Vdg0PXKofzHuh0hUjBmoyzQHEw9HR1QhE2lfA7vIsGBr88EX/s1600/rss.png&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://dienuhui.googlecode.com/files/artikelterkait.js'/> <!--artikel terkait-->

• selanutnya caari kode <data:post.body/> dan letakkan kode berikut ini di bawahnya,,

<!--artikel terkait--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Pilihan baca&#39;an : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if><!--artikel terkait-->

perlu di ingat bahwa pada sebagian template  terdapat dua kode <data:post.body/> ,dan kode panjang tadi silahkan letakkan di bawah kode yang terakhir...selamat mencoba.......

Baca

Navigasi Breadcumb

Breadcumb adalah label dan judul artikel yang letaknya di atas postingan blog, fungsi dari breadcumb ini adalah untuk mengoptimalkan SEO,
baiklah,kita langsung saja praktek membuat breadcumb.

1. masuk ke pengedit template(edit HTML)
2. cari kode  ]]></b:skin>
3. letakkan kode berikut di atasnya..

kode:  .breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

langkah terakhir, cari kode <b:includable id='post' var='post'> dan ganti dengan kode di bawah ini..
kode:  <b:includable id='post' var='post'> <b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Anda disini &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>

Itulah cara membuat Breadcumb,semoga bermanfaat.

Baca

Judul Blog Di Belakang Judul Artikel

Tujuan meletakkan judul blog di belakang judul artikel adalah untuk meningkatkan SEO, berikut langkah-langkahnya:

1. edit HTML template,jangan lupa centang kotak kecil(expand template widget)
2. cari kode <title><data:blog.pageTitle/></title&gt; tekan ctrl+f untuk mencari kode.
3. ganti kode yang telah di temukan dengan kode dibawah ini,

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | keyword | keyword </title>
</b:if>

catatan:ganti text yang saya tulis merah dengan keyword anda sendiri

SEKIAN

Baca