Selamat Datang
Kali ini saya akan mengulas artikel yang sangat menarik, yaitu Cara Jitu Membuat Read More Otomatis Teruji, karena artikelnya sudah teruji sob. Dan tentunya dengan keefektifannya 100%.
Langsung saja
Langsung saja
Ini dia,
menggunakan Jump Break Otomatis :
Berikut adalah langkah-langkah membuatnya :
1. Seperti biasa Login dulu Blog anda.
2. Klik Template, Lalu pilih Edit HTML.
3. Centang Expand Template Widget.
4. Cari kode </head> kemudian letakan kode dibawah ini tepat di atasnya.
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://sites.google.com/site/hitsukeproject/summarypost.js' type='text/javascript'/>
Sekarang cari kode <data:post.body/>, buat anda yang sudah memakai Jump Break yang manual, biasanya ada dua kode yang seperti itu, jadi pilih yang pertama. Jika sudah menemukannya ganti dengan kode dibawah ini.
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> Read More </a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Save Template.
Catatan :
Untuk mempermudah anda mencari kode-kode HTMLnya tekan "CTRL+F"
Anda juga bisa mengganti kode tersebut sesuai selera dan ukuran main template yang digunakan.
summary_noimg=430; (Kode ini untuk memotong atau mengatur tinggi tanpa gambar)
summary_img=340; (Kode ini untuk memotong atau mengatur tinggi dengan gambar)
img_thumb_height=100; (Kode ini untuk tinggi gambar Thumbnailnya)
img_thumb_widht=120; (Kode ini untuk lebar gambar Thumbnailnya)
Sekarang anda sudah tidak perlu repot lagi membuat Read More secara manual pada artikel anda, semoga bermanfaat :)
Berikut adalah langkah-langkah membuatnya :
1. Seperti biasa Login dulu Blog anda.
2. Klik Template, Lalu pilih Edit HTML.
3. Centang Expand Template Widget.
4. Cari kode </head> kemudian letakan kode dibawah ini tepat di atasnya.
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://sites.google.com/site/hitsukeproject/summarypost.js' type='text/javascript'/>
Sekarang cari kode <data:post.body/>, buat anda yang sudah memakai Jump Break yang manual, biasanya ada dua kode yang seperti itu, jadi pilih yang pertama. Jika sudah menemukannya ganti dengan kode dibawah ini.
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> Read More </a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Save Template.
Catatan :
Untuk mempermudah anda mencari kode-kode HTMLnya tekan "CTRL+F"
Anda juga bisa mengganti kode tersebut sesuai selera dan ukuran main template yang digunakan.
summary_noimg=430; (Kode ini untuk memotong atau mengatur tinggi tanpa gambar)
summary_img=340; (Kode ini untuk memotong atau mengatur tinggi dengan gambar)
img_thumb_height=100; (Kode ini untuk tinggi gambar Thumbnailnya)
img_thumb_widht=120; (Kode ini untuk lebar gambar Thumbnailnya)
Sekarang anda sudah tidak perlu repot lagi membuat Read More secara manual pada artikel anda, semoga bermanfaat :)
Bagikan
Cara Jitu Membuat Read More/Jump Break Otomatis Teruji!
4/
5
Oleh
Home Sharing
