Buat Halaman Peta Situs Blogspot / Blogger Menggunakan Tampilan Dinamis

 Bagikan: 

---

Fitur Dynamic View dari Blogger memberikan banyak efek transisi yang luar biasa dan banyak filter di banyak tata letak untuk membuat daftar konten dari blog Anda. Kami mengambil manfaatnya untuk membuat halaman peta situs keren untuk situs web Blogger / Blogspot Anda.

Idenya sederhana, Blogger menyediakan fitur Tampilan Dinamis pada URL terpisah di situs Anda. Jadi kami akan menggunakan URL itu untuk memuat Tampilan Dinamis dalam iframe. Sangat sederhana bukan?

Berikut adalah Demo Peta Situs Blogger

Kode Peta Situs Blogger

Pada awalnya, buat halaman statis di blog Anda dan edit dalam mode HTML.

Selanjutnya, Anda perlu mengganti teks " YOUR_DOMAIN " dalam kode di bawah ini kemudian salin dan tempel ke konten halaman Anda (dalam mode HTML)

<! - 
Penulis: http://sneeit.com
URL: http://sneeit.com/create-blogger-site-map-dynamic-view/
Sneeit Blogger iFrame Sitemap :: sbis 
->
<style type = "text / css">
.sbis {
 overflow: disembunyikan;
 posisi: relatif;
 tinggi: 565px;
 margin: 20px 0 40px 0;
}
.sbis iframe {
 display: blok;
 lebar: 100%; 
 tinggi: 680px;
 margin-top: -115px;
 margin-left: -10px;
 padding-right: 10px;
}
</style>
<div class = "sbis">
 <iframe src = "http: // YOUR_DOMAIN / view / flipcard "> </iframe>
</div>

Anda juga dapat mengganti " flipcard " dalam kode menjadi SATU dari gaya berikut untuk mengubah cara tata letak peta situs Anda:

• klasik
• majalah
• mosaik
• sidebar
• foto
• kalilide

Catatan

Tampilan dinamis iframe akan berfungsi di blog Anda jika semua hal berikut ini benar:

• Blog Anda bersifat publik. Pembaca Anda tidak perlu masuk untuk melihat blog Anda. Di Dasbor> Pengaturan > Dasar > Pembaca Blog , Anda perlu mengatur pembacaan blog Anda ke Publik .
• Blog Anda telah mengaktifkan umpan sepenuhnya. Di Dasbor > Pengaturan > tab Umpan situs , Anda telah mengaktifkan Istirahat Penuh atau Langsung untuk Umpan Posting Anda .
• Anda belum menonaktifkan tampilan dinamis. Di Dasbor > Pengaturan > tab Pemformatan , opsi untuk Mengaktifkan Tampilan Dinamis diatur ke Ya .

Selamat datang semua komentar untuk meningkatkan kode lebih baik. Terima kasih banyak.

Terima kasih kepada  wind.snow1  yang berkontribusi pada pos ini.

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by GNOM PANEL, Published at Maret 31, 2019 and have 0 komentar