Ini adalah cara untuk menampilkan atau menyembunyikan full post Anda pada halaman utama blog Anda. Hal ini berbeda dengan metode " Read More ". Jika pada metode " Read More " ia akan menampilkan" Read More " link, yang maka jika Anda mengklik link tersebut Anda akan memuat dan pergi ke halaman lain yang akan menunjukkan pada sobat full post / articel. Tapi dengan Metode berikut ini, jika Anda mengklik link tersebut Anda akan melihat posting lengkap tersebut / articel di halaman yang sama dan itu tidak membutuhkan waktu untuk memuat, itu hanya memperluas posting penuh. jelas ga neh bro,..hehehehe
gini aje biar mudah, ga usah pake banyak basa basi lagi, langsung aje ke TKP....
Caranya neh : ( Bismillah dulu donk,....!! bagi sobat yang muslim :P)
1. Login ke Blogger, Memilih "Layout -> Template -> Edit HTML
2. Klik "Full Download Template" jaga2 untuk back up template Anda.
3. Periksa pada "Expand Template Wdiget" Kotak Centang.
4. Copy kode berikut dan paste di atas kode </ head>
<script src='http://kendhin.890m.com/Readmore.js' type='text/javascript'/>
5. Kemudian cari kode ini <div class='post-header-line-1'/>.
6. Jika Anda menemukannya Anda akan melihat kode seperti ini:
<div class='post-body entry-content'>
atau
<div class='post body'>
7. Langkah selanjutnya adalah mengubah atau mengganti kode tersebut ( code nomor 6 ) dengan kode berikut sehingga menjadi seperti ini :
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
8. langkah selanjutnya adalah cari kode seperti ini : <p> <data:post.body/> </ p>
9. kemudian letakkan kode dibawah ini di bawah kode nomor 7 tadi :
<b:else/>
# fullpost {<style> display: none;} </ style>
<p> <data:post.body/> </ p>
<span id='showlink'>
<p> expr:onclick='"javascript:showFull(\"post-" + + "\");"' data:post.id href='javascript:void(0);'> [+ / - ] Tampilkan Full Post ... </ a> </ p>
</ Span>
<span id='hidelink' style='display:none'>
<p> expr:onclick='"javascript:hideFull(\"post-" + + "\");"' data:post.id href='javascript:void(0);'> [+ / - ] Sembunyikan Full Post ... </ a> </ p>
</ Span>
<script type='text/javascript'> checkFull ("post-" + "<data:post.id/>") </ script>
</ B: if>
10. sehingga hasilnya setelah digabungkan akan seperti ini:
<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p> <data:post.body/> </ p>
<b:else/>
# fullpost {<style> display: none;} </ style>
<p> <data:post.body/> </ p>
<span id='showlink'>
<p> expr:onclick='"javascript:showFull(\"post-" + + "\");"' data:post.id href='javascript:void(0);'> [+ / - ] Tampilkan Full Post ... </ a> </ p>
</ Span>
<span id='hidelink' style='display:none'>
<p> expr:onclick='"javascript:hideFull(\"post-" + + "\");"' data:post.id href='javascript:void(0);'> [+ / - ] Sembunyikan Full Post ... </ a> </ p>
</ Span>
<script type='text/javascript'> checkFull ("post-" + "<data:post.id/>") </ script>
</ B: if>
11. kemudian save template anda.
12. Masuk ke menu dan cari "Setting -> Formatting"
13. Pada halaman bawah Anda akan melihat sebuah kotak di samping teks "Post Template". Copy kode berikut dan paste ke kotak
<span id="fullpost">
</ Span>
14. Simpan pengaturan Anda.
15 Jika Anda ingin membuat sebuah postingan, maka simpan bagian dari artikel sobat yang akan dimunculkan dibawah kode ini id="fullpost"> <span kode. Kemudian artikel yang akan disembunyikan simpan di antara kode <span id="fullpost"> dan </ span>
16 Selesai.
bagaimana bro,... ngarti kaga,,??? hehehe
SEMOGA BERMANFAAT >>>>>
0 komentar:
Post a Comment
"Komentar anda sangat bermanfaat untuk perkembangan blog ini. Jangan lupa adab berkomentar, dan jangan buang waktu untuk spam. Terima Kasih!!!."