cara membuat breadcrumbs menjadi judul posting cara membuat breadcrumbs menjadi judul posting

postingan saya kali ini tentang cara memasang breadcrumbs seo di blog. breadcrumbs Pada dasarnya merupakan navigasi seo sebaris dengan tautan internal yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke halaman depan dengan cepat.
Jadi singkatnya seperti ini : search engine selalu membaca label atau tags setiap postingan blog, karena saat ini google sudah tidah menggunakan meta tag keyword lagi untuk mengindeks suatu website/blog, maka yang jadi perhitungan google saat ini adalah meta description dan label (kategori). Maka dari itu semakin relevan sebuah label dengan isi postingan (artikel) maka akan semakin mendapatkan kesempatan tampil di halaman depan google.
ke tujuan pembahasannya:
1~Seperti biasa yang kalian lakukan pergi ke dasbor blogger
2~pilih blog mana yang akan dipasang breadcrumbs
3~Edit Html tempelkan css ini dibawah </b:skin>
mempermudah ctrl+F isikan </b:skin> klik enter

<style type='text/css'>
.breadcrumb{color:yellow; text-align:center; width:99%; border:1px solid#DBDBDB}
.breadcrumb a{color:forestgreen; font-size:18px; }
.breadcrumb a:hover{color : yellow; }
.post-title{display:none;}
</style>

yang saya warnai bisa di ubah dengan selera kalian untuk menyesuakan dengan blog kalian
#warna merah untuk lebar
#warna blue untuk ukuran text
#warna hijau untuk warna text
#warna apa ini ya untuk ukuran dan warna border
untuk kalian ingin meng copy. kodenya berada di coment Fb

4~cari kode yang ini <b:includable id='post' var='post'>
kemudian tempelkan kode dibawah ini tepat setelah kode di atas
<div itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a expr:href="data:blog.homepageUrl"><span itemprop="title">Home</span></a> ››› <span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a expr:href="data:post.url" itemprop="url"><span itemprop="title"><data:post.title/></span></div>
lihat contoh gambar ini:

Setelah langkah di atas semua selesai tinggal kalian simpan template liat hasilnya.
[not] untuk yang belum begitu mahir kotak-katik template usahakan cadangkan template dahulu untuk menghindari terjadinya kesalahan fatal. pengecekan langsung bisa juga melalui link yang ini: https://www.google.com/webmasters/tools/richsnippets

pemasangan breadcrumbs pada blog menggantikan judul posting

Read More --►

cara membuat blockquote otomatis di blogger cara membuat blockquote otomatis di blogger

       kali ini saya menulis tentang cara membuat blockquote pada blogger! blockquote atau kotak khusu dalam postingan berfungsi sebagai kotak yang di dalamnya akan diisikan HTML / Javascript, ataupun tulisan biasa saja.Setiap blog sudah tersedia fasilitas blockquote default blogger untuk membuat teks box yang berguna untuk memisahkan teks agar terlihat berbeda tampilan karena biasanya merupakan bagian isi konten yang penting. Blockquote juga berfungsi untuk code - code seperti HTML, CSS, jQuery, dll. Disini saya akan memberikan cara membuat blockquote secara  otomatis. langsung saja  liat tutorial cara membuatnya.....
Untuk cara-cara nya silahkan ikuti langkah-langkah dibawah ini.

1. Seperti biasa yaitu buka template blogger kalian
2. Edit HTML
3. cari kode [ ]]></b:skin> ]
4. tempel kode dibawah ini tepat diatas kode [ ]]></b:skin>]

blockquote{ margin:3px 20px;
padding:0;
background:#d0ecd1;
border:3px dashed #ECC1EE;
border-left:5px solid #0095d8;
font-weight: bold;
font-size:14px;
color:#52944a;
width:90%;
display:block;
line-height:1.1em;
overflow:hidden;
}
blockquote:hover{
font-size:16px;
}

Not : yang saya tandai warna [ #### ] bisa sobat ganti dengan selera sobat untuk ukuran font size.
       : yang saya tandai warna [ #### ] bisa sobat ganti dengan selera sobat untuk ukuran border keseluruhan..
       : yang saya tandai warna [ #### ] bisa sobat ganti dengan selera sobat untuk warna background        : yang saya tandai warna [ #### ] bisa sobat ganti dengan selera sobat untuk ukuran border left/kiri.
       : yang saya tandai warna [ #### ] bisa sobat ganti dengan selera sobat untuk warna text.
       : yang saya tandai warna [ #### ] bisa sobat ganti dengan selera sobat untuk lebar tampilan

Kode warna bisa anda kunjungi laman web ini:[ Cek-colors ]

  5.Setelah Selesai kemudian simpan template blogger kalian,,

Sistym Kerja/cara memasang blockquote seperty dibawah ini:

1. buka entry baru atau edit entry bila membuat blockquote pada postingan lama'
2. tulis atau paste kode yang ingin sobat tampilkan dalam blockquote bila  membuat postingan baru,,!
   seperti Contoh gambar yang dibawah ini:
   
3. kemudian klik pada HTML seperty tanda panah yang ada pada gambar diatas''!
4. maka akan tampil seperty gambar yang dibawah ini:
   
5. tambahkan <blockquote> dan </blockquote>  maka akan menjadi seperty gambar diatas,,!
6. klik pratinjau pada entry blogger sobat dan liat hasilnya, semua beres,! klik publikasikan.

::::Liat Contoh blckquoteyang dibawah ini:::

isikan atau
paste kode yang ingin kalian tampilkan
dalam blockquotedisini

blockquote

cara memasang blockquote

Read More --►