Penting!! Sobat Blogger yang ingin re-post atau menulis kembali artikel kami diblog/website Anda, harap lihat halaman DISCLAIMER ( beberapa blog telah diproses di Google Removal Content ) Setiap tindakan pelanggaran hak cipta (COPAS) akan dilaporkan, TANPA pemberitahuan.

proBlogiz

Bahasan tutorial Blogger kali ini tentang Cara Menghapus Read More/Auto Read More Link di Blogger, yang terdiri dari 2 bagian yaitu : Menghapus Read More Link Bawaan Blogger (fungsi Jump Break) dan Auto Read More Link. Dengan menghapus atau menghilangkan kode Read More link tersebut pada template blogger, akan membuat posting di homepage blog ditampilkan seluruhnya / seutuhnya tanpa ada ringkasan / summary.

Read More Link BloggerTentu maksudnya bisa berbeda-beda tiap individu, ada yang menghapusnya karena ingin memasang Auto Read More yang baru dan lebih baik mungkin, atau ada juga yang malah lebih suka postingan / artikel di homepage ditampilkan secara utuh tanpa ada pemotongan.


Oleh karena itu, jika Anda ingin menghapus fungsi Read More link, baik yang bawaan/default blogger maupun yang Auto Read More feature link. Ikuti saja tutorial dan panduannya dibawah ini.

1. Menghapus / Remove Read More Link Bawaan Blogger ( Fungsi Jump Break Link )

Masuk Blogger > Template > Edit HTML
Backup your template
Click the "Expand widget Templates" Box
Tekan Control + F
Cari tag line <data:post.body/>
Dibawahnya hapus kode berikut ini :

<b:if cond='data:post.hasJumpLink'> 
<div class='jump-link'> 
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a> 
</div> 
</b:if >

Kemudian Save Template
Selesai!!. Anda sudah menghapus fungsi Jump Break link Blogger pada blog Anda.

2. Menghapus Auto Read More Link di Blogger

Untuk yang ini tidak semudah atau se-sederhana menghapus Jump Break Link diatas, karena type template dan jenis kode Auto Read More bisa berbeda-beda. Untuk itu saya akan berikan 2 contoh dibawah dengan cara yang berbeda.

Cara Pertama

Remove Blogger Auto Read More Option

Masuk Blogger > Template > Edit HTML
Backup your template
Click the "Expand widget Templates" Box
Tekan Control + F
Cari tag line <div class='post-body entry-content'> 
Dibawahnya cari semua kode seperti berikut ini :

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<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>
<div class='readmorecontent'><a class='readmore' expr:href='data:post.url'><b>Read more &#187;</b></a></div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

note : beberapa code mungkin bisa berbeda tergantung jenis template, tapi secara keseluruhan hampir sama.

Gantilah semua kode diatas dengan kode berikut :

<data:post.body/>

Kemudian Save Template
Refresh Homepage blog Anda dan check fungsi Auto Read More telah hilang dari blog Anda.

Namun ada kasus yang masih melihat tombol Read more link, setelah melalui semua proses diatas, maka ini bisa diatasi dengan kembali cari kode mirip berikut dibawah :

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='readmore-wrap'>
<a class='readmore' expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>

Save Template Anda sekali lagi,
Dan Selesai!!

Cara Kedua

Remove Auto Read More Feature with Thumbnail

Masuk Blogger > Template > Edit HTML
Backup your template
Click the "Expand widget Templates" Box
Tekan Control + F
Cari semua kode yang mirip seperti berikut :

<p><script type='text/javascript'> summary_noimg = 800; summary_img = 650; img_thumb_height = 150; img_thumb_width = 200; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <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> <div><a expr:href='data:post.url'>Read more &#187;</a></div> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if></p>

Gantikan semua dengan kode dibawah ini :

<p><data:post.body/></p>

Kemudian Save Template
Selesai!!

Semoga metode-metode Cara Menghapus Read More Link di Blogger diatas bisa membantu Anda. Mungkin Anda bisa menambahkan metode lain dengan senang hati saya menerimanya sebagai saling tukar informasi atau sharing bersama.

Untuk Anda yang ingin memasang Auto Read More Link di blogger, saya telah membuat seri tutorial antara lain :

Artikel Terkait Lainnya:
Click here for comments

28 komentar

terima kasih tutornya gan
ini memang yang saya cari
thx

REPLY

@qtaqtanet,@Roy Purwanto
thanks juga dah mampir
siip bro!

REPLY

blogwalking


visit back my new blog yah... whatskpop.blogspot.com/

REPLY

thanks tutornya gan...
visit back http://farhanbreaker.blogspot.com/

REPLY

sip dah q coba langsung berhasil dengan cara 1 dan 2.. thanks infonya.. blog walking mampir ya gan.. www.kafabihi.com

REPLY

keren gan tutorialnya. ijin coba ya...

REPLY

berhasil sob, thanks ya, artikel terbaik nih

REPLY

terimakasih gan, langsung pas dengan template saya.

REPLY

Sangat bermanfaat gan, terima kasih banyak...

REPLY

woakwaokoawkowa makasih gan berfungsi nih di blog gw
salam kenal yah
kunjungi blog ane gan htttp://www.oxs-manga.blogspot.com
baca komik online bahasa indonesia OP NARUTO lawas :D

REPLY

Terima kasih.. akhirnya berhasil juga hapus link "Read More".. :)

REPLY

Bagaimana cara menampilkan artikel semua dan mengubah urutannya sesuai keinginan tanpa melihat waktu pos nya? Kare artikel yang tampil di halaman cuma 2 artikel dan urutannya tidak pas. Terima kasih

REPLY

gan, tolong kunjungin blog ane,
jangkriknyentrik.blogspot.com.
di kasih auto readmore malah ga kebuka artikelnya, mohon di bantu ya..

REPLY

akhirnya dapat juga tutorialnya. lengkap bin mantap dah. thx kyu peri mach....

REPLY

Salam kenal gan.

Mantab postingannya. ud muter2 cari cara menghilangkan read more tapi gagal, tapi ketemu postingan anda pas banget langsung mak nyus, he...he...

Makasih ilumanya gan, biar berkah n selalu sukses, amin.

REPLY

Bagus postingannya.
Sy sudah terapkan langsung di situs sy.

Tks.

REPLY

Maaf gan nyambung lagi.
Setelah sy ikuti cara-cara menghapus read more dari anda. Memang berhasil gan, tapi kenapa di laman isi postingan sy jadi double y? Dalam kasus ini di laman "Tentang Imam Bukhari" dan laman "Hadits Qudsi".
Mohon bantuan dan pencerahannya gan.

Tks.

REPLY

thanks bang tipsnya kunbal gan di http://sofyansaugani.blogspot.com/

REPLY

maaf bro blum ngeh yang di maksut: Gantilah semua kode diatas dengan kode berikut :



tu maksutnya yang banyak apa yang kita cari doang?

REPLY

intinya anda cari kode atau script auto readmore ditemplate, biasanya ada kata summmary;thumb, var, summ, dll dan ganti dengan cara diatas

REPLY

saya coba otak-atik belum ketemu neh kode-kedenya gak ada yang sama atau yg mirip.
he...he...maklum masih belajar

REPLY

Sama kode tag div nya juga gak yah?

REPLY

Makasih atas infonya, sangat berguna BOS

REPLY

Silahkan Berkomentar
Komentar/pertanyaan Sesuai Topik, Please NO SPAM, NO Promotion Links
Convert Kode HTML sebelum disisipkan

Convert

Google+ Followers

Submit email Anda, dapatkan update artikel:


Like Me

Artikel Terbaru

|Copyright © 2013| Problogiz |All Rights Reserved|