Ayatul Kursi..


ٱللَّهُ لَآ إِلَـٰهَ إِلَّا هُوَ ٱلۡحَىُّ ٱلۡقَيُّومُ‌ۚ لَا تَأۡخُذُهُ ۥ سِنَةٌ۬ وَلَا نَوۡمٌ۬‌ۚ لَّهُ ۥ مَا فِى ٱلسَّمَـٰوَٲتِ وَمَا فِى ٱلۡأَرۡضِ‌ۗ مَن ذَا ٱلَّذِى يَشۡفَعُ عِندَهُ ۥۤ إِلَّا بِإِذۡنِهِۦ‌ۚ يَعۡلَمُ مَا بَيۡنَ أَيۡدِيهِمۡ وَمَا خَلۡفَهُمۡ‌ۖ وَلَا يُحِيطُونَ بِشَىۡءٍ۬ مِّنۡ عِلۡمِهِۦۤ إِلَّا بِمَا شَآءَ‌ۚ وَسِعَ كُرۡسِيُّهُ ٱلسَّمَـوَٲتِ وَٱلۡأَرۡضَ‌ۖ وَلَا يَـُٔودُهُ ۥ حِفۡظُهُمَا‌ۚ وَهُوَ ٱلۡعَلِىُّ ٱلۡعَظِيمُ

Allah, tiada Tuhan (yang berhak disembah) melainkan Dia, Yang Tetap hidup, Yang Kekal selama-lamanya mentadbirkan (sekalian makhlukNya). Yang tidak mengantuk usahkan tidur. Yang memiliki segala yang ada di langit dan yang ada di bumi. Tiada sesiapa yang dapat memberi syafaat (pertolongan) di sisiNya melainkan dengan izinNya. Yang Mengetahui apa yang ada di hadapan mereka dan apa yang ada di belakang mereka, sedang mereka tidak mengetahui sesuatu pun dari (kandungan) ilmu Allah melainkan apa yang Allah kehendaki (memberitahu kepadanya). Luasnya Kursi Allah (ilmuNya dan kekuasaanNya) meliputi langit dan bumi dan tiadalah menjadi keberatan kepada Allah menjaga serta memelihara keduanya. Dan Dialah Yang Maha Tinggi (darjat kemuliaanNya), lagi Maha Besar (kekuasaanNya) - al-Baqarah: Ayat 255

Search This Blog

Wednesday, April 6, 2011

Cara untuk CENTERkan SIDEBAR TITLE/FOOTER TITLE & Cara Buat BORDER.

Assalamualaikum...

Cara untuk CENTERkan SIDEBAR TITLE/FOOTER TITLE & Cara Buat BORDER.

Hari ni aku nak kongsikan cara untuk centerkan sidebar title ataupun tajuk untuk sidebar gadget/widget yang kita letak samada kat sebelah kanan atau kiri blog kita tu. Memandangkan date atau tarikh juga termasuk dalam kategori sidebar title, maka kedudukannya juga akan ikut berubah iaitu di bahagian center.. Sila lihat nombor yang tertera kat dalam gambar sebagai rujukan... =D


Seperti biasa, masuk kat:

Dashboard -> Design -> Edit HTML -> Tick Expand Widget Templates -> Ctrl + F


(1)
Untuk centerkan sidebar title tersebut, carilah code seperti kat bawah ni atau yang seumpama dengannya:

/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
text-transform: $(widget.title.text.transform);
color: $(widget.title.text.color);
margin: .5em 0;

Dan tambahkan dengan code text-align:center; seperti kedudukan di bawah dan ia akan kelihatan seperti ini:

/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
text-align:center;
text-transform: $(widget.title.text.transform);
color: $(widget.title.text.color);
margin: .5em 0;


(2)
Untuk membuat border pula, carilah code seperti di bawah ini atau yang seumpama dengannya:

/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
text-align:center;
text-transform: $(widget.title.text.transform);
color: $(widget.title.text.color);
margin: .5em 0;

Dan tambahkan dengan code border:2px solid #00ff00; dan ia akan jadi seperti ini..

/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
text-align:center;
border:2px solid #00ff00;
text-transform: $(widget.title.text.transform);
color: $(widget.title.text.color);
margin: .5em 0;




(3)
Manakala untuk centerkan text kat bahagian footer/attribution, carilah code ini:

/* Footer
----------------------------------------------- */
.footer-outer {
color:$(footer.text.color);
background: $(footer.background);


Dan tambahkan dengan code text-align:center; dan ia akan jadi seperti ini..

/* Footer
----------------------------------------------- */
.footer-outer {
text-align:center;
color:$(footer.text.color);
background: $(footer.background);


Rasanya cukup setakat ini dulu. Aku sekadar berkongsi apa yang telah berjaya aku buat. Pening jugak main coding ni. Namun, bila ianya berhasil, seronok la pulak... hahaha.. Tapi aku suka yang simple je.. Tak suka yang serabut sangat.. =)

p/s: Oh ya... Sila salin balik coding tu sebab blog ni takde pakej copy and paste... Harap maklum.. ;)

14 Tukang Tembak:

Acik Erna said...

azz..nak baco boto2 ni..lopeh ni nak cubo sendiri..tak yah dah nak panggil2 aimi.timo kasih azz

Cik Azz said...

Kak Erna>

Cubo la kak... Janji akak kono tokan preview dulu.. Tengok jadi ke tak... Kalau tak jadi nnt dio kuar Error.. Jangan terus tokan Save... kang takut hancur lak template akak tu... abeh lak hilang semuo ehh... haru je nanti..

Siti Safiyyah said...

wah kak azz..dua entri derek pasal tutorial jek ni.. ;)


psstt : Tips SS : Rajinlah Komen

marshmallow said...

tuto yang best :)
thanks for sharing ^^,

Cik Azz said...

Siti Safiyyah>

Haha... Buat untuk diri sendiri sebenarnya.. Senang nak buat rujukan. Takde la terkial2 nak gugel lagi.. hehe....

Cik Azz said...

marshmallows>

Thanx... Sudi2 la mencubanya nanti ya... =)

Cik Ina Do Do Cheng said...

Cik azz terima kasih sebab sudi tunjuk ajar. makcik pun tak tahu bab tukar menukar ni.nanti bolehlah rujuk kat sini.

Cik Azz said...

Cik Ina>

Sayapun tak tahu jugak ni.. Baru nak belajar dan mencuba je...

Boleh je kalau nak rujuk kat sini.. Nnt tgk kat bahagian Tutorial kat tab atas tu ehh...

Unknown said...

owh..header saye sudah berada ditengah-tengah...
hoyeah...
tengkiu cik azz..ekekekeke

Cik Azz said...

Cik aletheea>

Hoyeaaaa... Tahniah3.. haha..

Akak dah tengok dah tadi blog kamu...

Welkam dik.. =)

Unknown said...

camne nak highlight code..disable .. tak dpt amik kod tu

Cik Azz said...

Cik Aish>

Taip aje code yg memula utk setiap proses.. nanti keluar la anak2 dia sekali ikut kat bawah tu..

Nak mencuba ni tak boleh main copy je.. kena la rajin sikit... :-)

ayda aya said...

thanks..
info yang menarik ^^

Cik Azz said...

ayda aya>

Thanx..
sebab kata ianya menarik..
:-)

Thanx..
sebab sudi singgah, komen dan follow blog ni..
;)

Renungan bersama...

Firman Allah s.w.t yang bermaksud:

"Dan orang-orang yang beriman, lelaki mahupun wanita, sebahagian daripada mereka adalah penolong dari sebahagian yang lain. Mereka menyuruh amal ma'aruf (kebajikan), mencegah kemungkaran, menegakkan sembahyang, menunaikan zakat dan mereka taat kepada Allah berserta RasulNya, nescaya Allah melimpahkan rahmat kepada mereka. Sesungguhnya Allah Maha Kaya lagi Maha Bijaksana."- (At-Taubah: Ayat 71)