Kumpulan Tips dan Trik Blogspot

Pengikut

Diberdayakan oleh Blogger.

Senin, 20 Mei 2013

Cara membuat Breadcrumbs di Blogspot / Blogger

memasang breadcumb

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

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
    8. Kemudian cari kode <b:includable id='main' var='top'> gunakanlah CTRL+F untuk mempermudah pencarian
    9. Ganti kode <b:includable id='main' var='top'> dengan kode yang dibawah ini
<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'/>
 
10.  Terakhir simpan template anda dan navigasi breadcrumbs akan siap di index Google

Minggu, 19 Mei 2013

Apa itu Meta Tag?

Meta Tag Seo Friendly
Meta adalah elemen atau tag dalam bahasa pemrograman HTML atau XHTML yang dipakai untuk mengaplikasikan metadata dalam suatu halaman web. Elemen meta ini harus diletakkan pada bagian “
head” atau di bawah kode <head> dalam HTML tersebut. meta Tag ini dapat dipakai juga untuk menyatakan deskripsi / keterangan dari suatu halaman web dan untuk menjelaskan mengenai kata kunci (keyword) yang terkait serta untuk metadata lain tanpa “head”.


Sehingga Meta Tag Sangat Berguna Untuk Perkemabangan Blog Dalam Penilaian Search Engine Optimizer (SEO Friendly) Dan dapat meningkatkan Pengunjung Ke Blog/Situs web Yg  kita Kelola itu..

Jika di tanya bagaimana cara Bagaimana Memasang Meta Tag itu Langsung saja ke Bawah :

Ikuti langkah berikut ini :
1. Buka atau masuk ke Blogger Anda.
2. Buka Tab Rancangan Atau Templates
3. Pilih Edit HTML, lalu klik "Lanjutkan"
4. Cari Kode Berikut (Gunakan Ctrl + F atau F3 untuk memudahkan pencarian) :
"<b:include data='blog' name='all-head-content'/>" (Tanpa Tanda Kutip)
Meta Tag Seo

5. Jika Sudah Ketemu Copy-Paste Code Berikut Ini: Tepat di Bawah Kode No 4 Tersebut:
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<meta content='Deskripsi Blog Kamu' name='description'/>
<meta content='Kata Kunci Blog Kamu' name='keywords'/>
<meta content='http://alamat-blog-kamu.blogspot.com' name='subject'/>
<meta content='Deskripsikan Blog Kamu' name='Abstract'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if><meta expr:content='data:blog.pageName + &quot; - Tulis Deskripsi Blog Kamu Disini&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot; - Tulis Kata Kunci Blog kamu Disini&quot;' name='keywords'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='Abstract'/>
</b:if>
<meta content='Hak Cipta / Nama Pencipta Blog kamu' name='copyright'/>
<meta content='Nama Kamu / Nama Penulis Blog Kamu' name='author'/>
<meta content='UTF-8' name='Charset'/>
<meta content='Global' name='Distribution'/>
<meta content='General' name='Rating'/>
<meta content='INDEX FOLLOW' name='Robots'/>
<meta content='1 days' name='revisit'/>
<meta content='1 Days' name='Revisit-after'/>
<meta content='ID' name='language'/>
<meta content='ID' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='index,follow,snipet' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>

6. Ganti Kode yang berwarna Dengan Petunjuk Yang Telah diberikan. 
7. Klik Simpan Template Template