Membuat Halaman Sitemap atau Daftar Isi Blog Tampilan Dinamis

SHARE:

Berikut ini cara membuat halaman sitemap atau daftar isi dengan tampilan dinamis dan denga effect yang menarik, selamat mencoba.

Membuat Halaman Sitemap atau Daftar Isi Blog Tampilan Dinamis
Contoh tampilan dinamis halaman sitemap atau daftar isi
Halaman sitemap atau biasa disebut juga daftar isi merupakan salah satu fitur yang disuguhkan oleh pemilik blog untuk mempermudah pengunjung mengubek-ubek isi blog. Ini juga salah satu optimasi Seo on page yang sering dilakukan seorang blogger. Bagi kalian yang belum menerapkan halaman daftar isi pada blog, kali ini saya akan memberikan tutorial cara membuat halaman sitemap atau daftar isi blog.

Membuat Halaman Sitemap atau Daftar Isi Tampilan Dinamis


Untuk membuat halaman sitemap, caranya sama dengan membuat halaman seperti biasanya. Hanya saja untuk daftar isi nanti mode penulisannya menggunakan mode HTML. Karena akan ada sript yang akan dimasukkan ke dalam halaman statis tersebut untuk menampilkan daftar isi.

Langkah-langkah :


Pertama silahkan membuat halaman baru seperti biasa pada blog kalian, jangan lupa pakai mode HTML jangan COMPOSE.

Cop kode di bawah ini, lalu pastekan di dalam halaman baru tersebut. Pada tulisan ' YOUR_DOMAIN ' ganti dengan domain blog kalian.

<style type="text/css">
.sbis {
 overflow: hidden;
 position: relative;
 height: 565px;
 margin: 20px 0 40px 0;
}
.sbis iframe {
 display: block;
 width: 100%; 
 height: 680px;
 margin-top: -115px;
 margin-left: -10px;
 padding-right: 10px;
}
</style>
<div class="sbis">
 <iframe src="http://YOUR_DOMAIN/view/flipcard"></iframe>
</div>

Kalian bisa mengganti flipcard dengan tampilan effect yang lain sesuka kalian seperti di bawah ini :
  1. classic
  2. magazine
  3. mosaic
  4. sidebar
  5. snapshot
  6. timeslide

Catatan :


Kode halaman sitemap tersebut akan berjalan pada blog kalian jika blog memenuhi syarat :
  1. Blog bisa dikunjungi oleh publik atau siapa saja tanpa harus masuk akun google
  2. Feed blog disetting penuh
Saya rasa cukup sampai disini penjelasan saya. selamat mencoba.

COMMENTS

Nama

Adsense,4,Blog,10,Design Blog,5,Seo,4,
ltr
item
Belajar Ngeblog: Membuat Halaman Sitemap atau Daftar Isi Blog Tampilan Dinamis
Membuat Halaman Sitemap atau Daftar Isi Blog Tampilan Dinamis
Berikut ini cara membuat halaman sitemap atau daftar isi dengan tampilan dinamis dan denga effect yang menarik, selamat mencoba.
https://2.bp.blogspot.com/-UjaJWZ27zLI/Wj0M-LqqULI/AAAAAAAACe8/g93uluSEXkYNI-DnFFcMSgrROZbywZqKwCLcBGAs/s1600/sitemap.png
https://2.bp.blogspot.com/-UjaJWZ27zLI/Wj0M-LqqULI/AAAAAAAACe8/g93uluSEXkYNI-DnFFcMSgrROZbywZqKwCLcBGAs/s72-c/sitemap.png
Belajar Ngeblog
https://alimbanjar.blogspot.com/2017/12/membuat-halaman-sitemap-atau-daftar-isi.html
https://alimbanjar.blogspot.com/
https://alimbanjar.blogspot.com/
https://alimbanjar.blogspot.com/2017/12/membuat-halaman-sitemap-atau-daftar-isi.html
true
4087688367466372745
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy