Bagaimana Cara Nak Ubah Blogger Label Links

Cara Update Label Links Blog

"Label links "terdiri dari berbagai bentuk dan bersusun seperti kotak tulisan atau text box bertingkat-tingkat seperti dalam rajah diatas. Tab atau kotak tersebut dibina berasaskan ciri-ciri CSS. 

Tag Label 
Label ialah unsur yang bukan khas untuk pengguna. Walau bagaimanapun, ia menyediakan peningkatan kebolehgunaan bagi pengguna tetikus, kerana jika pengguna klik pada teks yang dalam <label> unsur, ia adalah butang kawalan.

Ini adalah attribute daripada <label> tag hendaklah sama dengan attribute id unsur yang berkaitan.

Label boleh terikat kepada unsur sama ada dengan menggunakan "untuk" sifat, atau dengan meletakkan elemen di dalam <label> unsur.

Menentukan kekunci pintas untuk mengaktifkan / tumpuan unsur
kelas.

Menentukan satu atau lebih classnames untuk unsur (merujuk kepada kelas satu dalam lembaran gaya CSS).

Content editable
Menentukan sama ada kandungan unsur boleh disunting atau tidak.

Context menu
Menentukan menu konteks bagi unsur. Menu konteks muncul apabila pengguna klik pada elemen.

Data
Digunakan untuk menyimpan data peribadi swasta ke laman atau permohonan
dir. Menentukan arah teks untuk kandungan dalam unsur boleh seret.
Menentukan sama ada suatu unsur adalah boleh seret atau tidak.

Dropzone
Menentukan sama ada data yang diseret disalin, bergerak, atau berkaitan, apabila jatuh
tersembunyi menentukan bahawa unsur bukan lagi, atau tidak lagi yang berkaitan.

Id
Menentukan id unik untuk unsur
lang.Menentukan bahasa kandungan elemen ini.

Semakan ejaan
Menentukan sama ada elemen ini adalah untuk mempunyai ejaan dan tatabahasa yang diperiksa atau tidak.

Gaya (Style)
Menentukan gaya CSS sebaris bagi unsur.

Tab index
Menentukan arahan unsur tabbing.

Tajuk (Title)
Menentukan maklumat tambahan mengenai unsur.

Menterjemahkan
Menentukan sama ada kandungan unsur perlu diterjemahkan atau tidak.

1. Login masuk blogger akaun & pergi ke Design >Edit HTML

2. Cari kod ini guna Ctrl+F  ]]></b:skin>

3.Paste kod dibawah sebelum ]]></b:skin> 

#Label1 a{
color:#333;
padding:2px 8px;
line-height:24px;
margin:0 2px;
background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbpKIni2GG0yvplUUjl4OwQ-Q5TYKTMBJTueqGzbtnfhu3GvYxOb6wUSHpr1vqAQt9Zl29_P_8KBRT3f5CCqy675MsPMaOrvZUk7w7YqcuCnRhjuBK0zqnpdd7JrqlSGwCpJ59kn2wL-Q/s1600/bricks.png) center center repeat-x;
border:1px solid #ddd;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
font-size:10px !important;
text-decoration:none;}
#Label1 a:hover{
color:#666;
background:none #fff;
text-decoration:none;}

4. Sekarang Klik  "Save Template".

    Sekian, selesai........