Selasa, 27 November 2012

Cara Lengkap Membuat Read More Otomatis Di Blog

Read More Otomatis
Cara Lengkap Membuat Read More Otomatis  Di Blog - Sebelum Master Chef sudah menyampaikan Tutorial Blog mengenai Resep Cara Membuat Read More Otomatis, Ternyata ada sobat blogger Dapur Tutorial Blogspot dan Seo yang kebingungan karena tutorialnya saya pisah antara Cara Membuat Read More Otomatis Standar dengan Text dan Cara Membuat Read More Otomatis Dengan Gambar.

Nah supaya tidak ada yang bingung lagi kedua tutorial tersebut Master Chef gabung menjadi satu disini makanya Master Chef kasih judul Cara Lengkap Membuat Read More Otomatis Di Blog. disini Master Chef usahakan untuk sedetail mungkin dan semoga sobat Blogger Dapur Tutorial Blogspot dan Seo bisa menyelesaikan Resep ini.

Berikut langkah-langkahnya :
  1. Silahkan Login Kehalam Blog masing-masing
  2. Masuk kehalaman Edit HTML (Baca Caranya Masuk Kehalaman Edit HTML)
  3. Back Up Template kamu terlebih dahulu untuk antisipasi kesalahan edit HTML (Baca Cara Upload dan Back-Up Template Blog)
  4. Jangan lupa Centang Expand Widget Templates
  5. Halaman Edit HTML
  6. Cari Kode </head> (gunakan tombol CTRL + F dan F3 untuk mempermudah pencarian kode)
  7. Jika sudah ketemu Copy kode berikut dan letakan diatas kode </head> tersebut.
  8. <script type='text/javascript'>
    var thumbnail_mode = &quot;float&quot; ;
    summary_noimg = 150;
    summary_img = 150;
    img_thumb_height = 100;
    img_thumb_width = 120;
    </script>
    <script src='http://dapurtutorial.googlecode.com/files/ReadMoreScript.js' type='text/javascript'/>
  9. Tahap selanjutnya cari lagi salah satu kode berikut : <data:post.body/> atau <p><data:post.body/></p>.Mungkin kamu akan menemukan lebih dari satu kode ini. jika demikian pilih kode yang pertama, lihat hasilnya jika belum berhasil coba pilih yang kedua dan seterusnya.
  10. Ganti Kode yang anda temukan diatas dengan kode berikut ini :

  11. Kode Ini adalah Kode Untuk Membuat Read More Standar denga Text
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
    <b:else/>
    <data:post.body/>
    </b:if>
    Kode Ini adalah Kode Untuk Membuat Read More Dengan Gambar
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span style='float:right'><a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span>
    <b:else/>
    <data:post.body/>
    </b:if>
  12. Tahap terakhir klik Tombol Simpan
  13. Selesai dan lihat hasilnya.
Nah itu dia Cara  Lengkap Membuat Read More Otomatis Di Blog. semoga kamu bisa menyeselaikan Resep ini dengan baik. Sekian dulu dari Master Chef semoga bisa bermanfaat dan selamat mencoba.

Tidak ada komentar:

Posting Komentar