Search

Membuat Kotak Pembatas Untuk Blog

Friday, April 6, 2012

Kotak pembatas sangat di perlukan pada postingan yang ada pada blog kita,  Dengan tujuan untuk menonjolkan hal-hal penting yang berkaitan degan artikel kita . kombinasi warna latar (background) dan warna garis batas (border) sangat menentukan .! Itu di tujukan agar pembaca menjadi nyaman dengan apa yang kita tampilkan ?
Kita langsung aja .. ya .!!

Pilih salah satu kode HTML yang sobat inginkan dengan pilihan kombinasi warna yang saya sudah tampilkan di bawah ini ,,!!

background Blanchedalmond
<div style="background: #FFEBCD ; border: 0px dotted #000000; padding:5px;">
Tulis teks yang di inginkan</div>

background Aquamarine
<div style="background:  #7FFFD4 ; border: 0px dotted #000000; padding: 5px;">
Tulis teks yang di inginkan</div>

background Khaki
<div style="background: #F0E68C; border: 0px dotted #000000; padding: 5px;">
Tulis teks yang di inginkan</div>

background Lightblue
<div style="background: #ADE8E6; border: 0px dotted #000000; padding: 5px;">
Tulis teks yang di inginkan</div>

background Greenyellow
<div style="background: #ADFF2F; border: 0px dotted #000000; padding: 5px;">
Tulis teks yang di inginkan</div>

background Lightpink
<div style="background: #FFB6C1; border: 0px dotted #000000; padding: 5px;">
Tulis teks yang di inginkan</div>

background Plum
<div style="background: #DDA0DD; border: 0px dotted #000000; padding: 5px;">
Tulis teks yang di inginkan</div>

Pilih warna yang yang sobat inginkan .! kode HTML sudah tertera pada masing-masing warna di atas .
Atau mungkin sobat ingin berkreasi sendiri mengkombinasikan warna yang sobat inginkan ?
caranya mudah perhatikan tulisan background: #DDA0DD pada kode HTML/javascript jenis background Plum di atas ,, ganti kode #DDA0DD dengan kode warna yang di inginkan dan untuk mempertebal garis pinggirnya tinggal mengganti border: 0px menjadi border: 1px atau 2px, 3px sesuai keinginan sobat ...

Motif yang lain untuk kotak pembatas

<table bgcolor="Plum" border="1" padding:5px="" style="width: 100%px;"><tbody>
<tr> <td bgcolor="Blanchedalmond" style="border-style: inset;">teks yang di inginkan&nbsp;</td> </tr>
</tbody></table> 

<table bgcolor="Lightpink" border="1" padding:5px="" style="width: 100%px;"><tbody>
<tr> <td bgcolor="Aquamarine" style="border-style: inset;">teks yang di inginkan&nbsp;</td> </tr>
</tbody></table> 

<table bgcolor="Greenyellow" border="1" padding:5px="" style="width: 100%px;"><tbody>
<tr> <td bgcolor="Khaki" style="border-style: inset;">teks yang di inginkan&nbsp;</td> </tr>
</tbody></table>

<table bgcolor="Khaki" border="1" padding:5px="" style="width: 100%px;"><tbody>
<tr> <td bgcolor="Lightblue" style="border-style: inset;">teks yang di inginkan&nbsp;</td> </tr>
</tbody></table> 

<table bgcolor="Lightblue" border="1" padding:5px="" style="width: 100%px;"><tbody>
<tr> <td bgcolor="Greenyellow" style="border-style: inset;">teks yang di inginkan&nbsp;</td> </tr>
</tbody></table>

<table bgcolor="Khaki" border="1" padding:5px="" style="width: 100%px;"><tbody>
<tr> <td bgcolor="Lightpink" style="border-style: inset;">teks yang di inginkan&nbsp;</td> </tr>
</tbody></table>

<table bgcolor="Blanchedalmond" border="1" padding:5px="" style="width: 100%px;"><tbody>
<tr> <td bgcolor="Plum" style="border-style: inset;">teks yang di inginkan&nbsp;</td> </tr>
</tbody></table> 

7 komentar:

Sejahtera Cell said...

Thank's

Anonymous said...

klo mau posting kode widget blog , pembatasnya pakai apa ya gan?? :)
alnya aq coba pake ini malah acak2 an..
tolong infonya :D

Anonymous said...

Assalamu alaikum... kali ini saya hadir dan bergabung bersama kalian yang mungkin hanya mencari rejeki lewat angka mistik /keramat akan tetapi semua itu akan tercapai dengan catatan memiliki keyakinan penuh tetap berusaha & tidak putus asa,mari putar balik keadaan dan dapatkan hoki anda pada angka angka yang super akurat hasil dari ritual.2D,3D,4D,HBG./SMS . MBAH RATMO dinomor: (((_0823+2882+8046_))).Ingat putus asa bukan jalan menuju sukses terimah kasi.......?

















Assalamu alaikum... kali ini saya hadir dan bergabung bersama kalian yang mungkin hanya mencari rejeki lewat angka mistik /keramat akan tetapi semua itu akan tercapai dengan catatan memiliki keyakinan penuh tetap berusaha & tidak putus asa,mari putar balik keadaan dan dapatkan hoki anda pada angka angka yang super akurat hasil dari ritual.2D,3D,4D,HBG./SMS . MBAH WARDOH dinomor:(((_0853_4205_8357_))).Ingat putus asa bukan jalan menuju sukses terimah kasi.......?





pakyunusdikalimantan@gmail.com said...

SAYA INGIN BERBAGI CERITA KEPADA SEMUA ORANG BAHWA MUNKIN AKU ADALAH ORANG YANG PALING MISKIN DIDUNIA DAN SAYA HIDUP BERSAMA ISTRI DAN 3 BUAH HATI SAYA SELAMA 10 TAHUN DAN 10 TAHUN ITU KAMI TIDAK PERNAH MERASAKAN YANG NAMANYA KEMEWAHAN,,SETIAP HARI SAYA SELALU MEMBANTIN TULANG BERSAMA ISTRI SAYA UNTUK KELUARGA SAYA NAMUN ITU SEMUA TIDAK PERNAH CUKUP UNTUK KEBUTUHAN HIDUP KELUARGA SAYA..AKHIRNYA AKU PILIH JALAN TOGEL INI DAN SUDAH BANYAK PARA NORMALYANG SAYA HUBUNGI NAMUN ITU SEMUA TIDAK PERNAH MEMBAWAKAN HASIL DAN DISITULAH AKU SEMPAT PUTUS ASA AKHIRNYA ADA SEORANG TEMAN YANG MEMBERIKAN NOMOR MBAH JUJUR SAYA PIKIR TIDAK ADA SALAHNYA JUGA SAYA COBA LAGI UNTUK MENGHUBUNGI MBAH JUJUR DAN AKHIRNYA MBAH JUJUR MEMBERIKAN ANGKA GHOIBNYA DAN ALHAMDULILLAH BERHASIL..KINI SAYA SANGAT BERSYUKUR MELIHAT KEHIDUPAN KELUARGA SAYA SUDAH JAUH LEBIH BAIK DARI SEBELUMNYA,DAN TANDA TERIMAH KASIH SAYA KEPADA MBAH JUJUR SETIAP SAYA DAPAT RUANGAN PASTI SAYA BERKOMENTAR TENTAN MBAH JUJUR…BAGI ANDA YANG INGIN SEPERTI SAYA SILAHKAN HUBUNGI 082357406292…

Aully bukan said...

Thanks for share...

Unknown said...

Informasi tentang Prediksi Jitu nya sangat bermanfaat sekali. salam saya

juarabakul said...

sip...
tq sharenya

Post a Comment