cara letak background atau warna pada entri

Tutorial kali ini ialah cara bagi meletakkan warna atau background pada posting.Mungkin kita ingin highlightkan bahagian tertentu atau keseluruhan paparan pada posting dengan warna dan juga berlatarbelakang dengan imej.

Caranya:
Selepas  membuat posting  masukkan kod seperti dibawah:
(dengan meletakkan dipermulaan diakhir teks pada posting yang hendak diletak background)
seperti dibawah

<div style="background:#33CCFF; padding:4px 7px 4px 7px;">
Masukkan kandungan teks artikel disini
</div>

Bahagian teks berwarna merah diletakkan pada permulaan posting
Bahagian warna hijau pula diletakkan pada penghabisan posting
dan dimasukkan pada mode edit HTML
contoh seperti imej dibawah yang bertulisan warna biru








Untuk meletakkan background pada posting:

<div style="background:url(Letakkan url imej disini) no-repeat;">
Masukkan kandungan teks artikel disini
</div>

# gantikan dengan url imej yang telah diupload ke photobucket,tinypic dan sebagainya seperti contoh dibawah.
Jika menggunakan latarbelakang dengan corak/pattern yang kecil gantikan no-repeat kepada repeat.

KOD DAN BENTUK

<div style="background: #99FFCC; padding: 5px 8px;">

Masukkan kandungan teks artikel disini</div>

Background dengan border
#Tukarkan warna kod background dan border mengikut kesesuaian

<div style="background: #99FFCC; border: 2px dashed #FFCC00; padding: 5px 8px;">

Masukkan kandungan teks artikel disini</div>

<div style="background: #99FFCC; border: 2px dotted #FFCC00; padding: 5px 8px;">

Masukkan kandungan teks artikel disini</div>

<div style="background: #99FFCC; border: 5px ridge #FFCC00; padding: 5px 8px;">

Masukkan kandungan teks artikel disini</div>

<div style="background: #99FFCC; border: 3px double; padding: 5px 8px;">

Masukkan kandungan teks artikel disini</div>

<div style="background: #99FFCC; padding: 5px 8px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;">
Masukkan kandungan teks artikel disini</div>

<div style="background: #99FFCC; padding: 5px 8px;-webkit-border-radius: 36px 12px;

-moz-border-radius: 26px 8px;

border-radius: 26px 8px;">
Masukkan kandungan teks artikel disini</div>

<div style="background: #99FFCC; padding: 5px 8px;-webkit-border-top-left-radius: 10px;

-webkit-border-top-right-radius: 10px;

-moz-border-radius-topleft: 10px;

-moz-border-radius-topright: 10px;

border-top-left-radius: 10px;

border-top-right-radius: 10px;">

Masukkan kandungan teks artikel disini</div>

Background dengan imej

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNYFECHX9DbmwEkNO4PkQYxfrJPVRuuX3zXuPTP5KPOX9LwFf_-O2nFKsesO40hyphenhypheno6kswlbhkbBdmDJPJ4y6SRttN91J4nktVezvWQeBGe5EwJwZiPaHh4XWEw31FYqAr_YYIIzK9f9Jk/s1600/1484.png) repeat;">

Masukkan kandungan teks artikel disini

</div>

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcdWPiapwoWb7pWcHeswaBd6gl2huNmNNwBKw7aOUrIbBgoDM85dtHtOCRAzp1oM6SaPlDngXKUgPw1cqwoQhAUIOw4K-Q6_yAQTO_xRuWI08P47qGAQZu53Ky4Tl-NsFoQ4tnvcILYyw/s1600/bunga.JPG) no-repeat;border: 2px solid; padding: 20px;background-position:right bottom">

Masukkan kandungan teks artikel disini

</div>

Untuk meletak imej pada sudut tertentu masukkan kod background-position:right bottom.seperti contoh diatas gambar bunga diletakkan dibahagian hujung bawah
background position yang lain:

• left top

• left center

• left bottom

• right top

• right center

• center top

• center center

• center bottom

selamat mencuba..

55,555

55555

Jangan lupa semasa berkunjung ke blog ini perhatikan sitemeter di sebelah kanan...pengunjung ke 55,555 akan mendapat hadiah istimewa...!

Sila capture gambar sitemeter tersebut dan kirimkan/emel kepada saya...atau tulis di blog anda bahawa anda adalah pengunjung ke 55,555! dan jangan lupa tinggalkan komen bahagian komen di entri ini...
 

UPDATE: 

Saya dimaklum oleh YB bahawa kemungkinan akan berlaku lebih dari seorang yang akan dapat capture gambar sitemeter tersebut yang menunjukkan angka 55555. 

 Oleh itu, selain dari anda 'capture' gambar sitemeter tersebut, anda juga dikehendaki memberitahu saya (dengan mengirimkan emel kepada nurazzah8@yahoo.com) apakah 
IP address komputer anda. 
Ini adalah kerana saya akan check di www.sitemeter.com siapakah sebenarnya pengunjung ke 55,555 dengan membandingkan IP address tersebut.


Pagi ini angka tersebut menunjukkan angka 55,505 bermakna hanya memerlukan lagi 50 pengunjung akan mencapai 55,555 

 Angka terkini adalah 55,505

*** PERHATIAN: 

 1) Jika anda pengunjung ke 55,555 dan berada di MALAYSIA, maka anda akan mendapat hadiah berupa barangan dan saya akan poskan kepada anda.

2) Jika anda pengunjung ke 55,555 dan berada di LUAR NEGARA, hadiahnya bukan berupa barangan (tidak perlu pos ke luar negara), Saya akan fikirkan apa yang sesuai...

Video 'Hitler' Minta Nurdin Turun

Jakarta - Permintaan masyarakat sepak bola Indonesia agar Ketua PSSI Nurdin Halid turun dari jabatannya, membuahkan hasil karya kreatif. Bahkan, 'Adolf Hitler' pun dilibatkan. Lho?

Video berjudul ‘Hitler Ngamuk Karena Nurdin Enggak Mau Turun’ (video ada di akhir posting) ini dibuat oleh akun malesbangetdotcom. Berdurasi 4:23 detik, rekaman tersebut telah dilihat oleh sekitar 10.962 khalayak.

Tak sedap badan..

2 - 3 hari ni badan tak brapa sedap lak, selsema dan dedau. bersin tak henti2 sampai sakit perut

aduhh.. dah la hari ni ada check Bsp kat klinik. dari kul 9 pagi - 9.30 malam baru settle ( 4 kali beb ). adat la kan dah sakit orang ngandung ni kena la  hadap.

Tekak asik nak minum air kelapa, xper la kot dah sarat. orang kata diawal ngandung jer tak bleh minum air kelapa. selera makan pun kureng sejak akhir2 ni, itu pun kalau abang ajak makan baru la bleh jamah skit.  

harap2 tak menjejaskan kandungan deena. so far baby aktif satu hari tah brapa kali dia menendang :-)

p/s : mood : lemau

10 Pajak Paling Konyol dan Aneh di Dunia

Bingung deh mau ngomong apa lagi. Yang jelas semua jenis pajak yang ada disini memang agak gila.
Tapi nggak ada si gayus yah disini. hehe
Yauda langsung aja kita simak 10 Pajak Paling Konyol dan Aneh di Dunia


10. Pajak Jenggot

Mungkin anda tidak akan lagi menemukan pajak ini lagi, tapi pajak satu ini pernah beneran ada. Peter the Great dari Rusia menerapkan pajak ini hanya karena dia tidak

Matahari Terbit Dua Hari Lebih Cepat Dari Biasanya di Greenland

Matahari di atas Greenland, negara pulau yang terletak di antara Laut Arctic dan Atlantic dan sebelah timur Kanada, muncul dua hari lebih cepat dari jadwal biasanya. Menurut para ilmuwan, matahari yang biasanya terbit di awal tahun ini merupakan tanda berakhirnya malam panjang selama satu setengah bulan di sana.


Tapi untuk pertama kalinya dalam sejarah matahari terlihat di garis horizon pada

Wow!Berita diterjah untuk kali ke-2

Alhamdulillah selepas blog aku ni direview oleh Encik Nakal (seminggu lepas kalau tak silap aku), dua hari yang lepas blog aku dapat review lagi. Kalai ni blog aku telah direview oleh Jejaka Terhangat a.k.a JT.

Ingat lagi tak pasal post aku sebelum ni yang bertajuk 'Follower BloG Review Oleh Jejaka Terhangat'? Disebabkan post tu la JT review blog aku ni. Memang best dengar pandangan orang tentang blog sendiri ni.

Ni adalah antara komen menarik daripada JT:
1. Template simple
2. Blog kemas
3. Kedudukan ads terbaik
4. Entri unik
5. Gaya penulisan superb

Namun begitu JT telah melontarkan beberapa pandangan tentang blog aku ni.
1. Justify text dalam setiap entry. Kenapa aku tak nak wat justify setiap post entry ni. Bukan tak nak wat masalahnya bila aku justify je akan timbul masalah dengan 'Berita selengkapnya' tu. So banyak plak keje aku nak kena edit coding tu.
2. Letak blog archieve. Memang sengaja aku tak letak archieve ni sebab aku dah sediakan page number navigation dan jugak sitemap. Kat sitemap tu pun dah boleh view semua entry dalam blog.

Sekarang apa kata korang tentang blog aku ni? Pilih je mana-mana korang berkenan.