Cara Membuat Recent Post Banyak Label di Halaman Statis Blogger

cara membuat Recent Post Banyak Label di Laman Statis Blogger
Cara Membuat Recent Post Banyak Label di Halaman Statis Blogger ala Arlina - Recent post adalah sebuah fitur untuk menampilkan postingan terbaru dari Blog untuk memudahkan pengunjun untuk melihat artikel apa yang sudah di post di Blog tersebut.

Recent post sebenarnya bisa di pasang di homepage, sidebar dan halaman statis bloger atau tergantung dari pemilik Blog ingin memasang di bagian mana. Berbeda letak pemasang recent post, maka akan berbeda juga cara dan script yang digunakan.

Memasang Recent post juga bisa di pasang menggunakan fitur bawaan Blogger. Tetapi tampilan fitur bawaan tersebut tidak menarik dan berkesan biasa saja. Karena hanya memasukan URL Feed Blog dan recent post atau postingan terbaru Blogger pun akan muncul.

Memasang Recent Post / Postingan Terbaru di Laman Statis Blogger

Di mesin pencarian sudah begitu banyak yang membagikan tutorial cara memasang recent post dengan berbagai jenis tampilan, mulai dari recent post berikut thumbnail, ada juga hanya judul dan snippet dan sampai hanya judulnya saja. Berikut adalah Recent Post ala Arlina.

Membuat Recent Post Banyak Label di Halaman Statis Blogger


1. Buka akun Blogger Sobat
2. Pastikan di template blog sobat sudah ada kode css dari fontawesome sudah ada di template Blog. Jika belum ada, silahkan sobat cari </head> pada template dan copy pastekan link kode berikut sebelum </head>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"></link>
3. Save Template jika sudah memasang link fontawesome
4. Kembali ke Dasbord Blogger dan Buka menu Halaman >> Halaman Baru 
5. Di halaman baru tersebut. Cari menu atau Mode Compose - HTML yang berada di pojok kiri atas.
6. Pilihlah Mode HTML dan pastekan kode HTML dibawah ini di Halaman statis tersebut dengan mode HTML.

See the Pen Recen Post Statis By Label by William Rinaldo (@masrinaldo) on CodePen.
Note : Jangan Publikasikan dulu halaman statis tersebut. Perhatikan pada kode HTML yang sudah di copy pada Halaman Statis. Cari lalu rubahlah kode berikut  :

{

name : "Seo",

url : "Https://www.masrinaldo.com",

tag : "Seo"

},
  • Judul Label : Untuk memberi judul setiap Widget Recent post per Label.
  • URL Blog: Rubah menjadi alamat Blog sobat (URL Blog).
  • Nama Label : Rubah menjadi nama label postingan yang ingin di tampilkan.
  • numPost : Jumlah yang ingin ditampilkan perlabel.
  • showThumbnail : Menampilkan atau tidak Gambar postingan (false / true)
  • showSummary : Menampilkan atau tidak deskripsi snippet dari postingan (false / true).
  • summaryLength : Menentukan jumlah karakter deksripsi snippet postingan.
  • thumbsize : Menentukan ukuran gambar dari postingan.
  • text : Rubah sesuai keingin dari kata Selengkapnya.
  • endParam : Menentukan Jumlah postingan yang akan di tampilkan setelah menekan tombol selengkapnya (Rubah angka 5)

7. Buatlah Judul Halaman statis sesuai keinginan sobat yang dapat disesuaikan dengan nama Label.
8. Untuk memastikan tidak ada kesalahan pada Recent post Banyak Label di halaman statis yang sudah dibuat. Sebaiknya sobat melakukan Pertinjau sebelum mempublikasikan halaman ini.
9. Jika sudah tidak ada yang salah. Klik Publikasikan

Kesimpulan Dari Mas Rinaldo :

Demikian artikel mengenai "Cara Membuat Recent Post Banyak Label di Halaman Statis Blogger" dan mudah-mudahan saya dapat membagikan cara membuat recent post lainnya di postingan selanjutnya.

Source code : https://www.arlinadzgn.com/2015/05/memasang-multi-recent-posts-di-halaman-statis.html

Artikel Terkait

2Comments

Post a Comment

Previous Post Next Post