Pasang Related Post Pada Template

Anonymous

26 February 2013

Blog Cara News Widget

Sore tadi sambil nunggu bedug magrib ada dua kegiatan dalam per blogan ini, yang pertama menjawab pertanyaan tentang cara Buat Logo atau Banner dengan Cool Text , bisa lihat disini atau bisa yang ini dan yang kedua menambahkan artikel yang berhubungan atawa Related Post Pada Template, buktinya sekarang disetiap postingan Saung Web ada Related Post nya. hehehe.. sebelum lupa atau jika nanti diperlukan lagi.. segera saja posting tentang Pasang Related Post Pada Template. atau

Ada beberapa versi untuk related post ini dan yang dipakai Saung Web mungkin yang paling simple, script nya sedikit gak seperti versi lainnya. Ohya perlu diingat juga bahwa kita mesti jeli apabila template yang mau di ubah itu sudah ada redmore nya, sebab susunan kode2 nya agak beda. Seperti template yg dipakai saung web ini juga dah ada redmorenya.

Langsung meluncur ke TKP.. inilah cara Pasang Related Post Pada Template Blog :

1. Login ke dashboard , pilih EDIT MTML , contreng exspand widget template

2. Cari kode seperti ini :

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>

3. Pada template Saung web yg sudah ditambah redmore, kodenya seperti ini :

<data:post.body/>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='&quot;javascript:showFull(\&quot;post-&quot; + data:post.id + &quot;\&quot;);&quot;' href='javascript:void(0);'>[+/-] Red More....</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='&quot;javascript:hideFull(\&quot;post-&quot; + data:post.id + &quot;\&quot;);&quot;' href='javascript:void(0);'>[+/-] Ringkasan....</a></p>
</span>
<script type='text/javascript'>checkFull(&quot;post-&quot; + &quot;<data:post.id/>&quot;)</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Paste code yg diminta No. 4 disini
<div class='post-footer'>

4. Copy kode <div id='related_posts'/> dan paste di antara

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Paste di sini <div class='post-footer'>

5. Untuk yang sudah ada redmorenya lihat tempat paste codenya pada pint 3 diatas.

6. Setelah itu copy kode ini dan Paste di atas </body>

<script src='http://www.google.com/jsapi'/>
<script src='http://brps.appspot.com/brps.js' type='text/javascript'/>

7. Selesai , jangan lupa simpan template. Lihat hasilnya

Kalau berminat , silahkan di coba…. Kalau berhasil pertanda dosanya kecil.. hihihik..