Cara Membuat Read More Otomatis di Blog
Bagaimana Cara membuat Read More otomatis di blogspot?
Cara membuat read more otomatis di blogspot sangat mudah. Sebelum melangkah ke cara membuat read more otomatis di blogspot lebih baik kita tahu apa itu read more? dan apa fungsi read more? Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.Langkah-langkah cara membuat Read More Otomatis di Blogspot
- Login ke Blog anda
- Buka halaman design > Edit HTML > centang Expand template widget
- Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
- Paste kode berikut tepat dibawah </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
- Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p> ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
- Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
- Finish simpan template dan lihat hasilnya
- summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
- summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
- img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
- img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
- Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.
CARA MEMBUAT NEXT PAGE PADA BLOG
Menu next page atau tombol navigasi halaman.tidak seperti tombol next atau previous page,tombol next page atau navigasi halaman ini mempunyai kelebihan navigasi halaman yang bisa membuat pengunjung lebih mudah untuk mengingat artikel yang di sukai,karena halaman di tandai dengan angka.
untuk membuat menu next page atau navigasi halaman di blogspot ikuti langkah-langkah dibawah:
2.login ke blogger.
3.tataletak --->element halaman
4.tambahkan gedget.
5.pilih html/javascript
6.masukkan kode tadi.
untuk mengatur jumlah dalam satu halaman lihat
var pageCount=5;
bisa diganti sesuai keinginan .kalau ingin dalam satu halaman menampilkan 10 postingan ganti dengan
var pageCount=10;
Sebenarnya meng upload file di blogger
tidak bisa di lakukan, tapi kita harus meng upload nya lewat website
yang mempunyai layanan untuk upload seperti ziddu, rapidshare, 4sherd
dan yang lainnya.
Dalam hal ini saya memilih ziddu buat upload file saya karena ziddu mempunyai layanan yang oke buat saya, dia baik, bagus, kita juga bisa dapet receh di sana dan memiliki layanan yang memuaskan bagi pelanggannya, ah sudah lah muji-mujinya, gini caranya kamu harus daftar dulu di sini, ziddu atau klik gambar ini
sudah ? mudah kan daftarnya?
nah kalo udah tinggal upload aja file mu ke ziddu caranya login dulu terus upload file
nah pilih lokasi filemu di mana, kita bisa juga dengan menggunakan multiupload biar cepet untuk mengupload banyak file, udah belon? kalo udah menguploadnya akan keluar link-link.
lalu copykan linknya ke blog kamu dengan cara misalkan kamu ingin menambah linknya di kata "di sini" kamu blok kata disini lalu klik hyperlink, kalo berhasil akan ada garis bawahnya tapi kalo blom bisa pindah dulu dari tulis ke html nah cari kata "di sini" lalu blok dan tambahkan linknya
dah taukan caranya?
Dalam hal ini saya memilih ziddu buat upload file saya karena ziddu mempunyai layanan yang oke buat saya, dia baik, bagus, kita juga bisa dapet receh di sana dan memiliki layanan yang memuaskan bagi pelanggannya, ah sudah lah muji-mujinya, gini caranya kamu harus daftar dulu di sini, ziddu atau klik gambar ini
sudah ? mudah kan daftarnya?
nah kalo udah tinggal upload aja file mu ke ziddu caranya login dulu terus upload file
nah pilih lokasi filemu di mana, kita bisa juga dengan menggunakan multiupload biar cepet untuk mengupload banyak file, udah belon? kalo udah menguploadnya akan keluar link-link.
lalu copykan linknya ke blog kamu dengan cara misalkan kamu ingin menambah linknya di kata "di sini" kamu blok kata disini lalu klik hyperlink, kalo berhasil akan ada garis bawahnya tapi kalo blom bisa pindah dulu dari tulis ke html nah cari kata "di sini" lalu blok dan tambahkan linknya
dah taukan caranya?
0 komentar:
Posting Komentar