Cara Membuat Read More dengan Tombol

Teknik Seo Blogger - Mempersiapkan tombol yang dirancang untuk read more

Kenapa anda harus  siap dalam mempersiapkan Read more dengan tombol? Hal pertama adalah tentu tombol dirancang berdasarkan ciptaan Anda sendiri. Berikut ini adalah contoh dari desain tombol read more

Meng-upload tombol read more

Hal kedua yang harus Anda lakukan adalah meng-upload membaca tombol lebih ke dalam gambar hosting Anda.

Membuat kode HTML untuk tombol read more

Menciptakan kode HTML untuk tombol read more. Sebagai contoh, silahkan lihat di bawah kode:

<img alt='more' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1y4VstJ7gq_ranNBzxK3lX9giHznQJBAvwfuxsELukH587ws_VYoMlBust6FHPGKwYUp6KeWQnoxxvDX_Aj_JSUjkLJqsxrP9I9M4CiMApNsjcvzT4_MP4rJLvI5r70-AhV5kMbYDa9En/s1600/read-more.png' title='read more'/>

Mengedit kode HTML template blogger

Mengedit template blogger yang Anda gunakan. Ikuti langkah-langkah di bawah ini:

1. Silahkan login ke blogger anda. 

2. Klik Design. 

3. Click Edit HTML.

4. Harap template backup terlebih dahulu dengan mengklik Download Template Lengkap.

  

5. Centang kotak kecil di samping Expand Template Widget.
6. Cari kode ]]></ b: skin>
7. Copy dan kemudian paste kode berikut tepat di atas kode ]]></ b: skin>

.jump-link a img{
  border:0;
  float:right;
  margin:10px 0;
}

8. Cari Kode dibawah:

<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>

9. Hapus <data:post.jumpText/> kode dan kemudian ganti dengan kode HTML dari tombol read more. Contoh: 

<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img alt='more' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1y4VstJ7gq_ranNBzxK3lX9giHznQJBAvwfuxsELukH587ws_VYoMlBust6FHPGKwYUp6KeWQnoxxvDX_Aj_JSUjkLJqsxrP9I9M4CiMApNsjcvzT4_MP4rJLvI5r70-AhV5kMbYDa9En/s1600/read-more.png' title='read more'/></a>

10. Simpan template

11. Selesai

Note:
Tutorial tentang Membuat read more dengan tombol ini dirancang untuk blog versi standar template. Jika Anda sebelumnya telah membuat setiap variasi untuk fungsi membaca lebih lanjut, tutorial ini bisa menjadi agak sulit untuk diterapkan.