Memahami Template Blogger Part 3 Cara menggunakan expr: namespace - tautan kustomisasi. - Hallo sahabat safeanythink, Pada Artikel kali ini yang berjudul Memahami Template Blogger Part 3 Cara menggunakan expr: namespace - tautan kustomisasi., kami berusaha mempersiapkan artikel ini dengan sebaik baiknya untuk anda baca dan ambil informasi didalamnya. Semoga isi postingan yang kami tulis ini dapat dengan mudah anda pahami. baiklah, selamat membaca.

Judul : Memahami Template Blogger Part 3 Cara menggunakan expr: namespace - tautan kustomisasi.
link : Memahami Template Blogger Part 3 Cara menggunakan expr: namespace - tautan kustomisasi.

Memahami Template Blogger Part 3 Cara menggunakan expr: namespace - tautan kustomisasi.

Memahami Template Blogger

Template blogger adalah dokumen xhtml yang diberikan berdasarkan variabel. Tutorial ini bertujuan untuk membantu anda dalam memahami Template Blogger dan untuk experimen, belajar dan mengubahnya.
Template Blogger terutama memiliki tiga jenis variabel, variabel inilah yang akan mengontrol aliran kode, yang menarik data dari database dan yang ketiga adalah sebagai expresi. Variabel ini kemudian dibedakan dengan bantuan ruang nama berikut.

Ini adalah yang ketiga dari seri tiga tutorial untuk Blogger Template dan terutama berkaitan dengan penjelasan tentang expr: namespace dan memahami penggunaannya. Tuts lainnya adalah:

Penjelasan Template Blogger - Bagian, widget, termasuk, termasuk. b: namespace
Penjelasan Template Blogger - Akses data. data: elemen namespace.
Penjelasan Template Blogger - Cara menggunakan expr: namespace - tautan kustomisasi.


Namespace expr sederhana tetapi penggunaannya sangat penting. Expr pada dasarnya digunakan bersama dengan tag data. Untuk membuat mesin blogger sadar bahwa atribut tag xml yang akan datang berikutnya memiliki tag data di dalamnya dan harus diuraikan. Setiap kali ada tag mengatakan tag anchor, Anda akan memiliki atribut seperti href dan dalam hal ini Anda ingin tautan href dibuat secara dinamis dengan bantuan beberapa data mengatakan data: post.url maka Anda harus menggunakan href sebagai expr: href.


Implementasi sederhana expr: href dalam include judul.

Ini termasuk bagian judul blog Anda. Periksa penggunaan expr: href dengan tag anchor.


<b: include id = 'title'>
<b: if cond = 'data: blog.url == data: blog.homepageUrl'>
<data: title />
<b: else />
<a expr:href='data:blog.homepageUrl'> <data: title /> </a>
</ b: if>
</ b: include>


Lihat kode ini di bawah ini untuk memahami implementasi expr: src dan lebih dari tag semacam itu. Ini digunakan untuk mem-parsing tag data dalam atribut tag img gambar.


<a expr:href='data:blog.homepageUrl' style='display: block'>
<img
expr: alt = 'data: title'
expr: height = 'data: height'
expr: id = 'data: widget.instanceId'
expr: src = 'data: sourceUrl'
expr: width = 'data: width'
style = 'display: block'
/>
</a>


Seperti yang Anda lihat bagaimana tag expr diterapkan ke atribut secara selektif. Di mana pun data akan digunakan, expr diterapkan dan dengan gaya di mana tag data tidak diperlukan, expr dinonaktifkan. Oleh karena itu variabel namespace expr adalah semua atribut yang mungkin memiliki beberapa variabel namespace data yang dimasukkan di dalamnya. Jadi gunakan expr untuk tag data yang digunakan dalam nilai atribut apa pun seperti expr: title, expr: id, expr: onClick dan sebagainya. Atribut ini dapat untuk tag xml apa pun. Saya telah melihatnya di anchor a, img gambar, span, div, pilih, input, button dll., Semuanya cukup banyak.


Contoh Social Bookmark Stumble Upon untuk Blogger.


Daftar kode di bawah ini menjelaskan cara memasukkan tombol stumble upon untuk blogger. Meskipun ini berfungsi sebagai contoh tentang bagaimana melakukan ini, tetapi fokus utama saya di sini adalah pada penggunaan kutipan. Jadi periksa bagaimana tanda kutip tunggal dan ganda digunakan dalam expr: href untuk membuat dan menggunakan url untuk mengirim dan / atau mengotak-atik posting spesifik dengan benar. Biasanya tidak masalah bahwa Anda menggunakan tanda kutip tunggal atau ganda, tetapi ketika atribut Anda harus menggunakan keduanya tanda kutip tunggal memutuskan pembukaan dan penutupan atribut dan tanda kutip ganda dipahami sebagai bagian dari atribut.

Blogger menggunakan tanda kutip tunggal untuk nilai atribut, dan tanda kutip ganda di dalamnya, jadi ubah kode Anda seperlunya. Di dalam nilai atribut, jika ada tanda kutip tunggal atau ganda tambahan sebagai bagian dari kode asli, misalnya Javascript, Anda harus menghindarinya. Periksa juga bahwa ampersand '&' dikonversi ke '& amp;'. Jadi, Anda mungkin harus membuat url dengan cara ini. Lihat lebih lanjut tentang uraian pada url posting di situs mereka StumbleUpon http://www.stumbleupon.com Bagian widget dan tombol.


<a
rel="nofollow"
target="_ blank"
expr:href='"http://www.stumbleupon.com/submit?url=" + data: post.url + "& amp; title =" + data:post.title'
title="StumbleUpon">
<img
src="../ stumbleupon.png"
title="StumbleUpon"
alt="StumbleUpon"
class="bersosialisasi-melayang"
/>
</a>



Contoh Bookmark Sosial - Tambahkan Digg ke Blogger


Sekali lagi meskipun daftar kode di bawah ini adalah contoh dari Menambahkan Digg ke template Blogger, fokus saya di sini adalah pada pelolosan yang dilakukan saat menggunakan javascript. Periksa bagaimana data: post.url digunakan saat memasukkannya ke dalam variabel javascript digg_url. Anda dapat menggunakan kode ini untuk menampilkan penghitungan digg yang dilakukan untuk posting Anda dengan cara yang rapi dan rapi di blog Anda. Lihatlah dokumentasi digg ini di bagian http://www.digg.com tools.


<script type = "text / javascript">
digg_url = & # 39; <data:post.url /> & # 39 ;;
digg_skin = 'compact';
digg_window = 'baru';
</script>
<script src = "http://digg.com/tools/diggthis.js" type = "text / javascript"> </script>





Jadi ketika Anda melihat pelolosan yang tepat dilakukan di atas. Meskipun ini bukan contoh langsung dari expr: penggunaan tag sebagai javascript onclick atau yang lainnya tidak digunakan di sini. Tapi Anda punya logika yang benar? Tetapi jika Anda tidak memeriksa daftar kode ini menampilkan tombol untuk menambahkan komentar. Ini umumnya ditemukan di bagian footer dari posting Anda dan itu jelas dapat disesuaikan :).


<div class='post-footer-line post-footer-line-3'>
<span class='post-comment-link'>
<b:if cond='data: blog.pageType! = & quot; item & quot;'>
<b:if cond='data: post.allowComments'>
<a
class='tautan komentar'
expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>
1 <data:top.commentLabel />
<b:else />
<data:post.numComments /> <data:top.commentLabelPlural />
</b:if>
</a>
</b:if>
</b:if>
</span>
</div>



Data:post.addCommentOnclick menghasilkan javascript yang sesuai berdasarkan pengaturan blog Anda, misalnya jendela sembulan atau halaman posting komentar. Dan data:post.addCommentUrl akan menghasilkan url yang menunjuk ke komentar untuk postingan.

sekarang kita telah sampai pada akhir tiga tutorial yang saya ingin tulis di template blogger. Tetapi jika Anda ingin hal lain ditambahkan dalam seri tutorial ini, beri tahu saya dan saya akan melakukannya.

Jika Anda telah melakukan sesuatu yang menarik dengan template blogger, buat back-link ke sana dalam tutorial ini. Silakan bagikan komentar Anda tentang hal-hal yang dibahas dan tambahkan informasi yang Anda rasa akan bermanfaat bagi orang lain. Terima kasih sudah membaca.