Membuat Title dan Description Rata Tengah

Membuat Title dan Description Rata Tengah

Assalaamu'alaikum. Baru saja lusa kemarin saya posting tentang cara membuat title post rata tengah, yang ternyata tidak dipungkiri bahwa setiap blogger mempunyai selera berbeda-beda tentang perataan di blognya biar tampak seo friendly. di sela-sela komentar ada sahabat saya yang tanya bagaimana cara membuat Judul atau Title Blog rata tengah ? pertanyaan tersebut datang dari sahabat saya Mas Boby Aoliya. Untuk menjawab pertanyaan tersebut maka saya akan posting-kan cara membuat Title dan description rata tengah.

Pertanyaan dari mas Boby tentang Perataan Title Blog

Nah, dari pertanyaan sobat boby diatas akan saya jabarka satu per satu caranya mulai membuat judul blog yang rata tengah dan cara membuat description blog rata tengah.  yuk disimak tips di bawah ini.

Membuat Judul / Title Blog Rata tengah :

• 1. Silahkan buka perancang template sobat ( backup dulu templatenya lho...hehehe )
• 2. Kemudian jangan lupa centang expand widget - nya
• 3. Lalu cari script / kode seperti di bawah ini atau yang agak mirip, cari kunci pokoknya yaitu  <h1 class='title'> letaknya biasanya berdekatan dengan class titlewrapper :

               <!--No header image -->
               <div id='header-inner'>
               <div class='titlewrapper'>
               <h1 class='title'>
               <b:include name='title'/>
               </h1>
               </div>

• 4. Bila sudah ketemu letakkan perintah <center> di depan <h1 class='title'> dan beri penutupnya setelah </h1>, seperti contoh di bawah ini :

                <!--No header image -->
                <div id='header-inner'>
                <div class='titlewrapper'>
                <center><h1 class='title'>
                <b:include name='title'/>
                </h1></center>
                </div>

• 5. Simpan Template sobat.

Cara membuat Description rata tengah :

• 1. Ulangi langkah 1-2 diatas, atau kalau masih di editor langsung lanjut saja (...kok repot amat sih..hehehe)
• 2 Lalu cari script / kode seperti di bawah ini atau yang agak mirip, cari kunci pokoknya id=description atau class='description', tampak seperti di bawah ini :

                <b:includable id='description'>
                <div class='descriptionwrapper'>
                <p class='description'><span><data:description/></span></p>
                </div>
                </b:includable>

• 3. Letakkan perintah <center> di depan class-nya, hasilnya seperti di bawah ini :

                <b:includable id='description'>
                <div class='descriptionwrapper'>
                <center><p class='description'>
                <span><data:description/></span>
                </p></center>
                </div>
                </b:includable>

• 4. simpan perubahan template sobat.

Insya Allah mudah cara yang saya jabarkan diatas, meskipun bisa kita lakukan dengan script css tapi menurut saya cara diatas yang paling simple. semoga bisa bermanfaat buat sahabat semua. Wassalaamu'alaikum.

Cara Membuat Poster film Menggunakan Adobe-Photoshop

Alhamdulillah .. bisa posting lagi.. Setelah sekian lama vakum karena banyak masalah ini itu, itu ini di server… akhirnya semua berjalan normal lagi… kecuali Halaman Member belom dibalikin ke web ilmuphotoshop.. masih di web sigiteko.com… Sekarang web ilmuphotoshop.com sudah dapat rekanan penyedia hosting baru yang mudah-mudahan gak akan ada problemo lagi. Webhosting nya bernama AXIADATA. Saya ucapkan Terima kasih untuk AXIADATA yang sudah bersedia bekerjasama dengan ilmuphotoshop.. mudah-mudahan bisa jangka panjang … amin..
Okey… sekarang kita ke tutorialnya yah..
Bentar.. buka baju dulu.. gerah banget nih..
Buka dokumen baru ukuran A4 ..dengan resolusi 300 dpi.

Warnai halaman baru tadi dengan warna hitam dengan menggunakan Paint bucket tool..

Sekarang buka gambar latar belakang nya.. saya pake latar belakang kota aja ya.. biar keren
Drag gambar kota New York tadi ke dokumen baru…
Bahan gambarnya silahkan download disini

atur gambar nya supaya fit.. gepeng-gepeng gpp… karena nanti itu hanya background yang nanti gak keliat juga.

Action selanjutnya adalah buka gambar api … drag ke dokumen juga..

Sekarang hilangkan background kotak nya.. karena kita cuman butuh gambar api nya saja.
Klik add layer mask di layer palette.
Brush seputar gambar api dengan warna hitam…

jelas kan ?
lanjut yah..  sekarang duplikat gambar api yang sudah dihilangin background nya tadi.. dengan cara ALT + Drag ke samping kanan.

Edit kedua gambar api terserbut dengan mengurangi kontras dan warna nya.. dengan menggunakan hue/saturation

Sekarang buka gambar HULK dan Drag ke dokumen baru

Atur letaknya seperti ini

Seleksi gambar HULK dengan menggunakan PEN Tool.. sebenernya bisa pake magic wand tool.. tapi saya lebih seneng pake PEN Tool karena hasilnya bisa lebih bagus..
Ini pekerjaan yang butuh ketelitian dan menyenangkan.. bisa bikin mata jereng-jereng hehehehe..

Klik disini untuk penggunaan PEN Tool lebih jelas
Kalo ada kesalahan klik waktu seleksi dengan PEN tool.. tekan CTRL + Z (undo) atau CTRL + ALT + Z kalo salahnya banyak..
kalo udah beres seleksinya.. klik kanan layar lalu pilih Make selection

Hasilnya nanti bakal seperti ini :

Kebetulan sekali si HULK punya background hitam.. jadi tinggal add layer mask aja.. biar hitam nya ilang..

Hasilnya akan seperti ini :

Karena dibagian bawah nya akan dipake buat Credit Text… jadi harus agak gelap.. soalnya nanti text nya berwarna putih..
Buat layer baru di paling atas … Klik Layer > new > layer
Brush bagian bawahnya dengan warna hitam.. secukupnya aja..

Turunkan opacity brush hitam menjadi 75%

Sekarang tulis judulnya.. dengan warna Hitam atau terserah aja..  font nya musti agak tebal . saya pake font IMPACT.(bisa cari di internet kalo gak ada).  IMPACT itu font tebel.. jadi keliatan garang … jangan pake Times new roman ya.. hehehe.. nanti gak serem judulnya..

Klik kanan layer tulisan > blending options
Pilih outer glow dengan warna hijau .. size nya dibesarin dikit biar keliatan glow nya.


Buat Credit Text ( seperti judul nya apa, produksi mana, pemeran nya siapa dll ) .. sekarang ngarang sendiri aja ya.. terserah mau nulis apa juga..ini pake font ARIAL biasa gpp..

Setting di Type palette nya.. Horizontal scale jadi 50% supaya hurufnya lebih rapet.

Kecilin sebagian hurufnya supaya lebih mirip dengan Credit Text..

tambahkan logo Dolby

Hasil akhirnya akan seperti ini :

gimana ? gampang kan ?

menambah memasang lagu di blog (eSnips)

1. Kunjungi situsnya, http://www.esnips.com/. Sign Up dulu untuk mendapatkan akses full.
2. Klik Upload Files dan kemudian Select Files sesuai

   lagu yang ingin di pasang di blog

   .
3. Pilih lagu yang akan dipasang di blog dan pilih folder untuk menyimpan lagu tersebut. Pastikan foldernya bersifat Public, karena kalau Private maka lagu tersebut tidak bisa ditambahkan ke playlist.
4. Langkah terakhir adalah memasang lagu di blog. Pilih atau klik Add to quicklist.
   
5. Jika sudah, scroll ke bagian atas halaman, dan kemudian pilih Create playlist widgets.
   
6. Pilih skin yang diinginkan kemudian copy kode yang ada di kotak.
   
7. Buka blogger, tambahkan gadget HTML/Javascipt dan paste kode tersebut disana. Save dan lihat hasilnya