Selasa, 23 November 2010

sungai Penuh Online : Redmore Artikel di blog anda



Apa sih yang di maksud read more itu? saat kita berkunjung diblog kawan pasti kita sering temukan kata read more atau baca selengkapnya... nah itu yang SPN maksud. atau anda bisa liat gambar diatas pasti lebih ngertikan.klik gambar untuk memperbesar. untuk membuat read more seperti di atas itu perlu SOBAT tambahkan kode script ke dalam tamplate SOBAT. fungsi dari read more tersebut adalah untuk memenggal kalimat agar tidak terlihat semuanya dihalaman muka blog kita. kita langsung aja deh ke inti nya. ikuti TRIK DAN TIP berikut :
  • log in ke blogger
  • klik layout
  • klik Edit HTML
  • Beri centang pada tulisan Expand Widget Template
  • Cari kode ini <div class='post-body'> (untuk mencarinya gunakan Ctrl F)
  • letak kan kode di bawah ini persis dibawah kode <div class='post-body'>


    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>
  • cari kode dibawah ini. biasanya terletak di bawah kode diatas


    <p><data:post.body/></p>
    <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>


  • letak kan kode di bawah ini persis dibawah kode <p><data:post.body/></p>


    <a expr:href='data:post.url'>Read More .. </a>
    </b:if>
  • kemudian simpan tamplate
  • setelah semuanya terpasang. nanti susunan nya seperti 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>
    <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
Langkah selanjutnya:
  • setelah TRIK DAN TIP diatas selesai disimpan kemudian klik setting
  • klik formatting
  • arahkan most nya kebawah temukan kan kotak post tamplate
  • masukan kode dibawah ini


    <div class="fullpost">
    </div>
  • kemudian simpan.
untuk memposting article, SOBAT klik Edit HTML bukan Compose nanti akan terlihat kode di bawah ini:

  • <div class="fullpost">
    </div>
  • Kemudian ketik postingan yang akan SOBAT munculkan di halaman muka diatas kode<div class="fullpost">dan sisanya atau yang akan di sembunyikan dibawah kode <div class="fullpost"> dan diatas kode</div>
Selamat mencoba.....Selamat berkreasi...Salam Blogger....hmm

Artikel yang berkaitan




0 komentar:

Posting Komentar



Bagi yang ingin belajar PHP / HTML / MySQL Dan ingin membuat WEBSITE SENDIRI dengan sangat Mudah dan Murah sambil langsung praktek, Saya rekomendasikan anda belajar DI SINI atau DI SINI «« di klik biar situsnya keluar, 4 langkah Mudah dan 3 langkah JITU Murah dan Mudah Membuat WEBSITE. D12UL. D12UL


Twitter Delicious Facebook Digg Favorites More