Koleksi Font Cantik Versi EB

Di bawah ni EB showcase sikit font-font yang EB kongsikan dalam file yang boleh di muat turun pada akhir entri ini. Terus Download Font!

Semua font ini boleh didownload dari link mediafire.com yang EB sediakan ni. EB telah zipkan semua font tersebut. Kalau tak tahu macam mana nak install font ke dalam komputer dan gunakan dalam adobe photoshop, adobe illustrator atau mana-mana aplikasi dalam komputer, boleh ikuti Tutorial Menggunakan Atau Install Font Dalam Komputer.

Baiklah, sebelum nak install font baru, kenelah download dulu font yang anda nak guna tuh. EB ada sediakan koleksi font yang cantik dan menarik untuk dimuat turun oleh ada dalam entri Koleksi Font Cantik Untuk Buat Header Blog ni. Selepas download file tersebut, extract dulu file tersebut menggunakan 7zip. ( Kalau takde 7zip, EB sarankan download dan install dulu software ni ).

Kemudian select semua file font tersebut, (Crtl+A) dan copy ( Crtl+C ).

Selepas tu, pergi pada folder seperti yang ditunjukkan dalam gambar. C:\Windows\Fonts .

Pastekan font tersebut dalam folder tu. Mungkin akan ada beberapa notification, just klik OK! je.

Kini anda dah selesai install font dalam komputer anda. Semua font yang telah anda install ni boleh digunakan dalam segala aplikasi, software yang ada dalam komputer tu. Tak kiralah photoshop, illustrator, power point mahupun microsoft word. Sebarang pertanyaan dan kekeliruan boleh nyatakan dalam kotak komen di bawah. Jangan lupa klik share sekali dan +1 di bawah ye! Teruskan membaca dan mengunjungi blog EastbulletDotCom untuk tutorial-tutorial yang lebih menarik.

Video Koleksi Fake Shot and Score Goal In BAL PES 2012

Sambil dengan video, layan lagu Hujan.. Ok tak?? he3! Teruskan membaca EastbulletdotCom dan jangan lupa sertai Fanpage Facebook EastbulletdotCom untuk ketahui perkembangan terkini blog EastbulletdotCom.

Video Tutorial How To Score Goal In PES 2012 BAL Fake Shot

Namun diingatkan, tak semua keadaan sesuai buat Fake Shot ni. Hanya jika kita dapat One-On-One dengan keeper je baru sesuai buat Fake Shot dalam BAL PES 2012 ni. Kalau macam tengah ramai-ramai defense kita buat Fake Shot, kemungkinan besar defense dapat tolak bola dari kaki. Harap tutorial Fake Shot untuk Become A Legend PES 2012 ni dapat membantu anda yang sukar nak jaringkan goal bila situasi one-on-one.

Kalau nak tengok situasi yang sesuai macam mana nak buat fake shot dan score goal, boleh baca entri “Koleksi Fake Shot And Goal PES 2012” ni.

Teruskan membaca EastbulletdotCom untuk lebih tutorial dan penceritaan mengenai PES 2012. Boleh juga langgan dengan emel untuk ketahui perkembangan terbaru blog EastbulletdotCom. Terima kasih semua!

Pada mulanya Projek ni kurang mendapat sambutan. Mungkin sebab tiada langsung usaha promosi dari EB sendiri. Pernah juga sekali dua kongsikan Projek Design Header ni di group-group blogger. Tapi masih tak dapat sambutan. Mungkin ramai blogger yang suka buat sendiri dari orang tolong kot. Mana lah tahu. Hari demi hari, akhirnya dapat satu emel dari seorang blogger perempuan yang ingin sertai Projek #1 EB ni. Rasa teruja sangat, tanpa fikir panjang terus designkan apa yang dia mahu. Bila dah siap, emel semula blogger tersebut. Tunggu punya tunggu tak dibalasnya. Mungkin emel tersebut salah letak.

Selepas kejadian tu, EB tambah syarat supaya siapa yang mahu join projek design header percuma ni kene reply dulu emel yang diberikan. Lepas tu tak berlakulah kejadian seperti sebelum ni. Secara puratanya lebih ramai blogger perempuan yang sertai Projek #1 Design Header EB ni.

Berikut adalah blogger yang telah sertai Projek Servis Design Header Percuma EastbulletdotCom dan menggunakan header tersebut :

• Blog Invisible Algorithm
• Blog Ada-Ada Saja
• Blog Farachew
• Cik Ah’s Online Diary
• Blog Islam Itu Indah
• Blog SweetIzzah99
• Blog Wahhh Gitu!!!
• Kedai Tudung Dan Pakaian JelitaSu
• Semanis Impian Ibu (http://semanisimpianibu.blogspot.com/)
• Diari Online Hafiza
• Why So Serious??
• Family Blog Super Duper Kawai
• Family Blog Aca6Nisa

EB ambil peluang ni untuk menyatakan ucapan penghargaan kepada semua blogger yang sudi join Projek Design Header Percuma EastbulletdotCom ni. Segala salah silap, terkasar bahasa ataupun design yang tak memuaskan hati EB mohon maaf. Tak lupa juga pada yang baru tahu tentang Projek EB ni tapi terpaksa ditolak permohonannya. InsyaAllah, cuti semester akan datang EB akan sambung semula Projek Design Header Percuma ni. Jadi terus kunjungi EastbulletdotCom dan jangan lupa untuk Like Fanpage EastbulletdotCom untuk ketahui informasi terkini mengenai blog EB.com.

Ok jom kita teruskan tutorial kali ni. Dalam tutorial ini EB gunakan browser Google Chrome. Dan blog kedua EB sebagai contoh : http://eastbullet-shots.blogspot.com/

Tutorial Menukar Background Untuk Menu Jenis Bar

Sebelum menukar background menu jenis bar, kita kene tahu dulu saiz dan di mana kedudukannya. Oleh itu, buka laman blog masing-masing. Right-Click pada mana-mana bahagian menu sedia ada. Kemudian tekan “Inspect Element”.
Akan keluar satu tab baru di bawah dan beberapa line code akan dihighlight bewarna biru.

Disekitar baris code tu, kita dapat lihat macam-macam code tag yang berada di situ contohnya <div>, <ul>, <li>. Gerakkan pointer mouse pada tag code-tag code tersebut sambil tu kita lihat di atas iaitu pada bahagian menubar di blog. Sekiranya ada highlight biru yang memenuhi sepenuhnya bahagian tersebut, bermakna itu ada baris code yang kita perlu ubah. Biasanya bahagian yang perlu diubah akan ada <ul>. Untuk memastikan bahagian itu adalah yang betul, kita lihat pada bawah sebelah kanan tu akan ada bahagian yang boleh kita hilangkan tick, cuba hilang kan tick pada baris “background” dan lihat apa yang berlaku. Kalau hilang background pada menu tersebut, maka betullah baris code itu yang perlu diubah.

Sekarang ni kita bolehlah ke ruang edit HTML untuk blogspot dan Editor untuk wordpress. Sebagai contoh dalam blog kedua EB ni, background pada asalnya bewarna putih, dan EB nak tukarkan pada warna kuning. Jadi apa yang perlu lakukan tukar kan baris code “background” tu. Search pada edit HTML ( Crtl + F )  dengan carian .tabs-inner .widget ul .

Tukarkan baris pada “background” tu kepada seperti yang ditunjukkan di bawah :

Jika mahu tukar background menu kepada image seperti yang EB telah tunjukkan dalam Tutorial Membuat Glossy Imej Untuk Background Menu Bar, upload image terdahulu (Cara dapatkan url image untuk blogspot ) kemudian, tukar baris code nya akan jadi seperti di bawah :

Banyak lagi yang boleh diubahsuai dengan keadaan menu kita ni. Sebagai contoh lain, kalau nak ubah warna menu bila di klik pun boleh. Tapi EB nak pesan awal-awal, kalau nak godek-godek template blog tu jangan la terlalu berlebih. Fokus adalah lebih kepada content, template hanya untuk memudahkan pembaca. Sampai di sini sahaja Tutorial Menukar Background untuk menu jenis bar. Teruskan membaca dan mengikut blog EastbulletdotCom.

Secara ringkas Fungsi Picasaweb

Picasaweb ni merupakan salah satu alternatif dalam penyimpanan gambar. Tak semestinya gambar tersebut hanya boleh diletakkan di dalam blog. Tapi boleh dikongsi untuk semua orang. Saiz yang disediakan oleh picasaweb untuk simpanan gambar adalah sebanyak 1GB. Jadi kalau kita rasa nak gunakan picasaweb untuk tempoh masa yang lama, pandai-pandailah kecikkan saiz gambar sebelum upload. Andaikata nak jugak tambah gambar bila dah penuh kuota 1GB, kenelah keluar duit sikit untuk tukar account picasa percuma kepada pro.

Jadi kalau kita ada blog dan nak tengok balik gambar lama-lama, just pergi ke picasaweb dan carilah di album-album yang ada (nama blog).

Tutorial Dapatkan URL Image Untuk Pengguna Blogspot

Untuk bagi mereka yang gemar edit tempate dan memerlukan gambar. Ada yang EB lihat gunakan storan image luar seperti photobucket. Lebih baik jika gambar tu diupload pada tempat yang lebih mudah diakses, untuk situasi ni mudah diakses untuk pengguna blogspot. Jadi pertama sekali untuk gunakan imej tu anda kenalah upload pic. Just gunakan teknik upload gambar yang biasa anda gunakan dalam “Posting”.

Jika nak gunakan gambar tu dalam template, copy URL seperti yang ditunjukkan di bawah.

Dalam tutorial imej effect glossy background untuk menubar ni, EB bahagikan kepada 2 bahagian iaitu :

• Menubar background terang atau warna cerah.
• Menubar background gelap atau warna gelap.

Hasil yang kita boleh dapat dengan mengikuti tutorial ini.

Jom ikuti tutorial ni!!!

Tutorial Effect Glossy Background Untuk Menubar versi cerah

Pertama sekali kita create new project ( Crtl+N ) dan gunakan ketinggian 100px , kelebaran 50px. Suka untuk EB sarankan guna dulu kelebaran dan ketinggian yang diberitahu untuk percubaan pertama anda. Nanti lepas ni baru cuba-cuba guna saiz yang berbeza ok?

Kita create new layer ( Crtl+Shift+N ), dan gunakan Paint Bucket Tool (G) warnakan layer kepada warna kuning atau warna cerah yang anda mahu.

Kemudian create layer baru lagi satu ( Crtl+Shift+N ). Gunakan Rectangular Marquee Tool, dan lukiskan kotak sebesar separuh dari layer tersebut.

Gunakan brush dengan warna putih, hardness 0% dan saiz yang besar ( 100 px ). Warnakan di bahagian tepi sahaja dari kotak garis putus-putus Rectangular Marquee Tool tadi.

Hilangkan garis putus-putus dengan ( Crtl+D ) dan gerakkan layer tersebut (V) ke bahagian atas seperti yang dipaparkan di bawah. Tinggalkan sikit ruang je di bahagian atas tu. Dan rendahkan Opacity layer tersebut pada 80%

***addition
Kemudian pada layer warna asas, letakkan layer style seperti gambar di bawah.

Tutorial Effect Glossy Background Untuk Menubar versi gelap

Langkah permulaan sama dengan Tutorial Effect Glossy Background Untuk Menubar versi cerah di atas sehingga ***addition

Sambung dengan tukarkan layer style “Color Overlay” pada warna asas kuning tadi.

Hasilnya nanti akan nampak lebih kurang macam ni.

Sekarang ni anda sudah siap membuat background untuk menu dengan efek glossy yang simple dan mudah. Ada tak faham, stuck, masalah? Hanya komen di bawah atau gunakan contact form yang telah disediakan. Kalau tak tahu macam mana nak apply background ni pada menubar, boleh rujuk pada entri Tutorial Tukar Background Untuk Menubar ni. Teruskan membaca dan mengunjungi blog EastbulletdotCom untuk tutorial-tutorial yang lain. Jangan lupa subscribe dan join fanpage EastbulletdotCom ye!!

Dalam tutorial ni EB gunakan paper texture ini.

Tutorial Membuat Text Daripada Texture Kertas Dengan Photoshop

Mula-mula sekali kita taip dulu text yang kita mahu. EB sarankan gunalah font yang berjenis tebal supaya texture kertas nanti akan lebih jelas kelihatan.

Kemudian boleh cari sebarang texture di google search “paper texture” atau boleh je cuba guna dengan paper texture yang EB telah sediakan. Open file texture tersebut dan dragkan pada window yang telah kita taip perkataan tadi.

Susun atau besarkan texture kertas tadi dan duplicate layer kertas tersebut ( duplicate : Crtl+J ). Kemudian susunan semua layer tersebut haruslah seperti yang EB tunjukkan dalam gambar iaitu layer kertas > text > layer kertas.

Pada layer kertas yang di atas text, right-click pada layer tersebut dan click pada “Create Clipping Mask” atau tekan Crtl+Alt+G.

Pada masa ni kita memang tak nampak text yang telah kita taip tadi, jadi supaya tulisan tu boleh kita nampak. Add stroke layer style pada layer text tersebut.

Jadi sampai proses ni hasilnya akan jadi seperti di bawah :

Sekarang gunakan Rectangular Marquee Tool ( M ) dan lukiskan kotak garis putus-putus di sepanjang tulisan. Tapi pastikan sempadan kotak putus-putus tersebut jangan melebihan dari tapak tulisan. Rujuk gambar di bawah.

Selepas itu, pastikan kita berada dalam layer di bawah text, dan tekan delete.

Gunakan eraser ( E ) dan padam serpihan texture kertas tadi. Padam hanya bahagian yang berada di atas text. Hasil pada ketika ini seharusnya kelihatan seperti gambar di bawah :

Gabungkan/Merge kan ketiga-tiga layer tersebut untuk finalize process.

Tambah beberapa layer style pada layer yang telah dimergekan tadi seperti stroke dan drop shadow dan hasilnya…….

Kunci kepada tutorial ini adalah menggunakan clipping mask tool. Tutorial membuat text daripada texture kertas ni bukanlah hanya limit pada kertas, boleh juga cuba gunakan texture lain seperti kain, batu, awan mengikut yang mana anda suka. Kalau gabung kan bersama Tutorial Membuat Stitched Text atau Tulisan Jahitan pun boleh. Semoga anda dapat fahami dan berjaya mengikut tutorial dari EastbulletdotCom ini. Sebarang pertanyaan boleh dikemukakan dalam komen di bawah atau gunakan contact form yang disediakan. Jangan lupa like fanpage EastbulletdotCom sekali untuk memudahkan komunikasi antara kita.