Membagi 1 List style menjadi 2 Kolom

On Selasa, 07 Oktober 2008 0 komentar

Tadi abis jalan-jalan eh ternyata saya baca postingan miliknya si Jaloe
dan saya tertarik jadi saya terusin aja biar makin banyak yang baca dan banyak yang tau. Cara buat 1 list menjadi 2 kolom itu sangat berguna lo apalagi bagi yang punya template 2 kolom dan lebih beruntung lagi kalo punya template 3 kolom jadi bisa hemat tempat, dapat meletakkan 2 widget atau tambahan lainya ke dalam 1 list saja. Jadi penen liat bagaimana bentuknya.. nah begini nih bentuknya

gam2
gam1









Untuk mendapatkan yang seperti diatas cara mudah ko' tinggal cari kode

]]></b:skin>

Dan letakkan kode ini di atasnya
/* Kode Css List Two Kolom
------------------------------------------------------------------------------------------*/
#catl {
padding :5px 10px;
width : 91%;
background-color : #ffffdd;
border : 1px solid #ccc;
margin : auto;
}

#catl h3 {
display : block; color : #669900; padding-bottom : 5px;
margin-bottom : 5px; border-bottom : 1px solid #666;font-size:14px; }

/* style all the list items here */
#catl ul li {
height : 1em;
list-style-type : none;
color : #333;
padding : 0.3em 0 0.4em 0.25em;
font-size : 0.9em;
border-bottom : 1px solid #ccc;
text-indent:0px;
}

/* every second list item is positioned outward and moved up equal to LI height to even them */
#catl ul li.catl_l2 {
margin-left : 50%;
margin-top : -1.8em;
padding : 0.3em 0 0.4em 0.5em;
border : 0;
}

/* Every other two list items are styled with a background for usability and style */
.catl_alt {
background-color : #fffffc;
}

/* ini merupakan code hacking css untuk Ie 6*/
* html #catl ul li.catl_l2 {
margin-top : -2.3em;
}


Kalau sudah Klik Simpan dan Pilih Page Element Dan pilih Add Page Element/Tambahkan sebuah widget baru dengan pilihan Html/java script.

Kemudian masukkan kode ini di dalamnya:


<div id="catl">
<h3>Satu List Dua Kolom</h3>
<ul>
<li><a href="#">List Item Satu</a></li>
<li class="catl_l2"><a href="#">List Item Dua</a></li>
<li class="catl_alt">List Item Tiga</li>
<li class="catl_l2">List Item Empat</li>
<li>List Item Lima</li>
<li class="catl_l2">List Item Enam</li>
<li class="catl_alt">List Item Tujuh</li>
<li class="catl_l2">List Item Delapan</li>
</ul>
</div>


Catatan penting :

1. Yang perlu di ganti adalah tulisan antara tag <li> dan </li>.
Jika ingin membuat linklist menjadi seperti ini.
<li><a href=�http://alamat url/�> Nama List </a></li>
jika ingin membuat list berupa link gambar seperti ini.
<li><a href="http://alamat url/"><img src="alamat gambar></a></li>
2. Atur tulisan list-nya jangan terlalu panjang. Dan Jika ingin menggunakan gambar atur nilai tinggi dan lebarnya, kira-kira 75px X 10px.

View Source : green-beast

Buat Huruf Kapital di Awal Paragraf

On 0 komentar

Membuat huruf besar di awal paragraf bukan suatu hal yang sulit, kenapa saya bilang begitu seperti halnya kita membuat tulisan pada microsoft word yang dimana kita buatkan huruf awalannya dengan huruf besar layaknya koran atau majalah silahkan melihat contohnya disini! pada blog disana terlihat selain tulisan terkesan rapi juga dapat menjadi suatu daya tarik tersendiri. Bagai mana cara membuatnya nah silahkan ikuti langkah berikut :

1. masuk ke layout --> Edit html

2. Cari kode berikut
.post-body {
.....
}

3. Kalau ketemu silahkan letakkan kode ini dibawahnya ( dibawah tanda } ).
.post bt {

float:left; color:

$headerBgColor;

font-size:100px;

line-height:80px;

padding-top:1px;

padding-right:5px; }

4. Saat penulisan postingan terbaru jangan lupa untuk menuliskan kode ini : <bt></bt>. Misalnya huruf awalnya P maka letakkan huruf P di tengah kode tersebut seperti : <bt>P</bt>

Nah mudah bukan lihat contoh dan cara lebih lanjut di http://beautifulbeta.blogspot.com/

Ide untuk Menulis Blog

On Jumat, 03 Oktober 2008 0 komentar

Posting lagi Posting lagi... jadi bosen nih, tapi ya mo gimana lagi ini ni resikonya buat para blogger peng-Update-tan posting terbaru itu harus, ya kalau mo blognya selalu dikunjungi oleh orang kita harus bisa meng-Update posting terbaru minimal 1 posting sehari biar mereka tidak bosen dan selalu kembali mebaca-baca dan baca posting dalam blog milik kita. karena apa seseorang yang mengunjungi internet/ mencari berita di internet itu selain cuma games Online, mereka juga mencari sesuatu yang baru apapun topiknya, maka dari itu kita harus bisa mengupdate sesuatu yang baru juga.

Nah, saya akan berika sedikit TIPS bagaimana cara memunculkan ide untuk menulis artikel/Postingan untuk blog kamu:

1. Hal-hal yang baru anda ketahui, misalnya ada yang baru dari GOOGLE yaitu google crome, nah anda bisa menjadikan hal tersebut sebagai bahan postingan kamu.


2. Hal yang kamu sukai. Misalnya kamu lagi suka ngumpulin mainan, nah kamu bisa menuliskan mainan apa saja yang kamu kumpulin dan mungkin pengunjung juga akan tertarik dengan hobi anda. Dengan begitu kalian bisa saling SHARING mengenai mainan kaian.

3. Hal yang tidak kamu sukai. " Uh aku bosen ma makanan yang yang ada dirumah, itu-itu mulu.... pengen cari sesuatu yang baru nih" nah dengan kamu menulis postingan tentang makanan apa saja / sesuatu apa saja yang kamu benci kamu bisa menyalurinya ke-BLOG kamu biar orang laen ga' jadi sasaran kebencian kamu!!! (hehe).

4. Kejadian yang baruuu saja kamu alami. Misalnya kamu baru ketabrak oleh sepeda dan langsung masuk rumah sakit dan sekarat lagi, bisa nih jadi bahan postingan yang seru sekaligus dapat menyimapan suatu kenangan/kejadian yang indah dan tidak terlupakan.

5. Hal yang ingin kamu ketahui. Mungkin selama ini kamu tidak mengetahui apa sebenarnya Blog, atau bisa juga tentang bagaimana keadaan dunia kita sekarang, dengan begitu kamu akan mendapatkan bahan postingan yang harus kamu tulis.

6. Bercerita tentang kegiatan kamu sehari-hari/tentang apa saja yang kamu alamin hari ini, dengan kata lain blog bisa kamu jadikan diari pribadi milikmu yang bisa kamu tuliskan apa saja yang ada dalam pikiranmu.

7. Sesuatu yang kamu karang. Karena kamu tidak ada bahan untuk menulis posting lagi, kamu bisa mengarangnya. Tentang apa saja.

Nah sedikit dari saya, mungkin dapat berguna nih bagi blogger-blogger sejati yang BINGUNG mo nulis apa di blognya.

Powered by Blogger