Tutorial buat transparent kotak scrollbox di side bar

Assalamualaikum ^^

Atas request Deesya yang nak sangat tahu camne nak ain buat transparent kotak scrollbox di side bar. Sebenarnya tujuan ain buat scrollbox tu dulu to make sure side bar ain yang sememangnya berterabur bagai dengan macam macam gadget menjadi kemas....ceiitt!! kemaskan.....bajet belog kemas macam  belog yuyu juleka...

For sure, scrollbox nie ada pelbagai jenis, background , warna mengikut  taste masing masing. Kalau you all nak tahu tutorial untuk scrollbox yang lain...tell me yaw!!  Insya Allah ain akan bantu :) Entri nie ain just tunjukkan tutorial untuk buat transparent kotak scrollbox di side bar. Nanti buat manyak manyak tutorial ada kang yang hentak hentak kepala kat screen lappy. sigh!!! Ain just bagi tutorial yang simple untuk you all supaya korang bolleh follow dengan mudah.

STEP 1

Sebagai langkah berjaga-jaga untuk mengelakkan blog korang jadi barai disebabkan silap masukan kod korang perlu buat back up template terlebih dahulu.

DASHBOARD > DESIGN > EDIT HTML > DOWNLOAD FULL TEMPLATE

STEP 2

Pada ruang EDIT HTML tu, korang klik EXPAND WIDGET TEMPLATES

Then klik CTRL F  atau F3 untuk find tajuk nama bloglist ataupun tajuk sidebar korang. Contohnya kat blog ain, 'JELITA MENCICIT'. 

STEP 3

Then korang cari kod dibawah nie bawah tajuk sidebar korang.

<div class='widget-content'> 

STEP 4

COPY PASTE  atau CTRL C kod dibawah nie dan gantikan pada kot STEP 3. Faham??!

* kod yang berwarna tu korang boleh gantikan dengan mengikut taste korang sendiri.

<div class='widget-content' style='overflow:auto; width:ancho; height:300px;'>

STEP 5

Klik preview to ensure kod yang korang letak tu betul tanpa salah koding, jika koding salah buat semula ikut  STEP 2. Make sure korang letak kod ditempat yang betul ye, agar blog korang tak barai.

Senang bukan? So, selamat mencuba. Kalau menjadi jangan lupa share bersama ain :)

Related post :

http://aindzaya.blogspot.com/2010/12/tutorial-1-membuat-mister-linky-di-blog.html
http://aindzaya.blogspot.com/2011/05/tutorial-grafitti-menghubungkan-blog-ke.html
http://aindzaya.blogspot.com/2011/05/tutorial-buat-duit-1-langkah-efektif.html
http://aindzaya.blogspot.com/2011/10/tutorial-efek-lipatan-kertas-pada.html

p/s : note for Deesya, untuk tutorial post background ain buat tutorial lain ye if Deesya tak tahu nak buat lagi...just waiting for it dear :)

Tutorial design background blog dengan mudah guna photoshop

Assalamualaikum!

Ai!ai! kenapa buat muka comot-comot nie kamu-kamu yang gojes? dah buhsan yer dengan design blog kat blog korang....anyonyoo...toksah nanges depan lappy lagi...jum! ain ajar design background blog korang dengan mudah guna adobe photoshop. Pastikan CS 3 yer......lagi mudah!

contoh background yang telah diedit :)

Tutorial nie khas untuk mekema-mekema sekalian yang memang hancuss dalam pengajian penggunaan photoshop...pastikan AdobePhotoshop CS3 yer sayang-sayangku....Cara ain nie terlalu simple sangat, so kalau kamu nak lagi gempak, cantek, mabelesss, semartt dan hebak...kamu boleh godek godek Google untuk cari background yang lagi gojess...dengan teknik kamu tersendiri...

1. Buka file > open > masukkan gambar-gambar yang ingin digunakan sebagai background design.

2. Gunakan quick selection tool untuk tanda pada bahagian yang digunakan. Setelah siap, gunakan Eraser untuk delete bahagian gambar yang tidak berkenaan.

4.  Then, lepas siap semuanya, clik kanan pada gambar untuk edit dan menggunakan blinding option...

5. Untuk move gambar dari satu layer ke satu layer yang lain, gunakan rectangular marque tool untuk select pada kawasan gambar. Seterusnya clik pada anak panah untuk move gambar ke layer berikutnya mengikut kreativiti masing-masing.

6. Tarannggg!! wokkeyyh SIAP!! simple bukan?

SELAMAT MENCUBA!!

JANGAN LUPA SHARE DENGAN AIN TAW!!

Tutorial efek lipatan kertas pada gambar dengan photoshop CS3.

Assalamualaikum!

Salam sejahtera!

Cuba lihat gambarajah dibawah tepat tepat....semarttkan? pffffttt......jangan tenung lama lama...nanti ain tolong ushakan yep..........erkk!erkk! korang tenung apa nie? ain tak suruh tenung abang keding baju hitam dalam gambarajah di bawah la......gatal yerr!!haissh! kang tarik bulu mata tu.....tapi fokuskan pada lipatan gambar tu...semartt bukan? cara nak buat senang dan mudah je...but, firstly make sure korang da install Adobe Photoshop CS 3 dulu......

Ain ter'grab' gambar nie masa godek godek kotak Google, sekejap tadi..

1. Untuk memasukkan gambar dalam photoshop 

Buka File > Open > pilih mana-mana gamba > klik open

2. Duplicate layer gambar dengan menekan CTRL+J

3. Klik gambar file  untuk defaut layer menjadi transparent/ white background/ black background.

4. Make sure anda guna Rectangular Marquee tool untuk membuat segitiga pada gambar. Kemudian warnakan segitiga menggunakan Paint bucket tool (gambar cat) untuk warna keseluruhan segitiga.

5. Klik pada Elliptical Marquee Tool untuk buat lingkaran , then klik delete.

6. Guna Magic Wand Tool pada kawasan yang seluruh kawasan yang ditunjukkan. dan klik Erase pada kawasan yang bertanda.

7. SIAP!! senangkan nak buat. Keeping blogging!!

TUNGGU BANYAK LAGI TUTORIAL PHOTOSHOP DARI AIN.