Mengatur Snippet Artikel Yang Panjang Supaya Terlihat Pendek

Mengatur Snippet Artikel Yang Panjang Supaya Terlihat Pendek - Kembali lagi di blog Cara2xMudah, Pada kesempatan kali ini admin akan membagikan artikel tentang Mengatur Snippet Artikel Yang Panjang Supaya Terlihat Pendek, dan admin telah menyiaplkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan pada Artikel Blogger, yang kami tulis ini dapat dengan mudah anda pahami. baiklah, tidak usah berlama-lama selamat membaca.

Judul : Mengatur Snippet Artikel Yang Panjang Supaya Terlihat Pendek
link : Mengatur Snippet Artikel Yang Panjang Supaya Terlihat Pendek

Mengatur Snippet Artikel Yang Panjang Supaya Terlihat Pendek

Tutorial kali ini kelanjutan dari artikel sebelumnya yaitu 5 cara Mengatur Snippet Artikel Blogger, ada baiknya silahkan kunjungi link tersebut untuk mempelajari perihal bagaimana menciptakan sebuah ringkasan artikel atau snippet artikel hanya dengan memakai xml blogger

Sedangkan bahasan kali ini yaitu bagaimana mengatur sebuah snippet yang panjang supaya terlihat menyerupai snipet artikel yang pendek.

Cara Penerapan

kali ini aku memakai metode berikut, anda semua dapat menyesuaikan dengan metode mana yang digunakan, kunjungi link berikut untuk memilih metode mana yang ingin dipakai 5 cara Mengatur Snippet Artikel Blogger pada dasarnya disini kita hanya fokus pada penggunaan css.

Contoh XML

<div class="snippet-container">   <b:eval expr='snippet(data:posts.snippets.long, {length: 750)'/> </div>

Kode diatas akan menghasilkan snippet artikel dengan jumlah abjad maksimal sebanyak 750

css

.snippet-container {   height : 57px;   overflow: hidden; }

Harap diperhatikan css diatas, css yang ada diatas tidak mutlak menyerupai yang ada, anda dapat ngaturnya kembali sesuai dengan keperluan, baik penambahan css ataupun yang lainnya.

Yang paling penting yaitu sesuaikan kembali dengan css yang dipakai pada template/tema yang dipakai baik besar font yang dipakai line-height yang dipakai (ini penting supaya tampilan sesuai harapan)

Silahkan ganti .snippet-container dengan nama kelas yang dipakai dan sesuaikan kembali nilai pada height sesuai dengan tampilan yang diinginkan.

Demo Penggunaan

Silahkan pelajari melalui live demo berikut untuk mempelajari bagaimana css tersebut bekerja.

<style> .snippet-container {     height : 57px;     overflow: hidden; } </style>  <div class="snippet-container">  <!-- long text --> </div>  <div class="read-more">   <a href="#">Read More...</a> </div>

Selamat berkreasi dan semoga bermanfaat