✔ Data Tag Blogger Advance Level Beserta Fungsinya, Wajib Tahu!

Beberapa Data Tag Blogger Advance Level Yang Perlu Kamu Ketahui Untuk Kostum Template Lebih Baik

Blogger merupakan platform Blogging dari Google yang menjadi salah satu platform blog terpopuler selain Wordpress. 

Platform ini sepenuhnya gratis dan sangat gampang digunakan. Anda tidak perlu mempunyai keahlian coding ataupun pengetahuan mengenai server. Cukup menciptakan blog gratis memakai akun Google, maka anda blog langsung anda sudah sanggup digunakan. 

Tapi seiring berjalannya waktu, mungkin anda juga harus mempunyai sedikit pengetahuan mengenai coding, setidaknya HTML dan CSS tingkat dasar. Hal ini berkhasiat nantinya semoga anda sanggup kostumisasi tampilan blog anda memakai pengetahuan tersebut.

Bagi anda pengguna Blogger.com yang sudah mempunyai pengetahuan ihwal coding, mungkin sudah tidak abnormal dengan yang namanya data tag XML di Blogger seperti data:post.body , data:Blog.homepageURL , data.blog.PageName , dan lainnya. 

Beberapa arahan tag di Blogger tersebut dipakai untuk memanggil element tertentu yang ada pada Blogger. 

Misalkan data:blog.title yang dipakai untuk memanggil judul dari Blog yang sudah anda setting di dashboard Blogger. Atau tag data:post.body yang merupakan tag untuk memanggil content utama dari sebuah artikel atau halaman.

Biasanya tag data Blogger di atas sudah niscaya ada pada template default yang anda pilih ketika menciptakan blog di Blogger.com.

Tapi untuk meng-kostum Blogger anda menjadi lebih bagus, saya rasa anda harus mengetahui beberapa tag data Blogger tingkat lanjutan (Advance Level) yang mungkin belum pernah anda gunakan sebelumnya. 

Misalnya, anda ingin menciptakan 2 style template yang berbeda namun dalam 1 domain blog, dan pengguna sanggup menentukan template tersebut. Anda sanggup memanfaatkan tag data dengan tag conditional. 

Disini saya hanya akan menampilkan penulisan tag data secara singkat beserta fungsinya saja. Untuk cara penggunaanya lanjutan, akan saya jelaskan pada artikel selanjutnya. Untuk itu, silahkan subscribe feed saya dengan mengisi kolom subscribe di bawah atau follow blog ini.

Data Operator URL

Data blogger yang sanggup dipakai pada sebuah URL. Tag Data Operator URL ini berfungsi untuk mengubah, menambah atau menghapus sebuah bab dari URL Blogger. Ada beberapa atribut dan atau element yang sanggup diterapkan. Saya akan jelaskan:

1. Operator URL Params

Fungsi dari tag data ini untuk menambahkan parameter pada URL. Objek untuk beberapa penambahan parameter terbatas.

Contoh penulisan: 

<a expr:href='data:view.url params { template: "dark" }'> Dark Version </a>

Hasil:

<a href='https://alamat.com/?template=dark'>Dark Version</a>

2. Operator URL Path

Digunakan untuk merubah atau menciptakan jalur URL.

Contoh penulisan: 

<a expr:href='data:view.URL path "/2030/09/lorem-ipsum.html"'> Text Link </a>

Hasil:

<a href='aciknadzirah.blogspot.com/search?q=lorem-ipsum"'> Text Link </a>

3. Operator URL fragment

Digunakan mengganti / merubah / menambah sebuah fragment atau hashtag (#) di simpulan URL.

Contoh penulisan:

<a expr:href='data:view.url fragment "footer"'>   Link text </a>

Hasil:

<a expr:href='https://alamat.com/category/label/lorem.html#footer'>   Link text </a>

4. Operator URL appendParams

Digunakan mengganti semua parameter pada URL.

Contoh penulisan:

<a expr:href='data:view.url appendParams { hl: "en" }'>   English </a>

Hasil: 

<a href='xxxxxxx/?hl=en'>   English </a>

*Yang bertanda merupakan URL aktif ketika ini.

Keterangan mengenai data Operator URL

• Data Blogger Operator URL ini hanya sanggup diterapkan pada sebuah link / URL
• Bisa ditempatkan pad tag link <a> dengan :expr dan juga memakai tag conditional blogger.
  Contoh:
  

  <b:if cond='data:view.url == data:view.url params { amp: &quot;1&quot; }'> <!-- element content--> </b:if>

• Bisa dipakai untuk b:attr dengan penggunaan terbatas.

Data Tag Article Snippet

Beberapa data di bawah ini dipakai untuk memanggil  rangkuman dari sebuah artikel utama, biasanya dipakai pada halaman homepage maupun widget. 

Data tag data:post.snippet mungkin sudah banyak yang mengetahui. Bahkan hampir semua template Blogger sudah menggunakannya. Namun ada beberapa atribut yang sanggup dikembangkan untuk kostum snippet artikel. 

data:post.snippet

Digunakan pada popular post widget, namun sanggup diakali dengan menempatkan ditempat lainnya.

Penerapan:

<div class="..."> <data:post.snippet/> </div>

Keterangan: 

• Minimal widget dan layout versi 1
• Maksimal 140 huruf yang sanggup disematkan.

Jika ingin mengurangi karakter, sanggup memakai data XML b:eval menyerupai teladan di bawah ini.

<div class="..."> <b:eval expr='snippet(data:post.snippet, {length: 120})'/> </div>

data:post.longSnippet

Data tag snippet ini dipakai untuk menciptakan ringkasan artikel yang panjang

Contoh penulisan:

<div class="..."> <data:post.longSnippet/> </div>

Keterangan:

• Minimal widget dan layout versi 1
• Maksimal 1000 huruf yang sanggup disematkan dan tidak sanggup ditambah.

Jika ingin mengurangi karakter, sanggup memakai data XML b:eval menyerupai teladan di bawah ini.

<div class="..."> <b:eval expr='snippet(data:post.longSnippet, {length: 1000})'/> </div>

data:posts.snippets.short

Data tag snippet ini dipakai untuk menciptakan ringkasan artikel yang pendek.

Contoh penulisan:

<div class="..."> <data:post.snippets.short/> </div>

Keterangan:

• Minimal widget Versi 2
• Minimal layout Versi 3
• Maksimal huruf 100, tidak sanggup ditambah
• Minimal huruf terserah anda

Jika ingin mengurangi karakter, sanggup memakai data XML b:eval menyerupai teladan di bawah ini.

<div class="...">   <b:eval expr='snippet(data:posts.snippets.short, {length: 100})'/> </div>

Bersambung... Cooming Soon

---------------------------------------------------------------------
Sementara sanggup dilanjutkan di kolom komentar terlebih dahu
---------------------------------------------------------------------

Nah itulah Data Tag Blogger Advance Level Beserta Fungsinya, yang sanggup anda terapkan di template XML Bogger anda. Saya memahami kurang jelasnya apa yang saya sampaikan, saya akan segera mengupdate secara lengkap mengenai template data tag Blogger tersebut.

Semoga bermanfaat.
Sumber http://ampidn.blogspot.com

Share this post

Berlangganan update artikel terbaru via email: