Search here

Type a word related to the post, then click the search button !

Memuat...
English
Bru masuk angin!

Arsip...

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Buat box teks di ruang posting

Box teks di ruang posting bisa dipergunakan untuk tempat meletakkan teks yang bersifat khusus sehingga terpisah dari teks lainnya. Ada berbagai style box yang bisa disesuaikan dengan seberapa besar box yang ingin digunakan. Pada beberapa posting dengan teks yang sangat panjang, box yang dilengkapi dengan scroller juga sangat bermanfaat untuk effisiensi ruang. Agar box kelihatan lebih menarik, box bisa dilengkapi dengan border style, background dan border radius serta beberapa properi css yang lain.

1. Box sederhana :

Tinggi box akan bertambah sejalan dengan bertambahnya isi/content.
Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!
xHTML :
<div style="padding:10px;border:2px solid #eee;width:300px;margin:15px auto;">Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!
</div>

2. Box dengan background dan color :

Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!
xHTML :
<div style="padding:10px;border:2px solid #eee;width:400px;margin:15px 0;background:#999;color:#000;">Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!
</div>

3. Box dengan border lengkung :

Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!
xHTML :
<div style="padding:10px;border:3px double #eee;width:400px;margin:15px 0;background:#999;color:#000;border-radius:10px;">Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!
</div>

4. Box dengan overflow (Scrollbox):

Box akan mempunyai ketinggian tertentu sekalipun konten didalamya hanya sedikit. Jika konten melebihi daya tampung maka overflow akan bekerja.

Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!
xHTML :
<div style="padding:10px;border:3px double #eee;width:350px;margin:15px auto;background:#999;color:#000;height:100px;overflow:auto;">Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!
</div>
Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!

Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!
xHTML :
<div style="padding:10px;border:3px double #eee;width:350px;margin:15px auto;background:#999;color:#000;height:100px;overflow:auto;">Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!

Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!
</div>

4. Box dengan auto max-height :

Tinggi box flexible sehingga ketika isi dalamnya sedikit maka box bertambah pendek. Overflow hanya akan terlihat setelah kontent melebihi daya tampung box.
Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!
xHTML :
<div style="padding:10px;border:3px double #eee;width:350px;margin:15px auto;background:#999;color:#000;max-height:200px;overflow:auto;">Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!
</div>
Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!

Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!
xHTML :
<div style="padding:10px;border:3px double #eee;width:350px;margin:15px auto;background:#999;color:#000;max-height:200px;overflow:auto;">Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!

Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!! Beli daging sapi - Buat tusuk sate - buat bumbu sate - Potong-potong daging - Siapkan arang - Bakar sate - Makan - Perut kenyang - Tidur!!!!
</div>

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini:



Update » Jemuah LEGI, Maret, 23, 2012

» Happy Blogging - gubhugreyot «

2 komentar:

  1. Entah kenapa klo edit postnya dalam "compose mode",kadang div-nya suka jadi berubah gitu yah... apalagi klo yg background div-nya pake gambar.. Harus ketik manual, kalau copy paste malah merusak struktur div-nya (nongol span style gitu)

    BalasHapus

 
GR | Edited by | gubhug reyot