Cara menyesuaikan tag html CSS dalam post blog

Tag html CSS diterapkan antara dua elemen iaitu <span class="tag"> dan </span> untuk menampilkan gaya penulisan dalam post blog .Secara umumnya penggunaan tag CSS html ini berpasangan dimulai dengan tag css pembuka <span class="tag"> isi artikel blog dan tag css penutup </span>

Biasanya penggunaan tags ditampilkan pada bahagian bawah artikel atau atas post blog sebagai label atau categories artikel .Tag html css ini di olah tampilan supaya dapat disesuaikan di mana - mana bahagian pada artikel blog .

contoh tag html css seperti di sini

Bagi mereka yang ingin mencuba menerapkan pada artikel blog ,sila ikuti tutorial ringkas sepertimana yang tertera di bawah :

1 : Login Dashboard Blogger.

2 : Click template serta pilih EDIT HTML.

3 : Langkah seterusnya scroll ke bawah template blog cara code ]]></b:skin> .

4 : Copy/paste code di bawah dan tampalkan di atas ]]></b:skin>  tadi .

.tag { background: #eee; border-radius: 3px 0 0 3px; color: #999; display: inline-block; height: 26px; line-height: 26px; padding: 0 20px 0 23px; position: relative; margin: 0 10px 10px 0; text-decoration: none; -webkit-transition: color 0.2s; }  .tag::before { background: #fff; border-radius: 10px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); content: ''; height: 6px; left: 10px; position: absolute; width: 6px; top: 10px; }  .tag::after { background: #fff; border-bottom: 13px solid transparent; border-left: 10px solid #eee; border-top: 13px solid transparent; content: ''; position: absolute; right: 0; top: 0; } 

5 : Jika sudah selesai copy/paste code di atas ,save template .

Setelah memasang code di atas dalam template blog ,selanjutnya cara penulisan dalam post blog .Buat atau karang artikel baru di blog ,kemudian untuk penulisannya tambahkan code tag html css di bawah dalam tab HTML bukan COMPOSE .

<span class="tag">isi artikel</span>

Selesai tutorial ringkas untuk blogger cara - cara menyesuaikan tag html css dalam post blog ,dengan adanya tampilan code di atas mungkin dapat memberi sedikit sentuhan kecil dalam penulisan artikel blog supaya nampak kemas dan bergaya .Selamat mencuba .

Share this post

Artikel terkini terus ke inbox email anda :

PENAFIAN ( DISCLAIMER ) : Pelbagai bentuk imej, gambar, artikel, video dan pautan yang terkandung dalam blog ini diambil dari sumber - sumber lain .Oleh yang demikian dengan itu HAK CIPTA / COPYRIGHT dimiliki sepenuhnya oleh pemilik sumber tersebut .