Thursday, June 30, 2011
Blogger sudah support fungsi Readmore
kini blogger menambahkan satu tombol yang sangat di tunggu-tunggu oleh ribuan blogger didunia yaitu tombol "Jump Breaks" atau tombol "More" atau tombol "Read more" yang mempunyai fungsi untuk memotong tulisan di halaman depan (home page) atau lebih populer dengan sebutan "fungsi read more".
Ini artinya, untuk memotong artikel agar tidak terlalu panjang tampil di halaman depan, anda hanya tinggal klik tombol " Read more" saja dan anda tidak harus repot lagi mengetikkan kode read more hasil hack atau apapun.
Namun, sepertinya tombol ini hanya muncul pada post editor baru dan dalam posisi mode "Compose" dan tidak muncul pada mode "Edit HTML". Walaupun seperti itu, anda masih tetap bisa menggunakan fungsi "read more" pada post editor lama serta dalam posisi mode "Edit HTML" yaitu dengan mengetikkan secara manual kode
Bagi anda yang memakai template bukan yang disediakan oleh blogger atau template hasil download dari situs lain, fungsi " Read more " akan tetap berfungsi secara baik atau dengan kata lain artikel anda akan tetap terpotong namun tulisan " Read more » " tidak akan muncul. Untuk hal ini anda harus menambahkan kode tambahan pada template anda. Berikut langkah-langkahnya :
1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Beri tanda centang pada kotak kecil di sampil tulisan " Expand Template Widget "
5. Carilah kode yang mirip seperti Ini :
7. Klik tombol SIMPAN TEMPLATE
8. Selesai.
Dengan cara tersebut, tulisan " Read more » " akan muncul walaupun anda tidak menggunakan template yang disediakan oleh blogger.
Secara default tulisan yang akan muncul adalah " Read more » ", namun anda bisa mengubahnya sesuai keinginan anda, caranya seperti ini :
1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Elemen Halaman.
4. Klik "Edit" pada elemen "Posting Blog" atau "Blog post" untuk yang bahasa inggris.
5. Setelah muncul jendela baru, gantilah tuisan Read more » menjadi tulisan sesuai dengan keinginan anda.
6. Klik Tombol SIMPAN
7. Selesai.
Ini artinya, untuk memotong artikel agar tidak terlalu panjang tampil di halaman depan, anda hanya tinggal klik tombol " Read more" saja dan anda tidak harus repot lagi mengetikkan kode read more hasil hack atau apapun.
Namun, sepertinya tombol ini hanya muncul pada post editor baru dan dalam posisi mode "Compose" dan tidak muncul pada mode "Edit HTML". Walaupun seperti itu, anda masih tetap bisa menggunakan fungsi "read more" pada post editor lama serta dalam posisi mode "Edit HTML" yaitu dengan mengetikkan secara manual kode
<!-- more -->
Untuk anda yang memakai template asli yang disediakan blogger akan langsung bisa menikmati fasilitas ini dan hasilnya akan muncul tulisan " Read more » " seperti ini :
Bagi anda yang memakai template bukan yang disediakan oleh blogger atau template hasil download dari situs lain, fungsi " Read more " akan tetap berfungsi secara baik atau dengan kata lain artikel anda akan tetap terpotong namun tulisan " Read more » " tidak akan muncul. Untuk hal ini anda harus menambahkan kode tambahan pada template anda. Berikut langkah-langkahnya :
1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Beri tanda centang pada kotak kecil di sampil tulisan " Expand Template Widget "
5. Carilah kode yang mirip seperti Ini :
<div class='post-body entry-content'>6. Copy lalu paste kode berikut persis di bawah kode yang tadi :
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
7. Klik tombol SIMPAN TEMPLATE
8. Selesai.
Dengan cara tersebut, tulisan " Read more » " akan muncul walaupun anda tidak menggunakan template yang disediakan oleh blogger.
Secara default tulisan yang akan muncul adalah " Read more » ", namun anda bisa mengubahnya sesuai keinginan anda, caranya seperti ini :
1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Elemen Halaman.
4. Klik "Edit" pada elemen "Posting Blog" atau "Blog post" untuk yang bahasa inggris.
5. Setelah muncul jendela baru, gantilah tuisan Read more » menjadi tulisan sesuai dengan keinginan anda.
6. Klik Tombol SIMPAN
7. Selesai.
Labels:
Tips-Trik Blogger
Subscribe to:
Post Comments (Atom)
Blog Archive
- 2012 (7)
-
2011
(362)
- December(5)
- November(6)
- October(5)
- September(9)
- August(20)
- July(227)
-
June(90)
- Membuat Sub Dropdown Pada Horizontal Menu
- Membuat Dropdown Pada Horizontal Menu
- Membuat Horizontal Menu di blog 2
- Membuat Horizontal Menu
- Penyebab Pengunjung Tidak Jadi Berkomentar
- Membuat Navbar Blogger Auto Hide
- Mengembalikan Navbar Blog yang Hilang
- Membuat Navbar menjadi Transparan
- Membuat Gambar Melayang di Blog
- memberi efek blur pada gambar
- Membuat Slide Headlines
- Membuat Artikel yg Berhubungan / Related Post
- Membuat Menu Slide Show Tab View
- Comment Owner Berbeda dengan Pengunjung
- Mengubah Ukuran Template Blog
- Membuat Footer 3 Kolom dengan Background
- Blogger sudah support fungsi Readmore
- Customisasi Tampilan Read more
- Google Translate Versi Baru
- Cara Menghilangkan Tulisan di Poskan Oleh: dan Lab...
- Cara Membuat Back To Top
- Tips Menghilangkan Bau Badan..Sudah Terbukti!!
- Membuat Link Berkedip Pada Saat Disorot Mouse
- Menghilangkan Sidebar Saat Membuka Posting
- Cara Membuat Search Engine Di Blog
- Mengganti Tampilan Cursor (Mouse)
- Cara Membuat Artikel Blog Tidak Bisa di Copy
- Cara Membuat Related Post Thumbnail/You Might Also...
- Tips Menghilangkan Pesan Windows Is Not Genuine Di...
- Cara Membuat Gambar atau Teks Berjalan ke Atas
- Cara Memasang Widget Animasi Entri Populer Pada Blog
- Cara Pasang Follow me Twitter di Blog
- Mozilla Firefox 5
- Background Buku Tamu
- Folder Marker Pro v3.2.0 Full Serial
- File Splitter & Joiner 3.3 Free
- Avatar Bobble Battles Full Version
- Game Fruit Ninja HD v1.6.1 Full Cracked
- Unlocker 1.9.0 Free
- Full Crack
- Pasang Counter Di Blog
- Cara menghilangkan Tanggal Posting
- Cara Membuat Buku Tamu Blog Show/Hide di Bagian Atas
- Membuat Chatbox Bergaya Absolute Vertical Sliding ...
- Pasang Jam Animasi Colorfull With CSS & jQuery
- Pasang Energy Saving/Power Save Mode di Blog
- Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka
- Cara mudah membuat Scroll pada widget
- TuneUp Utilities 2011
- Membuat Number Page Navigation Blogspot
- Cara Membuat Artikel Terkait (Related Post) dengan...
- Cara Membuat Artikel Terkait (Related Post) dengan...
- Emotion Cw Sexy
- Emotion Monyet
- Emotion Kakus
- Emotion Upin & Ipin
- Cara Memasang Google Translator versi dropdown
- Cara Membuat Reply Komentar
- Cara Menghilangkan Tanda Obeng Pada Blog
- Membuat Scroll Menu Otomatis Buat Arsip Blog
- Cara Membuat Read More Otomatis
- Cara Merubah Tulisan Next Page Dengan Gambar
- Cara Membuat Menu Diatas Top Header
- Cara Pasang Widget SMS Gratis di Blogspot
- Cara Menampilkan YM di Blog
- Scrip Cursor Ular-Ularan
- Cara Pasang Buku Tamu Tersembunyi
- Cara Mendaftarkan Sitemap Ke Google
- Pasang Widget Google Translate
- Cara Merubah Navbar Bawaan Blogger
- Google Friend Connect
- Tips Mengganti Logo Blogspot
- HJSplit
- Menjadikan Windows XP seperti Vista
- Free Logon Screen XP
- Download Windows Xp Seven Ultimate SP3 2010
- Windows XP SP3
- Cara Membuat Banner
- Cara merubah Domain Blogspot Menjadi CO.CC
- Cara mempercepat Mozilla Firefox
- Kode Warna
- Mau Tukeran Link/Banner,...??
- CSS Compressor
- Contact Us
- Daftar Isi
- Parse Kode Script HTML
- Guest Book
- Daftar Banner Teman
- Daftar Link Teman
- Chat Room
About Me
- Sibuk Banget
0 comments:
Post a Comment