Membuat gambar keren di http://www.loonapix.com

Gambar keren di http://www.loonapix.com bisa juga dijadikan sebagai sampul buku atau sebagai Banner di blog teman-teman karena saking kerennya gambar yang di hasilkan.
Selain keren Membuat gambar keren di http://www.loonapix.com adalah gambar dibuat secara online sehingga tidak perlu men-download software ke komputer teman-teman. 
Menu yang ada di http://www.loonapix.com terdiri dari :
  1. Make effect
  2. Add Frame
  3. Add Template
  4. Make Trim
Cotoh gambar yang di hasilkan di http://www.loonapix.com :
Melihat gambar keren silakan :

Royyan


Royyan


Royyan


Royyan


Royyan

Keren kan teman-teman.

Gambar keren

gambar keren

Membuat Banner di LooGix.com GIF SOFTWARE

Selain di mybannermaker.com, tempat membuat Banner secara online dengan hasil  gambar berbentuk Gif adalah LooGix.com.
Menu yang ada di LooGix.com terdiri dari :
  1. Disk
  2. Webcam
  3. Add one more picture
  4. Size
  5. Speed
  6. Generate Animation
1. Disk
Teman-teman Upload-lah file gambar dari komputer teman-teman minimal 3 file gambar.
2. Webcam
Teman-teman bisa Upload file gambar dari Webcam.
3. Add one more picture
Tambahkan file gambar teman-teman sebanyak maksimal 7 file gambar sehingga total ada 10 file gambar. 
4. Size
ada 4 pilihan sub menu Size : 
Userpic 100px wide
Userpic 125px wide
Normal 300px wide
Big 300px wde

5. Speed
ada 5 pilihan sub menu Speed : 
Faster
Fast
Normal
Slow
Slower
6. Generate Animation
Jika 5 langkah sudah selesai, tekan Generate Animation, dengan contoh hasil seperti gambar di bawah ini:
Download Gratis Buku Pelajaran     Perlengkapan Bayi
Setelah gambar di generate, LooGix.com memberikan 4 Kode HTML yang siap dipasang di Blog teman-teman.
Link to this gif:
HTML code for blog:
BBCode for forum:
Direct link:
Kalau royyan memilih tidak menempatkan kode HTML diatas, yang paling praktis adalah klik kanan lalu klik save images as..........
Untuk memasang di blog cukup upload gambar yang di save as tadi.
Untuk efek yang lain teman-teman bisa pilih sendiri dan sekedar catatan efek  yang lain ini sungguh praktis karena teman-teman cukup meng-upload 1 file gambar :
Efek-efek yang ada di LooGix.com.

  • Movie
  • Montley
  • Guggle
  • Zoom
  • Rotation
  • Swirl
  • Black White
  • Explosian
  • RadialBlur
  • Blur
  • Negative
  • Painting
  • Movement

Selamat membuat banner teman-teman.

Membuat Animasi Kursor di totallyfreecursors.com

Untuk mempercantik tampilan Blog, salah satunya adalah membuat animasi kursor.
Penyedia Layanan Animasi Kursor secara online salah satunya adalah totallyfreecursors.com.
Animasi yang disedikan totallyfreecursors.com cukup banyak, diantaranya :
    kursor Rainbow Small Ani
  • Rainbow Small Ani 

    Kursor Tail Heart 1
  • Tail Heart 1

    Kursor Hypnotize 1
  • Hypnotize 1

    Kursor Monkey Ani
  • Monkey Ani

    Kursor Fire Pointer Blue
  • Fire Pointer Blue
  • Dan masih banyak lagi animasi-nya, teman-teman silakan pilih sesuai selera.
Royyan memilih Fire Pointer Blue, karena warnanya yang mencolok.
totallyfreecursors.com menyediakan 2 pilihan kode HTML yaitu :
  1. Kode HTML Kursor Utama
  2. Kode HTML Kursor Rollover
Kode HTML Kursor Utama
Untuk menggunakan kursor ini sebagai kursor utama pada halaman Blog teman-teman, copy dan paste kode ini di mana saja dalam kode HTML Blog teman-teman :

<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Fire Pointer Blue Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/fireblue.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/fireblue.gif"), auto;}</style>

Kode HTML Kursor Roolover
Untuk menggunakan kursor ini sebagai kursor rollover Anda (seperti saat Anda melayang di atas link atau Jika dipasang di Postingan maka jika pindah ke halaman lain animasi tidak bekerja), copy dan paste kode ini setelah kode HTML kursor utama Anda.

<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/fireblue.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/FireBlue.gif"), auto;}</style>

Tetapi karena kode HTML diatas ada gambarAnimasi Kursormaka royyan mencoba modifikasi kode HTML seperti berikut :

<style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/fireblue.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/fireblue.gif"), auto;}</style>
<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/fireblue.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/FireBlue.gif"), auto;}</style>

Petunjuk Pemasangan di Blog:

  1. Ketika Posting teman-teman masuk ke HTML jangan Compose
  2. Copy paste kode HTML di  diatas
  3. Publish, selesai dah

Selamat mencoba teman-teman.

Membuat Slideshow di www.123-slideshow.com

Contoh Hasil Slideshow di http://www.123-slideshow.com/
Lanscape Slideshow 1

Lanscape Slideshow 2

Lanscape Slideshow 3

Upright Slideshow 4
Di www.123-slideshow.com ada 2 (dua) menu yaitu :

1. Landscape Slideshows (4:3)

2. Upright Slideshows (3:4)


Landscape Slideshows (4:3)

Ada 5 (lima) slide show
Contoh hasil slideshow Landscape pada Slideshow 1, Slideshow 2, dan Slideshow 3.
Slideshow ini memerlukan minimal 4 dan maksimal 8 file dalam bentuk JPG aatau PNG.
Upload file teman-teman.
File hasil dari www.123-slideshow.com berbentuk swf
Untuk memasang di blog masih di perlukan 2 langkah lagi.
1. Langkah Pertama
    Upload file swf ke http://ximg.us/
     Contoh hasil dari http://ximg.us/ seperti berikut : 
    http://ximg.us/upload/1355582857.swf
2. Langkah Kedua
    Pasang kode HTML seperti berikut :
<embed quality="high" allowscriptaccess="always" flashvars="alink1=http://soal-matematika-smk.blogspot.com/" type="application/x-shockwave-flash" height="100%" src="http://ximg.us/upload/1355582857.swf" width="100%" wmode="transparent"></embed>

Catatan :
Kode HTML berwarna hijau ganti dengan Link blog teman-teman sedang yang berwarna merah adalah hasil dari http://ximg.us/ .

Di www.123-slideshow.com juga menyertakan Kode HTML, seperti ini teman-teman :

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  codebase="http://active.macromedia.com/flash8/cabs/swflash.cab#version=8,0,0,0"
  id="name" width="360" height="270">
  <param name="movie" value="http://www.yourdomain.com/filname.swf">
  <param name="quality" value="high">
  <param name="wmode" value="transparent">
  <embed name="name" src="http://www.yourdomain.com/filename.swf"
 quality="high" wmode="transparent" width="360" height="270"
  type="application/x-shockwave-flash" 
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash">
  </embed>
</object>

Tetapi royyan sendiri lebih suka kode HTML yang pertama karena lebih ringkas

Upright Slideshows (3:4)

Ada 2 (dua) slide show
Contoh hasil slide show Upright pada Slideshow 4.

Selamat mencoba teman-teman.

Merubah file swf ke gif dengan Magic Swf2Gif

File yang masih berbentuk swf tidak dapat langsung bisa dilihat hasilnya.
Untuk memasang di blog-pun masih diperlukan kode HTML dan upload file tersebut.
Agar file swf dapat langsung dilihat, teman-teman bisa merubah file swf ke gif.
Caranya begini teman-teman :

1. Masuk ke Google
2. Ketik Magicswf2gif
3. Download Magic Swf2Gif di www.effectmatrix.com/swf2gif/ ( coba free trial dulu).
4. Install di Komputer teman-teman
5. Jalankan Magic Swf2Gif 
6. Pilih Menu Add Files, lalu
7. Pilih Menu Convert to Gif
8. Tunggu Proses, setelah itu selesai dah...

Contoh hasil merubah file swf ke gif dengan Magic Swf2Gif adalah seperti ini teman-teman:

1. Picture Banner

2. Picture Banner



3. 80X210 Banner

4. Graphic Banner

Merubah file swf ke gif dengan Magic Swf2Gif, ada kelemahannya teman-teman.
Animasi yang yang ada di file menjadi lambat, atau animasi swf masih lebih bagus dibanding animasi gif.
Coba teman-teman bandingkan banner diatas dengan banner yang ada DISINI

www.123-banner.com Tempat Membuat Flash banner

Melanjutkan Postingan tentang membuat banner, kali ini royyan mencoba membuat flash banner di www.123-banner.com.
Berikut contoh hasil membuat flash banner di www.123-banner.com
1. Picture Banner
2. Picture Banner

3. 80X210 Banner
4. Graphic Banner
5. Peel Banner

Di www.123-banner.com ada 6 (enam) menu yaitu :
  • Graphic Banner
  • Sound Banner
  • Picture Banner
  • Peel Banner
  • 80X210 Banner
  • Sky-Scraper
File hasil dari www.123-banner.com berbentuk swf
Untuk memasang di blog masih di perlukan 2 langkah lagi.
1. Langkah Pertama
    Upload file swf ke http://ximg.us/
    Contoh hasil dari http://ximg.us/ seperti berikut : 
    http://ximg.us/upload/1355582857.swf
2. Langkah Kedua
    Pasang kode HTML seperti berikut :
<embed quality="high" allowscriptaccess="always" flashvars="alink1=http://soal-matematika-smk.blogspot.com/" type="application/x-shockwave-flash" height="100%" src="http://ximg.us/upload/1355582857.swf" width="100%" wmode="transparent"></embed>

Catatan :
Kode HTML berwarna hijau ganti dengan Link blog teman-teman sedang yang berwarna merah adalah hasil dari http://ximg.us/ .

Petunjuk Pemasangan di Blog:

  1. Ketika Posting teman-teman masuk ke HTML jangan Compose
  2. Copy paste kode HTML di  diatas
  3. Publish, selesai dah. 
Selamat mencoba teman-teman.
Untuk Postingan berikutnya adalah Merubah file swf ke gif.

mybannermaker.com Tempat membuat Banner

Postingan yang lalu Royyan telah membicarakan Penempatan Iklan yang Menjengkelkan.
Hal itu bukan berarti royyan anti Iklan atau Banner.
Iklan atau banner bermanfaat bagi teman-teman yang ingin promosi produk atau blog teman-teman.
Iklan / Banner animasi menurut royyan lebih menarik perhatian dibanding yang tidak memakai animasi.
Bagi blogger (ngakunya sich) seperti royyan yang belum belajar photoshop, corel draw, dream weaver, swish yang paling-paling sedikit tahu tentang paint kehadiran sofware pembuat banner sangat diperlukan.
Apalagi sofware ini online dan bisa gratis lagi.
Sebenarnya ada beberapa situs penyedia pembuat banner secara online , seperti :
1. Gif banner : 
  • http://picasion.com
  • http://gickr.com
  • http://www.loogix.com
  • http://mybannermaker.com
2. Flash banner:
  • http://www.flashvortex.com
  • http://www.quickbanner.com
  • http://www.123-banner.com

Tetapi kali ini yang royyan coba bahas mybannermaker.com.
Di mybannermaker.com ada 6 (enam) menu yaitu :
  • Size
  • Background
  • Text
  • Border
  • Effect
  • Save

Size 
Ukuran / size di mybannermaker.com cukup lengkap yaitu ada 23 size
1. Leaderboard / Default Banner (728X90)
2. Medium Rectangle (300X250)
3. Square Pop Up (250X250)
4. Vertical  Rectangle (240X400)
5. Large  Rectangle (336X280)
6. Rectangle (180X150)
7. 3:1 Rectangle (300X100)
8. Full Banner (468X60)
9. Half Banner (234X60)
10. Micro (88X31)
11. Button 1 (120X90)
12. Button 2 (120X60)
13. Verical Banner (120X240)
14. Square Button (120X125)
15. Skyscraper (120X600)
16. Wide Skyscraper (160X600)
17. Half Page Ads (300X600)
18. Square Banner (300X300)
19. Pop Under (720X300) 
20. Extended Leaderboard banner (728X200)
21. Monster Banner (728X400)
22. Photo Sized Banner (728X546)
23. Vertical Photo Sized Banner (546X728)

Background

Gradient

Click on the colored swatch to pick a color.

                                                  Top Color:                      CLICK TO CHOOSE                
                                                  Bottom Color:               CLICK TO CHOOSE                 

Upload Your Own Image


Choose a JPEG, GIF, or PNG image :   Chosse File   No file Chosen                          Upload  

Text
Terdapat sub menu Text, Color, Font, Size, Opacity, Angle dan Positiong

Border
Terdapat sub menu Widht dan Color

Effects
Terdapat sub menu Special Effects dan Overlay

Save
Terdapat sub menu LinkBanner Code OptionsMySpace Banner Code Options dan Facebook Banners

Contoh hasil membuat banner di mybannermaker.com
1. Size Square Button (120X125)
    Background Kartun.JPG
    Text Hillock BRK
    Effect Blinking Text
Banner Kartun di mybannermaker.com

2. Leaderboard / Default Banner (728X90)
    Background Kucing.JPG
    Effect Glitter

Kucing

3. Medium Rectangle (300X250)
    Background Anak SD.JPG
    Effect Black & White
Anak SD

4. Micro (88X31)
    Background Anak SD.JPG
    Text Mexcellent 3 D
    Effect Blinking Text
Anak SD

5. Micro (88X31)
    Text Impact dan Hillock BRK
    Effect Blinking Text
Anak SD

Animasi yang sangat menarik, tetapi kelemahan mybannermaker.com adalah untuk account free selain ukuran Micro (88X31) maka hasil banner masih mencantumkan mybannermaker.com.
Sayang sekali memang, tetapi secara keseluruhan software ini mudah digunakan.
Ya... terutama seperti royyan.
Tetapi jangan lupa teman-teman setelah memiliki banner yang menarik, tempatkan banner agar tidak mengganggu pengunjung blog teman-teman.
Selamat mencoba teman-teman.

Trik Membodohi Teman 1


Mengapa disebut Trik Membodohi teman ?
Jawabanya Klik DISINI

Trik Membodohi Teman 3



Mengapa disebut Trik Membodohi teman ?
Jawabanya Klik DISINI

Trik Membodohi Teman 2



Mengapa disebut Trik Membodohi teman ?
Jawabanya Klik DISINI

Trik Membodohi Teman 4


Mengapa disebut Trik Membodohi teman ?
Jawabanya Klik DISINI

Trik membodohi Teman 5


Mengapa disebut Trik Membodohi teman ?
Jawabanya Klik DISINI

Trik membodohi Teman 6


Mengapa disebut Trik Membodohi teman ? 
Jawabanya Klik DISINI

Trik Membodohi Teman 7

Mengapa disebut Trik Membodohi teman ? 
Jawabanya Klik DISINI

Trik Membodohi Teman 8

Animasi ini akan bekerja jika teman-teman meletakkan kursor dalam kotak animasi kemudian klik.
Efek yang muncul adalah " teman-teman seolah-olah memberi makan kura-kura ".
Kura-kura akan mengikuti makanan yang kita berikan.
Silakan di praktekkan teman-teman.
ANIMASI 1

Kode HTML dari Animasi 1 diatas adalah seperti ini teman-teman :
<a href="http://soal-matematika-smk.blogspot.com/2012/12/trik-membodohi-teman-8.html" target="_blank" title="mau pelihara kura-kura mengikuti mouse kaya gini"></a>[gigya width="416" height="248" quality="high"src="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?"  scale="noscale"  salign="tl" ]<a href="http://soal-matematika-smk.blogspot.com/2012/12/trik-membodohi-teman-8.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a>

Tapi tunggu dulu, teman-teman simak terlebih dulu Animasi 2 berikut :
ANIMASI 2
Kode HTML dari Animasi 2 diatas adalah seperti ini teman-teman :
<object data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?" height="248" style="outline: none;" type="application/x-shockwave-flash" width="416"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?"></param>
<param name="AllowScriptAccess" value="always"></param>
<param name="wmode" value="opaque"></param>
<param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Kalau teman-teman berkenan mencoba ke-2 Kode HTML diatas, maka Animasi yang di hasilkan tidak jauh beda.
Lalu apa yang membuat beda teman-teman ?
Kalau teman-teman sudah tahu, ya syukur.
Tapi kalau belum tahu, Royyan kasih tahu ya...
  1. Kode HTML Animasi 1 menyertakan Link aktif ke Blog ini, sebaliknya kode HTML Animasi 2 tidak menyertakan Link aktif ke Blog ini.
  2. Animasi 1 tidak responsif karena ada link yang mengarah ke blog ini sehingga animasi tidak 100 % bekerja seperti Animasi 2.
Kode HTML 1 biasanya diinformasikan blogger yang kurang baik sebagi trik membodohi teman.
Jadi... sebelum copy caste kode HTML sebaiknya teman-teman berhati-hati ya,
Sebab tanpa kita sadari kita sudah memberi link gratis ke pemberi informasi kode HTML dan animasi menjadi lambat atau bekerja tidak maksimal.

Petunjuk Pemasangan di Blog:
  1. Ketika Posting teman-teman masuk ke HTML jangan Compose
  2. Copy paste kode HTML di  diatas
  3. Publish, selesai dah.



Arsip Blog

Diberdayakan oleh Blogger.