Pages

Tutorial Nak Centerkan Tab Menu, Sitemaps Dll

Hai Semua..Harinie tak tau nak buat post apa tiba-tiba terlintas dalam fikiran SembangKeyboard nie ingin berkongsi tutorial bagaimana nak centerkan tab menu yang mungkin diperlukkan oleh para blogger. Mungkin tutorial nie tak seberapa tapi diharap korang enjoy la yea terutama bagi yang baru menceburi bidang blog nie. Kali ini SembangKeyboard akan kongsikan Tutorial Nak Centerkan Tab Menu, Sitemaps Dll.
Nie gambar sebelum dan selepas tab menu dicenterkan.

Tutorial Nak Centerkan Tab Menu, Sitemaps Dll
Tutorial Nak Centerkan Tab Menu, Sitemaps Dll

Ok..Baiklah..
  1. Mula korang login ke akaun blog korang.
  2. Masuk ke Design - Template - Customize - Advance - Add CSS
Kalau tak tahu macam mana nak pergi ke Add CSS boleh rujuk Tutorial Menggunakkan CSS Blogger (Cascading Style Sheet)
 
3. Lepas tu korang copy kod yang dihighlight dibawah nie dan pastekan didalam ADD CSS.
.PageList {text-align:center !important;} .PageList li {float:none !important; display:inline !important;}
4. Lepas dah pastekan kod tersebut korang klik APPLY TO BLOG. Secara Automatik tab menu anda akan berada ditengah tengah.

Ok..sekiranya korang buat kat ADD CSS tak mahu korang boleh ikut langkah kedua nie.
  1. Masuk ke Design - Template - Edit HTML
  2. Cari kod 
]]></b:skin>
(kalau tak tahu macam mana nak cari kod tersebut boleh rujuk Tutorial Menggunakan HTML Editor Terbaru Dari Blogger
3. Selepas jumpa kod ]]></b:skin> tersebut, korang copy kod yang dibawah ini dan pastekan diatas kod ]]></b:skin> tersebut.
.PageList {text-align:center !important;} .PageList li {float:none !important; display:inline !important;}
 Rujuk gambar ini untuk lebih kepastian.
Tutorial Nak Centerkan Tab Menu, Sitemaps Dll
Tutorial Nak Centerkan Tab Menu, Sitemaps Dll

4. Bila kod tersebut sudah dipastekan, korang boleh la SAVE TEMPLATE tersebut. Mudahkan...Jadi peraktikkan diblog korang supaya lebih cantik dan menarik


P/S: Kalau ade yang tak paham korang boleh tanya diruangan komen tu yea Sembangkeyboard akan cuba bantu korang semua..ngeee..

Share Dengan Rakan Korang...

3 comments: