googlefc.controlledMessagingFunction Serba Serbi Komputer dan web

MENCARI ARTIKEL LAIN

Suka Dengan Artikel ini..?, Bagikan ke Teman Anda Sekarang Juga..!

TOOL PENGHITUNG JUMLAH KATA COUNTER TOOLS

Powered by Word Counter
Showing posts with label Breadcrumbs. Show all posts
Showing posts with label Breadcrumbs. Show all posts

6/25/2018

Cara Pasang Breadcrumbs di Blog Pemula Supaya SEO

  Anda Disini >Home> Blog Pemula  >Breadcrumbs > Seo > Tutorial> cara pasang breadcrumbs di blog pemula supaya seo  

Tutorial sederhana ini di khususkan untuk para Pemula banget yang akan belajar membuat Blog, mudah-mudahan bisa membantu anda yang sedang mencari cara memasang di sekitar dunia breadcrumbs.
Paragraf di atas adalah yang namanya Breadcrumbs,yaitu susunan kata kunci/label/kategori yang letaknya di atas  Judul Postingan atau artikel di halaman Blog seperti pada halaman ini.
Setiap kategori pada Breadcrumbs diatas  saling berhubungan dengan postingan yang lain yang ada hubungannya dengan BLOG, ADSENSE dan SEO, jadi apabila kita klik adsense maka akan muncul postingan yang membahas adsense begitu  juga dengan halaman ini. coba anda Klik salah satu Labelnya, maka akan terbuka jendela baru dan postingan yang berhubungan dengan halaman ini.
Konon katanya apabila suatu blog menerapkan kode Breadcrumb maka akan menambah SEO dimata pencaharian eh..di mesin pencarian Google. Kalimat-kalimat  tersebut mengandung keywords dan merupakan label atau kategori postingan/artikel.
Dengan demikian apabila  anda membuat postingan harus di kelompokan dengan label atau kategori.
Komdot (Komputer dot) tidak akan panjang lebar membahas tentang manfaat   Breadcrumbs silahkan jalan-jalan ke situs tetangga supaya lebih tahu keuntungan Cara Pasang Breadcrumbs Di Blog Pemula Supaya SEO, karena para senior banyak yang memasangnya dan  kita juga harus pasang supaya SEO Friendly.
Baiklah kita langsung saja bagaimana cara pasang atau memasang Breadcrumbs dengan Platform bawaan Blogspot .
Ikuti  dan siapkan secangkir kopi dulu biar seger dan pelajari dulu gambarnya di bawah ini :


Tanda panah dan kotak adalah Icon/menu yang akan di gunakan pada Cara Memasang Breadcrumbs di Blog Pemula Supaya SEO.
serba serbi Komputer dan Web, web disain, seo, adsense,
Halaman Depan TEMA Blog


1.Buka Dasboard Blog anda yang akan di pasang Breadcrumb.
2.Pada daftar menu di dashboard, pilih TEMA (di bawah TATA LETAK)
3.Maka akan  tampil Halaman Tema dan lihat di pojok kanan atas ada tulisan BACKUP/PULIHKAN, klik saja tanda itu kemudian pilih DOWNLOAD, maksudnya untuk memBackup halaman Blog , menjaga kalau sedang di edit ada error, maka tinggal UPLOAD lagi Backup nya. 
4.Pilih EDIT HTML (Anda pasti sudah tahu HTML kan..?)
Maka akan tampil Halaman HTML seperti gambar di bawah.
Yang diberi Tanda Panah adalah Menu -menu yang akan di gunakan dalam Cara Memasang Breadcrumbs.



5.Setelah Tampil Halaman HTML, pilih dulu Edit Tema
6.Posisikan  Kursor/mouse di dalam halaman Template, lalu Tekan CTR+F, coba perhatikan ada yang muncul di pojok kanan atas halaman Template.
7.Ok di Pojok kanan atas sudah ada Kotak Penelusuran untuk mencari kode yang ada di dalam halaman HTML, Kita Sebut saja Kotak tersebut dengan KPHTML (Kotak Penelusuran HTML)
Sampai Disini anda sudah bisa mengedit halaman HTML dan siap-siap untuk menerima Pelajaran berikutnya.
Oke Tinggalkan dulu Halaman HTML anda tapi jangan di CLOSE, kita kembali ke halaman Komdot karena akan  meng COPY Kode Breadcrumbs untuk di pasang di Template anda,
Pastikan anda sudah membuka halaman situs komdot untuk belajar tentang Cara Pasang Breadcrumbs di Blog Pemula Supaya SEO Friendly katanya.
1.Copy dan pastekan  saja dulu ke Notepad kode 1, 2, 3 dan 4, dibawah ini.

 Kode 1 :     
 ]]></b:skin>

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


Kode 3 :      
 <b:includable id='post' var='post'> 


Kode 4 :      
<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>

5. Sampai disini anda sudah mempunyai susunan kode Breadcrumbs, yang di Copas dari halaman blog ini dengan Gratis.

Langkah selanjutnya untuk Cara Pasang Breadcrumbs Di Blog Pemula Supaya SEO, silahkan kembali ke Halaman Edit Tema. 


Kita mulai dari nomor 1 lagi ya :
1.Ambil  kode 1 dari Notepad :  ]]></b:skin>  dan pastekan ke KPHTML lalu ENTER, Kode tersebut akan muncul di halaman edit HTML pada baris ke.762 (lihat angka di sampingnya dan setiap template angka ini tidak sama).ini penting untuk jaga-jaga apabila sedang scroll mousenya meleset nanti repot mencari nya lagi.
2.Ambil Kode 2  dari Notepad lalu Pastekan Tepat di atas Kode 1, sampai disini pemasangan Kode 1 dan 2 sudah selesai.
serba serbi komputer, cara pasang breadcrumb, breadcrumbs,

3.Cari Kode 3, walaupun yang dicari kode <b:includable id='post' var='post'> , lebih gampang saya mengetikan  kata kunci :  hentry  dan posisinya berada pada baris 1803 ,lalu cari   kode tersebut diatas hentry. 
Posisi Baris  angka tersebut tidak sama di setiap template, jadi nomor  tersebut yang ada di Template ini.
Cara penempatannya lihat gambar saja ya...
serba serbi komputer, cara pasang breadcrumb, breadcrumbs,

5.Setelah semuanya selesai jangan lupa Tekan Simpan Tema, 
Selanjutnya hapus Kotak KPHTML, lalu Simpan Tema sekali lagi dan pilih KEMBALI/Keluar..

Untuk mengeceknya silahkan buka postingan anda (Breadcrumb tidak muncul pada Home/Beranda ), jadi anda buka saja artikel lain, apakah langsung muncul atau harus menunggu dulu dan mudah-mudahan tidak ada Error.
kalau cara memasangnya benar seperti gambar akan langsung muncul seperti pada postingan ini.
Sampai disini postingan anda sudah bertambah keren karena sudah di pasang breadcrumbs.
Sekali lagi : Pada Blog Komdot juga menggunakan Breadcrumbs yang di jelaskan di atas lihat ada tulisan : Anda disini (sama dengan kode yang di jelaskan di atas)

Untuk lebih menambah wawasan dalam mempelajari tentang Cara  Pasang Breadcrumb Di Blog Pemula Supaya SEO, Silahkan anda browsing ke situsnya tetangga untuk memperdalam pengetahuan mengenai Breadcrumbs
Demikian pelajaran hari ini sampai disini dulu dan dilain waktu kita ketemu lagi dalam postingan yang lain.
Apabila artikel ini bermanfaat mohon di sebarkan ke teman-teman calon blogger  anda untuk berkarya menyalurkan hobby nya dan Insya Allah menghasilkan uang apabila dikerjakan dan dipelajari secara serius.
Jangan lupa berkomentar ya...sudah bagi-bagi Ilmu nih.