Cara Membuat Read More Otomatis Di Blog
Di Posting
on 4/04/2016 09:19:00 AM
Read More Otomatis Di Blog – Read more dalam blog sangat berperan penting bagi tampilan halaman depan blog tersebut. Pemasangan read more dapat meringkas kalimat dalam satu postingan yang panjang menjadi lebih pendek. Sehingga, dengan adanya read more yang meringkas tulisan ini dapat membuat halaman depan blog kita menjadi lebih rapi dan nyaman dilihat.
Jika kita memiliki blog yang menggunakan template bawaan dari blogspot, kita tentu tidak akan memiliki template yang dilengkapi fungsi read more di dalamnya. Blogspot memang tidak menyediakan fasilitas read more dalam template blognya. Sehingga, jika kita ingin menggunakan fasilitas read more ini di dalamnya maka kita perlu memasangnya secara manual. Read more memiliki banyak fungsi seperti meringkas tulisan dari sebuah postingan yang muncul di halaman depan blog, meningkatkan pageviews dan durasi berkunjung di blog, hingga manfaat utamanya yaitu membuat tampilan halaman depan blog menjadi lebih ringkas dan rapi ketika dilihat.
Untuk memudahkan dalam proses penggunaannya, kita dapat memasang read more yang bersifat otomatis. Pemasangan read more otomatis ini berbeda dengan read more biasa karena read more otomatis akan meringkas dan melakukan fungsi read more dalam setiap postingan di halaman depan blog kita tanpa perlu memasukan kode HTML tertentu ketika menerbitkan postingan blog secara manual. Sehingga, pemasangan read more otomatis ini tentu lebih mudah dan menguntungkan daripada read more biasa.
Pemasangan read more otomatis di blog ini juga mudah dilakukan. Kita hanya perlu memasukan javascript dan kode lainnya dalam template blog kita. Adapun cara untuk memasang read more di blog selengkapnya adalah sebagai berikut:
Pertama, masuk ke dalam akun blogger kita masing-masing.
Klik rancangan.
Klik edit HTML.
Klik expand template widget.
Cari kode berikut.
Masukan kode berikut di atasnya.
Cari kode berikut.
Hapus dan ganti dengan kode di bawah ini.
Klik simpan template dan selesai.
Keterangan:
Pemasangan read more dalam blog juga bermanfaat untuk meningkatkan jumlah pageviews. Jika blog kita sudah terpasang read more tentu setiap pengunjung tidak bisa membaca artikel di halaman depan blog kita secara tuntas karena ada fungsi read more yang hanya menampilkan sepenggal tulisan awalnya saja. Sehingga, untuk bisa membacanya sampai selesai pengunjung tersebut harus klik read more untuk membuka halaman artikel secara keseluruhan. Nah, alasan inilah yang kemudian membuat jumlah pageviews atau jumlah halaman postingan blog kita yang dibuka oleh pembaca menjadi bertambah banyak.
Manfaat lainnya dari pemasangan read more adalah kita dapat menampilkan jumlah postingan yang lebih banyak di halaman depan blog karena setiap posting yang ditampilkan merupakan hasil ringkasan dari fungsi read more yang membuat postingan tersebut menjadi semakin pendek. Ketika postingan yang tampil di halaman depan menjadi lebih banyak maka pengunjung akan memiliki lebih banyak lagi pilihan untuk membuka dan membaca artikel dalam blog kita.
Website : indoblogseo
Credit : Dhie Valt Mhorsyl
Jika kita memiliki blog yang menggunakan template bawaan dari blogspot, kita tentu tidak akan memiliki template yang dilengkapi fungsi read more di dalamnya. Blogspot memang tidak menyediakan fasilitas read more dalam template blognya. Sehingga, jika kita ingin menggunakan fasilitas read more ini di dalamnya maka kita perlu memasangnya secara manual. Read more memiliki banyak fungsi seperti meringkas tulisan dari sebuah postingan yang muncul di halaman depan blog, meningkatkan pageviews dan durasi berkunjung di blog, hingga manfaat utamanya yaitu membuat tampilan halaman depan blog menjadi lebih ringkas dan rapi ketika dilihat.
Untuk memudahkan dalam proses penggunaannya, kita dapat memasang read more yang bersifat otomatis. Pemasangan read more otomatis ini berbeda dengan read more biasa karena read more otomatis akan meringkas dan melakukan fungsi read more dalam setiap postingan di halaman depan blog kita tanpa perlu memasukan kode HTML tertentu ketika menerbitkan postingan blog secara manual. Sehingga, pemasangan read more otomatis ini tentu lebih mudah dan menguntungkan daripada read more biasa.
Pemasangan read more otomatis di blog ini juga mudah dilakukan. Kita hanya perlu memasukan javascript dan kode lainnya dalam template blog kita. Adapun cara untuk memasang read more di blog selengkapnya adalah sebagai berikut:
Pertama, masuk ke dalam akun blogger kita masing-masing.
Klik rancangan.
Klik edit HTML.
Klik expand template widget.
Cari kode berikut.
</head>
Masukan kode berikut di atasnya.
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 300;
summary_img = 170;
img_thumb_height = 150;
img_thumb_width = 250;
</script>
<script src='http://panduanbelajarblog.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>
var thumbnail_mode = "float" ;
summary_noimg = 300;
summary_img = 170;
img_thumb_height = 150;
img_thumb_width = 250;
</script>
<script src='http://panduanbelajarblog.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>
Cari kode berikut.
<data:post.body/>
Hapus dan ganti dengan kode di bawah ini.
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more</b></a></span>
</b:if>
</b:if>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more</b></a></span>
</b:if>
</b:if>
Klik simpan template dan selesai.
Keterangan:
- Download template terlebih dahulu sebagai backup jika kita mengalami kegagalan dalam proses editing.
- Gunakan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian kode yang kita inginkan di dalam template blog.
- summary_noimg merupakan jumlah karakter yang ditampilkan tanpa menggunakan gambar dalam postingan blog.
- summary_img merupakan jumlah karakter yang ditampilkan ketika dalam postingan blog terdapat gambar.
- img_thumb_height merupakan tinggi gambar yang ditampilkan.
- img_thumb_width merupakan lebar gambar yang ditampilkan.
- Kita juga dapat mengganti tulisan Read more sesuai keinginan kita.
Pemasangan read more dalam blog juga bermanfaat untuk meningkatkan jumlah pageviews. Jika blog kita sudah terpasang read more tentu setiap pengunjung tidak bisa membaca artikel di halaman depan blog kita secara tuntas karena ada fungsi read more yang hanya menampilkan sepenggal tulisan awalnya saja. Sehingga, untuk bisa membacanya sampai selesai pengunjung tersebut harus klik read more untuk membuka halaman artikel secara keseluruhan. Nah, alasan inilah yang kemudian membuat jumlah pageviews atau jumlah halaman postingan blog kita yang dibuka oleh pembaca menjadi bertambah banyak.
Manfaat lainnya dari pemasangan read more adalah kita dapat menampilkan jumlah postingan yang lebih banyak di halaman depan blog karena setiap posting yang ditampilkan merupakan hasil ringkasan dari fungsi read more yang membuat postingan tersebut menjadi semakin pendek. Ketika postingan yang tampil di halaman depan menjadi lebih banyak maka pengunjung akan memiliki lebih banyak lagi pilihan untuk membuka dan membaca artikel dalam blog kita.
Website : indoblogseo
Credit : Dhie Valt Mhorsyl
Terimakasih telah membaca : Artikel Dari Kami. Silahkan masukan email anda dibawah ini! dan anda akan otomatis mendapatkan kiriman artikel terbaru dari MudahTrick. Terimakasih.
0 Komentar untuk : Cara Membuat Read More Otomatis Di Blog
Entri Populer
Arsip Blog
-
▼
2016
(103)
-
▼
April
(91)
- Cheat Diamond Dan Gold Line Lets GetRich Terbaru 2...
- 6 Langkah Cara Mempercepat Loading Di Blogger
- Mempercepat Loading Blogger Dengan Tanda Garis Miring
- Trick Cara Membuat Daftar Isi Blog Berdasarkan Label
- Trick Cara Membuat Daftar Isi Blogger Bag II
- Cara Menyembunyikan Tanggal Pada Komentar Blogger SEO
- Cara Menghilangkan Navbar Pada Blogger SEO
- Cara Membuat Auto Hide Navbar Pada Blogger
- Tips Renewal Domain CO CC
- Cara Menampilkan Judul Postingan Pada Halaman Utam...
- Cara Buat Random Post Di Blog Versi 3
- Widget Total Posts dan Total Comments Blogger
- Cara Menghilangkan Klik Kanan Pada Mouse Blogger
- Charles Debugging Proxy All Windows Terbaru 2016
- Download Cheat Engine Versi Terbaru 2016
- Download Aplikasi Gamekiller apk Android Gratis
- Fiddler Debugging Proxy All Windows Terbaru 2016 Work
- Kumpulan Cheat Game Android Tanpa ROOT Lengkap Ter...
- Cara Buat Address Bar Berjalan Di Blogger
- Cara Membuat Label Blog Menjadi Dua Kolom
- Cara Merubah Bentuk Kursor Mouse Pada Blogger
- Cara Mempromosikan Blog Dengan Situs Jejaring Sosial
- Widget Animasi Abowman Untuk Blogger SEO
- Cara Pasang Musik Di Blog Dengan Mudah
- Untung Dan Rugi Pasang Musik Di Blogger SEO Friendly
- Cara Membuat Warna Komentar Admin Di Blog Menjadi ...
- Trick Cara Melihat Harga Sebuah Blog
- Cara Buat Tombol Print Pada Blogger SEO
- Trick And Tips Cara Menyembunyikan Footer Pada Blo...
- Rahasia Trik Mendapatkan Email dan Password Blogsp...
- Trik Rahasia Melindungi Gambar Pada Postingan Blog
- Cara Pasang Screen Saver Pada Blogger SEO
- Trik Cara Upload JavaScript Di Google Code
- Cara Membuat Dan Pasang Status Loading Di Blog
- Trik Untuk Mengatasi Kotak Kode Verifikasi Komenta...
- Trik Cara Menampilkan Avatar Pada Komentar Blogger
- Cara Membuat Banner Pasang Iklan Di Blogger SEO
- Trik Cara Daftar dan Submit Blog Di Google
- Cara Mendaftarkan Blog Ke Yahoo Bing Webmaster
- Cara Pasang Random Posts SEO Friendly Di Blogger
- Tips Cara Menghapus Atribusi Blogger
- 6 Kelebihan Blogspot SEO Friendly
- Cara Buat Teks Melingkari Kursor Mouse Di Blogger
- Cara Pasang Script Alert Selamat Datang Konfirmasi...
- Cara Tambah Scroll Di Komentar Blogger
- Menambah Efek Salju Di Blogger SEO
- Cara Membuat Javascript Di Blogger
- Cara Menghilangkan Atribut Tulisan LinkWithin Di B...
- 4 Manfaat Utama Update Konten Di Blogger
- Cara Menghilangkan Tombol Tang dan Obeng Di Blogger
- Cara Membuat Read More Otomatis Di Blog
- 4 Kerugian Mengganti Template Blogger SEO Friendly
- Pengertian Sitelink Google SEO Friendly
- 3 Manfaat Sitelink Google
- Cara Ubah Jenis dan Ukuran Font Di Postingan Blogg...
- 8 Tanda Blogger Yang Baik SEO Friendly
- Cara Mengetahui Malware Atau Virus Pada Blog
- Trik Cara Menambah Efek Gelembung Di Blogger
- 5 Tips Penting Memilih File Hosting Dengan Benar
- Tutorial Kolaborasi Nama Blog dan SEO
- 4 Situs SEO Analysis Untuk Blogger SEO Friendly
- Pentingnya Referensi Terpercaya Saat Menulis Posti...
- Pengaruh Mood Ketika Menulis Di Bloggers
- Perbedaan Halaman Post dan Page Pada Blogspot SEO
- Manfaat Search Box Atau Pencarian Pada Blog
- Cara Membuat Twitter Follower Box Di Blogger SEO F...
- Tutorial Cara Mengetahui Hosting Sebuah Blog
- Tutorial Mengenal Splog Lebih Dekat
- Tutorial Perbandingan Splog dan Blog Spam
- ini lah Perbedaan Blog dan Website
- Trik Cara Daftar Feedburner
- Cara Cepat Membuat Tabel Pada Blogger
- Cara Buat Ruang Iklan 125x125 Pada Blogger
- Apakah Google Penguin Itu?
- Cara Pasang Widget Google+ Di Blogger Simple Denga...
- 5 Ciri Backlink Berkualitas SEO Friendly
- 4 Kesalahan Utama Saat Menulis di Blogger SEO Frie...
- Inilah 6 Trik SEO Yang Saya Lakukan Saat Publikasi...
- Tips Optimalisasi SEO Pada Gambar
- Cara membuat Breadcrumb Seo Friendly di Blogger
- Cara Mengetahui Blog Dofollow/Nofollow Dengan Add-...
- Google PageRank Update 4 April 2016 - 2018
- Cara Buat Tombol Share Dengan Efek jQuery Nudging ...
- 5 Tips/Cara Menulis Artikel Blog Post SEO Friendly...
- Cara Buat/Pasang Burung Twitter Terbang Bergerak D...
- Alexa | Cara Cepat Meningkatkan Alexa Rank Di Blogger
- Evo Magz: Template Blogger Keren Responsive & SEO ...
- Cara Agar Blog Cepat Terindex Google - Yahoo - Bin...
- Trik Seo Long Tail Keyword Blogger
- Cara Setting Pengaturan Internet Di Android - IOS
- Meta Tag Seo Friendly 2016-2017
-
▼
April
(91)
