Pages

Blog yang menyediakan info-info menarik seputar dunia Game & Internet - MAAF BLOG INI SUDAH TIDAK AKTIF.

Senin, 24 Mei 2010

Cara Membuat GADGET Tukeran Banner/Link

Postingan/Entri ini di request oleh salah satu pengunjung setia blog ini Surjono yang ingin membuat banner blognya.Mudah-mudahan bermanfaat untuk para blogger newbie yang ingin membuat banner blog "khususnya SURJONO yang telah merequest Postingan/Entri ini.
MEMBUAT BANNE ??? Susah membuatnya? Tidak juga, malahan mudah kok! Syaratnya Anda bisa mengoperasikan dasar-dasar penggunaan Adobe PhotoShop CS2 dan Image Ready.
Ikuti tutorialnya di bawah ini.

Oke, kita langsung saja ke TKP,
Bagian Pertama (Membuat Bingkai dan Teks):
  1. Buka Adobe Photoshop CS2
  2. Buka file baru dengan mengklik menu File>New. Pada kotak dialog New
a. Name: Beri nama file dengan nama Anda.
b. Width: 81 pixels
c. Height: 16 pixels
d. Resolution: 72 pixels/inch
e. Color mode: RGB 8 bit
f. Background Content: Transparent.(*)
g. Color Profile: Working RGB: sRGB IEC61966-2.1
h. Pixel Aspect Ratio: Square
i. Klik OK
  1. Perbesar ukuran window kanvas dengan menarik ujung bagian bawah.
  2. Perbesar kanvas dalam dengan menggunakan Zoom Tool (Z) (+).
  3. Buatlah background untuk banner Anda dengan menggunakan Rectangle Tool (U). Sesuaikan dengan ukuran kanvas. Jika sudah ubahlah menjadi Shape dengan mengklik menu Layer >Raterized >Shape.Buatlah bidang seleksi berbentuk Marquee (kotak) dengan menggunakan Rectangular Marquee Tool (M) di atas background lalu klik menu Edit >Clear, sehingga background Anda berbentuk list kotak (bingkai) seperti pada banner saya (contoh).
  4. Buatlah teks nama Blog Anda (contoh, Gamer's) di tengah-tengah bingkai menggunakan Horizontal Type Tool (T). Sesuaikan ukuran teks dengan bingkai menggunakan Move Tool.
  5. Tambahkan efek Bavel and Embos dengan mengklik menu Layer >LayerStyle >Bevel and Embos (tambahkankan pengaturan lain jika Anda mau seperti drop shadow, inner shadow, outer glow, dll) klik OK jika sudah.
  6. Save pekerjaan Anda.
Bagian Kedua (Ubah File GIF Anda Dalam Bentuk URL):
  1. Untuk mengubah file gif dalam bentuk URL, Anda memerlukan web yang menyediakan layanan tersebut. Dan ternyata banyak sekali web yang menyediakan layanan secara gratisan, free atau orang malay biang ‘percuma’ ^_^ diantaranya Photobucket, servimg, dan layanan gratis lainnya. Atau jika Anda sudah memiliki account gmail Anda bisa mengaktifkan googlepages dan mengupload file photo disana, atau bisa juga dengan menggunakan layanan Picasa dengan menggunakan account gmail juga.
  2. Namun untuk mempermudah saya anjurkan untuk menggunakan layanan dari servimg karena Anda cukup mendaftar dengan account email yang manapun dan tanpa adanya email aktivasi. Cukup mendaftar, login dan Anda bisa langsung mengupload photo.
Bagian Ketiga (Memasang Banner Di Blog Sendiri dan Menyediakan Tag HTML untuk Tukar Link)
  1. Setelah mempunyai URL banner, Anda memerlukan Tag HTML agar bisa disimpan pada elemen html yang ditempatkan di sidebar blog sekaligus untuk memudahkan bertukar link. Dan saat seseorang mengklik banner Anda di blog lain (yang telah bertukar link) langsung di arahkan menuju blog Anda, seperti halnya di bawah,









gameforev.blogspot.com


Tag HTMLnya sebagai berikut,
<span style="color: rgb(255, 0, 0); font-weight: bold;"><span style="color: rgb(51, 255, 255);">
</span></span><center><blockquote><a href="http://gameforev.blogspot.com/"><img alt="gameforev.blogspot.com" src="http://i957.photobucket.com/albums/ae57/gunawana/Animasi.gif" border="0" /></a></blockquote>

<textarea rows="3" cols="15" name="code"><a href="http://gameforev.blogspot.com/"> <img border="0" alt="gameforev.blogspot.com" src="http://i957.photobucket.com/albums/ae57/gunawana/Animasi.gif" /> </a><br /></textarea>
</center>
Anda tinggal mengganti TEKS YANG BERWARNA BIRU:
  • URL-BLOG-ANDA: (contoh, URL blog saya http://gameforev.blogspot.com/)*
  • NAMA-ANDA.BLOGSPOT.COM: (contoh nama blog saya, gameforev.blogspot.com)*
  • URL-GAMBAR-ANDA: (contoh URL gambar saya, http://i957.photobucket.com/albums/ae57/gunawana/Animasi.gif)*
Saya rasa cukup mudah dan tidak akan ada masalah! Kalau ada,kasi tau aja ke aku TINGGALKAN KOMENTAR KAMU disini

BY : http://gameforev.blogspot.com
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

7 komentar

  1. THQ
    NAMA SAYA SARJONO
    THANKS TUTOR NYA...

    BalasHapus
  2. thx bro buat pengetahuannya....

    link gue

    bonkhank.blogspot.com

    BalasHapus
  3. link back gan...banner ente dah ane tanem diblog ane...sukses trus....salam blogger

    BalasHapus
  4. kawan dengan senang hati banner/link blog anda kami pasng di blog kami kami berharap sebaliknya banner blog kami yang sederhana ikut terpampang di blog anda yang keren ini "http://haurgeuliswaroengfalsjamboo.blogspo.com/"
    terimakasih kami tunggu konfirmasinya salam blogger

    BalasHapus
  5. FOLLOW blog ane sob,.. ntar ane follow back... ok

    BalasHapus
  6. mantap, maksih tak coba ya :) visit back n jgn lupa follow dan like fan pages

    BalasHapus

Dengan sangat, saya memohon kpd semua para pengunjung Gamer’s blog, agar memberikan komentar (saran dan kritikan) yang bersifat membangun.
Tinggalkan pesan di Blogroll untuk tukeran link.

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Posts RSSComments RSSBack to top
© 2011 Gamer's ∙ Designed by Arifo Gunawan Cahyanegoro
Released under Creative Commons 3.0 CC BY-NC 3.0