Bagaimana Jika Kode Template Blog Ada Yang Sama?

Bagaimana Jika Kode Template Blog Ada Yang Sama? Setiap teman-teman blogger pasti selalu menemukan beberapa kode template blog yang sama ketika mencari kode dan ingin memasang beberapa kode tambahan kedalam template blog dan tak urung pun kita selalu menanyakan letak pemasangan kode tersebut karena adanya beberapa kode yang sama. Mau dipasang di kode yang mana, yang pertama, kedua atau ketiga? Bingungkan? Tentu bingung, saya juga bingung :) Dan karena bingung inilah saya membuat artikel khusus ini agar kita semua tidak bingung lagi ketika menemukan kode template blog yang sama. Mari kita pelajari Bagaimana Jika Kode Template Blog Ada Yang Sama?

Bagaimana Jika Kode Template Blog Ada Yang Sama?

Satu hal yang terpenting dalam membaca sebuah kode template blog adalah bukan dari banyaknya kode yang terdapat didalam template tersebut tapi lebih memahami tata letak dan struktur dari kode tersebut. Ingat, didalam Blogger sebenarnya sudah diberikan Tata Letak dan struktur penyesuaian dalam melakukan perubahan kode template blog secara sempurna. Namun dibalik kesempurnaan yang diberikan Blogger itu, pengguna kadang tidak pernah mengetahui setiap kode-kode yang telah mereka rubah jika tidak melihat secara langsung kode template blog yang telah mengalami perubahan tersebut

Okey, kalau membahas secara teori, bahasan mengenai kode template blog ini tidak akan muat hanya dalam satu artikel. Lebih baik kita langsung kepermasalahan saja Bagaimana Jika Kode Template Blog Ada Yang Sama?
Disini saya akan mencontohkan salah satu kode template yang secara umum memiliki 2 lebih kode yang sama yaitu <data:post.body/>
Jika didalam template memiliki 2 kode <data:post.body/> maka kedua kode tersebut memiliki fungsi yang berbeda dan tentunya memiliki tata letak yang berbeda juga dari komponen yang ada didalam kode <data:post.body/> tersebut

Lihat contoh kode dibawah ini yang didalamnya terdapat 2 kode <data:post.body/>

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'><b>Readmore</b></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Apakah kedua kode <data:post.body/> diatas memiliki struktur yang sama? Tentu tidak
Apakah kedua kode <data:post.body/> diatas memiliki fungsi yang sama? Tentu tidak
Jika kedua kode <data:post.body/> diatas memiliki struktur dan fungsi yang berbeda maka tata letak dari setiap kode yang ada didalamnya juga memiliki perbedaan letak dan tempat

Contoh penerapan dari struktur, fungsi dan tata letak dari kode <data:post.body/> adalah sebagai berikut
Saya akan menambahkan sebuah kalimat PANDUAN TEMPLATE BLOG tepat diatas dan setelah kode <data:post.body/> yang pertama
Saya juga menambahkan kalimat PANDUAN TEMPLATE BLOG tepat diatas dan setelah kode <data:post.body/> yang kedua
Sehingga perubahan yang terjadi pada kode template menjadi seperti berikut ini;

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>PANDUAN TEMPLATE BLOG<data:post.body/>PANDUAN TEMPLATE BLOG</div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'><b>Readmore</b></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>PANDUAN TEMPLATE BLOG <data:post.body/> PANDUAN TEMPLATE BLOG</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Maka hasilnya pada blog seperti terlihat pada gambar berikut ini; Maaf, saya tidak memberikan tampilan gambarnya, hal ini agar menambah keingintahuan sobat dalam melakukan editing kode template, silahkan di coba untuk mengetahui hasilnya dan tidak perlu takut.. padahal gambarnya ada diatas loh heheee

Jadi, jika kita menemukan sebuah tutorial yang memiliki kode template blog yang sama, cukup perhatikan hasil letak dari tampilan kode tersebut, seperti pada gambar diatas, apakah hasilnya berada diatas, dibawah, disamping kanan, atau kiri dari sebuah element template

Secara tata letak, kode tamplate yang sama cukup melihat perubahan yang terjadi saat kode template tersebut ditayangkan atau ditampilkan. Namun secara umum kode template blog yang sama memang harus ada karena ada 2 tampilan yang akan ditampilkan yaitu;

1. Tampilan Desktop
2. Tampilan Mobile

Untuk itulah, kita tidak perlu bingung dengan kode-kode tamplate blog, jika ia dipelajari secara sabar, maka akan lebih meudah dalam melakukan editing terhadap kode tersebut dan seperti yang telah saya jabarkan diatas, mungkin masih terlihat membingungkan jika dibaca tanpa dipraktekkan. Cobalah bermain-main dengan kode tamplate blog sobat, saya yakin sobat pasti bisa. Semoga dengan penjabaran yang ruwet ini bisa memberikan manfaat dan pengetahuan seputar kode tamplate blog. Dan jika ada yang mau didiskusikan silahkan tinggalkan komentar sobat untuk artikel ini, Bagaimana Jika Kode Template Blog Ada Yang Sama?