Assalamualaikum sobat blogger..
dan salam sejahtera
ngebaca judul diatas mungkin keliatan sangat jadul ya,,,,
hehheee,,,tapi sengaja saya share kusus buat sobat blogger yang belum tahu yang tidak sengaja tersesat mendarat pada blog saya yang sepi ini
dan buat para webmaster yang udah tahu,harap koreksi nya
sebelum nya kita perlu tahu dulu apa sih "read more " itu
readmore adalah fitur dimana kita bisa menyingkat tampilan artikel kita dalam homepage
artinya content entry tidak akan muncul fuulcontent ,dan hanya beberapa kata yang akan muncul di homepage
sehingga untuk membaca keseluruhan dari artikel para pengunjung blog akan di arahkan oleh sebuah link
yang menuju ke singgle post dari artikel kita tersebut
hal ini mempunyai beberapa keuntungan untuk kita yang punya page/blog
salah satu nya tampilan page kita akan terlihat lebih rapi dan profesional :)
ada dua style fitur read more yang dapat kita tanam kan ke dalam HTML template page kita
sebut saja readmore manual dan otomatis
untuk mengetahui keuntungan dan kelebihan nya silah kan saja coba satu persatu hehehhe :D
yang menurut saya masing masing mempunya kelebihan dan kekurangan masing masing
ok sobat langsung aja di bawah ini saya share bagaimana cara membuat readmore khusus nya pada Blogger
pertama dari dasbord blogger anda masing masing klick rancangan -Edit HTML
ada baik nya sobat lakukan back-up template dulu untuk menjaga kesalahan yang fatal
centang Expand Template Widgetcari kode ]]></b:skin> tepat nya berada sebelum tag</head>
klo sudah ketemu paste kan kode di bawah ini tepat di atas ]]></b:skin>
lanjut gan....
sekarang kita pasang kode html nya... sobat cari kode <p><data:post.body/></p> atau yang mirip mirip itu lah
soal nya beda template biasa nya memiliki kode yang berbeda
kemudian pastle kan kode di bawah ini tepat di bawah <p><data:post.body/></p>
bisa juga mengganti nya dengan gambar denagn memasuk kan url gambar yang di maksud
save dulu setelah semua proses di atas selesai.. dan kita lanjut ke pengaturan berikut nya
masuk ke setelan kemudian Format dan pada for template entri anda pastle kan code di bawah ini
hal ini di lakukan untuk memudah kan anda setiap kali posting kode perintah readmore sudah otomatis dalam form new entri
dan cara penulisan nya ada lah sebagai berikut
entri yang ingin di tampilkan dalam home page...
<span class="fullpost"> artikel yang akan di tampilkan dalam readmore/setelah di klik readmore</span>
oke sobat demikian sedikit trik jadul dapat aku posting,untuk readmore yang otomatis semoga Tuhan masih menganugerahkan Rahmad nya pada kita sehingga kita dapat bertemu dalam postingan berikut nya
semoga artikel ini bisa membantu,,, aamiin,,
Wasalamualikum..wr..wb..,
__(¯'•¸·'îï€'·¸•'¯)__
dan salam sejahtera
ngebaca judul diatas mungkin keliatan sangat jadul ya,,,,
hehheee,,,tapi sengaja saya share kusus buat sobat blogger yang belum tahu yang tidak sengaja tersesat mendarat pada blog saya yang sepi ini
dan buat para webmaster yang udah tahu,harap koreksi nya
sebelum nya kita perlu tahu dulu apa sih "read more " itu
readmore adalah fitur dimana kita bisa menyingkat tampilan artikel kita dalam homepage
artinya content entry tidak akan muncul fuulcontent ,dan hanya beberapa kata yang akan muncul di homepage
sehingga untuk membaca keseluruhan dari artikel para pengunjung blog akan di arahkan oleh sebuah link
yang menuju ke singgle post dari artikel kita tersebut
hal ini mempunyai beberapa keuntungan untuk kita yang punya page/blog
salah satu nya tampilan page kita akan terlihat lebih rapi dan profesional :)
ada dua style fitur read more yang dapat kita tanam kan ke dalam HTML template page kita
sebut saja readmore manual dan otomatis
untuk mengetahui keuntungan dan kelebihan nya silah kan saja coba satu persatu hehehhe :D
yang menurut saya masing masing mempunya kelebihan dan kekurangan masing masing
ok sobat langsung aja di bawah ini saya share bagaimana cara membuat readmore khusus nya pada Blogger
.1 ReadMore Manual
pertama dari dasbord blogger anda masing masing klick rancangan -Edit HTML
ada baik nya sobat lakukan back-up template dulu untuk menjaga kesalahan yang fatal
centang Expand Template Widgetcari kode ]]></b:skin> tepat nya berada sebelum tag</head>
klo sudah ketemu paste kan kode di bawah ini tepat di atas ]]></b:skin>
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
lanjut gan....
sekarang kita pasang kode html nya... sobat cari kode <p><data:post.body/></p> atau yang mirip mirip itu lah
soal nya beda template biasa nya memiliki kode yang berbeda
kemudian pastle kan kode di bawah ini tepat di bawah <p><data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'>kata yang bercetak tebal dalam html bisa anda ganti dan itu lah yang nanti nya akan muncul di bawah setiap postingan sobat dalam homepage
<a expr:href='data:post.url'><b> Read More..</b></a>
</b:if>
bisa juga mengganti nya dengan gambar denagn memasuk kan url gambar yang di maksud
save dulu setelah semua proses di atas selesai.. dan kita lanjut ke pengaturan berikut nya
masuk ke setelan kemudian Format dan pada for template entri anda pastle kan code di bawah ini
<span class="fullpost">
</span>
hal ini di lakukan untuk memudah kan anda setiap kali posting kode perintah readmore sudah otomatis dalam form new entri
dan cara penulisan nya ada lah sebagai berikut
entri yang ingin di tampilkan dalam home page...
<span class="fullpost"> artikel yang akan di tampilkan dalam readmore/setelah di klik readmore</span>
oke sobat demikian sedikit trik jadul dapat aku posting,untuk readmore yang otomatis semoga Tuhan masih menganugerahkan Rahmad nya pada kita sehingga kita dapat bertemu dalam postingan berikut nya
semoga artikel ini bisa membantu,,, aamiin,,
Wasalamualikum..wr..wb..,
__(¯'•¸·'îï€'·¸•'¯)__
2 Komentar untuk "Membuat ReadMore Manual"
:bljr:
ngakak deh \o/