Selamat datang di: www.jual-rebanamarawis.com ( PUTRA PENDAWA )
Toko / Jual Alat Musik Online dan COD (Cash On Delivery)
Contact Person : Ahmad Royani, ST
TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)
PIN BB : 2B4A736C
Home » , » Cara Membuat Auto Read More (otomatis) di Blog tanpa Kode Javascript

Cara Membuat Auto Read More (otomatis) di Blog tanpa Kode Javascript

Pada postingan kali ini saya akan share tips bagaimana cara membuat Auto readmore (otomatis) di blog dengan tanpa menggunakan kode javascript, dimana untuik membuat readmore secara otomatis sebenarnya sudah dibahas pada postingan sebelumnya yang berjudul Cara Membuat Readmore Otomatis di setiap postingan Blog namun cara tersebut menggunakan kode javascript

Penggunaan javascript dalam sebuah template blog memang sangat diperlukan untuk mendapatkan suatu efek / fungsi atau bahkan fitur tertentu pada suatu blog, namun demikian keberadaan javascript sedikit banyak akan mengurangi kecepatan loading suatu blog tergantung dari besarnya data/file javascript nya, hal ini secara tidak langsung akan memberikan efek yang kurang baik terhadap SERP suatu blog, oleh karena itu sebagian  master blog akan memperhitungkan dengan seksama untung ruginya pemasangan javascript pada blognya.

Pada saat saya blogwalking (berkunjung ke berbagai blog) saya mendapatkan sesuatu yang baru dan sedikit berbeda dengan potingan saya sebelumnya dan akan saya share disini, yakni tips bagaimana cara membuat read more otomatis tanpa menggunakan kode javascript, dan berikut cara untuk membuat readmore otomatis tanpa kode javascript:
  1. Langkah pertama masuk ke akun blogger.
  2. Masuk ke menu "Template"  dan jangan lupa backup template Anda.
  3. Pilih Menu "Edit HTML" kemudian centang expland template widget.
  4. Cari kode <data:post.body/>  
  5. Kemudian ganti kode tersebut dengan kode berikut;
    <b:if cond='data:blog.pageType != "item"'>
    <b:if cond='data:post.snippet'>
    <b:if cond='data:post.thumbnailUrl'>
    <div class='Image thumb'>
    <img expr:src='data:post.thumbnailUrl'/>
    </div>
    </b:if>
    <data:post.snippet/>
    <b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
    <div class='jump-link'>
    <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
    </div>
    </b:if>
    <b:else/>
    <data:post.body/>
    </b:if>
    <b:else/>
    <data:post.body/>
    </b:if>
    Jika ada lebih dari 1 (satu) kode <data:post.body/> , pilih yang pertama.
  6. Untuk tampilan di blognya silakan masukkan kode css di bawah ini, tepat diatas kode ]]></b:skin>
    thumb img {float: left; margin: 0 10px 5px 0;}
  7.  Simpan Template dan silahkan lihat hasilnya.
Demikian postingan kai ini mengenai cara membuat Auto readmore (otomatis) di blog dengan tanpa menggunakan javascript, semoga bermanfaat dan silahkan mencobanya


Tutorial Blogspot
  1. Cara Kompres CSS, HTML, JavaScript Template Blog 
  2. Cara Membuat Bullets dan Numbering Tag HTML pada Posting Blog
  3. Cara Membuat Gambar Animasi GIF Online 
  4. Cara Membuat Readmore Otomatis di setiap postingan Blog 
  5. Cara Membuat Share Button FB, Twitter, Google+1 Di Atas Posting/Artikel Blog.
  6. Cara Menampilkan Kode HTML dalam Postingan Blog
  7. Cara Mengganti Tampilan Kursor Mouse dengan Gambar Kustom pada Blog
  8. Cara Mengganti/Mengubah Default Icon Bullet/list di Blog
  9. Membuat Pesan Otomatis di Akhir Postingan Blog
  10. Membuat Tabel di Blog dan Atribut HTML 
  11. Membuat Tabel di Blog dengan Kode HTML 
  12. Menampilkan Widget di Halaman Tertentu pada Blog
  13. Mengenal Kode Tag HTML Dasar pada Web / Blog
  14. cara mengupload javascript hostingan sendiri dengan google code
Share this article :

2 komentar:

m.daroji mengatakan...

dah mampir makasih infonya gan,,,,,,,,,,

YUEZHA SOFTWARE | Download Software Gratis mengatakan...

Mantap sekali Gan, tapi kalau mau menyisipkan kode adsense agar iklan muncul setelah Read More diklik bagaimana, Gan? Tolong bikinin panduannya juga, Gan.
Terimakasih

TOKO PUTRA PENDAWA

Contact Person : Ahmad Royani, ST


  • TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)


  • Alamat : Perumahan Griya Asri Camar A - 18, Kp. Raden RT/RW: 03/07 Kel. Jati Raden Kec. Jati Sampurna Kota Bekasi Jawa Barat KP 17433
  • Klik PETA LOKASI PUTRAPENDAWA
  • Sedia Layanan Antar & bayar di tempat khusus wil Jakarta, Bogor, Depok, Tangerang dan Bekasi (Jabodetabek) dan Sekitarnya
    Terima Jasa Servis / Perbaikan
  •  
    Copyright © 2013. JUAL ALAT MUSIK MARAWIS & REBANA - All Rights Reserved
    Template Created by Mas Template Supported by jual kostum marawis & alat drum band
    Proudly powered by Blogger |