Membuat Featured Random Post Responsive di Homepage Blogger

Membuat Featured Random Post Responsive di Homepage Blogger

Membuat Featured Random Post Responsive di Homepage Blogger

Cara Membuat Featured Random Post di Homepage Blogger - Featured Post adalah post yang biasanya ditonjolkan pada sebuah situs. Biasanya featured post ini sering disebut juga sebagai sticky post yang dipasang di halaman depan blog. Featured post sangatlah penting untuk meningkatkan traffic organik di blog kita. Karena, dengan adanya featured post, pengunjung dapat mengetahui artikel artikel yang telah tenggelam yang sebelumnya telah kita terbitkan. Sebagai catatan, Featured post yang saya bagi ini menggunakan JQuery Plugin. Jadi tidak bisa dipasang pada blog AMP. Untuk demonya, silahkan lihat gambar dibawah ini atau lihat di halaman depan blog ini (jika saya belum menggantinya)


Jika anda tertarik untuk menggunakan featured post ini di blog anda, silahkan ikuti langkah-langkah mudah dibawah ini :

1. Login ke Blogger > Template > Edit HTML


2. Langkah pertama, pasang plugin JQuery, jika anda telah memasangnya pada blog, lewati langkah ini. Untuk memasangnya, Cari kode <head>. Letakkan kode dibawah ini dibawahnya
3. Setelah itu, masukkan Style CSS-nya. Cari kode </head>. Lalu pastekan kode di bawah ini tepat diatasnya
3. Masukkan Javascript-nya. Cari kode </body>, pastekan kode dibawah ini diatasnya
PERHATIKAN : dalam script tersebut, ganti http://www.rizaldipriantama.com dengan link url blog anda



4. Langkah terakhir yaitu memasang kode pemanggilan di tampilan blog anda. Anda dapat menaruhnya sesuai kebutuhan kode template anda. biasanya terletak diatas main-wrapper. Namun, secara umum, diletakkan diatas kode <body


5. Simpan Template dan Lihat Hasilnya

Jika anda memiliki pertanyaan seputar Membuat Featured Random Post Responsive di Homepage Blogger, silahkan layangkan pada kolom komentar. Terima Kasih

Bagikan Artikel ini Agar Bermanfaat
Bagikan artikel ini dengan alamat berikut: Get Short URLloading short url
Blogger
Pilih Sistem Komentar Yang Anda Sukai

8 komentar tentang "Membuat Featured Random Post Responsive di Homepage Blogger"

Mudah dimengerti, ada demo nya juga. musti instal plugin JQuery

Balas Hapus

Komentarnya juga singkat, padat, jelas gan |o|

Balas Hapus

Memang saya keren :p

Balas Hapus

Muantab thx sekali gan

Balas Hapus

Perhatian!
• Berkomentarlah relavan dengan artikel
• Dilarang mencantumkan link hidup, promosi, porno, SARA, anarkis, dll
• Komentar yang melanggar akan dihapus tanpa pemberitahuan sebelumnya
Gunakan kode <i rel="image">URL GAMBAR DI SINI</i> untuk menyertakan gambar di komentar

Tampilkan Emoticon

Gunakan konversi parse HTML tool jika ingin menyertakan kode
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>, and please parse the code in the parser box below.
Show Parser Box