Aplikasi Design Grafis
Adobe InDesign adalah perangkat lunak desktop publishing (DTP) yang diproduksi oleh Adobe Systems yang dapat digunakan untuk membuat poster, brosur, bahkan majalah atau buku.
Desainer dan artis merupakan salah satu pengguna utama program ini. InDesign merupakan kompetitor langsung QuarkXPress.
Macromedia FreeHand adalah aplikasi komputer untuk membuat grafik vektor 2 dimensi (penggunaan lambang geometris seperti titik, garis, lengkungan dan poligon untuk merepresentasikan gambar, dikenal dengan pemodelan geometris) diorientasikan untuk pasar pemasaran desktop professional. Telah tersedia untuk Microsoft Windows dan Mac OS X.
Macromedia FreeHand sangatlah mirip dalam pangsa pasar dan fungsionalitasnya dengan Adobe Illustrator. FreeHand diciptakan oleh Altsys dan dilisensikan ke Aldus, yang mengeluarkan versi 1 sampai dengan 4. Ketika Aldus bergabung dengan Adobe Systems, karena tumpang tindih pangsa pasar dengan Adobe Illustrator, maka Adobe mengembalikan FreeHand ke Altsys segera setelah merger (setelah sejumlah intervensi legal oleh Komisi Dagang Federal). Altsys kemudian dibeli oleh Macromedia, yang mengeluarkan FreeHand 5.0, 5.5 (Khusus Mac), 7, 8, 9, 10 dan 11/MX. Pada tahun 2005 Adobe membeli Macromedia, yang secara tak langsung mengembalikan FreeHand ke Adobe.
Sebagai sebuah aplikasi yang fleksibel, FreeHand sering digunakan untuk pembuatan sistem layout halaman, pembuatan dan pengeditan grafik vektor untuk printing dan web.
Versi terbarunya, FreeHand 11, dipasarkan sebagai FreeHand MXa, yang menunjukkan integrasinya dengan garis produk Macromedia MX, yang juga meliputi Macromedia Flash, Macromedia Dreamweaver, dan Macromedia Fireworks, serta masih banyak lagi yang lainnya.
After effects adalah sebuah software yang sangat profesional untuk kebutuhan Motion Graphic Design. Dengan perpaduan dari bermacam - macam software Design yang telah ada, After Effects menjadi salah satu software Design yang handal. Standart Effects yang mencapai sekitar 50 macam lebih, yang sangat bisa untuk merubah dan menganimasikan obyek. Disamping itu, membuat animasi dengan After Effects, juga bisa dilakukan dengan hanya mengetikkan beberapa kode script yang biasa disebut Expression untuk menghasil pergerakan yang lebih dinamis.
After Effects lebih lengkap fasilitasnya bila kita bandingkan dengan software Video Editing lain. Pada After Effects, terdapat beberapa fasilitas yang dimiliki oleh beber.
3D Studio Max (kadangkala disebut 3ds Max atau hanya MAX) adalah sebuah perangkat lunak grafik vektor 3-dimensi dan animasi, ditulis oleh Autodesk Media & Entertainment (dulunya dikenal sebagai Discreet and Kinetix. Perangkat lunak ini dikembangkan dari pendahulunya 3D Studio fo DOS, tetapi untuk platform Win32. Kinetix kemudian bergabung dengan akuisisi terakhir Autodesk, Discreet Logic. Versi terbaru 3Ds Max pada Juli 2005 adalah 7. 3Ds Max Autodesk 8 diperkirakan akan tersedia pada akhir tahun. Hal ini telah diumumkan oleh Discreet di Siggraph 2005.
Desainer dan artis merupakan salah satu pengguna utama program ini. InDesign merupakan kompetitor langsung QuarkXPress.
Macromedia FreeHand adalah aplikasi komputer untuk membuat grafik vektor 2 dimensi (penggunaan lambang geometris seperti titik, garis, lengkungan dan poligon untuk merepresentasikan gambar, dikenal dengan pemodelan geometris) diorientasikan untuk pasar pemasaran desktop professional. Telah tersedia untuk Microsoft Windows dan Mac OS X.
Macromedia FreeHand sangatlah mirip dalam pangsa pasar dan fungsionalitasnya dengan Adobe Illustrator. FreeHand diciptakan oleh Altsys dan dilisensikan ke Aldus, yang mengeluarkan versi 1 sampai dengan 4. Ketika Aldus bergabung dengan Adobe Systems, karena tumpang tindih pangsa pasar dengan Adobe Illustrator, maka Adobe mengembalikan FreeHand ke Altsys segera setelah merger (setelah sejumlah intervensi legal oleh Komisi Dagang Federal). Altsys kemudian dibeli oleh Macromedia, yang mengeluarkan FreeHand 5.0, 5.5 (Khusus Mac), 7, 8, 9, 10 dan 11/MX. Pada tahun 2005 Adobe membeli Macromedia, yang secara tak langsung mengembalikan FreeHand ke Adobe.
Sebagai sebuah aplikasi yang fleksibel, FreeHand sering digunakan untuk pembuatan sistem layout halaman, pembuatan dan pengeditan grafik vektor untuk printing dan web.
Versi terbarunya, FreeHand 11, dipasarkan sebagai FreeHand MXa, yang menunjukkan integrasinya dengan garis produk Macromedia MX, yang juga meliputi Macromedia Flash, Macromedia Dreamweaver, dan Macromedia Fireworks, serta masih banyak lagi yang lainnya.
After effects adalah sebuah software yang sangat profesional untuk kebutuhan Motion Graphic Design. Dengan perpaduan dari bermacam - macam software Design yang telah ada, After Effects menjadi salah satu software Design yang handal. Standart Effects yang mencapai sekitar 50 macam lebih, yang sangat bisa untuk merubah dan menganimasikan obyek. Disamping itu, membuat animasi dengan After Effects, juga bisa dilakukan dengan hanya mengetikkan beberapa kode script yang biasa disebut Expression untuk menghasil pergerakan yang lebih dinamis.
After Effects lebih lengkap fasilitasnya bila kita bandingkan dengan software Video Editing lain. Pada After Effects, terdapat beberapa fasilitas yang dimiliki oleh beber.
3D Studio Max (kadangkala disebut 3ds Max atau hanya MAX) adalah sebuah perangkat lunak grafik vektor 3-dimensi dan animasi, ditulis oleh Autodesk Media & Entertainment (dulunya dikenal sebagai Discreet and Kinetix. Perangkat lunak ini dikembangkan dari pendahulunya 3D Studio fo DOS, tetapi untuk platform Win32. Kinetix kemudian bergabung dengan akuisisi terakhir Autodesk, Discreet Logic. Versi terbaru 3Ds Max pada Juli 2005 adalah 7. 3Ds Max Autodesk 8 diperkirakan akan tersedia pada akhir tahun. Hal ini telah diumumkan oleh Discreet di Siggraph 2005.
Adobe Photoshop
Adobe Photoshop adalah software pengolah gambar yang sangat powerfull dengan segala fasilitasnya. Hasil gambar olah dengan Adobe Photoshop ini banyak dilihat di berbagai website, brosur, koran, majalah, dan media lainnya.
Mengenal Area Kerja
Jalankan Adobe Photoshop kemudian pilih menu File -> Open. Kemudian pilih buka gambar apa saja.Seringkali letak tool-tool (palette) Adobe Photoshop sudah berubah dimodifikasi oleh pengguna sebelumnya. Untuk mengembalikan letak palette ini gunakan menu Windows -> Workspace -> Reset Palette Location.
Area kerja Adobe Photoshop
A : Menu Bar, berisi perintah utama untuk membuka file, save, mengubah ukuran gambar, filter dan lain-lain.
B : Option, berisi pilihan dari tool yang Anda pilih. Misalnya dipilih kuas/brush, maka ukuran/diameter brush ada di sini.
C : Gambar, menampilkan gambar yang sedang dibuat atau diedit.
D : Pallete Well, cara cepat untuk mengakses palet brushes, tool resets dan Layer Comps. Juga dapat digunakan untuk meletakkan palet yang sering digunakan.
E : Toolbox, berisi tool untuk menyeleksi dan memodifikasi gambar.
F : Palette, berisi jendela-jendela kecil yang di dalamnya terdapat perintah dan pilihan untuk dokumen/gambar yang sedang dikerjakan.
Mengenal Area Kerja
Jalankan Adobe Photoshop kemudian pilih menu File -> Open. Kemudian pilih buka gambar apa saja.Seringkali letak tool-tool (palette) Adobe Photoshop sudah berubah dimodifikasi oleh pengguna sebelumnya. Untuk mengembalikan letak palette ini gunakan menu Windows -> Workspace -> Reset Palette Location.
Area kerja Adobe Photoshop
A : Menu Bar, berisi perintah utama untuk membuka file, save, mengubah ukuran gambar, filter dan lain-lain.
B : Option, berisi pilihan dari tool yang Anda pilih. Misalnya dipilih kuas/brush, maka ukuran/diameter brush ada di sini.
C : Gambar, menampilkan gambar yang sedang dibuat atau diedit.
D : Pallete Well, cara cepat untuk mengakses palet brushes, tool resets dan Layer Comps. Juga dapat digunakan untuk meletakkan palet yang sering digunakan.
E : Toolbox, berisi tool untuk menyeleksi dan memodifikasi gambar.
F : Palette, berisi jendela-jendela kecil yang di dalamnya terdapat perintah dan pilihan untuk dokumen/gambar yang sedang dikerjakan.
Adobe Flash
Adobe Flash (dahulu bernama Macromedia Flash) adalah salah satu perangkat lunak komputer yang merupakan produk unggulan Adobe Systems. Adobe Flash digunakan untuk membuat gambar vektor maupun animasi gambar tersebut. Berkas yang dihasilkan dari perangkat lunak ini mempunyai file extension .swf dan dapat diputar di penjelajah web yang telah dipasangi Adobe Flash Player. Flash menggunakan bahasa pemrograman bernama ActionScript yang muncul pertama kalinya pada Flash 5.
Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0 diluncurkan pada tahun 1996 setelah Macromedia membeli program animasi vektor bernama FutureSplash. Versi terakhir yang diluncurkan di pasaran dengan menggunakan nama 'Macromedia' adalah adalah Macromedia Flash 8. Pada tanggal 3 Desember 2005 Adobe Systems mengakuisisi Macromedia dan seluruh produknya, sehingga nama Macromedia Flash berubah menjadi Adobe Flash.
Adobe Flash merupakan sebuah program yang didesain khusus oleh Adobe dan program aplikasi standar authoring tool professional yang digunakan untuk membuat animasi dan bitmap yang sangat menarik untuk keperluan pembangunan situs web yang interaktif dan dinamis. Flash didesain dengan kemampuan untuk membuat animasi 2 dimensi yang handal dan ringan sehingga flash banyak digunakan untuk membangun dan memberikan efek animasi pada website, CD Interaktif dan yang lainnya. Selain itu aplikasi ini juga dapat digunakan untuk membuat animasi logo, movie, game, pembuatan navigasi pada situs web, tombol animasi, banner, menu interaktif, interaktif form isian, e-card, screen saver dan pembuatan aplikasi-aplikasi web lainnya. Dalam Flash, terdapat teknik-teknik membuat animasi, fasilitas action script, filter, custom easing dan dapat memasukkan video lengkap dengan fasilitas playback FLV. Keunggulan yang dimiliki oleh Flash ini adalah ia mampu diberikan sedikit code pemograman baik yang berjalan sendiri untuk mengatur animasi yang ada didalamnya atau digunakan untuk berkomunikasi dengan program lain seperti HTML, PHP, dan Database dengan pendekatan XML, dapat dikolaborasikan dengan web, karena mempunyai keunggulan antara lain kecil dalam ukuran file outputnya
Movie-movie Flash memiliki ukuran file yang kecil dan dapat ditampilkan dengan ukuran layar yang dapat disesuaikan dengan keingginan. Aplikasi Flash merupakan sebuah standar aplikasi industri perancangan animasi web dengan peningkatan pengaturan dan perluasan kemampuan integrasi yang lebih baik. Banyak fiture-fiture baru dalam Flash yang dapat meningkatkan kreativitas dalam pembuatan isi media yang kaya dengan memanfaatkan kemampuan aplikasi tersebut secara maksimal. Fiture-fiture baru ini membantu kita lebih memusatkan perhatian pada desain yang dibuat secara cepat, bukannya memusatkan pada cara kerja dan penggunaan aplikasi tersebut. Flash juga dapat digunakan untuk mengembangkan secara cepat aplikasi-aplikasi web yang kaya dengan pembuatan script tingkat lanjut. Di dalam aplikasinya juga tersedia sebuah alat untuk men-debug script. Dengan menggunakan Code hint untuk mempermudah dan mempercepat pembuatan dan pengembangan isi ActionScript secara otomatis.
Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0 diluncurkan pada tahun 1996 setelah Macromedia membeli program animasi vektor bernama FutureSplash. Versi terakhir yang diluncurkan di pasaran dengan menggunakan nama 'Macromedia' adalah adalah Macromedia Flash 8. Pada tanggal 3 Desember 2005 Adobe Systems mengakuisisi Macromedia dan seluruh produknya, sehingga nama Macromedia Flash berubah menjadi Adobe Flash.
Adobe Flash merupakan sebuah program yang didesain khusus oleh Adobe dan program aplikasi standar authoring tool professional yang digunakan untuk membuat animasi dan bitmap yang sangat menarik untuk keperluan pembangunan situs web yang interaktif dan dinamis. Flash didesain dengan kemampuan untuk membuat animasi 2 dimensi yang handal dan ringan sehingga flash banyak digunakan untuk membangun dan memberikan efek animasi pada website, CD Interaktif dan yang lainnya. Selain itu aplikasi ini juga dapat digunakan untuk membuat animasi logo, movie, game, pembuatan navigasi pada situs web, tombol animasi, banner, menu interaktif, interaktif form isian, e-card, screen saver dan pembuatan aplikasi-aplikasi web lainnya. Dalam Flash, terdapat teknik-teknik membuat animasi, fasilitas action script, filter, custom easing dan dapat memasukkan video lengkap dengan fasilitas playback FLV. Keunggulan yang dimiliki oleh Flash ini adalah ia mampu diberikan sedikit code pemograman baik yang berjalan sendiri untuk mengatur animasi yang ada didalamnya atau digunakan untuk berkomunikasi dengan program lain seperti HTML, PHP, dan Database dengan pendekatan XML, dapat dikolaborasikan dengan web, karena mempunyai keunggulan antara lain kecil dalam ukuran file outputnya
Movie-movie Flash memiliki ukuran file yang kecil dan dapat ditampilkan dengan ukuran layar yang dapat disesuaikan dengan keingginan. Aplikasi Flash merupakan sebuah standar aplikasi industri perancangan animasi web dengan peningkatan pengaturan dan perluasan kemampuan integrasi yang lebih baik. Banyak fiture-fiture baru dalam Flash yang dapat meningkatkan kreativitas dalam pembuatan isi media yang kaya dengan memanfaatkan kemampuan aplikasi tersebut secara maksimal. Fiture-fiture baru ini membantu kita lebih memusatkan perhatian pada desain yang dibuat secara cepat, bukannya memusatkan pada cara kerja dan penggunaan aplikasi tersebut. Flash juga dapat digunakan untuk mengembangkan secara cepat aplikasi-aplikasi web yang kaya dengan pembuatan script tingkat lanjut. Di dalam aplikasinya juga tersedia sebuah alat untuk men-debug script. Dengan menggunakan Code hint untuk mempermudah dan mempercepat pembuatan dan pengembangan isi ActionScript secara otomatis.
Membuat Tulisan Berefek Marquee
Sobat blogger semua pasti pernah melihat gaya tulisan yang bergerak-gerak pindah dari sebelah kanan kekiri sisi tulisannya. Sebenarnya caranya mudah, untuk membuat tulisan yang bergerak anda tinggal menyisipkan kata atau kalimat diantara kode marque. Contoh penulisannya seperti ini :
marquee align="center" direction="right" scrollamount="2" width="30%" height="200">
THIS IS MY BLOG - WHAT ABOUT YOUR BLOG ???
marquee
Keterangan
Diawal dan diakhir script harus di tambah dengan tanda buka panah dan tutup panah
Gimana mudahkan Tutorialnya ya udah sampai disini duluh pembahasan kita pada kesempatan sekarang ini, dan sampai jumpa pada pembahasan berikutnya. Dan kalau ada pertanyaan silahkan isikan pada kotak komentar di bawah ini !
SEMOGA BERMANFAAT …!!!!
marquee align="center" direction="right" scrollamount="2" width="30%" height="200">
THIS IS MY BLOG - WHAT ABOUT YOUR BLOG ???
marquee
Keterangan
Diawal dan diakhir script harus di tambah dengan tanda buka panah dan tutup panah
Gimana mudahkan Tutorialnya ya udah sampai disini duluh pembahasan kita pada kesempatan sekarang ini, dan sampai jumpa pada pembahasan berikutnya. Dan kalau ada pertanyaan silahkan isikan pada kotak komentar di bawah ini !
SEMOGA BERMANFAAT …!!!!
Memasang Float Image Pada Blog
Menanggapi banyaknya pertanyaan yang datang mengenai cara membuat gambar pojok atau Float Image ini, maka saya berinisiatif untuk membagi trik mengenai cara pemasangan float image ini pada sahabat pembaca setia semua. untuk mengetahui apa itu float image anda dapat melihat contohnya pada gambar pojok yang terdapat di sudut kiri paling bawah blog ini. itu lho gambar bebek yang berlari-lari, nah itulah yang dimaksud dengan float image. Sebenarnya Float image bukanlah hal baru yang lahir pada make over blog. Jauh sebelum sekarang telah banyak orang yang mengetahui tenteng cara memasangnya. Ada beberapa cara yang biasa para blogger tempuh untuk memasang gambar pojok ini. Ada yang memasangnya dengan meminta bantuan kode adiwidget yang dapat dilakukan dengan otomatis dan ada pula yang memasang kode ini secara manual dengan mengcopy paste kodenya ke elemen edit html.
Tetapi pada postingan kali ini saya akan membahas cara manual untuk memasang float image atau gambar pojok ini. Tetapi bagi anda yang ingin mendapatkan bantuan kode dari adi widget silahkan kunjungi disini Nah inilah resep rahasianya :
1. sign in ke blogger
2. sesampainya di dashboard klik [Tata Letak] >> [Edit Html]
3. kemudian di kotak pengeditan Html silahkan anda cari kode ]]> dan setelah ketemu silahkan anda pastekan kode dibawah ini tepat di atas kode ]]> Gunakan ctrl+f untuk menemukan kode diatas dengan mudah
#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
4. Text yang beerwarna merah adalah posisinya, kalau pingin ganti di posisi lain misalnya di sisi pojok kanan bawah tinggal ganti tulisan "left" dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
5. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode /body
Keterangan :
- "http://itanadityablog.blogspot.com" adalah link aku, bisa diganti dengan link lain.
-"http://i496.photobucket.com/albums/rr327/handaka_photo/1MOUSE1.gif" adalah alamat server gambar yang akan dipasang. Bisa diganti dengan alamat server gambar lainnya yang ingin kamu tampilkan.
-selain itu anda juga dapat memasang gambara anda sendiri yang sebelumnya sudah anda upload ke server seperti photo bucket
6. Selamat mencoba !!!!!
Tetapi pada postingan kali ini saya akan membahas cara manual untuk memasang float image atau gambar pojok ini. Tetapi bagi anda yang ingin mendapatkan bantuan kode dari adi widget silahkan kunjungi disini Nah inilah resep rahasianya :
1. sign in ke blogger
2. sesampainya di dashboard klik [Tata Letak] >> [Edit Html]
3. kemudian di kotak pengeditan Html silahkan anda cari kode ]]> dan setelah ketemu silahkan anda pastekan kode dibawah ini tepat di atas kode ]]> Gunakan ctrl+f untuk menemukan kode diatas dengan mudah
#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
4. Text yang beerwarna merah adalah posisinya, kalau pingin ganti di posisi lain misalnya di sisi pojok kanan bawah tinggal ganti tulisan "left" dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
5. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode /body
Keterangan :
- "http://itanadityablog.blogspot.com" adalah link aku, bisa diganti dengan link lain.
-"http://i496.photobucket.com/albums/rr327/handaka_photo/1MOUSE1.gif" adalah alamat server gambar yang akan dipasang. Bisa diganti dengan alamat server gambar lainnya yang ingin kamu tampilkan.
-selain itu anda juga dapat memasang gambara anda sendiri yang sebelumnya sudah anda upload ke server seperti photo bucket
6. Selamat mencoba !!!!!
Cara Membuat Link Warna-Warni
Apakah anda pernah melihat tulisan link yang berbentuk tulisan diblog teman anda yang akan memunculkan warna yang berganti-ganti jika cursor blog anda dihadapkan kesana ? jika belum pernah silahkan cobakan diblog saya ini, silahkan hadapkan kursor tetikus anda disalah satu tulisan yang ada tautannya diblog saya, nah anda melihat warnanya berganti-gantikan.
jika anda juga ingin membuat tulisan yang memmiliki tautan yang berwarna warni ini. silahkan ikutilah resep tutorial saya berikut ini :
1. seperti biasanya silahkan sign in duluh kedalam account blogger anda
2. jika sudah berada di dashboard masuk kedalam bagian edit html. caranya klik [Tata Letak] kemudian ambil pilihan [Edit HTML]
3. jika sudah berada dikotak edit HTML coba tekan kombinasi tombol [CTRL + F] dan pastekan koode berikut ini keadalam kotak Find yang terbuka untuk dicari head jika sudah ketemu lalu copy dan paste kode dibawah ini tepat dibawah kode head
4.kalau sudah selesai kira-kira kodenya akan jadi seperti ini
head
5. kalau sudah selesai silahkan klik tombol [save] lalu selesailah pengeditannya.
jika anda juga ingin membuat tulisan yang memmiliki tautan yang berwarna warni ini. silahkan ikutilah resep tutorial saya berikut ini :
1. seperti biasanya silahkan sign in duluh kedalam account blogger anda
2. jika sudah berada di dashboard masuk kedalam bagian edit html. caranya klik [Tata Letak] kemudian ambil pilihan [Edit HTML]
3. jika sudah berada dikotak edit HTML coba tekan kombinasi tombol [CTRL + F] dan pastekan koode berikut ini keadalam kotak Find yang terbuka untuk dicari head jika sudah ketemu lalu copy dan paste kode dibawah ini tepat dibawah kode head
4.kalau sudah selesai kira-kira kodenya akan jadi seperti ini
head
5. kalau sudah selesai silahkan klik tombol [save] lalu selesailah pengeditannya.
Membuat Tittle Bar Berjalan
Sahabat blogger pasti pernah melihat Tittle Blog Teman Anda jalan – jalan, maksudnya tulisan yang ada di bar browser blog milik teman anda tiu bergerak – gerak dari kanan ke kiri.
Tetapi tampaknya masih banyak orang yang belum tahu caranya. Memang sih kalau tidak punya scripnya kita pasti tidak akan dapat melakukan pengeditan blog, apalagi ini masalahnya adalah pengeditan kode html utama blog yaitu pengeditan di bagian edit html template blog. Untuk itulah sekarang saya akan mencoba untuk memaparkan kepada anda scrip htmlnya beserta cara pemakainnya sekaligus agar scrip itu tidak basi karena hanya tersimpan didalam flash disk anda saja. Baiklah begini langkah – langkahnya :
1.masuk ke account blogger anda
2.setelah sampai di Dashboard klik tab [layout] kemudian pilih [Edit Html] untuk memulai pengeditan.
3.copy scrip berikut ini :
4.kemudian pastekan kode tadi diatas kode head yang ada dikotak Edit Html.kemudian tukar tulisan yang berwarna merah diatas dengan URL blog dan Judul blog anda ( boleh juga dengan tulisan lainnya yang anda mau )
5.simpan perubahan yang telah anda lakukan tadi dengan mengklik tombol [save template] yang ada, kemudian untuk melihat hasilnya refresh jendela blog anda atau buka di tab baru dengan mengklik link View Blog yang ada.
6.Selamat Mencoba !!!!!
Tetapi tampaknya masih banyak orang yang belum tahu caranya. Memang sih kalau tidak punya scripnya kita pasti tidak akan dapat melakukan pengeditan blog, apalagi ini masalahnya adalah pengeditan kode html utama blog yaitu pengeditan di bagian edit html template blog. Untuk itulah sekarang saya akan mencoba untuk memaparkan kepada anda scrip htmlnya beserta cara pemakainnya sekaligus agar scrip itu tidak basi karena hanya tersimpan didalam flash disk anda saja. Baiklah begini langkah – langkahnya :
1.masuk ke account blogger anda
2.setelah sampai di Dashboard klik tab [layout] kemudian pilih [Edit Html] untuk memulai pengeditan.
3.copy scrip berikut ini :
4.kemudian pastekan kode tadi diatas kode head yang ada dikotak Edit Html.kemudian tukar tulisan yang berwarna merah diatas dengan URL blog dan Judul blog anda ( boleh juga dengan tulisan lainnya yang anda mau )
5.simpan perubahan yang telah anda lakukan tadi dengan mengklik tombol [save template] yang ada, kemudian untuk melihat hasilnya refresh jendela blog anda atau buka di tab baru dengan mengklik link View Blog yang ada.
6.Selamat Mencoba !!!!!
Modifikasi Bingkai Foto Profil
Blogger menyediakan sebuah layanan bermanfaat bagi para pengelolanya untuk dapat mempublikasikan profil lengkapnya melalui sebuah media dengan tampilan photo autor kedalam blog yang dikelolanya. Dengan menggunakan fasilitas ini para penikmat blog dimungkinkan untuk dapat melihat data atau profil pengelola blog yang dibacanya itu. Defaultnya photo profile itu ditampilkan dalam bentuk kotak sederhana. Nah sekaranglah saatnya bagi anda untuk mempercantik tampilan photo itu dengan memberikan efek bingkai pada bagian pinggir photo. Dan untuk melakukan itu mari ikuti tutorial berikut ini dengan cermat :
1. Sig in di blogger
2. Klik menu Template
3. Klik menu Edit HTML
4. kemudian sebelum melakukan pengeditan di bagian edit HTML sebaiknya back Up dulu template anda dengan cara mengklik pilihan ( Down Load Template Lengkap) Yang ada dibagian atas edit HTML. Kemudian save
5. Cari kode dibawah ini untuk template mode klasik dan ubah angka yang berwarna biru menjadi nilai yang lebih besar :
.profile-img img {
float:left;
padding:4px;
border:1px solid #000;
margin:0 8px 3px 0;
}
6.Atau cari kode ini untuk template mode baru dengan terlebih dahulu memberikan tanda centang pada kotak kecil yang berada disamping ( tulisan Expand Template Widget). berada diatas kotak edit HTML
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}
7. Ganti nilai border yang berwarna biru diatas dengan nilai yang lebih besar. Contohnya diganti dengan angka 5.
8.kemudian klik pratinjau untuk memastiakan berhasil atau tidaknya pengeditan kita.
9.selamat mencoba …!!!!!
Keterangan :
border:1px solid #000; --> yang berwarna biru (1px) artinya lebar bingkai photo adalah 1px. Jika anda ingin bingkainya tampak lebih jelas ganti dengan angka yang lebih besar.
1px solid #000 --> yang berwarna hijau(#000) artinya kode untuk bingkai yang berwarna hitam, jika anda merasa tidak cocok silakan ganti dengan kode warna lain
Tulisan Solid --> yang berwarna merah adalah model bingkai fotonya anda dapat menggantinya dengan model bingkai lain.
1. Sig in di blogger
2. Klik menu Template
3. Klik menu Edit HTML
4. kemudian sebelum melakukan pengeditan di bagian edit HTML sebaiknya back Up dulu template anda dengan cara mengklik pilihan ( Down Load Template Lengkap) Yang ada dibagian atas edit HTML. Kemudian save
5. Cari kode dibawah ini untuk template mode klasik dan ubah angka yang berwarna biru menjadi nilai yang lebih besar :
.profile-img img {
float:left;
padding:4px;
border:1px solid #000;
margin:0 8px 3px 0;
}
6.Atau cari kode ini untuk template mode baru dengan terlebih dahulu memberikan tanda centang pada kotak kecil yang berada disamping ( tulisan Expand Template Widget). berada diatas kotak edit HTML
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}
7. Ganti nilai border yang berwarna biru diatas dengan nilai yang lebih besar. Contohnya diganti dengan angka 5.
8.kemudian klik pratinjau untuk memastiakan berhasil atau tidaknya pengeditan kita.
9.selamat mencoba …!!!!!
Keterangan :
border:1px solid #000; --> yang berwarna biru (1px) artinya lebar bingkai photo adalah 1px. Jika anda ingin bingkainya tampak lebih jelas ganti dengan angka yang lebih besar.
1px solid #000 --> yang berwarna hijau(#000) artinya kode untuk bingkai yang berwarna hitam, jika anda merasa tidak cocok silakan ganti dengan kode warna lain
Tulisan Solid --> yang berwarna merah adalah model bingkai fotonya anda dapat menggantinya dengan model bingkai lain.
Cara memasukkan musik mp3 ke dalam blog
Kemudian anda pilih lagu yang anda suka di blog tersebut. Setelah anda menemukan lagu / musik mp3 yang anda suka maka sekarang anda tinggal mengcopy code HTML yang tersedia dibawah musik / lagu tersebut. Dan masukkan atau paste kan kedalam blog anda dengan cara :
Masuk ke menu " Layout " blog anda, kemudian pilih menu " Tambahkan Gadget / Add A Gadget " dan pilih lagi pilihan " HTML/JavaScript " kemudian masukkan kode HTML yang anda copy tadi dan jangan lupa anda tekan tombol " Simpan / Save ".
Sekarang blog anda ada mp3nya dan pengunjung blog anda bisa manggut manggut geleng geleng mendengar musik pilihan anda. Oh iya, kode musik ini juga bisa anda masukkan kedalam profile Friendster anda, caranya pun cukup mudah, tinggal pastekan kode HTML musik tersebut kedalam Mediabox friendster anda.
Mengenal Flash
Sebaiknya kita mengenal Flash sebelum mempelajarinya. Pada awalnya Flash merupakan program aplikasi keluaran Macromedia. Macromedia memproduksi Flash sampai versi Flash 8. Setelah itu Macromedia diakuisisi oleh Adobe, dan versi kelanjutan Flash menjadi Adobe Flash CS3.Meskipun telah diakuisisi Adobe, program Flash tidak berubah total.
Jendela kerja Flash terdiri dari panggung (stage) dan panel-panel. Panggung merupakan tempat objek diletakan, tempat menggambar dan menganimasi objek. Sedangkan panel disediakan untuk membuat gambar, mengedit gambar, menganimasi, dan pengeditan lainnya.
Panel Toolbox
Toolbox merupakan panel yang berisi tool-tool pengeditan, diantaranya:
Panel Timeline merupakan tempat untuk pembuatan dan pengaturan animasi.
Panel Properties
Panel Properties digunakan untuk mengatur properti dokumen atau objek dalam dokumen. Jika tidak ada objek yang terseleksi, panel ini menampilkan properti dokumen, seperti ukuran panggung, warna latar belakang, dan yang lainnya.
Panel Color
Panel Color digunakan untuk mengelola warna. Panel ini ditampilkan melalui menu Window > Color.
Jendela kerja Flash terdiri dari panggung (stage) dan panel-panel. Panggung merupakan tempat objek diletakan, tempat menggambar dan menganimasi objek. Sedangkan panel disediakan untuk membuat gambar, mengedit gambar, menganimasi, dan pengeditan lainnya.
Panel Toolbox
Toolbox merupakan panel yang berisi tool-tool pengeditan, diantaranya:
- Tool Selection untuk menyeleksi objek.
- Tool Transform untuk menerapkan transformasi objek.
- Tool Rectangle untuk menggambar persegiempat.
- Tool Oval untuk menggambar lingkaran.
- Tool Paint Bucket untuk mewarnai.
- Dan yang lainnya.
Panel Timeline merupakan tempat untuk pembuatan dan pengaturan animasi.
Panel Properties
Panel Properties digunakan untuk mengatur properti dokumen atau objek dalam dokumen. Jika tidak ada objek yang terseleksi, panel ini menampilkan properti dokumen, seperti ukuran panggung, warna latar belakang, dan yang lainnya.
Panel Color
Panel Color digunakan untuk mengelola warna. Panel ini ditampilkan melalui menu Window > Color.
Langganan:
Postingan (Atom)
