Membuat Featured Random Post Responsive di Homepage Blogger

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

Jika bermanfaat, Bantu bagikan artikel ini ke teman anda dengan alamat berikut: Get Short URLloading short url
Lebih Baru
Next Post
Lebih Lama
Previous Post


Comment Policy:
Silahkan tuliskan komentar anda yang sesuai dengan topik postingan halaman ini.
Dengan berkomentar, anda dianggap telah memahami Comments Policy. Terima Kasih