BELAJAR BLOGGER DAN BERBAGI PENGALAMAN

IDRIS BROWSINGAN ~ BELAJAR BLOGGER

Sunday, 11 June 2017

Cara Ampuh Membuat Read More Otomatis Tanpa Java Script Di Blogger

Cara Ampuh Membuat Read More Otomatis Tanpa Java Script Di Blogger - Sobat Idrisbrowsingan, bagaimana kabar sobat semuanya? Moga ajah kita semua selalu dalam karunia rahmat, hidayah dan lindungan Allah SWT. Diantara sobat semuanya, apakah ada yang suka ngeblog atau seorang blogger baik di blogspot maupun wordpress? Sebenarnya bahasan kali ini lebih utama ke sobat blogger pemula sih, tapi ga apalah kita saling berbagi aja biar yang udah tau menjadi lebih paham lagi. Mungkin bagi sobat blogger pemula (blogspot) masih agak bingung bahkan belum tau mengenai cara menambahkan tombol read more atau selengkapnya di blogspot. Oleh karena itu, idrisbrowsingan akan bagikan trik khusus bagaimana menampilkan menu read more atau selengkapnya di blogger.

Cara Membuat Readmore Otomatis Tanpa Java Script Blogger

Read More atau Selengkapnya pada blogger sebenarnya sangat mudah kita buat dengan java script atau tanpa java script. Sebelum membahas cara membuat read more otomatis di blogger, perlu kita ketahui tentang tujuan dan kegunaan memasang tombol read more di blog tersebut. Pada blog dengan template default blogger/blogspot maka isi artikelnya akan terlihat semua dihalaman blog atau homepage. Nah, hal tersebut akan membuat tampilan blog tidak menarik dan bahkan bisa mengganggu kenyamanan pengunjung blog itu sendiri karena tampilan blog akan memanjang kebawah dengan isi artikel terlihat secara penuh. Selain itu, akan mempengaruhi waktu loading blog atau memperlambat proses loading pada blog sobat. Jika tampilan blog tidak menarik dan loading blognya lambat maka akan membuat pengunjung tidak nyaman sehingga memutuskan untuk cepat-cepat meninggalkan blog yang mengakibatkan traffik blog terus menurun. Untuk mengatasi beberapa masalah tampilan blog tersebut maka akan kita pasang tombol read more atau selengkapnya pada halaman blog. Lalu bagaimana cara memasang readmore pada blogger? Simak terus artikel tentang cara membuat readmore otomatis pada blog ini sampai selesai yah.

Cara ampuh membuat read more otomatis tanpa java script di blogger :
  • Terlebih dahulu login akun blogger sobat.
  •  Pada tampilan dasboard, pilih menu template dan klik "edit HTML".
  • Kemudian cari Kode berikut ]]></b:skin> (gunakan CTRL+F untuk mempermudah pencarian kode tersebut).
  • Selanjutnya copy dan paste kode dibawah ini tepat diatas kode ]]></b:skin>
    post-thumbnail{float:left;margin-right:20px}
  • Kemudian kita cari kode  <data:post.body/>
  • Selanjutnya gantilah kode <data:post.body/> tersebut dengan kode dibawah ini :
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <div>
    <b:if cond='data:post.thumbnailUrl'>
    <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
    </b:if>
    <data:post.snippet/>
    </div>
    <div class='jump-link'>
    <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
    </div>
    <b:else/>
    <data:post.body/>
    </b:if>
    <b:else/>
    <data:post.body/>
    </b:if>

  • Setelah itu, klik simpan template blog sobat.
Nah sobat idrisbrowsingan, selesai sudah memasang tombol readmore pada blogspot kita. Langsung saja lihat hasilnya, jika mengikuti langkah-langkah dalam artikel ini dengan baik dan benar insyallah hasilnya lumayan bagus kok sob. Jika sobat memiliki kode read more yang lebih bagus tampilannya silakan dibagikan pada kotak komentar artikel blog ini. Namun ada beberapa template blogger yang memang sudah dipasang readmore otomastis seperti template responsive dan SEO maka sobat tidak perlu repot-repot lagi membuat readmore seperti langkah-langkah diatas.

Itu saja pembahasan mengenai cara ampuh memasang readmore otomatis tanpa java script di blogger, semoga artikel idrisbrowsingan kali ini bisa menambah pengetahuan dan bermanfaat bagi kita semua. Silakan bagikan artikel tentang blogger tutorial ini melalui sosial media atau blog dengan menyertakan link sumber artikel dalam blog ini. So, pantau terus setiap update artikel blog ini yah sob.
Cara Ampuh Membuat Read More Otomatis Tanpa Java Script Di Blogger Rating: 4.5 Diposkan Oleh: puput putri
Previous
Next Post »

BERI PENDAPAT ANDA