TinyTags : Buat Tags Kenit Yang Kiut

Entah kenapa aku rasa tajuk post kali ini terlalu cacat. Ah lantak.

TinyTags ni menolong kita buat tags kecil yang kiut dan comel. Tagsnya pulak ada bermacam kaler. Ada pelbagai kaler yang korang boleh cuba. Proses nak buatnya pun cepat, lebih kurang 30 saat (seriusli).

Apa yang korang boleh buat dengan tags ni? Macam-macam la! Kalau korang kreatif, buat design t-shirt pun boleh. Tak pun korang print dan tampal buat iklan. Buat icon pun boleh. Logo pun boleh.

Oh ya, lupa nak cakap, tinytags ni free jer. Tak rugi pun korang cuba.

Lepas buat tags pulak, korang boleh simpan tags tu dalam komputer, upload ke imageshack ataupun simpan di flickr.

NotaLutut: Sekadar info, aku buat post ni kurang dari 5 minit. Perrgh! Bangga siot!

Menukar Labels Menjadi 2 column (dengan automatik)

Default susunan labels blogger adalah sangat tak menarik kalau kita gunakan sidebar yang widthnya melebihi 250px. Solusinya, kita perlu pecahkan labels menjadi 2 column. Jangan risau. Mudah je tekniknya.

1. Pergi ke layout --> Edit Html. Kemudian, tekan butang CTRL+F dan diikuti dengan carian tajuk labels widget anda.Kau akan mendapati sesuatu seperti dibawah :

<b:widget id='Label1' locked='false' title='NAMA WIDGET LABELS KAU TERTULIS DI SINI' type='Label'>

2. Lihat widget id kau. Kalau aku punya ialah Label1.

3. Sekarang, tambah kod di bawah sebelum ]]></b:skin>

#Widget id ul li {
float: left;
width: 40%;
margin-left: 22px;
padding-left: 0px;
}

4. Preview template kau. Kalau dah OK, Save.

Tu je. Mudah sangat kan?

Bagaimana Menjadikan Post Imej Di Blogger Lebih Besar (Fixed Width)

Selalunya, apabila kita mengupload gambar di blogger, gambar yang kita upload tidak sebesar mana seperti yang kita inginkan (walaupun kita memilih image size large).Hasilnya, entri kelihatan kurang kemas dan kurang menarik.

Namun, terdapat cara untuk mengatasi masalah ini. Kita cuma perlu edit sedikit perkara saja pada html gambar tersebut.

1.Upload gambar anda dengan memilih:
Layout : Center
Image size : Large

2.Kemudian di bahagian posting, pilih edit Html(bukan compose). Anda akan melihat result seperti lebih kurang di bawah(setelah imej selesai diupload). Sila ambil perhatian terhadap perkataan yang ditandakan bold.

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_0jhYxD0gO4o/SW9oQiz8YPI/AAAAAAAAB2Q/7VNXuw_suDs/s1600-h/IQMAL.JPG"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 100px;" src="http://4.bp.blogspot.com/_0jhYxD0gO4o/SW9oQiz8YPI/AAAAAAAAB2Q/7VNXuw_suDs/s400/IQMAL.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5291562720615489778" /></a>

3.Setelah anda menjumpainya. Biarkan je. Kita buat kerja lain kejap.

4.Pergi ke layout-->edit html

5.Cuba cari CSS bagi lebar post anda. Selalunya bagi kebanyakkan template menggunakan perkataan 'main-wrapper'. So, tekan jer buatn Ctrl+F dan taip 'main-wrapper'. Contoh kodnya adalah seperti berikut :

#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

6.Sekarang, kau telah tahu lebar post engkau. Jadi kita kembali kepada no.2, tengok pada perkataan bold(bold tu aku yang buat, bukan dah siap sedia bold). Tukarkan perkataan yang ber'bold tu kepada :

s400 --> s1600
width: 400px; height: 100px --> width:410px (width dia ikut lebar post kau)(tak payah letak height)

7.Selepas itu, kau post jer seperti biasa. Untuk post seterusnya, tak perlulah kau ikut step 1 sampai 7, cukuplah sekadar 1,2 dan 7(kerana kau kan dah tahu lebar post kau!)

8. Done! Itu sahaja. Mudah, kan?