Tutorial Blogging

Blogger Tutorial
1
Pasang Kalender & jam di blog
2
Pasang Musik di blog
3
Pasang Statistik & Tracker
4
Tulisan Gaya Koran (Drop Cap)
5
Cara Auto Hide Navbar
6
Memasang Meta Tag Di Blogger
7
Memberi Icon di Label
8
Membuat Artikel Berhubungan
9
Membuat Author Komen Berbeda
10
Membuat Gambar Melayang
11
Membuat Judul Blog Begerak
12
Membuat Kotak Komen Dibawah Post
13
Membuat Navbar Blog Transparant
14
Membuat Page Navigasi Hal Berurut
15
Membuat label Animasi
16
Menambah Photo di Komentar Blogger
17
Menampilkan Komentar Terbaru
18
Menampilkan Status YM
19
Menampilkan Tanggal Hari Ini
20
Mengganti Tulisan Older/Newer post
21
Menghilangkan Navbar
22
Nofollow Comment jadi Follow
23
Beribu Cara Meningkatkan Alexa Rank
24
Membuat Menu diatas Post
25
Daftar Domain di .co.cc
26
Menambah Photo di Komentar Blogger
27
Membuat Kotak Komen Dibawah Post
28
Membuat Author Komen Berbeda
29
Memberi Emoticons Di Kotak Komen
30
Tanggal Post Jadi Calender
31
Membuat Teks Area
32
Menu Dropdown
33
Tambah Emoticons di Shoutmix
34
Yahoo Emoticons
35
Readmore Versi Baru
36
Readmore Versi Lama
37
Memasang Penghitung Pengunjung
38
Membuat Page Navigasi Hal Berurut
39
Membuat Search Engine
40
Membuat Teks Berjalan & Blogroll
41
Menampilkan Seluruh Posting
42
Menampilkan Status YM
43
Menampilkan Tanggal Hari Ini
45
Menampilkan User Online
46
Modifikasi Tampilan MyBloglog
47
Mengganti Icon Di Address Bar
48
Mengetahui Siapa yang Menjiplak Blog
49
Menampilkan Tanggal Hari Ini
50
Menampilkan Status YM
51
Menampilkan Seluruh Posting
52
Menampilkan Posting Terbaru
53
Menampilkan Komentar Terbaru
54
Menampilkan Kode HTML di Posting
55
Membuat Top Posting Di Blog
56
Membuat Teks Berjalan & Blogroll
57
Membuat Navbar Blog Transparant
58
Membuat Gambar Melayang
59
Memberi Gambar Sebelum Judul Post
60
Highlight Kode Di Posting
61
Cara Membuat Langganan e-mail

Tutorial design

w

Readmore Versi Lama 5

gaghan | Sabtu, Januari 31, 2009 |

Do you like this story?

Fungsi utama ReadMore menurut q ya untuk meringkas posting yang terlalu panjang di halaman utama, so orang yang lihat juga g' jadi bosen. Sampai saat ini Readmore yang aku tahu ada 2 yang pertama akan kita bahas ini n' satunya tunggu ya... bentar lagi terbit. Oke langsung ja ikuti caranya:

1. Log in ke Blooger kemudian pilih Layout (Tata Letak) kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu:

<div class='post-body entry-content'>

kalo dah ketemu maka dibawahnya ada kode ini :

<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode yang ini <p><data:post.body/></p> menjadi seperti ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya" atau yang lain up to you .

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>

8. Kemudian Simpan.
9. Letakkan artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
10. Akhirnya Selesai juga tinggal liat hasilnya k'lo g' jadi mungkin da yang salah langkah silahkan kasih komen........

Artikel Lainnya Yang Lebih Menarik:

Jika Anda ingin artikel Readmore Versi Lama dikirim ke email anda, Silahkan masukan alamat email anda untuk berlangganan.

JANGAN LUPA CEK EMAIL ANDA UNTUK VERIFIKASI BERLANGGANAN VIA EMAIL

Azis Lamayuda Penulis :  Dodik Gaghan | BLOG : InfocusNine [Be Your Best Partner]
InfocusNine menyediakan informasi dan tutorial buat anda yang ingin belajar blogging, design, internet, dsb. Silahkan Copy/Paste tapi cantumkan link kami.

5komentar:

 
InfocusNine Copyright © 2010 Designed by Dodik Gaghan Home | RSS Feed | Comment RSS