Labels

Tutorial Cara Membuat Iklan Bergerak Gif (720 x 90 px) Dengan Photoshop Cs3 Dan Photoscape



Jayati Pedia -  untuk meningkatkan trafic tambahan dalam suatu blog, kita juga sering memanfaatkan Iklan untuk menambah visitor dari web blog yang kita pasangi iklan, iklan ada dalam berbagai macam bentuk dan ukuran, mulai dari 300 x 300 px, 250 x 250 px, 150 x 150 px, 160 x 600 px, 728 x 90 px dll.

Bagi anda yang ingin mengiklankan blognya pasti butuh sbuah gambar atau banner blog untuk di pasang di web blog yang akan kita pasangi iklan dengan tetap menyertakan Link web blog anda. Untuk mendatangkan visitor dari iklan yang kita pasang, ada beberapa faktor yang sangat memungkin mendapatkan banyak Klik dan Kunjungan, di antara lain : ukuran banner iklan, perpaduan warna yang pas, Kata-kata menarik, di sertai gambar penjelas iklan yang menarik.

kali ini saya akan memaparkan cara membuat iklan bergerak GIF (728 x 90 pixel) dengan Photoshop Dan Photoscape, pastinya syarat kita mengikuti tutor ini harus memiliki 2 aplikasi yang akan kita gunakan, yaitu Adobe Photoshop dan PhotoScape, Ngomong-ngomong sudah pernah lihatkan Iklan GIF ? ituloh iklan yang biasa tampil di Google adsense. untuk persiapanya silahkan siapkan Kopi panas, Fikiran yang tenang & Fokus, tentunya Sabarr.

oke, Lets Goo Gaesss !

1. Buka Photoshop anda, Klik CTRL + N untuk membuat layer baru. atur width 728 , height 90 lalu Klik OK



2. layer baru sudah terbuat, silahkan silahkan klik menu Recangle Tool  untuk membuat sebuah gambar balok yang nantinya bakal kita jadikan Background.


untuk setting menu atas Rectangle Tool silahkan cocokkan setting seperti gambar di bawah ini

 3. selanjutnya buat blok kotak baru di bagian kanan blog, ukuranya bisa anda sesuaikan sendiri atau bisa anda samakan seperti gambar hitam di bawah, untuk cara membuat blok kotaknya sendiri agar bentuknya kotak sempurna, tekan Shift dengan menggerakkan Mouse.

kemudian blok sudah terbentuk, silahkan klik CTRL + T > Perspecstive untuk melengkungkan blok nantinya.

4. setelah anda klik Perspective, silahkan arahkan Cursor ke bagian pojok lincip balok dan atur agar bentuk menjadi sedemikian rupa lalu tekan Enter untuk mengahiri + menyimpan hasil. (Lihat Gambar)

5. Klik 2 kali Layer Blok hitam yang berada pada pojok kanan bawah, kemdian akan muncul tampilan seperti di bawah, Centang Checkbox Color Overlay > Klik Kotak warna.

6. untuk cara 6 tidak wajib anda lakkan, karena masalah warna adalah selera anda sendiri, di mana yang menurut anda pas silahkan di pilih. beikut warna saran dari saya.

7. Kemudian pilih lagi Retcangle Tool untuk membuat blok baru lagi, tahap ini kita buat untuk menghias / melapisi background yg ada di samping.
selanjutnya buat blok baru seperti biasa
Agar Bentuk & Poisi tampilan pas dengan Background yang berada pada sampingnya, klik CTRL + T selanjutnya arahkan Cursor pada daerah luar balok > Lalu putar balok seperti di gambar > Klik Enter.

 8. Selanjutnya klik 2 x layer yang baru saja anda putar posisinya. letak pojok kanan bawah, selanjutnya pilih warna, untuk cara pemilihan warna juga sama seperti cara cara sebelumnya.

warna sudah selesai, Klik CTRL + J pada layer di atas yang baru saja anda warnai untuk menduplicat layer, selanjutya silahkan lakukan pewarnaan lagi untuk layer hasil duplicat ini. Jadi total keseluruhan layer yg sudah kita buat saat ini adalah 3 (tanpa Background)

sehingga terlihat seperti di gambar.

 9. Sekarang Kita sudah masuk pada tahap memasukkan Logo Blog pada Gambar Iklan kita, Klik CTRL + O untuk membuka gambar > pilih gambar > enter.
Gambar sudah terbuka bila ukuranya besar silahkan di resize dengan cara menekan menu Image > Image Size , lalu drop / seret logo ke dalam Iklan yang akan kita buat. disini saya juga memasukkan Logo Favicon Blog saya letakkan tepat di atas logo utama. cara memasukkanya pun juga sama yaitu dengan cara menyeret logo blog kedalam layer yang sebelumnya telah kita buat.



10. Selanjutnya memasukkan background iklan, cara memasukkan background iklanpun juga sama dengan cara nomer 9, yaitu dengan cara menyeret gambar yang baru kita buka di photoshop. Agar mudah dalam menyeret gambar, pilih Tool no 3 di gambar Cara Nomer 8 di atas.


Agar Background bisa terletak di bagian bawah, agar tidak menutupi logo kita, silahkan klik + Tahan layer background yang berada pada pojok kanan bawah lalu arahkan ke urutan nomer 2 paling bawah. kalau saya sendiri agar text yang nantinya akan kita tambahkan terlihat jelas, lebih baik background lapangan seperti gambar di atas anda Blur agar tidak menghalangi pandangan text.

untuk Cara ngeblur silahkan klik layer background terlebih dahulu, kemudian klik Menu Filter (berada pada deretan atas photoshop) > Blur > Gaussian Blur. untuk blurnya sendiri bisa anda sesuaikan sesuai background yang anda masukkan ke banner iklan.

11. selanjutnya proses memasukkan text pada banner iklan GIF, pertama klik logo Text samping kiri kemudian Tulis kata-kata banner iklan anda terserah yang penting menarik minat pengunjung nantinya untuk mengklik banner sobat.
untuk pewarnaan silahkan klik 2 x layer text kemudian pilih Color Overlay, tinggal anda pilih warna yang menurut anda cocok & Pas bila di padukan dengan background. (Lihat & Perhatikan Gambar)

 Untuk membuat sebuah iklan GIF kita membutuhkan banyak gambar, di mana gambar tidak akan langsung full penuh dengan kata promosi, namun kita akan menuliskanya secara urut dengan cara menyimpanya 1 per 1 mewakili 1 kalimat promosi juga. jadi buat 1 kata lalu simpan dengan cara Klik Shift + CTRL + S, kemudian namai foto banner pertama anda terserah, saya sarankan menyimpanya dengan nomer mulai dari 1 sampai foto anda yang teragir, simpan dengan format JPEG


12. Nahhh bila kesemua gambar sudah anda buat 1 persatu dengan urut + tataan yang baik pula, silahkan buka aplikasi Photoscape sobat (bila belum punya silahkan cari di Google sangat banyak),
bila anda sudah membukanya silahkan klik pilih menu animated GIF.
13. sekarang cari folder di mana anda menyimpan 1 per 1 gambar yang sebelumnya sudah anda buat di photoshop, bila sudah ketemu klik saja gambar 1 persatu sambil tahan tekan CTRL + KLIK (klik semua gambar yang akan anda jadikan 1 gambar GIF yang bergerak saling berurutan nantinya) bila kesemuanya telah terblok silahkan seret/Drop keseluruhan gambar kedalam photoscape, gambar-gambarpun akan tertata secara rapi di bagian paling atas dan di bawahnya adalah Priview dari gambar GIF yang akan kita buat.

anda bisa menambahkan effect pada semua slide gambar atau hanya 1 gambar dengan cara menekan Change Effect, anda juga bisa mengatur lambat cepatnya silde di bagian Change Time, yang terahir anda bisa merubah ukuran iklan banner GIF secara manual ataupun menurut ukuran default yang telah di sediakan dengan cara menekan Set Canvas Size.


14. Langkah terahir coba simpan dengan menekan tombol Save pada pojok kanan atas , Dan taraaaaaaaaaaa Banner iklan anda pun jadi. sekarang tinggal anda berkordinasi dengan web blog orang/perusahaan lain untuk anda pasangi banner nantinya.


Happy Design!

Tags :
Cara membuat iklan web blog dengan photoshop, membuat iklan gif dengan photoscape, Tutorial membuat banner iklan blog dengan cepat, cara membuat iklan dengan photoshop cs3, cara membuat iklan dengan photoshop, Cara Membuat Banner Iklan Animasi / Bergerak dengan photoshop & photoscape, Banner Iklan dengan photoshop, bikin banner, Cara membuat banner dengan photoshop, Cara Membuat Iklan Animasi Banner Dengan Photoshop

Download Gratis 2 Template Magazine Responsive Sangat Cocok untuk Blog Berita Profesional



Jayati Pedia - Template magazine berplatfrom blogger kini hadir dengan berbagai fitur yang sudah banyak berkembang, mulai dari banyaknya pembuat template magazine yang membuat templatenya menjadi 100% Responsive Design yang tentunya juga semakin menguntungkan pengguna yang datang dari berbagai macam browser, sehingga pengunjungpun akan merasa nyaman dengan tampilan browser yang Friendly.

Membicarakan kedua template ini, ada banyak cerita unik di balik terciptanya 2 template blogger yang menurut saya sangat istimewa, saking istimewanya template ini juga saya gunakan di salah satu blog berita yang saya kelola www.infobolakediri.com

kok bisa istimewa sih?? Ya istimewa lah, template ke-1 di bawah pembuatnya adalah orang indonesia, sedangkan template ke-2 di bawah pembuatnya adalah bloggertheme9.com yang di mana  pembuat kode javascript yang ada di dalam template ini masih ada hubunganya dengan pembuat template no-1, yang dimana pembuat kode javascript ini berhasil membuat sbuah kode javascript yang elegant seo friendly,  entah bagaimana ceritanya kok bisa kode javascript elegant ini bisa sampai pada tangan org luar.

Ke-2 template di bawah merupakan template magazine yang 100% responsive di mana akan menyesukaikan ukuran panjang lebar tampilannya sesuai browser yang di gunakan visitor untuk membukanya. jadi jangan ragu lagi untuk mengoleksi sekaligus menggunakan template magazine  ini yang tampilan + fiturnya sangat profesional tingkat dewa + lengkap untuk kelas template gratis.

1.  Kinder Responsive Blogger Template

Fitur :
  • Magazine Design Layout
  • 3 Columns Layout
  • Ads Banner Ready
  • Popular Post with Thumbnails
  • 4 Column Footer Section
  • SEO Optimized
  • Fully Responsive Design
  • 2 Right Sidebar
  • Header Drop-down Top Menu
  • Popular Browser Compatible
  • Social Buttons
  • Header Search Box
  • 100% Responsive Design
  • Author Bio
  • Related Posts With Thumbnail
  • Best suitable for news and magazine websites
  • Purple and White Color Combination
Di demo template di atas memang terlihat hanya 2 kolom, namun sebenarnya template ini menggunakan 3 kolom, mungkin itu update dari pembuatnya entah dengan alasan apa.. tapi santai saja di atas adalah file template yang masih 3 kolom. agar anda lebih yakin bisa lihat blog saya satunya di sini walaupun masih acak-acak'an.

2. Magzima Responsive Blogger Template
DEMO | DOWNLOAD

Fitur :
  • Magazine Design Layout
  • 3 Columns Layout
  • Ads Banner Ready
  • Recent Coment with Thumbnails
  • 3 Column Footer Section
  • SEO Optimized
  • Fully Responsive Design
  • 2 Right Sidebar
  • Header Drop-down Top Menu
  • Popular Browser Compatible
  • Social Buttons
  • Header Search Box
  • Author Bio
  • Related Posts With Thumbnail
  • Best suitable for news and magazine websites
  • Purple and White Color Combination
  • 100% Responsive Design
Template ini begitu terlihat profesional hingga sangat pantas bila anda jadikan sebagai template di blog berita anda.

Gimana? baguskan templatenya? hehe , cocok banget deh buat kamu yang suka design simple,colorfull,responsive, apalagi dengan fitur selengkap itu, Tapii yang paling penting Template ini tetap 'Gratisss'.. sampai jumpa!

Tags:
download template magazine gratis, download template magazine keren, template magazine wordpress, template magazine joomla, template magazine psd, download template magazine indesign, download template magazine blogspot, download template magazine indesign free, template magazine 2014, download template berita gratis, free template colorfull, template magazine responsive design, download gratis template berita, template blogger 3 kolom, template blogger ads  ready

Jasa Desain Logo WebBlog Profesional & Banner Iklan GIF (Bergerak) Berbagai Ukuran Murah Meriah



Jayati Pedia - Tidak seperti biasanya, kali ini saya akan menawarkan Jasa Pembuatan Logo Web Blog profesional dan jasa pembuatan Iklan Bergerak atau biasa di sebut Iklan GIF.
Jasa ini saya tawarkan bagi anda yang masih enggan membuat logo sendiri karena masih awam dalam dunia Design Grafis.

Harga yang saya Badrollpun cukup bersahabat, Mulai Dari yang paling murah 10.000 Hingga 30.000 itupun sesuai kerumitan Design dan lama waktu pembuatan.

Detail Harga Logo + Banner

  • Logo Web Blog : 25.000

Banner :

  • 468 x 60 : 20.000 rb via pulsa
  • 728 x 90 : 25.000 rb via pulsa
  • 160 x 600 : 30.000 rb via pulsa
  • 300 x 300 + 250 x 250 x 200 x 200 : 25.000 rb via pulsa


Untuk pemesan Logo web blog Silahkan isi Form di bawah Ini





Untuk Pemesanan banner Iklan Bergerak Gif isi Form di bawah ini :




Demo Hasil Design
www.infobolakediri.com | design by jayati pedia
www.jayatistore.blogspot.com | design by jayati pedia

www.jayatistore.blogspot.com | design by jayati pedia
logo jayati pedia
banner iklan 300 x 300 gif
banner iklan gif 200 x 200

banner ikla gif 468 x 60

banner ilklan gif 728 x 90

banner iklan gif 160 x 600

Untuk Alternatif pemesanan silahkan hubungi nomer 083  851 919 668
atau
Facebook KLIKDISINI

Tags:
jasa design logo web blog murah meriah, jasa design banner iklan Bergerak GIF, jasa desain iklan blog termurah, jasa desain banner iklan gif 468 x 60, 728 x 90, 200 x 200, 300 x 300, 160 x 600 terbaik, desain logo termurah terpercaya, jasa desain logo profesional via pulsa.

5 Template Blogger Premium Gratis Kusus toko online terbaik Di Indonesia



Jayati Pedia - Entah lagi musimnya orang buat toko online atau apa saya sendiri yang ingin membagikan 5 template blogger yang menurut saya sangat istimewa di samping free tanpa bayar, template di bawah masih mempunyai banyak fitur dan kelebihan lainya.

Bedanya kali ini saya 100% akan membagikan template dari Maskolis (sebut saja Idola saya).
yang masih saya pikir sampai sekarang cuma 1, yaitu kenapa template toko online yang kualitas + fiturnya cukup lengkap masih di jual gratis...? Ga tau ah, mungkin saking baiknya Maskolis ngeshare template.

Membahas Kelima Fitur template yang akan saya bagikan ada yang memakai Cara pembelian melalui Paypal di perantarai Fitur Shopping Chart, ada Juga yang menggunakan Fitur Invoice Email yang juga tetap mempertahankan fitur shopping cart atau biasa di sebut keranjang belanja, bahkan ada juga yang tidak menggunakan apa-apa haha.

Kelima template di bawah kesemuanya mempunyai Fitur Slide Show berdasarkan Label maupun Posting terbaru yang secara otomatis akan berjalan . untuk Slide show berdasarkan Label silahkan Isi Kolom bernama Slide Show di Tata Letak  Dasboard Blogger dengan nama label anda.

Yang pasti saya jamin template-template di bawah ini bakal cocok banget buat bisnis toko onlinemu!
Udah pensaran? Scroll aja Mouselu kebawah!

1. Johny Blackstore

Fitur Sudah menggunakan Shopping Chart pembayaran Via Paypal.
DEMO | DOWNLOAD

Kode Posting :
<div class="product_image">
<a class="cloud-zoom" href="url-image.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="url-image.jpg" /></a>
<span class="item_price">$00.00</span></div>
<div class="product_describe">
Description your product.............
</div>


2. Johny MagStore
Fitur Masih sama dengan Johny Blackstore, yaitu menggunakan Shopping Chart pembayaran via Paypal. Template satu ini lebih terlihat bersih + modern

Kode Posting :
<div class="product_image">
<a class="cloud-zoom" href="url-image.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="url-image.jpg" /></a>
<span class="item_price">$00.00</span></div>
<div class="product_describe">
Description your product.............
</div>

DEMO | DOWNLOAD

3. Johny Crott
Fitur Juga menggunakan Shopping Chart Pembayaran juga tetap melalui Paypal, Tampilan Background menggunakan warna gelap dengan paduan warna Oren di Bagian-bagian tertentu.

Kode Posting :
<span class="item_price">$3,000.00</span>


DEMO | DOWNLOAD

4. Johny Sip Deh

Sedikit berbeda template satu ini melakukan pembayaran Via Email atau Invoice Email dan tetap mempertahankan Fitur Shopping Chartnya untuk memudahkan berbelanja lebih dari 1, menggunakan pembayaran Via Email tentunya lebih mudah di akses siapa saja..

DEMO | DOWNLOAD

5. Johny Ganteng Store

DEMO | DOWNLOAD

Nah yang terahir juga tak kalah istimewa, di template ini tidak mempunyai Fitur Shopping Chart demi memudahkan orang yang masih Awam dalam dunia internet, saya sendiri juga sangat suka template terahir satu ini di samping tampilan sederhana tidak ribet template ini juga Fast Loading.
Oh ya untuk menggunakan template ini silahkan Buat page Form pemesanan barang untuk Mengisi link pada Tombol Order nantinya. Ganti Link Form Order bawaan template di Edit Html dengan Link Form Order buatan anda sendiri.

Kode Posting :
<span class="item_price">Rp 1.000.000,00</span>


Demikianlah Kelima template Toko Online terbaik menurut saya, mungkin juga menurut anda (Andai saja) , bila anda ingin info lebih lanjut mengenai Template-template di atas silahkan berkunjung ke web pembuatnya www.maskolis.com

Tags :
Free Download template Toko Online premium gratis, Free Download Template toko Online terbaru, Download gratis template toko Online Shopping chart, Download gratis template toko Online Invoice Email, kumpulan template toko Online terbaik, template toko Online Fitur SlideShow

Baru, 8 Css Simple Tema Mywapblog Terkeren 2014



Jayati Pedia - Sama halnya dengan Template di blogger.com, Kini CSS di mywapblog.com juga banyak di butuhkan oleh para usernya, Apalagi Tren memiliki Sebuah css simple nan elegant di mywapblog sedang banyak di cari-cari banyak penggunanya.

Sama halnya dengan Template di blogger, CSS mwb juga mempengaruhi Loading blog, tampilan blog, dan yang paling penting adalah bisa memanjakan pengunjung dengan tampilan clean simple nan enteng, sehingga pengunjung bisa nyaman membaca sajian artikel di blog kita, Seperti pepatah yang sering di ucapkan para blogger "Pengunjung adalah Raja" jadi jangan sia-siaakan pengunjung yang sedang berkunjung di blog anda, apalagi jangan sampai pengunjung blog anda mengeluh karena tampilan blog yang jelek sehingga mengganggu mereka membaca artikel yang kita sajikan.

Saya hadir disini hanya sekedar membagikan 8 CSS terbaik yang saya kumpulkan dari berbagai sumber, So kali ini saya sudah merangkumnya dalam 8 CSS Simple mywapblog terbaik Versi Jayati Pedia..

Silahkan Copy kode import di bawah sesuai pilihan css yang anda suka di dalam text area :


1. Grad Box Simple Css (Default)
ScreenShot : 
klik untuk memperbesar!
 Kode Import


2. Opera Simple Css (Default)
ScreenShot : 
klik untuk memperbesar
 Kode Import :


3. Niko Simple Css (default)
ScreenShot : 
klik untuk memperbesar
 Kode Import :


4. Blue Simple Css (default)
ScreenShot : 
klik untuk memperbesar
 Kode Import ;


5. Coffe simple Css (bukan berarti bertema kopi)
ScreenShot : 
klik untuk memperbesar
 Kode Import ;


6. Flat Simple Css (default)
ScreenShot : 
klik untuk memperbesar
 Kode Import


7. Smoke Simple Css (Default)
ScreenShot : 
klik untuk memperbesar
 Kode Import


8. LuXx simple Css (Default)
ScreenShot : 
klik untuk memperbesar
 Kode Import


cara pemasangan Css :
Login mywapblog > Masuk Dasbor > Pilih Tema > Aktifkan (default) > klik Sunting css > klik Css kosong > Pastekan kode import > klik Simpan

blog demo screenshot www.theavimovies.pun.bz

So, Enjoy It !

Free MagZone Responsive Blogger template terbaru 2014


DEMO |  DOWNLOAD

Jayati Pedia - Kebutuhan akan template Responsive nan indah memang banyak di cari orang saat ini, nah kali ini saya akan membagikan template Responsive dengan tampilan Profesional nan indah di pandang Mata.
sebelumnya saya sudah membagikan template gratis Responsive lainya yaitu Shoon blogger template.

Magzon blogger template adalah Template gratis juga  responsive yang di desain dengan tampilan bersih dan elegan , Template ini sangat fleksibel dan mudah digunakan. loading cepat, SEO dioptimalkan dan
Dibuat menggunakan HTML5 dan CSS3 teknik terbaru.

Template Features 
  •  Responsive Design 
  • Template 2 Kolom
  • Profesional dan tampilan menakjubkan 
  • SEO Optimized
  • Clean Coded
  • Iklan Siap
  • Satu Sidebar Kanan
  • Bekerja dengan Semua Browser,  
  • 4 Kolom Footer
  • Social Media Sharing Buttons
  • Dan Masih Banyak lagi widget-widget lainya yang telah di sesuaikan.

Free Download Shoon Responsive Blogger Template Seo friendly, Terbaru juli 2014



Jayati Pedia - Shoon Blogger Template adalah template Responsif dan tentunya ramah seo yang sangat sempurna, Template ini Memiliki auto flexslider yang bisa menampilkan posting dengan desain minimalis , label post akan tampil berurutan di atas posting shingga terlihat sangat modern. apalagi Tampilan Template ini Sederhana dengan Desain Modern, di dukung tampilan Mobile yang sangat sempurna dengan, saya sendiripun sangat terkagum dengan keindahan dan kesempurnaan template ini, inilah yang membuat berbeda jauh dari kebanyakan template responsivedi lain.

DEMO | DOWNLOAD

Silahkan click DEMO untuk melihat Template, Klik DOWNLOAD untuk langsung mengunduhnya.

Template ini sangat Cocok untuk blog Download Film, blog berita, blog pribadi dan proyek terkait lainnya. Template ini sangat SEO Friendly, apalagi sudah terbukti template ini bisa membantu posting lebih cepat terindex Oleh Google, Template dirancang untuk mendapatkan pembaca yang maksimal dengan melalui desain template yang minimalis dengan warna yang menenangkan. apalagi Loading Template juga termasuk cepat.

Terlepas dari semua kelebihan di atas, Template ini Memiliki :

     1) Auto Blog Post Secara Ringkas

     2) Auto Image Thumbnail


     3) Css Dan HTML Basis menu Dengan Drop Down

     4) Auto Tanggal di Tenampilkan Di sisi kanan header

     5) Tabs Widget (Powered By Jquery)

     6) Sosial Share Widget (Ditempatkan Footer Posting)

     7) Kustom Error 404 Halaman Dengan Kotak Pencarian (Halaman 404)

     8) Related Post Widget (Ditempatkan Footer Posting)

     9) 3 Iklan Banner Ready (lihat demo)

     10) Meta Keywords Dan Description Support (Official Meta Description Support)

     11) Recent Post Berdasarkan Label

     12) 4 Kolom Footer Lokasi

     13) Widged langganan artikel Oleh email

Berikut adalah beberapa fitur kunci dari Shoon Responsif Template Blogger.

Fitur Template ini :

  •      Desain Sepenuhnya resposive | CHEK
  •      Komentar berurutan
  •      Tersedia kustomisasi
  •      Script Encrypted
  •      Lifetime Template Update
  •      SEO Dioptimalkan
  •      Loading Cepat 


Sedikit ScreenShot Halaman Dalam Template


 Klik add untuk menambahkan Widget baru

 Pengaturan Label

Tata Letak


 Atur Meta Tags


 Sidebar Area
×