tRikSonic
Informasi : saat ini anda mengakses blog ini untuk halaman yang di percepat penggunaannya untuk mobile/handphone (AMP) atau akses mobile dengan kecepatan internet yang rendah, mungkin beberapa fitur diblog ini belum tersedia, silahkan ganti Thema untuk mengaktifkan beberapa fitur lainnya. Terimakasih

b:skin - b:template-skin - Blogger Tutorial

Terakhir diperbarui : 2 Januari 2019 - 05.56

Penjelasan <b:skin>

Tag <b:skin> dan <b:template-skin> adalah sebuah tag digunakan pada xml blogger. Tag ini berfungsi mengatur tampilan pada tema atau template.

Didalam tag <b:skin> dan <b:template-skin> dapat dituliskan CSS dan pendeklarasian variable
  1. <b:skin>, wajib ada pada semua jenis tema xml, dan ditulis hanya diperbolehkan 1 saja.
  2. <b:template-skin>, digunakan untuk mengatur tampilan pada dashboard, tag ini bisa ditulis ataupun tidak.
  3. <b:skin> dan <b:template-skin> ditulis di dalam rentang tag html <head>...</head> pada template xml.

Syntax

<b:skin>
<b:skin>
<![CDATA[
    
]]>
</b:skin>
<b:template-skin>
<b:template-skin>
<![CDATA[
    
]]>
</b:template-skin>

Hasil Render HTML

<b:skin>
<style id='page-skin-1' type='text/css'>

</style>
<b:template-skin>
<style id='template-skin-1' type='text/css'>

</style>

Contoh Penggunaan <b:skin>

<b:skin>
<![CDATA[
html {
  font-family: sans-serif;
  font-size: 16px;
}  
]]>
</b:skin>

Contoh Penggunaan <b:template-skin>

<b:template-skin>
<![CDATA[
#layout ul, #layout ol {
    list-style-type: none;
}
]]>
</b:template-skin>
Jika CSS yang digunakan hanya diperuntukan pada tata letak, mungkin cara berikut lebih baik digunakan.
<bif cond='data:view.isLayoutMode'>
<b:template-skin>
<![CDATA[
/* css layout mode */

]]>
</b:template-skin>
</bif>
Semoga bermanfaat.

Informasi :

Artikel ini merupakan panduan tidak resmi tentang xml blogger template.
Untuk mendapatkan informasi yang lebih tepat, sangat disarankan mencarinya pada tautan dibawah ini :

  1. Blog Blogger
  2. Pusat Bantuan Blogger
  3. Forum Bantuan Blogger
  4. Forum Bantuan Google
  5. Stack Overflow

12 komentar

Acink7111/26/2018Balas Komentar ini
Coba
Minh Quy12/24/2018Balas Komentar ini
thanks :*
CodePlug Official8/16/2019Balas Komentar ini
seru
azid zainuri5/04/2020Balas Komentar ini
mohon maaf mas saya comment di tutor ini. sebenarnya saya ingin menanyakan terkait javascript credit link di tutor triksonic.blogspot,com/2016/11/cara-mengamankan-credit-link-dengan,html

karena artikel tersebut tidak ada kolom komentarnya saya tanya di sini mas.

untuk script tersebut apakah bisa di manipulasi untuk membuat lisensi template dengan decode mas ya?

misal menggunakan yg opsi ketiga ada .credit pada javascript. link kredit tersebut di isi dg id blogger yg sudah d enyscript jika tidak di kasih id blogger pemakai template akan d redirect ke developer template.

atau menggunakan teknik var=['urlblog'] namun saat saya buat kelemahannya ketika url blog d enyscript tidak bisa kebaca akhirnya k redirect.

kecuali kode var=['urlblog'] di enyscript semuanya baru bisa.


tolong bantuannya mas.


maaf penjelasan mbulet bin ribet. 🙏🙏🙏
Adi Jaya5/08/2020
Berarti mas nya harus mengembalikan proses penyandian kode ke data yang sebenarnya dulu mas.
Mungkin mas nya bisa di coba CryptoJS.

atau kalau mau sekedar memanipulasi, bisa dikembangin lagi kode di link ini
https://jsfiddle.net/onclick_indo/v3rd7b84/
azid zainuri5/19/2020
terimakasih banyak ilmunya mas, akan saya coba mas. ini bisa dibuat base64 juga mas ya?

kayak safelink.
AdiCore11/23/2021Balas Komentar ini
kalau nyimpan di eksternal apa juga bisa mas?
rambo madin3/23/2022Balas Komentar ini
apa bisa di tag

disisipkan CSS @media Rule atau @media only screen and (max-width: 600px) ??

terima kasih.
rambo madin3/23/2022Balas Komentar ini
untuk mengatur tampilan pada dashboard blogger,
kan kita bisa menggunakan tag lalu di isi dengan css,
apakah pada tag tersebut memang tidak bisa disipkan CSS @media Rule atau @media only screen and (max-width: 600px) ??

terima kasih.
Adi Jaya3/24/2022
Jika untuk Dashboard Blogger memang gak bisa mas.
Anonesian7/31/2023Balas Komentar ini
Mantap tutorialnya..
Titip link setelah mengikuti tutorial Triksonic.
anonesian
Anonesian7/31/2023
Komentar ini telah dihapus oleh pengarang.
Add New Comment