Buat Halaman Peta Situs Blogspot

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.

Muat Komentar (29)

Formulir Kontak untuk Blogger di Halaman Statis hanya dengan CSS

Kami tahu, Google merilis Formulir Kontak untuk Blogger minggu lalu. Dan saya menerima banyak permintaan untuk membuat formulir kontak untuk Blogger di halaman statis ... BACA LEBIH BANYAK

Sistem Ikon Sosial Blogger Sederhana

Widget Daftar Tautan apa pun dengan $ type = social_icons pada judul akan menjadi daftar Ikon Sosial jika templat Anda terintegrasi dengan Ikon Sosial Blogger ... BACA LEBIH LANJUT

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

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