Cara Membuat Read More Otomatis Di Blog

Seperti janji minggu lalu ya sob,Pelajaran Blog kali ini akan mengulas dan mengutak atik 'seputar blogger template' yang kita gunakan saat ini.
Betul gan,ini kaitannya 'membuat read more atau tulisan baca selengkapnya' versi kedua.

Beberapa waktu lalu telah diposting cara membuat read more/baca selengkapnya.. secara manual,namun kendalanya bagi blog yang terlanjur sudah memiliki banyak artikel tentu akan banyak makan waktu dan tenaga untuk mengedit satu persatu.

Nah,dengan kombinasi javascript read more yang akan kita ciptakan ini akan tampil otomatis meskipun kita tidak mengeditnya kembali.
Yup,membuat read more/baca selengkapnya otomatis pada blogger adalah tema kita kali ini..

Lalu bagaimana jika saya telah menggunakan read more secara manual?
Tidak perlu cemas gan,karena tinggal ganti kodenya dan jreng!!! :D

Langkah Cara Membuat Read More Otomatis tanpa jQuery pada Blogger dengan Bahasa Javascript


Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan.

Untuk pertama kali,seperti biasa ya gan pilih Dashboard,lalu Tata Letak dan Contreng tulisan Expand Widget Templates.



(1)


(2)


(3)


Selanjutnya,cari kode </head>,setelah ketemu tepat diATASnya letakkan kode javascript berikut:

<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 type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>

Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>

Setelah itu untuk Cara 1.Read More Button Otomatis menggunakan gambar,hapus kode tersebut dan gantilah dengan kode berikut:

<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></a></span>
<b:else/>
<data:post.body/>
</b:if>

Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode <data:post.body/> atau <p><data:post.body/></p>
tersebut dan gantilah dengan kode berikut:

<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>

Lalu simpan templates dan lihat hasilnya.
Untuk yang terlanjur menggunakan read more secara manual seperti di sini,tinggal hapus kode:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Dan gantilah dengan kode sesuai pilihan sobat diatas,bisa menggunakan cara 1 maupun cara 2.Semoga berhasil dan selamat ngutak-atik template ya

Baca Selanjutnya...

Profil Peterpan

Peterpan adalah sebuah band dari Bandung, Indonesia. Band ini dibentuk pada tahun 1997 dan terkenal berkat lagu-lagunya "Ada Apa Denganmu", "Topeng", dan "Kukatakan Dengan Indah". Pada awalnya kelompok Peterpan terdiri dari Ariel, Uki, Loekman, Reza, Andika, dan Indra. Namun di bulan November 2006, dua anggotanya, Andika dan Indra dipecat dari grup musik tersebut. Perpecahan ini dipicu adanya perbedaan prinsip kreativitas.

Awal terbentuk

Personil Peterpan saat masih lengkap (sebelum Indra dan Andika keluar).

Pada tahun 1997, Andhika (kibor) membentuk band Topi dengan mengajak adik kelasnya di SMU 2 Bandung, Uki (gitar), serta teman mainnya, Abel (bas) dan Ari (drum). Uki pun mengajak teman SMP-nya Ariel yang mengisi posisi vokal. Dengan formasi seperti itulah, mereka mulai manggung dan memainkan musik beraliran Brits alternatif. Kemudian Ari mengundurkan diri dan Topi pun bubar tanpa sebab yang pasti.

Andika mengumpulkan kembali personel Topi di tahun 2000. Namun kali ini, posisi drum dipegang oleh Reza. Untuk memberi warna musik yang lebih dewasa dan lebih kaya melody, maka diajaklah Loekman, teman kakak Indra, yang akhirnya jadi lead guitar (gitar utama). Setelah terbentuk dengan formasi enam orang, mereka pun mengambil nama peterpan. Tanggal 1 September 2000 secara resmi peterpan terbentuk.

Perjalanan profesional peterpan dimulai tahun 2001 dengan merambah dari café ke café di Bandung. Mereka bermain di café O'Hara dan Sapu Lidi dengan membawakan lagu-lagu top 40, serta alternative rock seperti Nirvana, Pearl Jam, Cold play, U2, Creed, dll. Saat di café Sapu Lidi-lah potensi mereka terlihat oleh Kang Noey (basis Java Jive) yang sedang mencari band untuk mengisi album kompilasi. Dari tiga lagu yang dikirim untuk demo, "Sahabat", "Mimpi Yang Sempurna", dan "Taman Langit", terpilih lagu "Mimpi Yang Sempurna" untuk dimasukan ke album kompilasi Kisah 2002 Malam yang dirilis Juli 2002. Tak disangka lagu tersebut menjadi jagoan album ini dan mendongkrak penjualan sampai di atas 150.000 kopi.

Taman Langit

Perusahaan rekaman Musica Studios pun tak melewatkan potensi peterpan. Musica mempercepat pengajuan kontrak untuk debut album peterpan. Akhirnya debut album peterpan bertajuk Taman Langit dirilis bulan Juni 2003. Tak disangka, album itu mampu terjual di atas angka 650.000 kopi. Atas prestasi tersebut, mereka menerima Multi Platinum untuk album Taman Langit.

Tak hanya jumlah penjualan, peterpan juga sukses mencetak rekor konser maraton di enam provinsi dalam tempo 24 jam pada tanggal 18 Juli 2004. Konser bertajuk "LA Lights Peterpan 24 Jam Breaking Record" itu dimulai di Medan, Sumatra Utara sekitar pukul 07.55 sampai 08.40 WIB. Dari sana, mereka lalu melanjutkan di Padang, Sumatra Barat sekitar pukul 10.45 hingga 11.30 WIB. Pada jam 12.55 hingga 13.40 WIB, Peterpan konser di Pekanbaru, Riau, terus Lampung pada jam 16.25 sampai 17.10 WIB. Ariel lantas membuka konser di Semarang, Jawa Tengah, sekitar pukul 19.45 dan berakhir pada 20.30 WIB. Konser Peterpan ditutup di Surabaya sekitar pukul 22.15 sampai 23.00 WIB. Atas prestasinya ini, mereka berhak dicatat dalam Museum Rekor Indonesia (MURI).

Bintang di Surga

Pada Agustus 2004, Peterpan merilis album ke-2 bertajuk Bintang di Surga. Album itu telah terjual 350.000 kopi dalam waktu 2 minggu setelah rilis dan pada awal Januari 2005 telah mencapai 1,7 juta kopi.[3] Pada Februari 2005, penjualan album ini mencapai 2 juta kopi.[4] Dan menurut catatan, album ini mampu terjual sebanyak 3 juta kopi.

Di awal tahun 2005, Peterpan meraih penghargaan sebagai artis favorit Indonesia di MTV Asia Aid pada tanggal 9 Februari 2005 di Bangkok.[6][7] Dalam Anugerah Musik Indonesia (AMI) 2005, Peterpan menempati urutan teratas nominasi dengan memperoleh 11 nominasi. Empat di antaranya dicetak lewat lagu "Ada Apa Denganmu".[8] Dari 11 nominasi itu, Peterpan mendapat 7 penghargaan, antara lain untuk "band terbaik", "album terbaik", "grafis desain album terbaik" dan "karya produksi terbaik", karena album Bintang di Surga.[9] Pada ajang SCTV Music Awards 2005, Peterpan mendapat penghargaan di kategori "Album Pop Group Ngetop"' dan "Lagu Paling Ngetop".

Pada tahun 2005, Peterpan kembali merilis 2 album yaitu : VCD Untuk Sahabat Peterpan yang berisi Orginal VCD Karaoke termasuk video klip serta dokumentasi saat mereka melakukan pemecahan rekor konser selama 24 jam di 6 kota.[10],dan album jalur suara film Alexandria.

Perpecahan

Pada tanggal 4 November 2006, Andika dan Indra, resmi keluar dari anggota band. Kedua mantan personel ini pada akhirnya membentuk kelompok lainnya yang diberi nama The Titans.

Pasca keluarnya Andika dan Indra, posisi mereka ditempati oleh dua pemusik tambahan, yaitu Lucky dan David. Dengan formasi tambahan ini, Peterpan merilis, Hari yang Cerah. Acara launching album ini juga dibuat lain karena dilakukan di dua negara. Di RUUMS Kuala Lumpur pada 25 Mei 2007 setelah itu di Bandung di Monumen Pahlawan Gazebo dan disiarkan secara live di 6 stasiun televisi.

Album ini diklaim sebagai album terakhir mereka dengan nama "Peterpan". Ariel mengklaim bahwa pada akhirnya mereka akan melepaskan nama Peterpan dan menggunakan nama lainnya.

Meski tanpa foramsi utuh seperti dulu, peterpan masih mampu memperlihatkan 'taring'nya. Di bulan September 2007, mereka mendapat kehormatan untuk mengikuti acara "Song Festival" di Korea Selatan. Sebelumnnya, peterpan juga masih mampu mengantongi penghargaan sebagai Best Favorite Artis Indonesia MTV Asia Award 2006 dan Album Pop Group Ngetop SCTV Music Award 2006.
[sunting]
Pasca Ditangkapnya Ariel Bagian ini membutuhkan pengembangan

Artikel utama untuk bagian ini adalah: Skandal video porno Ariel

Setelah diguncang oleh perpecahan di antara para personelnya, band ini sekali lagi ditimpa musibah, yaitu dengan munculnya kasus video adegan mesum seseorang yang mirip Ariel Peterpan. Kasus ini mengakibatkan ditangkapnya Ariel pada tanggal 22 Juni 2010.[15] Namun kasus ini tidak menyurutkan semangat penggemar Peterpan. Dan untuk menjawab kerinduan penggemar mereka, Ariel dan kawan-kawan beberapa kali mengadakan pertunjukan di dalam Lembaga Pemasyarakatan.
[sunting]
Trivia
[sunting]
Kerusuhan di konser

Sama seperti grup band tenar lain di Indonesia, konser peterpan pun tak lepas dari masalah. Pada tahun 2006, saat konser di stadion Harapan Bangsa Lhongraya Kota Banda Aceh tanggal 22 Februari 2006, sedikitnya 30 orang penonton pingsan, terbanyak diantaranya adalah remaja putri. Tak hanya itu, konser ini pun dinilai melanggar undang-undang Syariat Islam yang telah diberlakukan secara kaffah (menyeluruh) di Provinsi Nanggroe Aceh Darussalam (NAD) karena bercampurnya penonton pria dan wanita di dalam lapangan pertunjukan.[16]

Akibat kerusuhan saat konser bukan hanya menimpa penonton, tapi juga anggota band yang tampil. Hal ini terjadi saat peterpan konser di Stadion Bima Cirebon, 11 April 2006. Hujan batu dilemparkan para penonton tak berkarcis di luar Stadion, akibatnya tak hanya belasan penonton dilarikan ke berbagai rumah sakit akibat lemparan batu, tapi juga sang vokalis, Ariel, yang tak luput dari hujan batu tersebut. Ariel terkena lemparan di bagian dada sehingga langsung diamankan ke luar Stadion. Akibat peristiwa itu konser menjadi terhenti di saat peterpan membawakan lagu kelimanya "Mungkin Nanti" sekitar pukul 20.30 WIB.

Baca Selanjutnya...