tRikSonic
Tema

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.
b:skin - b:template-skin - Blogger Tutorial

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

Acink71
Acink7111/26/2018ReplyBalas Komentar ini
Coba
Minh Quy
Minh Quy12/24/2018ReplyBalas Komentar ini
thanks :*
CodePlug Official
CodePlug Official8/16/2019ReplyBalas Komentar ini
seru
azid zainuri
azid zainuri5/04/2020ReplyBalas 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 Jaya
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 zainuri
azid zainuri5/19/2020
terimakasih banyak ilmunya mas, akan saya coba mas. ini bisa dibuat base64 juga mas ya?

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

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

terima kasih.
rambo madin
rambo madin3/23/2022ReplyBalas 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 Jaya
Adi Jaya3/24/2022
Jika untuk Dashboard Blogger memang gak bisa mas.
Anonesian
Anonesian7/31/2023ReplyBalas Komentar ini
Mantap tutorialnya..
Titip link setelah mengikuti tutorial Triksonic.
anonesian
Anonesian
Anonesian7/31/2023
Komentar ini telah dihapus oleh pengarang.
Comment Form

Posting Komentar

  1. Untuk menyisipkan sebuah link atau tautan gunakan <i rel="link=//example.com">teks disini</i>
    • Tanpa menggunakan https: dan http:
  2. Untuk menyisipkan sebuah kode yang pendek gunakan <i rel="code">kode disini</i>
  3. Untuk menyisipkan sebuah kode yang panjang gunakan <i rel="pre">kode disini</i>
  4. Untuk menyisipkan sebuah teks Tebal gunakan <strong>teks tebal disini</strong>
  5. Untuk menyisipkan sebuah teks Miring gunakan <em>teks miring disini</em>
  6. Untuk menyisipkan sebuah gambar gunakan <i rel="image">url gambar disini</i>

Ketentuan Komentar

  • Pengguna yang dapat berkomentar adalah pengguna yang memiliki akun google
  • Guna mengurangi komentar yang bersifat spam, maka akan diberlakukan langkah verifikasi kata.
  • Pengguna bertanggung jawab atas komentar yang dikirim
  • Admin dan penulis blog mempunyai hak untuk menampilkan, menghapus, menandai spam, pada komentar yang dikirim
  • Dengan mengirimkan sebuah komentar, maka pengguna dianggap menyetujui semua ketentuan diatas

Poin ketentuan diatas tidak bersifat tetap, dan dapat berubah kapan saja

Konversi Kode
Kode yang ingin dikonversi

Loading.....
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.