Bikin ReadMore Cara:2

Pernah blogwalking dan nemu readmore model [+- Selengkapnya...] plus [+- Ringkasan Saja...] kayak contoh ini nich => ~~diklik~~ And tertarik mo bikin juga?

Kebetulan di web tersebut dijelasin cara bikinnya, (yang mo liat langsung ke sini aja) buat yang mo liat di blog ini aja, boleh-boleh..., sumpee gk dilarang, malah seneng kalee

Langkah Pertama:

• Oke seperti biasa log in ke blogger, and langsung meluncur ke Edit HTML
• Centang Expand Widget Template dan sangat disarankan Download Full Template sebelum otak-atik
• Letakkan kode di bawah ini sebelum kode </head>
  
  
  <!-- script readmore -->
  <script src='http://eosscript.googlepages.com/Readmore.js' type='text/javascript'></script>
  <!-- script readmore ends -->
  
  
• Cari kode <b:includable id='post' var='post'> dan perhatikan baik-baik letak kode di bawah ini:
  
  <b:includable id='post' var='post'>
  <div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
  <a expr:name='data:post.id'/>
  <b:if cond='data:post.title'>
  <h3 class='post-title'>
  <b:if cond='data:post.url'>
  <a expr:href='data:post.url'><data:post.title/></a>
  <b:else/>
  <data:post.title/>
  </b:if>
  </h3>
  </b:if>
  
  <div class='post-header-line-1'/>
  
  <div class='post-body'>
  
  <b:if cond='data:blog.pageType == "item"'>
  
  <p><data:post.body/></p>
  
  <b:else/>
  <style>#fullpost {display:none;}</style>
  <p><data:post.body/></p>
  <span id='showlink'>
  <p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>[+/-] Selengkapnya...</a></p>
  </span>
  <span id='hidelink' style='display:none'>
  <p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>[+/-] Ringkasan Saja...</a></p>
  </span>
  <script type='text/javascript'>
  checkFull("post-" + "<data:post.id/>");
  </script>
  </b:if>
  
  <div style='clear: both;'/> <!-- clear for photos floats -->
  </div>
  
  
• Perhatian: Kode berwarna hitam di atas merupakan kode asli template kita dan kode berwarna merah merupakan kode yang harus kita tambahkan. Anda tidak perlu bingung bila kode yang anda cari tidak ditemukan, patokan anda tiap kode yang ditambahkan harus diletakkan setelah kode <b:includable id='post' var='post'>
• Jangan lupa Save Template.
  

Langkah Kedua:

• Masuk ke menu Setting (pengaturan)
• Klik Formatting
• Letakkan kode di bawah ini pada kotak isian Post Template yang terletak di paling bawah halaman:
  
  <span id="fullpost">
  
  
  </span>
  
  
• Save Setting
  
  
• Berikut contoh cara panggilnya tiap kamu hendak membuat postingan baru:
  
  Wikipedia is a multilingual, Web-based, free-content encyclopedia project. The name "Wikipedia" is a portmanteau (a combination of portions of two words and their meanings) of the words wiki (a type of collaborative Web site) and encyclopedia. Wikipedia's articles provide links to guide the user to related pages with additional information.
  <span id="fullpost">
  Wikipedia is written collaboratively by volunteers from all around the world; anyone can edit it. Since its creation in 2001, Wikipedia has grown rapidly into one of the largest reference Web sites, attracting at least 684 million visitors yearly by 2008. There are more than 75,000 active contributors working on more than 10,000,000 articles in more than 260 languages. As of today, there are 2,726,941 articles in English. Every day, hundreds of thousands of visitors from around the world collectively make tens of thousands of edits and create thousands of new articles to augment the knowledge held by the Wikipedia encyclopedia.
  </span>

Phewww.., akhirnya selesai juga. Memang ReadMore yang satu ini rada susah yach?! Tapi jangan nyerah dulu, klo jadi dan dah liat hasilnya pasti bakal bangga dan senyum-senyum sendiri... Hhehee... asal jgn keterusan senyum2nya, nanti bisa-bisa dikira......wkwkkkwkk...