Membuat Read More di Blogger Baru

adminDiposting oleh Johan J-Lita dateRabu, 28 September 2011

Hal pertama yang saya lakukan setelah membuat blog baru di blogspot adalah melakukan posting artikel, ganti tema (themes) dan sedikit utak-atik tema agar sesuai dengan keinginan. Yang pasti saya lakukan adalah membuat artikel terpotong sebagian dengan memberikan link "Read more..." (atau sejenisnya). Dengan demikian, artikel sepanjang apapun tidak akan mengganggu tampilan blog. Selain blog kelihatan rapi, juga menghemat tempat sehingga lebih banyak artikel yang ditampilkan di halaman utama tanpa pengunjung harus ribet menggulung layar terlalu panjang.

Bagaimana cara membuat readmore di blogger baru ? Dari hasil jalan-jalan di blog orang dan sedikit baca-baca helpnya blogger, berikut caranya :

  • masuk ke akun blog, pilih blog yang akan diedit, klik link Layout (Tata Letak) > Edit HTML
  • Tandai Expand Widget Templates
  • Masukkan kode di bawah ini sebelum tag </head> atau tepat sesudah kode } ]]></b:skin> seperti ini:
    <style>
    <b:if cond='data:blog.pageType == "item"'> 
       span.fullpost {display:inline;}
    <b:else/>
       span.fullpost {display:none;} 
    </b:if>
    </style>
  • Kemudian atur supaya artikel terpotong, cari kode <p><data:post.body/></p> pada template dan tambahkan kode berikut tepat dibawahnya:
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'> Read More..</a>
    </b:if>
  • Agar hasil postingan terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai</span>. Gunakan mode Edit HTML ketika menulis postingan. Ganti tulisan Read More.. sesuai selera anda.
Jika sobat merasa artikel Membuat Read More di Blogger Baru ini bermanfaat, silahkan Copas artikel ini, tetapi jangan lupa untuk mencantumkan link sumbernya seperti ini : Source:http://sekit.blogspot.com/2011/09/hal-pertama-yang-saya-lakukan-setelah.html.Saya lebih berterimakasih lagi jika sobat mau mencantumkan link hidup seperti ini : Source: http://sekit.blogspot.com/2011/09/hal-pertama-yang-saya-lakukan-setelah.html.Mohon dimengerti agar maraknya copas tanpa link sumber mereda, terima kasih.

0 komentar

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Posting Komentar