Membuat Tulisan Selengkapnya di Blog

Tulisan “Selengkapnya” atau “Baca lebih lanjut …” biasa kita lihat pada web atau blog, tanda tersebut biasanya untuk mengarahkan kita membaca artikel yang diberi tanda tersebut lebih detail. Pada WordPress untuk memotong artikel dan memunculkan tanda tersebut sangat mudah, karena telah disediakan dalam Text Editor-nya, tapi untuk Blogspot tidak ada, nah bagaimana cara kita memotong artikel sehingga pada tampilan Home blog kita tidak terlalu panjang kebawah, apalagi kalo di home ada banyak artikel yang ditampilkan (wah bakalan panjang jauh deh kita scroll ke bawahnya, dan kecenderungannya pengunjung enggan untuk melakukan itu, akibatnya tidak semua artikel terbaca).
Dalam Blogspot memang tidak disediakan tools untuk memotong artikel tersebut, jadi kita harus melakukan sedikit modifikasi dan sedikit usaha untuk bisa membuatnya. Keuntungan lain dari adanya tanda “Selengkapnya …” ini bagi kita pemilik blog tentunya pada traffic, mengapa traffic? Karena pengunjung sendiri akan membuka lebih dari satu halaman (pertama halaman home, dan kedua halaman artikel yang bersangkutan itu sendiri).
Bagaimana cara membuat tanda ini, akan coba saya jelaskan dengan bantuan gambar supaya lebih memudahkan (kaya Pak Guru nih, mana papan tulisnya???)
1, kita masuk ke Control Panel blog kita, dan masuk pada tab Layout.

2.Kemudian masuk pada tab Edit HTML, jangan lupa untuk mencentang kotak Expand widget template.
3.Cari Script di bawah ini.

Atau

Untuk memudahkan gunakan dengan menekan tombol CTRL + F), dan cari script tersebut di atas dengan kata kunci ‘post-header-line-1′ (tanpa tanda petik).
4.Setelah ketemu, masukan script berikut ini di bawah dari script yang kita cari tadi.
<b:if cond="'data:blog.pageType"><style>.fullpost{display:inline;}</style><p><data:post.body/></p><b:else/><style>.fullpost{display:none;}</style>
5.Setelah Selesai Cari Script ,
Kalau Udah Dapat masukkan script Dibawah :
<b:if cond="'data:blog.pageType"><a href="'data:post.url'">Selengkapnya...</a></b:if></b:if>

Tepat Dibawah

6.Lalu Simpan Template
7.masukPengaturan-Format,,,,,,
8.Copy+paste Script Di Bawah ....
<span class="fullpost"> </span>
9.simpan Tempalte

Selamat Mencoba........
*NOTICE*
-Sebelum memasang script di dalam Blogspot, ada baiknya copy paste dulu di notepad, dan ganti tanda ” dan ‘ (petik ganda dan petik tunggal melalui notepad, setelah itu baru copy paste di Blogspot), ini untuk mengantisipasi perbedaan font type yang kadang bisa mengakibatkan error.
-Apabila Tidak Sama Dengan Kode Diatas Maka Jangan DI Simpan Karna Bisa Mengakibatkan Hilangnya Posting Di BLog Anda ,,,,,,,
.

Posted in: Script Blog

Artikel Terkait