×

Owner / Author / Admin / etc

    Rahman NM    

"Pada halaman web ini saya akan membagikan informasi informasi menarik seputar Anime, Manga, Game, Film, dan juga berbagai tips-tips menarik lainnya."

Cara Membuat Tombol Read More (Baca Selengkapnya) di Blog

Cara Membuat Tombol Read More (Baca Selengkapnya) di Blog

Anirocksite.com - Pada postingan tutorial blogger kali ini saya akan membagikan tutorial bagaimana cara membuat tombol Read More (Baca Selengkapnya) di blog.

Fitur tombol Read More sangat berguna untuk blog kamu karna dapat memudah pengunjung untuk langsung menuju tautan artikel yang ada diblog kamu. Sebenarnya tanpa fitur ini juga para pengunjung sudah bisa langsung masuk ke artikel yang dipilih dengan cara meng Klik judul dari artikel tersebut. Namun dengan adanya fitur tombol Read More ini dapat melengkapi blog kamu agar terlihat lebih terawat atau dikelola dengan baik.

Nah langsung saja kita ketutorial bagaimana cara membuat tombol Read More (Baca Selengkapnya), untuk DEMO nya kamu bisa melihat dihomepage post blog ini, Yuk ikuti tutor dibawah ini.

Membuat Tombol Read More (Baca Selengkapnya) di Blog

1. Pertama, login terlebih dahulu ke Blogger,
2. Pada dashboard Blogger pilih Tema Edit HTML,
3. Kemudian, copy kode CSS dibawah ini dan letakkan tepat diatas kode </b:skin> atau </style>,
a.read-more{
display:inline-block;
height:28px;
background-color:#ff69b4;
color:#fff;
font-size:12px;
font-weight:600;
text-transform:uppercase;
line-height:28px;
padding:0 13px;
margin:15px 0 0;
border-radius:2px;
}
4. Lalu, copy kode HTML dibawah ini dan letakkan tepat diakhir kode snippet post template kamu,
<a class='read-more' expr:href='data:post.url'>Read More</a>
Kurang paham ? Nah lihat contoh dibawah ini (Pengguna template Viomagz bisa ikutin tutor dibawah ini, template lain silahkan cari kode snippet postnya, pasti mirip mirip),
<!-- DIBAWAH INI MERUPAKAN CONTOH KODE SNIPPET POST VIOMAGZ --> 
<div class='post-snippet'>
   <b:eval expr='snippet(data:post.longSnippet, {length: 120})'/> <!-- LETAKKAN DISINI -->
</div>
5. Terakhir simpan atau save template.

Sekian tutorial bagaimana cara membuat tombol read more ( baca selengkapnya ) di Blog, dan jika kamu ingin mendapatkan notifikasi pemberitahuan update artikel terbaru silahkan berlangganan melalui form email yang ada di blog ini. Semoga bermanfaat :D.

Creativity of codes and exploiting, with code we can do something fun.
Facebook Instagram Twitter
Show Comments!
Hide comments

1 Response to "Cara Membuat Tombol Read More (Baca Selengkapnya) di Blog"

Kebijakan berkomentar :

Berkomentarlah dengan tata bahasa yang baik, agar orang tau sebijak apa karakter anda melalui kata-kata,

Silahkan berkomentar apapun selagi masih berhubungan dengan halaman postingan ini,

Dilarang berkomentar menggunakan Link Aktif,

Centang Notife Me agar mendapatkan notifikasi balasan komentar admin melalui Email.

  1. Wah keren banget nih, biar di homepage tulisannya ga panjang panjang banget

    ReplyDelete

Iklan Atas Artikel

Iklan Tengah Artikel

Iklan Tengah Artikel 2

Iklan Bawah Artikel

© Copyright 2020 Anirock Site - All Rights Reserved Created With