Belajar Mengenal Bahasa Markup HTML Template - Blog terbentuk dengan variasi template yang berbeda-beda style, namun bahasa markup HTML yang digunakan tidak jauh berbeda dengan kode-kode elemen yang saya jabarkan dibawah ini, hampir semua bentuk tempale terdapat susunan struktur elemen HTML seperti ini
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
DATA ELEMENT | FUNGSI TAMPILAN | KETERANGAN HASIL |
---|---|---|
data:newerPageUrl | Indikator Elemen untuk menyatakan bahwa terdapat posting yang lebih baru sebelum daftar posting yang sedang aktif yang terlihat di halaman. Elemen ini digunakan untuk memunculkan navigasi Posting Lebih Baru saat diperlukan dan akan menyembunyikannya saat tidak diperlukan. Misalnya, saat kita sedang berada di halaman beranda, kita tidak akan melihat navigasi Posting Lebih Baru. Elemen ini juga berfungsi untuk menampilkan URL halaman (saat sedang berada di halaman indeks) atau URL posting (saat sedang berada di halaman item) yang lebih baru dari halaman yang sedang aktif. | http://URL-Anda.blogspot.com/search?updated-max=2012-12-21T16:36:00%2B07:00&max-results=2 |
data:olderPageUrl | Elemen ini merupakan kebalikan elemen ( data:newerPageUrl ) yang menyatakan bahwa terdapat posting yang lebih lama setelah posting yang sedang aktif terlihat di halaman | http://URL-Anda.blogspot.com/search?updated-max=2012-12-21T16:36:00%2B07:00&max-results=2&reverse-paginate=true |
data:newerPageTitle | Elemen ini akan menampilkan teks navigasi menuju halaman posting yang lebih baru | Posting Lebih Baru, Newer Post |
data:olderPageTitle | Elemen ini akan menampilkan teks navigasi menuju halaman posting yang lebih lama | Posting Lama, Older Post |
data:widget.instanceId | [ ~ ] | Jika pada widget Template akan terdapat loncatan untuk menuju pengaturan Blog1 |
data:blog.homepageUrl | Halaman Item Beranda/Home | http://URL-Anda.blogspot.com/ |
data:homeMsg | Elemen ini akan menampilkan teks navigasi ke halaman awal. | Beranda - Home |
data:mobileLinkUrl | URL blog versi seluler berdasarkan URL yang sedang aktif. Kode ini akan menghasilkan nilai yang sama dengan data:blog.url dengan akhiran berupa ?m=1 | http://URL-Anda.blogspot.com/?m=1 |
data:desktopLinkUrl | URL blog versi desktop berdasarkan URL yang sedang aktif. Dengan data:blog.url dengan akhiran berupa ?m=0 | http://URL-Anda.blogspot.com/?m=0 |
data:mobileLinkMsg | Elemen ini akan menampilkan teks navigasi menuju blog tampilan seluler. | Lihat versi seluler |
data:desktopLinkMsg | Elemen ini akan menampilkan teks navigasi menuju blog tampilan web/desktop. | Lihat versi web |
Kode-kode HTML diatas hanya sebahagian kecil terdapat pada template saya dan begitu juga pada template Anda, Jadi saya mohon untuk tidak menyebarluaskan seluruh kode diatas dalam bentuk editan atau bentuk apapun tanpa se-izin sumbernya.
Saya jabarkan beberapa kode HTML ini hanya untuk kita PELAJARI bersama, untuk DIPAHAMI dan digunakan untuk sesuatu yang LEGAL, jadi saya meminta PENGERTIAN dari sahabat-sahabat semua pecinta SAHABAT BLOGGER 77
sumber ~ google.com/sahabatblogger77.blogspot.com
TERIMA KASIH
Saya jabarkan beberapa kode HTML ini hanya untuk kita PELAJARI bersama, untuk DIPAHAMI dan digunakan untuk sesuatu yang LEGAL, jadi saya meminta PENGERTIAN dari sahabat-sahabat semua pecinta SAHABAT BLOGGER 77
sumber ~ google.com/sahabatblogger77.blogspot.com
TERIMA KASIH