@ Home

 

Menggunakan Pages untuk menuju Label


Postingan ini saya buat karena satu alasan: Sudah tiga hari ini semua yang bertanya tentang blog sepertinya bingung mengenai hal ini.
Bagaimana menambah postingan pada pages?
Jawabannya tidak bisa, sebab pages adalah tipe halaman web statis, sedangkan halaman posting biasa dinamis(maksudnya bisa bertambah isinya dari posting yang kita publish), nah jadi apakah tidak ada cara membuatnya jadi menuju ke label tiap postingan?
Contoh mengklik tab page 'Tugas' menampilkan semua yang berlabel tugas?
ada.
Yang dibutuhkan cuma kesabaran dan ketelitian. Ikuti posting ini untuk mempelajarinya

Pages sebenarnya baru diimplementasikan ke blogger, jadi sebelumnya kita bisa membuat ini melalui CSS. Saya sudah lupa nama website tempat saya belajar membuat ini, tapi mungkin nanti akan saya upload data CSS untuk membuat label manual(atau hubungi saya kalau memang butuh jalur rumit)

Untuk pemula kode HTML, bisa dicoba 2 cara:

1.Menggunakan Blogger in Draft
Blogger in Draft sebenarnya fitur untuk mencoba beta version dari Blogger. Klik di sini untuk mengakses Blogger in Draft. Login sesuai account blogger masing masing.
Pada sidebar klik pages>webpages>masukkan nama page dan URL label (klik kanan label dan pilih copy link location, lalu paste di sini)>save. Logout dan kembali ke Blogger normal, tes apakah pages sudah berjalan.

2.Mengubah kode HTML
Jangan berpikiran buruk dulu. Kode HTML tidak sesulit itu. pertama, dapatkan URL label. Biasanya formatnya alamatblogmu/search/label/namalabel jadi contohnya alamat blogmu http://www.hijauplh.blogspot.com dan nama labelnya karya nyata, URLnya http://www.hijauplh.blogspot.com/search/label/karya nyata

Buat page baru benama Karya Nyata

Klik Templates>Edit HTML>carilah kode seperti ini(nomor hanya untuk memudahkan. Pada halaman yang kamu lihat tidak akan ada nomor.Perhatikan dan tambahkan bagian yang ditandai tepat seperti pada contoh(dibawah kode loop)>save.

Jika ada masalah silahkan tinggakan komentar.


01<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
02<b:includable id='main'>
03  <b:if cond='data:title'><h2><data:title/></h2></b:if>
04  <div class='widget-content'>
05    <ul>
06      <b:loop values='data:links' var='link'>
07        <b:if cond='data:link.isCurrentPage'>
08          <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
09        <b:else/>
10          <li><a expr:href='data:link.href'><data:link.title/></a></li>
11        </b:if>
12      </b:loop>
13     <li><a href="URL Label">Nama label</a></li>
14    </ul>
15    <b:include name='quickedit'/>
16  </div>
17</b:includable>
18</b:widget>















































Label:


20.54

posted by Lisa Santika Onggrid | 0 comments

0 Comments:

Posting Komentar

Tinggalkan komentar anda untuk memberi masukan pada blog ini. Gunakan kata kata yang sopan, dan mohon maafkarena komentar anda akan dimoderasi.
thank you!
Link menuju tugas karya nyata saya.
Daftar Karya Nyata yang sudah selesai:

The Lone Tree
Celestial Burial
Mother Ocean
When I close My Eyes
River's Tale
Chain of Karma
World in Their Eyes
I Wish
Kehancuran
Green Future



Blog ini akan berisi tugas tugas dan hasil karya saya untuk mata pelajaran PLH. Silahkan gunakan bar navigasi yang ada untuk berkeliling. semoga para pengunjung dapat memberikan saran saran untuk perbaikan blog ini dengan meninggalkan komentar atau mengisi chatbox yang tersedia.

Template saya buat dengan Notepad,Dreamweaver, dan Photoshop, dengan gambar bumi dari Google dan layout dasar dari Wings of An Angel.

Kenapa saya meletakkan bar ini di samping sehingga harus discroll dulu? Ini untuk memberi pilihan jika seandainya anda tidak ingin melihat bar ini dan hanya berkonsentrasi pada konten anda bisa dengan mudah melakukannya.

Template-Emerald Lane made by Lisa Santika Onggrid-Some codes may belong to Wings of An Angel Manga Scanlations