//Mr. Ariff Nizamuddin Vs Mrs. Amira Najwa

Hi, Assalamualaikum. Saya sayang "gulahati" saya, saya perlukan "gulahati" saya, walaupun kekadang buat perangai jugak. mihmihmih :love:

Tutorial 30: Border Di Post Body

Saturday, December 10, 2011 • Permalink • Add comment {0}

his is hot tutorial entry!
Permintaan ramai ni..
Baru sekarang aku gagahi untuk buatkan.
Sebenarnya malas nak buat nih hehehe. Korang pun tak kisahkan?

Terlebih dahulu korang download full template ye. Nanti rosak binasa pula kalau tak jadi.

#untuk makluman tutorial ini sesuai untuk classic template dan hanya sesetengah template designer je yang boleh guna. Kalau tak jadi jangan garu kepala ye. hehehe.
Ikuti step by step untuk berjaya membuat tutorial ini.

1. Sign in Blogspot > Design > Edit Html

2. Cari code di bawah, Ctrl F dan paste dalam kotak find..enter!

/* Posts

3. Di bawah code tadi, korang akan jumpa code seperti ini ( lain template, lain code ) korang padam code je yang aku merahkan.. Padam sampai had .post blockquote {
.post blockquote { tu jangan gatal tangan usik apa-apa ye *amaran ni!
kalau coding korang tak sama macam code .post blockquote { ni, korang padamkan sebelum sampai perkataan blockquote sahaja. *asalkan ada perkataan blockquote pun tak apa

/* Posts
----------------------------------------------- */
.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}
.post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
}
.post-title {
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
line-height: 1.1em;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: $textColor;
font-weight: bold;
}
.post div {
margin: 0 0 .75em;
line-height: 1.3em;
}

.post-footer {
margin: -.25em 0 0;
color: $textColor;
font-size: 87%;
}

.post-footer .span {
margin-$endSide: .3em;
}
.post img, table.tr-caption-container {
padding: 4px;
border: 1px solid $borderColor;
}
.tr-caption-container img {
border: none;
padding: 0;
}
.post blockquote {
margin: 1em 20px;
}
.post blockquote p {
margin: .75em 0;
}

4. Gantikan tulisan yang merah tu dengan code ini, bawah code

/* Posts
----------------------------------------------- */

.date-header {
margin: 1.5em 0 .5em;
text-align: right;
background: white;
color: #000000;
line-height: 1.0em;
font-size: 16px;
font-family: verdana;
}
.post {
margin: .4em 0 2.5em;
padding-bottom: 1.5em;
border: solid #000000 3px;
background: #ffffff;
}
.post-title {
margin-bottom: 1px;
margin-top: 4px;
font-size: 18px;
font-weight: 500;
font-family: times new roman;
line-height: 1.3em;
text-align: left;
color: #000000;
background :#FC5DB4;
padding: 0 3px 3px;
}
.post-body {
margin: 0 0 .75em;
line-height: 1.6em;
padding-left: 5px;
padding-right: 4px;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: #000000;
font-weight: bold;
}
.post-footer {
margin: -.25em 0 0;
color: #000000;
background :#FC5DB4;
font-size: 100%;
}

5. Sekarang korang kena tukar :

kedudukan tulisan - right, left, center
jenis font - ikut suka koranglah.
font-size - saiz font
#FC5DB4 - warna background post title dan footer,
#000000 - warna tulisan
#ffffff - warna body entry background.
border: solid #000000 3px; - solid boleh tukar kepada dotted, dashed, double. 3px - lebar, #000000 warna border.

6. Kalau korang bosan dengan bentuk petak, nak betuk lain-lain? sila letak di bawah code

border: solid #000000 3px;

7. Preview, kalau menjadi sila SAVE je.

P/s : Apa lagi? tekan lah nuffnang aku beramai-ramai..! LIKE sekali!

Labels: Blog TutoriaL

Know me well

Assalamualaikum dan hello earthlings. Nama diberi, Mrs. ArezAyreen'Ayreen' je. Jangan panggil saya Arez ye. Nanti saya babab baru awak tahu. Menangis pertama kali dan keluar melihat keindahan bumi ciptaan ALLAH S.W.T pada tarikh 12 December 19**. Mempunyai sepasang ibubapa yang double triple penyayang dan bertanggungjawab. Umur pada tahun 2013 , ** years old. Seorang mangsa Kerja-Kerja yang terhebat. Doakan saya dapat Kerja Hebat atau paling kurangkan pun, semua Baik-Baik aje. Eh, sama je lah tu ;p

Saya dipertemukan dengan seorang "Mr. Ariff Nizamuddin" 'BabyBoy' dan seorang yang super sporting digelar 'Demuk Demuk'.*IJK Kehidupan kami macam biasa, kadang kala ada turun naik, ade jatuh bangun, tapi kami tetap bersama-sama walau apa pun jadi. Alhamdulilaj IT'S OK, korang tak kisah, kan? :P Saya berblogging sejak ** November 2010. So, kiranya dah nak empat dah. Tak sabar nak sambut annyversary blog ni.

I love :
1 ; I love Allah S.W.T, Nabi Muhammad, keluarga saya dan Mr. Ariff Nizamuddin saya.
2 ; I love BabyBoy. Cinta hati, hempedu, jantung, trakea, bronkus, dan bronkiole saya.
3 ; I love One Direction terutamanya Liam. K fine dia comel tapi tak dapat tandingi Babyboy :*
4 ; I love Supernatural! Especially Dean. Why? Saya rasa dia sungguh kiut :P
5 ; I love makan nasi. Eg ; Nasi goreng ayam, nasi goreng mama dan nasi goreng saya. HIHI *nipu nih*
6 ; I love air Milo Ais. Kalau makan kat luar, air tu yang selalu saya order. Simple but delicious.
7 ; I love makan aiskrim cornetto ~~show your love~~. Eh?
8 ; I love my work. Sekarang ni saya tengah cuba untuk menyayangi kerja-kerja berlambak ni.
10 ; Bercita-cita untuk menjadi seorang pramugari tapi PENDEK. LOL!. ~~Vegetarian?~~ What! HAHA :P
11 ; Status : Tiada istilah "Putus Asa" sehingga tamat Hujung Nyawa. Seriously.