Cara Buat Read More Otomatis Keren di Blog

Cara buat read more ini menggunakan gambar sebagai tombol jadi semakin terlihat menarik, bisa disesuaikan sesuai kebutuhan serta cukup mudah dalam membuatnya, tapi tetap harus di perhatikan dengan baik dan ikuti ketentuan yang penulis berikan untuk Anda, berikut adalah langkah-langkahnya.

1. Masuk ke halaman template
2. Backup template sebelum mendesain
3. Edit HTML → proses centang "Expand Template Widget" 
4. Tekan Ctrl+F untuk mencari kode </head>
5. Tambahkan kode berikut tepat diatas kode tersebut atau dibawah kode ]]></b:skin>

<!-- kode Read More -->

<script type='text/javascript'> 

var thumbnail_mode = "float" ;

summary_noimg = 230;

summary_img = 250;

img_thumb_height = 60;

img_thumb_width = 60;

</script>

<script type='text/javascript'> 

//<![CDATA[

function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};

//]]>

</script>

6. Tekan Ctrl+F untuk mencari kode <data:post.body/>
7. Tambahkan kode berikut tepat dibawah kode tersebut dan diatas kode penutup </b:if>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script><span class='rmlink' style='float:right;padding-top:20px; border:1px solid #fff;'>

<a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ebw5MNHpk7rch_NwlVHL8eHRingMdsLci5Ov4xZF6y-Or3Xw4PJSXi6StFPd7IzTwZxdJPA3v194m1aAp9sozVHSpa-phMOpar848pJxeOojy9ZIe1Vg5MRZ0h6gds7_dkB_SzwCh-4/s74/readmore_thumb.gif'/></a></span>

Hasilnya akan seperti berikut:

<div class='post-header'>

    <div class='post-header-line-1'/>

    </div>

    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>

<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 class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'><img src='http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif'/></a></span>

</b:if>

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

      <div style='clear: both;'/> <!-- clear for photos floats -->

    </div>

8. Pratinjau dan simpan template selesai. Semoga berhasil sekian dan terima kasih Salam.

Keterangan:

1. Kode <data:post.body/> tidak hanya ada satu, pilih kode pertama atau sesuaikan.

2. Untuk link gambar http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif bisa disesuaikan dengan kebutuhan

3. Summary_noimg = 230; adalah jumlah karakter yang tampil, summary_img = 250; adalah gambar yang tampil di depan konten post jika posting menggunakan gambar, img_thumb_height = 60;, img_thumb_width = 60; adalah tinggi dan lebar gambar yang tambil di depan konten post.

Description: Cara Buat Read More Otomatis Blog Rating: 5.0 Reviewer: Suhendri Mr ItemReviewed: Cara Buat Read More Otomatis Blog

Posted by: Suhendri Mr

Berbagi Kreativitas, Updated at: Kamis, Juni 28, 2012

Read More..

BERITA DUNIA

Obama Pidato, Hillary Clinton Ketiduran

NAYPYIDAW — Tampaknya, terus-menerus bepergian ke berbagai negara dengan zona waktu yang berbeda membuat tubuh Menteri Luar Negeri AS Hillary Clinton (65) kelelahan.

Puncaknya, mantan ibu negara AS itu sempat terlihat terlelap sejenak saat mendengarkan sambutan "bosnya", Presiden Barack Obama, saat berkunjung ke Myanmar belum lama ini. Tak hanya itu, di sebelah Hillary, duduk pemimpin oposisi Myanmar Aung San Suu Kyi.

Tampak jelas, Hillary masih menderita jetlag. Menurut catatan Kemenlu AS, sejak menjadi Menteri Luar Negeri AS pada 2009, Hillary Clinton menghabiskan 351 hari di perjalanan, mengunjungi 102 negara, dan terbang dengan total jarak 843.839 mil. 

Dengan catatan ini, Hillary Clinton menjadi Menlu AS yang paling banyak melakukan perjalanan dinas.

Perjalanan dinas Hillary Clinton tak berhenti di Myanmar. Setelah mendampingi Obama dalam kunjungan bersejarahnya di Myanmar, Hillary terbang ke Kamboja menghadiri KTT ASEAN.

Selanjutnya, dia langsung terbang ke Jerusalem untuk bertemu Perdana Menteri Israel Benyamin Netanyahu untuk membicarakan gencatan senjata di Jalur Gaza.

Kini, gencatan senjata di Jalur Gaza sudah tercapai, mungkin Hillary sudah bisa beristirahat.

Sumber :Daily Mail

Editor :Ervan Hardoko, KOMPAS.com

Read More..