Sabtu, 05 Juli 2014



Update-Pribadi, Bagi kawan yang sudah akrab dengan Blogger, banyak tip dan trik yang membuat web blog kita semakin marik baik bagi pemilik atau pengunjungnya. salah satu upaya yang bisa dilakukan dalam mempercantik WebBlog kita yakni dengan memasang "Read More" atau biasa disebut dengan "Baca Selengkapnya".

Adapun fungsi dari pemasangan Read More, untuk menampilkan Abstrak atau cuplikan artikel yang kita tulis. sehingga posting pada halaman utama akan mampu menampilkan beberapa artikel. Sedangkan untuk membaca tulisan atau artikel secara keseluruhan, pembaca tinggal klik Button atau link yang tersedia. 

Berikut cara Mempercantik Blogger dengan Memasang Read More, Silahkan Log In ke Blogger, selanjutnya ikuti langkah berikut ini :

Langkah 1
  1. Buka menu Layout, selanjutnya  pilih Edit HTML.
  2. Centangi pada "expand widget template"
  3. Cari kode berikut di Template blog <p><data:post.body/></p>
  4. Jika sudah ketemu, ganti kode <p><data:post.body/></p> Dengan kode berwarna hijau di bawah ini
<b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/></p> <a expr:href='data:post.url'>Read More......</a> </b:if>

[ Untuk tulisan Read More silahkan diganti,jika anda menghendaki ]
(5) Setelah Mengganti kode di atas, simpan hasil editing tadi

Langkah 2
  1. Setelah selesai menyimpan, maka langkah berikutnya pilih menu Setting lalu klik Formatting
  2. Pada kotak Post Template isikan kode berikut :
<span class="fullpost"> 

 </span>

(3) Setelah selesai mengisikan kode di atas pada Kotak Post, maka silahkan disimpan
Perhatikan Ketika posting Artikel, ada 2 Tab "Compose" dan "Edit Html",


Pilih  "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut

<span class="fullpost"> 

 </span>

  • Letakkan Cuplikan atau abstraksi posting, di atas kode ini <span class="fullpost">
  • Keseluruhan atau sisa dari cuplikan atau abtraksi artikel yang di posting, letakkan diantara kode ini <span class="fullpost"> dengan </span>
Demikian semoga bermanfat.

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Baca Tip Kesehatan

Translate

- Copyright © UPDATE PRIBADI -Metrominimalist- Powered by Blogger - Designed by Johanes Djogan -